igniteui-webcomponents 6.3.4 → 6.4.0-alpha.0

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 (261) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/README.md +3 -0
  3. package/components/badge/themes/dark/badge.bootstrap.css.js +1 -1
  4. package/components/badge/themes/dark/badge.bootstrap.css.js.map +1 -1
  5. package/components/badge/themes/dark/badge.fluent.css.js +1 -1
  6. package/components/badge/themes/dark/badge.fluent.css.js.map +1 -1
  7. package/components/badge/themes/dark/badge.indigo.css.js +1 -1
  8. package/components/badge/themes/dark/badge.indigo.css.js.map +1 -1
  9. package/components/badge/themes/dark/badge.material.css.js +1 -1
  10. package/components/badge/themes/dark/badge.material.css.js.map +1 -1
  11. package/components/badge/themes/light/badge.bootstrap.css.js +1 -1
  12. package/components/badge/themes/light/badge.bootstrap.css.js.map +1 -1
  13. package/components/badge/themes/light/badge.fluent.css.js +1 -1
  14. package/components/badge/themes/light/badge.fluent.css.js.map +1 -1
  15. package/components/badge/themes/light/badge.indigo.css.js +1 -1
  16. package/components/badge/themes/light/badge.indigo.css.js.map +1 -1
  17. package/components/badge/themes/light/badge.material.css.js +1 -1
  18. package/components/badge/themes/light/badge.material.css.js.map +1 -1
  19. package/components/badge/themes/light/badge.shared.css.js +1 -1
  20. package/components/badge/themes/light/badge.shared.css.js.map +1 -1
  21. package/components/calendar/base.d.ts +9 -1
  22. package/components/calendar/base.js +21 -2
  23. package/components/calendar/base.js.map +1 -1
  24. package/components/calendar/calendar.d.ts +0 -4
  25. package/components/calendar/calendar.js +0 -5
  26. package/components/calendar/calendar.js.map +1 -1
  27. package/components/calendar/days-view/days-view.d.ts +0 -2
  28. package/components/calendar/days-view/days-view.js +0 -5
  29. package/components/calendar/days-view/days-view.js.map +1 -1
  30. package/components/carousel/carousel.d.ts +19 -2
  31. package/components/carousel/carousel.js +41 -6
  32. package/components/carousel/carousel.js.map +1 -1
  33. package/components/carousel/themes/dark/carousel.indigo.css.js +1 -1
  34. package/components/carousel/themes/dark/carousel.indigo.css.js.map +1 -1
  35. package/components/carousel/themes/light/carousel.indigo.css.js +1 -1
  36. package/components/carousel/themes/light/carousel.indigo.css.js.map +1 -1
  37. package/components/carousel/themes/shared/carousel.common.css.js +1 -1
  38. package/components/carousel/themes/shared/carousel.common.css.js.map +1 -1
  39. package/components/carousel/themes/shared/carousel.indigo.css.js +1 -1
  40. package/components/carousel/themes/shared/carousel.indigo.css.js.map +1 -1
  41. package/components/carousel/themes/shared/indicator-container/indicator-container.common.css.js +1 -1
  42. package/components/carousel/themes/shared/indicator-container/indicator-container.common.css.js.map +1 -1
  43. package/components/chat/chat-input.d.ts +4 -0
  44. package/components/chat/chat-input.js +29 -5
  45. package/components/chat/chat-input.js.map +1 -1
  46. package/components/chat/chat-state.d.ts +3 -4
  47. package/components/chat/chat-state.js +4 -23
  48. package/components/chat/chat-state.js.map +1 -1
  49. package/components/chat/chat.d.ts +1 -1
  50. package/components/chat/chat.js +22 -20
  51. package/components/chat/chat.js.map +1 -1
  52. package/components/chat/themes/chat.base.css.js +1 -1
  53. package/components/chat/themes/chat.base.css.js.map +1 -1
  54. package/components/chat/utils.js +3 -0
  55. package/components/chat/utils.js.map +1 -1
  56. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js +1 -1
  57. package/components/checkbox/themes/dark/checkbox/checkbox.fluent.css.js.map +1 -1
  58. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js +1 -1
  59. package/components/checkbox/themes/light/checkbox/checkbox.fluent.css.js.map +1 -1
  60. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js +1 -1
  61. package/components/checkbox/themes/light/checkbox/checkbox.shared.css.js.map +1 -1
  62. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js +1 -1
  63. package/components/checkbox/themes/shared/checkbox/checkbox.bootstrap.css.js.map +1 -1
  64. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js +1 -1
  65. package/components/checkbox/themes/shared/checkbox/checkbox.common.css.js.map +1 -1
  66. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js +1 -1
  67. package/components/checkbox/themes/shared/checkbox/checkbox.fluent.css.js.map +1 -1
  68. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js +1 -1
  69. package/components/checkbox/themes/shared/checkbox/checkbox.indigo.css.js.map +1 -1
  70. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js +1 -1
  71. package/components/checkbox/themes/shared/checkbox/checkbox.material.css.js.map +1 -1
  72. package/components/chip/chip.d.ts +13 -0
  73. package/components/chip/chip.js +29 -2
  74. package/components/chip/chip.js.map +1 -1
  75. package/components/chip/themes/chip.base.css.js +1 -1
  76. package/components/chip/themes/chip.base.css.js.map +1 -1
  77. package/components/chip/themes/shared/chip.bootstrap.css.js +1 -1
  78. package/components/chip/themes/shared/chip.bootstrap.css.js.map +1 -1
  79. package/components/chip/themes/shared/chip.common.css.js +1 -1
  80. package/components/chip/themes/shared/chip.common.css.js.map +1 -1
  81. package/components/chip/themes/shared/chip.fluent.css.js +1 -1
  82. package/components/chip/themes/shared/chip.fluent.css.js.map +1 -1
  83. package/components/chip/themes/shared/chip.indigo.css.js +1 -1
  84. package/components/chip/themes/shared/chip.indigo.css.js.map +1 -1
  85. package/components/combo/combo.d.ts +22 -1
  86. package/components/combo/combo.js +38 -4
  87. package/components/combo/combo.js.map +1 -1
  88. package/components/combo/operations/group.d.ts +0 -1
  89. package/components/combo/operations/group.js +19 -23
  90. package/components/combo/operations/group.js.map +1 -1
  91. package/components/combo/themes/combo-header.base.css.js +1 -1
  92. package/components/combo/themes/combo-header.base.css.js.map +1 -1
  93. package/components/combo/themes/combo-item.base.css.js +1 -1
  94. package/components/combo/themes/combo-item.base.css.js.map +1 -1
  95. package/components/combo/themes/combo.base.css.js +1 -1
  96. package/components/combo/themes/combo.base.css.js.map +1 -1
  97. package/components/combo/themes/shared/combo.bootstrap.css.js +1 -1
  98. package/components/combo/themes/shared/combo.bootstrap.css.js.map +1 -1
  99. package/components/combo/themes/shared/combo.fluent.css.js +1 -1
  100. package/components/combo/themes/shared/combo.fluent.css.js.map +1 -1
  101. package/components/combo/themes/shared/combo.indigo.css.js +1 -1
  102. package/components/combo/themes/shared/combo.indigo.css.js.map +1 -1
  103. package/components/combo/themes/shared/combo.material.css.js +1 -1
  104. package/components/combo/themes/shared/combo.material.css.js.map +1 -1
  105. package/components/combo/validators.js +2 -2
  106. package/components/combo/validators.js.map +1 -1
  107. package/components/common/i18n/EN/calendar.resources.js +4 -0
  108. package/components/common/i18n/EN/calendar.resources.js.map +1 -0
  109. package/components/common/i18n/EN/chat.resources.js.map +1 -0
  110. package/components/common/i18n/EN/date-range-picker.resources.js +8 -0
  111. package/components/common/i18n/EN/date-range-picker.resources.js.map +1 -0
  112. package/components/common/i18n/i18n-controller.d.ts +74 -0
  113. package/components/common/i18n/i18n-controller.js +89 -0
  114. package/components/common/i18n/i18n-controller.js.map +1 -0
  115. package/components/common/i18n/utils.d.ts +19 -0
  116. package/components/common/i18n/utils.js +100 -0
  117. package/components/common/i18n/utils.js.map +1 -0
  118. package/components/common/mixins/forms/associated.js +23 -3
  119. package/components/common/mixins/forms/associated.js.map +1 -1
  120. package/components/common/util.d.ts +0 -1
  121. package/components/common/util.js +0 -15
  122. package/components/common/util.js.map +1 -1
  123. package/components/common/validators.d.ts +4 -2
  124. package/components/common/validators.js +19 -13
  125. package/components/common/validators.js.map +1 -1
  126. package/components/date-picker/date-picker.d.ts +13 -8
  127. package/components/date-picker/date-picker.js +20 -6
  128. package/components/date-picker/date-picker.js.map +1 -1
  129. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js +1 -1
  130. package/components/date-picker/themes/dark/date-picker.bootstrap.css.js.map +1 -1
  131. package/components/date-picker/themes/date-picker.base.css.js +1 -1
  132. package/components/date-picker/themes/date-picker.base.css.js.map +1 -1
  133. package/components/date-picker/themes/light/date-picker.bootstrap.css.js +1 -1
  134. package/components/date-picker/themes/light/date-picker.bootstrap.css.js.map +1 -1
  135. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js +1 -1
  136. package/components/date-picker/themes/shared/date-picker.bootstrap.css.js.map +1 -1
  137. package/components/date-picker/themes/shared/date-picker.common.css.js +1 -1
  138. package/components/date-picker/themes/shared/date-picker.common.css.js.map +1 -1
  139. package/components/date-picker/themes/shared/date-picker.fluent.css.js +1 -1
  140. package/components/date-picker/themes/shared/date-picker.fluent.css.js.map +1 -1
  141. package/components/date-picker/themes/shared/date-picker.indigo.css.js +1 -1
  142. package/components/date-picker/themes/shared/date-picker.indigo.css.js.map +1 -1
  143. package/components/date-picker/themes/shared/date-picker.material.css.js +1 -1
  144. package/components/date-picker/themes/shared/date-picker.material.css.js.map +1 -1
  145. package/components/date-picker/validators.js +3 -2
  146. package/components/date-picker/validators.js.map +1 -1
  147. package/components/date-range-picker/date-range-picker.base.css.js +1 -1
  148. package/components/date-range-picker/date-range-picker.base.css.js.map +1 -1
  149. package/components/date-range-picker/date-range-picker.d.ts +6 -2
  150. package/components/date-range-picker/date-range-picker.js +19 -5
  151. package/components/date-range-picker/date-range-picker.js.map +1 -1
  152. package/components/date-range-picker/predefined-ranges-area.d.ts +4 -2
  153. package/components/date-range-picker/predefined-ranges-area.js +12 -3
  154. package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
  155. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js +1 -1
  156. package/components/date-range-picker/themes/dark/date-range-picker.bootstrap.css.js.map +1 -1
  157. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js +1 -1
  158. package/components/date-range-picker/themes/dark/date-range-picker.fluent.css.js.map +1 -1
  159. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js +1 -1
  160. package/components/date-range-picker/themes/dark/date-range-picker.indigo.css.js.map +1 -1
  161. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js +1 -1
  162. package/components/date-range-picker/themes/dark/date-range-picker.material.css.js.map +1 -1
  163. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js +1 -1
  164. package/components/date-range-picker/themes/light/date-range-picker.bootstrap.css.js.map +1 -1
  165. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js +1 -1
  166. package/components/date-range-picker/themes/light/date-range-picker.fluent.css.js.map +1 -1
  167. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js +1 -1
  168. package/components/date-range-picker/themes/light/date-range-picker.indigo.css.js.map +1 -1
  169. package/components/date-range-picker/themes/light/date-range-picker.material.css.js +1 -1
  170. package/components/date-range-picker/themes/light/date-range-picker.material.css.js.map +1 -1
  171. package/components/date-range-picker/themes/light/date-range-picker.shared.css.js +1 -1
  172. package/components/date-range-picker/themes/light/date-range-picker.shared.css.js.map +1 -1
  173. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js +1 -1
  174. package/components/date-range-picker/themes/shared/date-range-picker.bootstrap.css.js.map +1 -1
  175. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js +1 -1
  176. package/components/date-range-picker/themes/shared/date-range-picker.common.css.js.map +1 -1
  177. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js +1 -1
  178. package/components/date-range-picker/themes/shared/date-range-picker.fluent.css.js.map +1 -1
  179. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js +1 -1
  180. package/components/date-range-picker/themes/shared/date-range-picker.indigo.css.js.map +1 -1
  181. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js +1 -1
  182. package/components/date-range-picker/themes/shared/date-range-picker.material.css.js.map +1 -1
  183. package/components/date-range-picker/validators.js +8 -5
  184. package/components/date-range-picker/validators.js.map +1 -1
  185. package/components/date-time-input/date-time-input.d.ts +5 -3
  186. package/components/date-time-input/date-time-input.js +11 -2
  187. package/components/date-time-input/date-time-input.js.map +1 -1
  188. package/components/input/themes/dark/input.bootstrap.css.js +1 -1
  189. package/components/input/themes/dark/input.bootstrap.css.js.map +1 -1
  190. package/components/input/themes/input.base.css.js +1 -1
  191. package/components/input/themes/input.base.css.js.map +1 -1
  192. package/components/input/themes/light/input.bootstrap.css.js +1 -1
  193. package/components/input/themes/light/input.bootstrap.css.js.map +1 -1
  194. package/components/input/themes/shared/input.bootstrap.css.js +1 -1
  195. package/components/input/themes/shared/input.bootstrap.css.js.map +1 -1
  196. package/components/input/themes/shared/input.common.css.js +1 -1
  197. package/components/input/themes/shared/input.common.css.js.map +1 -1
  198. package/components/input/themes/shared/input.fluent.css.js +1 -1
  199. package/components/input/themes/shared/input.fluent.css.js.map +1 -1
  200. package/components/input/themes/shared/input.indigo.css.js +1 -1
  201. package/components/input/themes/shared/input.indigo.css.js.map +1 -1
  202. package/components/input/themes/shared/input.material.css.js +1 -1
  203. package/components/input/themes/shared/input.material.css.js.map +1 -1
  204. package/components/input/validators.js +3 -3
  205. package/components/input/validators.js.map +1 -1
  206. package/components/mask-input/validators.js +2 -2
  207. package/components/mask-input/validators.js.map +1 -1
  208. package/components/radio/validators.js +2 -2
  209. package/components/radio/validators.js.map +1 -1
  210. package/components/select/themes/select.base.css.js +1 -1
  211. package/components/select/themes/select.base.css.js.map +1 -1
  212. package/components/select/themes/shared/select.fluent.css.js +1 -1
  213. package/components/select/themes/shared/select.fluent.css.js.map +1 -1
  214. package/components/select/themes/shared/select.indigo.css.js +1 -1
  215. package/components/select/themes/shared/select.indigo.css.js.map +1 -1
  216. package/components/select/themes/shared/select.material.css.js +1 -1
  217. package/components/select/themes/shared/select.material.css.js.map +1 -1
  218. package/components/textarea/textarea.d.ts +1 -1
  219. package/components/textarea/textarea.js +1 -1
  220. package/components/textarea/textarea.js.map +1 -1
  221. package/components/textarea/themes/dark/textarea.bootstrap.css.js +1 -1
  222. package/components/textarea/themes/dark/textarea.bootstrap.css.js.map +1 -1
  223. package/components/textarea/themes/light/textarea.bootstrap.css.js +1 -1
  224. package/components/textarea/themes/light/textarea.bootstrap.css.js.map +1 -1
  225. package/components/textarea/themes/shared/textarea.bootstrap.css.js +1 -1
  226. package/components/textarea/themes/shared/textarea.bootstrap.css.js.map +1 -1
  227. package/components/textarea/themes/shared/textarea.common.css.js +1 -1
  228. package/components/textarea/themes/shared/textarea.common.css.js.map +1 -1
  229. package/components/textarea/themes/shared/textarea.fluent.css.js +1 -1
  230. package/components/textarea/themes/shared/textarea.fluent.css.js.map +1 -1
  231. package/components/textarea/themes/shared/textarea.indigo.css.js +1 -1
  232. package/components/textarea/themes/shared/textarea.indigo.css.js.map +1 -1
  233. package/components/textarea/themes/shared/textarea.material.css.js +1 -1
  234. package/components/textarea/themes/shared/textarea.material.css.js.map +1 -1
  235. package/components/textarea/themes/textarea.base.css.js +1 -1
  236. package/components/textarea/themes/textarea.base.css.js.map +1 -1
  237. package/components/tile-manager/tile.js.map +1 -1
  238. package/components/tooltip/controller.d.ts +1 -0
  239. package/components/tooltip/controller.js +9 -0
  240. package/components/tooltip/controller.js.map +1 -1
  241. package/components/tooltip/tooltip.js +1 -0
  242. package/components/tooltip/tooltip.js.map +1 -1
  243. package/custom-elements.json +1191 -234
  244. package/igniteui-webcomponents.html-data.json +1 -1
  245. package/index.d.ts +3 -2
  246. package/index.js +3 -2
  247. package/index.js.map +1 -1
  248. package/package.json +1 -1
  249. package/web-types.json +1 -1
  250. package/components/common/i18n/calendar.resources.js +0 -17
  251. package/components/common/i18n/calendar.resources.js.map +0 -1
  252. package/components/common/i18n/chat.resources.js.map +0 -1
  253. package/components/common/i18n/date-range-picker.resources.js +0 -12
  254. package/components/common/i18n/date-range-picker.resources.js.map +0 -1
  255. package/components/common/localization/validation-en.d.ts +0 -13
  256. package/components/common/localization/validation-en.js +0 -13
  257. package/components/common/localization/validation-en.js.map +0 -1
  258. /package/components/common/i18n/{calendar.resources.d.ts → EN/calendar.resources.d.ts} +0 -0
  259. /package/components/common/i18n/{chat.resources.d.ts → EN/chat.resources.d.ts} +0 -0
  260. /package/components/common/i18n/{chat.resources.js → EN/chat.resources.js} +0 -0
  261. /package/components/common/i18n/{date-range-picker.resources.d.ts → EN/date-range-picker.resources.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,krIAAkrI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(start),:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(end),:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(filler),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(start),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(end),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(notch),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host(:not([outlined],[disabled])[readonly]) igc-input::part(container),:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined])[readonly]:hover) igc-date-time-input::part(container),:host(:not([outlined])[readonly]:hover) igc-input::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]:hover) igc-date-time-input::part(container)::after,:host(:not([outlined])[readonly]:hover) igc-input::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]:focus-within) igc-input::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]:focus-within) igc-input::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(label),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input:focus-within::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input:focus-within::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(label),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(filler),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(filler){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid))::part(notch){border-bottom-color:var(--error-secondary-color)}`;\n"]}
1
+ {"version":3,"file":"date-range-picker.material.css.js","sourceRoot":"","sources":["../../../../../src/components/date-range-picker/themes/shared/date-range-picker.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4kJAA4kJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host ::part(helper-text){padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(start),:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(end),:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(filler),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(start),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(end),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(filler){border-color:var(--border-color)}:host(:not(:focus-within)[outlined][readonly]:hover) igc-input::part(notch),:host(:not(:focus-within)[outlined][readonly]:hover) igc-date-time-input::part(notch){border-bottom-color:var(--border-color)}:host(:not([outlined],[disabled])[readonly]) igc-input::part(container),:host(:not([outlined],[disabled])[readonly]) igc-date-time-input::part(container){background:var(--box-background-focus)}:host(:not([outlined])[readonly]:hover) igc-date-time-input::part(container),:host(:not([outlined])[readonly]:hover) igc-input::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined])[readonly]:hover) igc-date-time-input::part(container)::after,:host(:not([outlined])[readonly]:hover) igc-input::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]:focus-within) igc-input::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]:focus-within) igc-input::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:hover::part(container){border-bottom-color:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:hover::part(container)::after{background:var(--idle-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:focus-within::part(container){border-bottom-color:var(--focused-bottom-line-color)}:host(:not(:state(ig-invalid),[outlined])[readonly]) igc-date-time-input:focus-within::part(container)::after{background:var(--focused-bottom-line-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(label),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input:focus-within::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container),:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container){border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-input:focus-within::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input::part(container)::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) igc-date-time-input:focus-within::part(container)::after{background:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(label),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(label){color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-input::part(filler),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(start),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(end),:host(:not([disabled],[readonly])[outlined]:state(ig-invalid)) igc-date-time-input::part(filler){border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly])[outlined]:state(ig-invalid))::part(notch){border-bottom-color:var(--error-secondary-color)}`;\n"]}
@@ -1,10 +1,11 @@
1
1
  import { calendarRange, isDateInRanges } from '../calendar/helpers.js';
2
2
  import { CalendarDay } from '../calendar/model.js';
3
- import messages from '../common/localization/validation-en.js';
3
+ import { validationResourcesKeys } from '../common/i18n/utils.js';
4
4
  import { formatString, isEmpty } from '../common/util.js';
5
5
  export const minDateRangeValidator = {
6
6
  key: 'rangeUnderflow',
7
- message: ({ min }) => formatString(messages.min, min),
7
+ messageResourceKey: validationResourcesKeys.min,
8
+ messageFormat: (message, { min }) => formatString(message, min),
8
9
  isValid: ({ value, min }) => {
9
10
  if (!min) {
10
11
  return true;
@@ -16,7 +17,8 @@ export const minDateRangeValidator = {
16
17
  };
17
18
  export const maxDateRangeValidator = {
18
19
  key: 'rangeOverflow',
19
- message: ({ max }) => formatString(messages.max, max),
20
+ messageResourceKey: validationResourcesKeys.max,
21
+ messageFormat: (message, { max }) => formatString(message, max),
20
22
  isValid: ({ value, max }) => {
21
23
  if (!max) {
22
24
  return true;
@@ -28,14 +30,15 @@ export const maxDateRangeValidator = {
28
30
  };
29
31
  export const requiredDateRangeValidator = {
30
32
  key: 'valueMissing',
31
- message: messages.required,
33
+ messageResourceKey: validationResourcesKeys.required,
32
34
  isValid: ({ required, value }) => {
33
35
  return required ? isCompleteDateRange(value) : true;
34
36
  },
35
37
  };
36
38
  export const badInputDateRangeValidator = {
37
39
  key: 'badInput',
38
- message: ({ value }) => formatString(messages.disabledDate, value),
40
+ messageResourceKey: validationResourcesKeys.disabledDate,
41
+ messageFormat: (message, { value }) => formatString(message, value),
39
42
  isValid: ({ value, disabledDates }) => {
40
43
  if (!isCompleteDateRange(value) ||
41
44
  !disabledDates ||
@@ -1 +1 @@
1
- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"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","sourcesContent":["import { calendarRange, isDateInRanges } from '../calendar/helpers.js';\nimport { CalendarDay } from '../calendar/model.js';\nimport type { DateRangeDescriptor } from '../calendar/types.js';\nimport messages from '../common/localization/validation-en.js';\nimport { formatString, isEmpty } from '../common/util.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\nimport type { DateRangeValue } from './date-range-picker.js';\n\nexport const minDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n min?: Date | null;\n}> = {\n key: 'rangeUnderflow',\n message: ({ min }) => formatString(messages.min, min),\n isValid: ({ value, min }) => {\n if (!min) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, min) < 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, min) < 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const maxDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n max?: Date | null;\n}> = {\n key: 'rangeOverflow',\n message: ({ max }) => formatString(messages.max, max),\n isValid: ({ value, max }) => {\n if (!max) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, max) > 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, max) > 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const requiredDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n}> = {\n key: 'valueMissing',\n message: messages.required,\n isValid: ({ required, value }) => {\n return required ? isCompleteDateRange(value) : true;\n },\n};\n\nexport const badInputDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n disabledDates?: DateRangeDescriptor[];\n}> = {\n key: 'badInput',\n message: ({ value }) => formatString(messages.disabledDate, value),\n isValid: ({ value, disabledDates }) => {\n if (\n !isCompleteDateRange(value) ||\n !disabledDates ||\n isEmpty(disabledDates)\n ) {\n return true;\n }\n\n return Array.from(\n calendarRange({ start: value.start, end: value.end, inclusive: true })\n ).every((date) => !isDateInRanges(date, disabledDates));\n },\n};\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n requiredDateRangeValidator,\n minDateRangeValidator,\n maxDateRangeValidator,\n badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n return value != null && value.start != null && value.end != null;\n}\n"]}
1
+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/date-range-picker/validators.ts"],"names":[],"mappings":"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","sourcesContent":["import { calendarRange, isDateInRanges } from '../calendar/helpers.js';\nimport { CalendarDay } from '../calendar/model.js';\nimport type { DateRangeDescriptor } from '../calendar/types.js';\nimport { validationResourcesKeys } from '../common/i18n/utils.js';\nimport { formatString, isEmpty } from '../common/util.js';\nimport type { Validator } from '../common/validators.js';\nimport type IgcDateRangePickerComponent from './date-range-picker.js';\nimport type { DateRangeValue } from './date-range-picker.js';\n\nexport const minDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n min?: Date | null;\n}> = {\n key: 'rangeUnderflow',\n messageResourceKey: validationResourcesKeys.min,\n messageFormat: (message, { min }) => formatString(message, min),\n isValid: ({ value, min }) => {\n if (!min) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, min) < 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, min) < 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const maxDateRangeValidator: Validator<{\n value?: DateRangeValue | null;\n max?: Date | null;\n}> = {\n key: 'rangeOverflow',\n messageResourceKey: validationResourcesKeys.max,\n messageFormat: (message, { max }) => formatString(message, max),\n isValid: ({ value, max }) => {\n if (!max) {\n return true;\n }\n\n const isStartInvalid =\n value?.start && CalendarDay.compare(value.start, max) > 0;\n const isEndInvalid = value?.end && CalendarDay.compare(value.end, max) > 0;\n\n return !(isStartInvalid || isEndInvalid);\n },\n};\n\nexport const requiredDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n}> = {\n key: 'valueMissing',\n messageResourceKey: validationResourcesKeys.required,\n isValid: ({ required, value }) => {\n return required ? isCompleteDateRange(value) : true;\n },\n};\n\nexport const badInputDateRangeValidator: Validator<{\n required: boolean;\n value: DateRangeValue | null;\n disabledDates?: DateRangeDescriptor[];\n}> = {\n key: 'badInput',\n messageResourceKey: validationResourcesKeys.disabledDate,\n messageFormat: (message, { value }) => formatString(message, value),\n isValid: ({ value, disabledDates }) => {\n if (\n !isCompleteDateRange(value) ||\n !disabledDates ||\n isEmpty(disabledDates)\n ) {\n return true;\n }\n\n return Array.from(\n calendarRange({ start: value.start, end: value.end, inclusive: true })\n ).every((date) => !isDateInRanges(date, disabledDates));\n },\n};\n\nexport const dateRangeValidators: Validator<IgcDateRangePickerComponent>[] = [\n requiredDateRangeValidator,\n minDateRangeValidator,\n maxDateRangeValidator,\n badInputDateRangeValidator,\n];\n\nexport function isCompleteDateRange(\n value: DateRangeValue | null\n): value is { start: Date; end: Date } {\n return value != null && value.start != null && value.end != null;\n}\n"]}
@@ -36,6 +36,7 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
36
36
  static register(): void;
37
37
  protected get __validators(): import("../common/validators.js").Validator<IgcDateTimeInputComponent>[];
38
38
  protected readonly _formValue: import("../common/mixins/forms/form-value.js").FormValue<Date | null>;
39
+ private readonly _i18nController;
39
40
  protected _defaultMask: string;
40
41
  private _oldValue;
41
42
  private _min;
@@ -84,10 +85,11 @@ export default class IgcDateTimeInputComponent extends IgcDateTimeInputComponent
84
85
  */
85
86
  spinLoop: boolean;
86
87
  /**
87
- * The locale settings used to display the value.
88
- * @attr
88
+ * Gets/Sets the locale used for formatting the display value.
89
+ * @attr locale
89
90
  */
90
- locale: string;
91
+ set locale(value: string);
92
+ get locale(): string;
91
93
  protected setDefaultMask(): void;
92
94
  protected setDisplayFormat(): void;
93
95
  protected get hasDateParts(): boolean;
@@ -12,6 +12,7 @@ import { convertToDate } from '../calendar/helpers.js';
12
12
  import { addKeybindings, arrowDown, arrowLeft, arrowRight, arrowUp, ctrlKey, } from '../common/controllers/key-bindings.js';
13
13
  import { watch } from '../common/decorators/watch.js';
14
14
  import { registerComponent } from '../common/definitions/register.js';
15
+ import { addI18nController } from '../common/i18n/i18n-controller.js';
15
16
  import { EventEmitterMixin } from '../common/mixins/event-emitter.js';
16
17
  import { FormValueDateTimeTransformers } from '../common/mixins/forms/form-transformers.js';
17
18
  import { createFormValueState } from '../common/mixins/forms/form-value.js';
@@ -61,6 +62,12 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
61
62
  get max() {
62
63
  return this._max;
63
64
  }
65
+ set locale(value) {
66
+ this._i18nController.locale = value;
67
+ }
68
+ get locale() {
69
+ return this._i18nController.locale;
70
+ }
64
71
  setDefaultMask() {
65
72
  if (!this._inputFormat) {
66
73
  this.updateDefaultMask();
@@ -119,6 +126,9 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
119
126
  initialValue: null,
120
127
  transformers: FormValueDateTimeTransformers,
121
128
  });
129
+ this._i18nController = addI18nController(this, {
130
+ defaultEN: {},
131
+ });
122
132
  this._oldValue = null;
123
133
  this._min = null;
124
134
  this._max = null;
@@ -131,7 +141,6 @@ export default class IgcDateTimeInputComponent extends EventEmitterMixin(IgcMask
131
141
  seconds: 1,
132
142
  };
133
143
  this.spinLoop = true;
134
- this.locale = 'en';
135
144
  addKeybindings(this, {
136
145
  skip: () => this.readOnly,
137
146
  bindingDefaults: { triggers: ['keydownRepeat'] },
@@ -434,7 +443,7 @@ __decorate([
434
443
  ], IgcDateTimeInputComponent.prototype, "spinLoop", void 0);
435
444
  __decorate([
436
445
  property()
437
- ], IgcDateTimeInputComponent.prototype, "locale", void 0);
446
+ ], IgcDateTimeInputComponent.prototype, "locale", null);
438
447
  __decorate([
439
448
  watch('locale', { waitUntilFirstUpdate: true })
440
449
  ], IgcDateTimeInputComponent.prototype, "setDefaultMask", null);
@@ -1 +1 @@
1
- {"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit';\nimport { eventOptions, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { convertToDate } from '../calendar/helpers.js';\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n ctrlKey,\n} from '../common/controllers/key-bindings.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormValueDateTimeTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport type { IgcInputComponentEventMap } from '../input/input-base.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskSelection,\n} from '../mask-input/mask-input-base.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n DatePart,\n type DatePartDeltas,\n type DatePartInfo,\n DateParts,\n DateTimeUtil,\n} from './date-util.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport interface IgcDateTimeInputComponentEventMap\n extends Omit<IgcInputComponentEventMap, 'igcChange'> {\n igcChange: CustomEvent<Date | null>;\n}\n\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n IgcDateTimeInputComponentEventMap,\n AbstractConstructor<IgcMaskInputBaseComponent>\n>(IgcMaskInputBaseComponent) {\n public static readonly tagName = 'igc-date-time-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n IgcDateTimeInputComponent,\n IgcValidationContainerComponent\n );\n }\n\n protected override get __validators() {\n return dateTimeInputValidators;\n }\n\n protected override readonly _formValue = createFormValueState(this, {\n initialValue: null,\n transformers: FormValueDateTimeTransformers,\n });\n\n protected _defaultMask!: string;\n private _oldValue: Date | null = null;\n private _min: Date | null = null;\n private _max: Date | null = null;\n\n private _inputDateParts!: DatePartInfo[];\n private _inputFormat!: string;\n private _datePartDeltas: DatePartDeltas = {\n date: 1,\n month: 1,\n year: 1,\n hours: 1,\n minutes: 1,\n seconds: 1,\n };\n\n /**\n * The date format to apply on the input.\n * @attr input-format\n */\n @property({ attribute: 'input-format' })\n public get inputFormat(): string {\n return this._inputFormat || this._defaultMask;\n }\n\n public set inputFormat(val: string) {\n if (val) {\n this.setMask(val);\n this._inputFormat = val;\n if (this.value) {\n this.updateMask();\n }\n }\n }\n\n public get value(): Date | null {\n return this._formValue.value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n /**\n * The value of the input.\n * @attr\n */\n @property({ converter: convertToDate })\n public set value(value: Date | string | null | undefined) {\n this._formValue.setValueAndFormState(value as Date | null);\n this.updateMask();\n }\n\n /**\n * The minimum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: convertToDate })\n public set min(value: Date | string | null | undefined) {\n this._min = convertToDate(value);\n this._validate();\n }\n\n public get min(): Date | null {\n return this._min;\n }\n\n /**\n * The maximum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: convertToDate })\n public set max(value: Date | string | null | undefined) {\n this._max = convertToDate(value);\n this._validate();\n }\n\n public get max(): Date | null {\n return this._max;\n }\n\n /**\n * Format to display the value in when not editing.\n * Defaults to the input format if not set.\n * @attr display-format\n */\n @property({ attribute: 'display-format' })\n public displayFormat!: string;\n\n /**\n * Delta values used to increment or decrement each date part on step actions.\n * All values default to `1`.\n */\n @property({ attribute: false })\n public spinDelta!: DatePartDeltas;\n\n /**\n * Sets whether to loop over the currently spun segment.\n * @attr spin-loop\n */\n @property({ type: Boolean, attribute: 'spin-loop' })\n public spinLoop = true;\n\n /**\n * The locale settings used to display the value.\n * @attr\n */\n @property()\n public locale = 'en';\n\n @watch('locale', { waitUntilFirstUpdate: true })\n protected setDefaultMask(): void {\n if (!this._inputFormat) {\n this.updateDefaultMask();\n this.setMask(this._defaultMask);\n }\n\n if (this.value) {\n this.updateMask();\n }\n }\n\n @watch('displayFormat', { waitUntilFirstUpdate: true })\n protected setDisplayFormat(): void {\n if (this.value) {\n this.updateMask();\n }\n }\n\n protected get hasDateParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n\n return parts.some(\n (p) =>\n p.type === DateParts.Date ||\n p.type === DateParts.Month ||\n p.type === DateParts.Year\n );\n }\n\n protected get hasTimeParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n return parts.some(\n (p) =>\n p.type === DateParts.Hours ||\n p.type === DateParts.Minutes ||\n p.type === DateParts.Seconds\n );\n }\n\n private get targetDatePart(): DatePart | undefined {\n let result: DatePart | undefined;\n\n if (this._focused) {\n const partType = this._inputDateParts.find(\n (p) =>\n p.start <= this._inputSelection.start &&\n this._inputSelection.start <= p.end &&\n p.type !== DateParts.Literal\n )?.type as string as DatePart;\n\n if (partType) {\n result = partType;\n }\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {\n result = DatePart.Date;\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {\n result = DatePart.Hours;\n } else {\n result = this._inputDateParts[0].type as string as DatePart;\n }\n\n return result;\n }\n\n private get datePartDeltas(): DatePartDeltas {\n return Object.assign({}, this._datePartDeltas, this.spinDelta);\n }\n\n constructor() {\n super();\n\n addKeybindings(this, {\n skip: () => this.readOnly,\n bindingDefaults: { triggers: ['keydownRepeat'] },\n })\n .set([ctrlKey, ';'], this.setToday)\n .set(arrowUp, this.keyboardSpin.bind(this, 'up'))\n .set(arrowDown, this.keyboardSpin.bind(this, 'down'))\n .set([ctrlKey, arrowLeft], this.navigateParts.bind(this, 0))\n .set([ctrlKey, arrowRight], this.navigateParts.bind(this, 1));\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.updateDefaultMask();\n this.setMask(this.inputFormat);\n if (this.value) {\n this.updateMask();\n }\n }\n\n /** Increments a date/time portion. */\n public stepUp(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this._inputSelection;\n const newValue = this.trySpinValue(targetPart, delta);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Decrements a date/time portion. */\n public stepDown(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this._inputSelection;\n const newValue = this.trySpinValue(targetPart, delta, true);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Clears the input element of user input. */\n public clear(): void {\n this._maskedValue = '';\n this.value = null;\n }\n\n protected setToday() {\n this.value = new Date();\n this._fireInputEvent();\n }\n\n protected updateMask() {\n if (this._focused) {\n this._maskedValue = this.getMaskedValue();\n } else {\n if (!DateTimeUtil.isValidDate(this.value)) {\n this._maskedValue = '';\n return;\n }\n\n const format = this.displayFormat || this.inputFormat;\n\n if (this.displayFormat) {\n this._maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format,\n true\n );\n } else if (this.inputFormat) {\n this._maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format\n );\n } else {\n this._maskedValue = this.value.toLocaleString();\n }\n }\n }\n\n private _fireInputEvent(): void {\n this._setTouchedState();\n this.emitEvent('igcInput', { detail: this.value?.toString() });\n }\n\n protected handleDragLeave() {\n if (!this._focused) {\n this.updateMask();\n }\n }\n\n protected handleDragEnter() {\n if (!this._focused) {\n this._maskedValue = this.getMaskedValue();\n }\n }\n\n protected async _updateInput(\n text: string,\n { start, end }: MaskSelection\n ): Promise<void> {\n const result = this._parser.replace(this._maskedValue, text, start, end);\n\n this._maskedValue = result.value;\n\n this.updateValue();\n this.requestUpdate();\n\n if (start !== this.inputFormat.length) {\n this._fireInputEvent();\n }\n\n await this.updateComplete;\n this.input.setSelectionRange(result.end, result.end);\n }\n\n private trySpinValue(\n datePart: DatePart,\n delta?: number,\n negative = false\n ): Date {\n // default to 1 if a delta is set to 0 or any other falsy value\n const _delta =\n delta || this.datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n\n const spinValue = negative ? -Math.abs(_delta) : Math.abs(_delta);\n return this.spinValue(datePart, spinValue);\n }\n\n private spinValue(datePart: DatePart, delta: number): Date {\n if (!(this.value && DateTimeUtil.isValidDate(this.value))) {\n return new Date();\n }\n\n const newDate = new Date(this.value.getTime());\n let formatPart: DatePartInfo | undefined;\n let amPmFromMask: string;\n\n switch (datePart) {\n case DatePart.Date:\n DateTimeUtil.spinDate(delta, newDate, this.spinLoop);\n break;\n case DatePart.Month:\n DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);\n break;\n case DatePart.Year:\n DateTimeUtil.spinYear(delta, newDate);\n break;\n case DatePart.Hours:\n DateTimeUtil.spinHours(delta, newDate, this.spinLoop);\n break;\n case DatePart.Minutes:\n DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);\n break;\n case DatePart.Seconds:\n DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);\n break;\n case DatePart.AmPm:\n formatPart = this._inputDateParts.find(\n (dp) => dp.type === DateParts.AmPm\n );\n if (formatPart !== undefined) {\n amPmFromMask = this._maskedValue.substring(\n formatPart!.start,\n formatPart!.end\n );\n return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);\n }\n break;\n }\n\n return newDate;\n }\n\n @eventOptions({ passive: false })\n private async onWheel(event: WheelEvent) {\n if (!this._focused || this.readOnly) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const { start, end } = this._inputSelection;\n event.deltaY > 0 ? this.stepDown() : this.stepUp();\n this._fireInputEvent();\n\n await this.updateComplete;\n this.setSelectionRange(start, end);\n }\n\n private updateDefaultMask(): void {\n this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n }\n\n private setMask(string: string): void {\n const oldFormat = this._inputDateParts?.map((p) => p.format).join('');\n this._inputDateParts = DateTimeUtil.parseDateTimeFormat(string);\n const value = this._inputDateParts.map((p) => p.format).join('');\n\n this._defaultMask = value;\n\n const newMask = (value || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(\n new RegExp(/(?=[^t])[\\w]/, 'g'),\n '0'\n );\n\n this.mask = newMask.includes('tt') ? newMask.replace(/tt/g, 'LL') : newMask;\n\n if (!this.placeholder || oldFormat === this.placeholder) {\n this.placeholder = value;\n }\n }\n\n private parseDate(val: string) {\n return val\n ? DateTimeUtil.parseValueFromMask(val, this._inputDateParts, this.prompt)\n : null;\n }\n\n private getMaskedValue(): string {\n let mask = this._parser.emptyMask;\n\n if (DateTimeUtil.isValidDate(this.value)) {\n for (const part of this._inputDateParts) {\n if (part.type === DateParts.Literal) {\n continue;\n }\n\n const targetValue = DateTimeUtil.getPartValue(\n part,\n part.format.length,\n this.value\n );\n\n mask = this._parser.replace(\n mask,\n targetValue,\n part.start,\n part.end\n ).value;\n }\n return mask;\n }\n\n if (this.readOnly) {\n return '';\n }\n\n return this._maskedValue === '' ? mask : this._maskedValue;\n }\n\n private isComplete(): boolean {\n return !this._maskedValue.includes(this.prompt);\n }\n\n private updateValue(): void {\n if (this.isComplete()) {\n const parsedDate = this.parseDate(this._maskedValue);\n this.value = DateTimeUtil.isValidDate(parsedDate) ? parsedDate : null;\n } else {\n this.value = null;\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.updateValue();\n }\n\n private getNewPosition(value: string, direction = 0): number {\n const cursorPos = this._maskSelection.start;\n\n if (!direction) {\n // Last literal before the current cursor position or start of input value\n const part = this._inputDateParts.findLast(\n (part) => part.type === DateParts.Literal && part.end < cursorPos\n );\n return part?.end ?? 0;\n }\n\n // First literal after the current cursor position or end of input value\n const part = this._inputDateParts.find(\n (part) => part.type === DateParts.Literal && part.start > cursorPos\n );\n return part?.start ?? value.length;\n }\n\n protected async handleFocus() {\n this._focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n this._oldValue = this.value;\n const areFormatsDifferent = this.displayFormat !== this.inputFormat;\n\n if (!this.value) {\n this._maskedValue = this._parser.emptyMask;\n await this.updateComplete;\n this.select();\n } else if (areFormatsDifferent) {\n this.updateMask();\n }\n }\n\n protected handleBlur() {\n const isEmptyMask = this._maskedValue === this._parser.emptyMask;\n\n this._focused = false;\n\n if (!(this.isComplete() || isEmptyMask)) {\n const parse = this.parseDate(this._maskedValue);\n\n if (parse) {\n this.value = parse;\n } else {\n this.value = null;\n this._maskedValue = '';\n }\n } else {\n this.updateMask();\n }\n\n const isSameValue = this._oldValue === this.value;\n\n if (!(this.readOnly || isSameValue)) {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n super._handleBlur();\n }\n\n protected navigateParts(delta: number) {\n const position = this.getNewPosition(this.input.value, delta);\n this.setSelectionRange(position, position);\n }\n\n protected async keyboardSpin(direction: 'up' | 'down') {\n direction === 'up' ? this.stepUp() : this.stepDown();\n this._fireInputEvent();\n await this.updateComplete;\n this.setSelectionRange(this._maskSelection.start, this._maskSelection.end);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this._maskedValue)}\n .placeholder=${this.placeholder || this._parser.emptyMask}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @input=${this._handleInput}\n @wheel=${this.onWheel}\n @keydown=${this._setMaskSelection}\n @click=${this._handleClick}\n @cut=${this._setMaskSelection}\n @compositionstart=${this._handleCompositionStart}\n @compositionend=${this._handleCompositionEnd}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this._setMaskSelection}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-date-time-input': IgcDateTimeInputComponent;\n }\n}\n"]}
1
+ {"version":3,"file":"date-time-input.js","sourceRoot":"","sources":["../../../src/components/date-time-input/date-time-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EACL,cAAc,EACd,SAAS,EACT,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,GACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,6BAA6B,EAAE,MAAM,6CAA6C,CAAC;AAC5F,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EACL,yBAAyB,GAE1B,MAAM,kCAAkC,CAAC;AAC1C,OAAO,+BAA+B,MAAM,iDAAiD,CAAC;AAC9F,OAAO,EACL,QAAQ,EAGR,SAAS,EACT,YAAY,GACb,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAgC1D,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,iBAAiB,CAGtE,yBAAyB,CAAC;aACH,YAAO,GAAG,qBAAqB,AAAxB,CAAyB;IAGhD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CACf,yBAAyB,EACzB,+BAA+B,CAChC,CAAC;IACJ,CAAC;IAED,IAAuB,YAAY;QACjC,OAAO,uBAAuB,CAAC;IACjC,CAAC;IAgCD,IAAW,WAAW;QACpB,OAAO,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC;IAChD,CAAC;IAED,IAAW,WAAW,CAAC,GAAW;QAChC,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YAClB,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;YACxB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,CAAC;QACH,CAAC;IACH,CAAC;IAED,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;IAC/B,CAAC;IAQD,IAAW,KAAK,CAAC,KAAuC;QACtD,IAAI,CAAC,UAAU,CAAC,oBAAoB,CAAC,KAAoB,CAAC,CAAC;QAC3D,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAOD,IAAW,GAAG,CAAC,KAAuC;QACpD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IAOD,IAAW,GAAG,CAAC,KAAuC;QACpD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,IAAW,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACnB,CAAC;IA6BD,IAAW,MAAM,CAAC,KAAa;QAC7B,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,KAAK,CAAC;IACtC,CAAC;IAED,IAAW,MAAM;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC;IACrC,CAAC;IAGS,cAAc;QACtB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAClC,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAGS,gBAAgB;QACxB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAED,IAAc,YAAY;QACxB,MAAM,KAAK,GACT,IAAI,CAAC,eAAe;YACpB,YAAY,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAErD,OAAO,KAAK,CAAC,IAAI,CACf,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI;YACzB,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK;YAC1B,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAC5B,CAAC;IACJ,CAAC;IAED,IAAc,YAAY;QACxB,MAAM,KAAK,GACT,IAAI,CAAC,eAAe;YACpB,YAAY,CAAC,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACrD,OAAO,KAAK,CAAC,IAAI,CACf,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK;YAC1B,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO;YAC5B,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,CAC/B,CAAC;IACJ,CAAC;IAED,IAAY,cAAc;QACxB,IAAI,MAA4B,CAAC;QAEjC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CACxC,CAAC,CAAC,EAAE,EAAE,CACJ,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK;gBACrC,IAAI,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG;gBACnC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,CAC/B,EAAE,IAA0B,CAAC;YAE9B,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,GAAG,QAAQ,CAAC;YACpB,CAAC;QACH,CAAC;aAAM,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;YACvE,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC;QACzB,CAAC;aAAM,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YACxE,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAA0B,CAAC;QAC9D,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAY,cAAc;QACxB,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IACjE,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QApMkB,eAAU,GAAG,oBAAoB,CAAC,IAAI,EAAE;YAClE,YAAY,EAAE,IAAI;YAClB,YAAY,EAAE,6BAA6B;SAC5C,CAAC,CAAC;QAEc,oBAAe,GAAG,iBAAiB,CAAS,IAAI,EAAE;YACjE,SAAS,EAAE,EAAE;SACd,CAAC,CAAC;QAGK,cAAS,GAAgB,IAAI,CAAC;QAC9B,SAAI,GAAgB,IAAI,CAAC;QACzB,SAAI,GAAgB,IAAI,CAAC;QAIzB,oBAAe,GAAmB;YACxC,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,OAAO,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;SACX,CAAC;QAoFK,aAAQ,GAAG,IAAI,CAAC;QA2FrB,cAAc,CAAC,IAAI,EAAE;YACnB,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ;YACzB,eAAe,EAAE,EAAE,QAAQ,EAAE,CAAC,eAAe,CAAC,EAAE;SACjD,CAAC;aACC,GAAG,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC;aAClC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;aAChD,GAAG,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;aACpD,GAAG,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;aAC3D,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAClE,CAAC;IAEe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC/B,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAGM,MAAM,CAAC,QAAmB,EAAE,KAAc;QAC/C,MAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC;QAEnD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACtB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3E,CAAC;IAGM,QAAQ,CAAC,QAAmB,EAAE,KAAc;QACjD,MAAM,UAAU,GAAG,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC;QAEnD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO;QACT,CAAC;QAED,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAC5D,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACtB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3E,CAAC;IAGM,KAAK;QACV,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;IACpB,CAAC;IAES,QAAQ;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACxB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAES,UAAU;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC1C,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;gBACvB,OAAO;YACT,CAAC;YAED,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,WAAW,CAAC;YAEtD,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,UAAU,CACzC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,EACX,MAAM,EACN,IAAI,CACL,CAAC;YACJ,CAAC;iBAAM,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC5B,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,UAAU,CACzC,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,MAAM,EACX,MAAM,CACP,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;YAClD,CAAC;QACH,CAAC;IACH,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;IACjE,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAES,eAAe;QACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC;IAES,KAAK,CAAC,YAAY,CAC1B,IAAY,EACZ,EAAE,KAAK,EAAE,GAAG,EAAiB;QAE7B,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzE,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC;QAEjC,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,EAAE,CAAC;QAErB,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YACtC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;QAED,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;IACvD,CAAC;IAEO,YAAY,CAClB,QAAkB,EAClB,KAAc,EACd,QAAQ,GAAG,KAAK;QAGhB,MAAM,MAAM,GACV,KAAK,IAAI,IAAI,CAAC,cAAc,CAAC,QAAgC,CAAC,IAAI,CAAC,CAAC;QAEtE,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAClE,OAAO,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;IAEO,SAAS,CAAC,QAAkB,EAAE,KAAa;QACjD,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC1D,OAAO,IAAI,IAAI,EAAE,CAAC;QACpB,CAAC;QAED,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;QAC/C,IAAI,UAAoC,CAAC;QACzC,IAAI,YAAoB,CAAC;QAEzB,QAAQ,QAAQ,EAAE,CAAC;YACjB,KAAK,QAAQ,CAAC,IAAI;gBAChB,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACrD,MAAM;YACR,KAAK,QAAQ,CAAC,KAAK;gBACjB,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACtD,MAAM;YACR,KAAK,QAAQ,CAAC,IAAI;gBAChB,YAAY,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;gBACtC,MAAM;YACR,KAAK,QAAQ,CAAC,KAAK;gBACjB,YAAY,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACtD,MAAM;YACR,KAAK,QAAQ,CAAC,OAAO;gBACnB,YAAY,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACxD,MAAM;YACR,KAAK,QAAQ,CAAC,OAAO;gBACnB,YAAY,CAAC,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACxD,MAAM;YACR,KAAK,QAAQ,CAAC,IAAI;gBAChB,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CACpC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CACnC,CAAC;gBACF,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;oBAC7B,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CACxC,UAAW,CAAC,KAAK,EACjB,UAAW,CAAC,GAAG,CAChB,CAAC;oBACF,OAAO,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;gBAClE,CAAC;gBACD,MAAM;QACV,CAAC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC;IAGa,AAAN,KAAK,CAAC,OAAO,CAAC,KAAiB;QACrC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACpC,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,eAAe,CAAC;QAC5C,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACnD,IAAI,CAAC,eAAe,EAAE,CAAC;QAEvB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC/D,CAAC;IAEO,OAAO,CAAC,MAAc;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,eAAe,GAAG,YAAY,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAChE,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAEjE,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAE1B,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,YAAY,CAAC,oBAAoB,CAAC,CAAC,OAAO,CAClE,IAAI,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,EAC/B,GAAG,CACJ,CAAC;QAEF,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QAE5E,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,SAAS,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;YACxD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,SAAS,CAAC,GAAW;QAC3B,OAAO,GAAG;YACR,CAAC,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAG,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC;YACzE,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAEO,cAAc;QACpB,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAElC,IAAI,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;YACzC,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACxC,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;oBACpC,SAAS;gBACX,CAAC;gBAED,MAAM,WAAW,GAAG,YAAY,CAAC,YAAY,CAC3C,IAAI,EACJ,IAAI,CAAC,MAAM,CAAC,MAAM,EAClB,IAAI,CAAC,KAAK,CACX,CAAC;gBAEF,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CACzB,IAAI,EACJ,WAAW,EACX,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,GAAG,CACT,CAAC,KAAK,CAAC;YACV,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,IAAI,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC;IAC7D,CAAC;IAEO,UAAU;QAChB,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAClD,CAAC;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,CAAC;YACtB,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QACxE,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QACpB,CAAC;IACH,CAAC;IAEkB,wBAAwB;QACzC,IAAI,CAAC,WAAW,EAAE,CAAC;IACrB,CAAC;IAEO,cAAc,CAAC,KAAa,EAAE,SAAS,GAAG,CAAC;QACjD,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;QAE5C,IAAI,CAAC,SAAS,EAAE,CAAC;YAEf,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CACxC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,GAAG,SAAS,CAClE,CAAC;YACF,OAAO,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;QACxB,CAAC;QAGD,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CACpC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,GAAG,SAAS,CACpE,CAAC;QACF,OAAO,IAAI,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC;IACrC,CAAC;IAES,KAAK,CAAC,WAAW;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QAErB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5B,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,WAAW,CAAC;QAEpE,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;YAC3C,MAAM,IAAI,CAAC,cAAc,CAAC;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;aAAM,IAAI,mBAAmB,EAAE,CAAC;YAC/B,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;IACH,CAAC;IAES,UAAU;QAClB,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;QAEjE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEtB,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,WAAW,CAAC,EAAE,CAAC;YACxC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAEhD,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACrB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;gBAClB,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;YACzB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,CAAC;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,KAAK,CAAC;QAElD,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QACtD,CAAC;QAED,KAAK,CAAC,WAAW,EAAE,CAAC;IACtB,CAAC;IAES,aAAa,CAAC,KAAa;QACnC,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC9D,IAAI,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAES,KAAK,CAAC,YAAY,CAAC,SAAwB;QACnD,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrD,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,MAAM,IAAI,CAAC,cAAc,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;IAC7E,CAAC;IAEkB,WAAW;QAC5B,OAAO,IAAI,CAAA;;;eAGA,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;eACvC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;iBAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;uBACjB,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS;oBAC7C,IAAI,CAAC,QAAQ;oBACb,IAAI,CAAC,QAAQ;gBACjB,IAAI,CAAC,UAAU;iBACd,IAAI,CAAC,WAAW;iBAChB,IAAI,CAAC,YAAY;iBACjB,IAAI,CAAC,OAAO;mBACV,IAAI,CAAC,iBAAiB;iBACxB,IAAI,CAAC,YAAY;eACnB,IAAI,CAAC,iBAAiB;4BACT,IAAI,CAAC,uBAAuB;0BAC9B,IAAI,CAAC,qBAAqB;qBAC/B,IAAI,CAAC,eAAe;qBACpB,IAAI,CAAC,eAAe;qBACpB,IAAI,CAAC,iBAAiB;;KAEtC,CAAC;IACJ,CAAC;;AAliBD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;4DAGvC;AAsBD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;sDAItC;AAOD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;oDAItC;AAWD;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;oDAItC;AAYM;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;gEACZ;AAOvB;IADN,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4DACG;AAO3B;IADN,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2DAC7B;AAOvB;IADC,QAAQ,EAAE;uDAGV;AAOS;IADT,KAAK,CAAC,QAAQ,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;+DAU/C;AAGS;IADT,KAAK,CAAC,eAAe,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;iEAKtD;AAmPa;IADb,YAAY,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;wDAehC","sourcesContent":["import { html } from 'lit';\nimport { eventOptions, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\n\nimport { convertToDate } from '../calendar/helpers.js';\nimport {\n addKeybindings,\n arrowDown,\n arrowLeft,\n arrowRight,\n arrowUp,\n ctrlKey,\n} from '../common/controllers/key-bindings.js';\nimport { watch } from '../common/decorators/watch.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { addI18nController } from '../common/i18n/i18n-controller.js';\nimport type { AbstractConstructor } from '../common/mixins/constructor.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { FormValueDateTimeTransformers } from '../common/mixins/forms/form-transformers.js';\nimport { createFormValueState } from '../common/mixins/forms/form-value.js';\nimport { partMap } from '../common/part-map.js';\nimport type { IgcInputComponentEventMap } from '../input/input-base.js';\nimport {\n IgcMaskInputBaseComponent,\n type MaskSelection,\n} from '../mask-input/mask-input-base.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport {\n DatePart,\n type DatePartDeltas,\n type DatePartInfo,\n DateParts,\n DateTimeUtil,\n} from './date-util.js';\nimport { dateTimeInputValidators } from './validators.js';\n\nexport interface IgcDateTimeInputComponentEventMap\n extends Omit<IgcInputComponentEventMap, 'igcChange'> {\n igcChange: CustomEvent<Date | null>;\n}\n\n/**\n * A date time input is an input field that lets you set and edit the date and time in a chosen input element\n * using customizable display and input formats.\n *\n * @element igc-date-time-input\n *\n * @slot prefix - Renders content before the input.\n * @slot suffix - Renders content after input.\n * @slot helper-text - Renders content below the input.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot range-overflow - Renders content when the max validation fails.\n * @slot range-underflow - Renders content when the min validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcInput - Emitted when the control input receives user input.\n * @fires igcChange - Emitted when the control's checked state changes.\n *\n * @csspart container - The main wrapper that holds all main input elements.\n * @csspart input - The native input element.\n * @csspart label - The native label element.\n * @csspart prefix - The prefix wrapper.\n * @csspart suffix - The suffix wrapper.\n * @csspart helper-text - The helper text wrapper.\n */\nexport default class IgcDateTimeInputComponent extends EventEmitterMixin<\n IgcDateTimeInputComponentEventMap,\n AbstractConstructor<IgcMaskInputBaseComponent>\n>(IgcMaskInputBaseComponent) {\n public static readonly tagName = 'igc-date-time-input';\n\n /* blazorSuppress */\n public static register() {\n registerComponent(\n IgcDateTimeInputComponent,\n IgcValidationContainerComponent\n );\n }\n\n protected override get __validators() {\n return dateTimeInputValidators;\n }\n\n protected override readonly _formValue = createFormValueState(this, {\n initialValue: null,\n transformers: FormValueDateTimeTransformers,\n });\n\n private readonly _i18nController = addI18nController<object>(this, {\n defaultEN: {},\n });\n\n protected _defaultMask!: string;\n private _oldValue: Date | null = null;\n private _min: Date | null = null;\n private _max: Date | null = null;\n\n private _inputDateParts!: DatePartInfo[];\n private _inputFormat!: string;\n private _datePartDeltas: DatePartDeltas = {\n date: 1,\n month: 1,\n year: 1,\n hours: 1,\n minutes: 1,\n seconds: 1,\n };\n\n /**\n * The date format to apply on the input.\n * @attr input-format\n */\n @property({ attribute: 'input-format' })\n public get inputFormat(): string {\n return this._inputFormat || this._defaultMask;\n }\n\n public set inputFormat(val: string) {\n if (val) {\n this.setMask(val);\n this._inputFormat = val;\n if (this.value) {\n this.updateMask();\n }\n }\n }\n\n public get value(): Date | null {\n return this._formValue.value;\n }\n\n /* @tsTwoWayProperty(true, \"igcChange\", \"detail\", false) */\n /**\n * The value of the input.\n * @attr\n */\n @property({ converter: convertToDate })\n public set value(value: Date | string | null | undefined) {\n this._formValue.setValueAndFormState(value as Date | null);\n this.updateMask();\n }\n\n /**\n * The minimum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: convertToDate })\n public set min(value: Date | string | null | undefined) {\n this._min = convertToDate(value);\n this._validate();\n }\n\n public get min(): Date | null {\n return this._min;\n }\n\n /**\n * The maximum value required for the input to remain valid.\n * @attr\n */\n @property({ converter: convertToDate })\n public set max(value: Date | string | null | undefined) {\n this._max = convertToDate(value);\n this._validate();\n }\n\n public get max(): Date | null {\n return this._max;\n }\n\n /**\n * Format to display the value in when not editing.\n * Defaults to the input format if not set.\n * @attr display-format\n */\n @property({ attribute: 'display-format' })\n public displayFormat!: string;\n\n /**\n * Delta values used to increment or decrement each date part on step actions.\n * All values default to `1`.\n */\n @property({ attribute: false })\n public spinDelta!: DatePartDeltas;\n\n /**\n * Sets whether to loop over the currently spun segment.\n * @attr spin-loop\n */\n @property({ type: Boolean, attribute: 'spin-loop' })\n public spinLoop = true;\n\n /**\n * Gets/Sets the locale used for formatting the display value.\n * @attr locale\n */\n @property()\n public set locale(value: string) {\n this._i18nController.locale = value;\n }\n\n public get locale() {\n return this._i18nController.locale;\n }\n\n @watch('locale', { waitUntilFirstUpdate: true })\n protected setDefaultMask(): void {\n if (!this._inputFormat) {\n this.updateDefaultMask();\n this.setMask(this._defaultMask);\n }\n\n if (this.value) {\n this.updateMask();\n }\n }\n\n @watch('displayFormat', { waitUntilFirstUpdate: true })\n protected setDisplayFormat(): void {\n if (this.value) {\n this.updateMask();\n }\n }\n\n protected get hasDateParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n\n return parts.some(\n (p) =>\n p.type === DateParts.Date ||\n p.type === DateParts.Month ||\n p.type === DateParts.Year\n );\n }\n\n protected get hasTimeParts(): boolean {\n const parts =\n this._inputDateParts ||\n DateTimeUtil.parseDateTimeFormat(this.inputFormat);\n return parts.some(\n (p) =>\n p.type === DateParts.Hours ||\n p.type === DateParts.Minutes ||\n p.type === DateParts.Seconds\n );\n }\n\n private get targetDatePart(): DatePart | undefined {\n let result: DatePart | undefined;\n\n if (this._focused) {\n const partType = this._inputDateParts.find(\n (p) =>\n p.start <= this._inputSelection.start &&\n this._inputSelection.start <= p.end &&\n p.type !== DateParts.Literal\n )?.type as string as DatePart;\n\n if (partType) {\n result = partType;\n }\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Date)) {\n result = DatePart.Date;\n } else if (this._inputDateParts.some((p) => p.type === DateParts.Hours)) {\n result = DatePart.Hours;\n } else {\n result = this._inputDateParts[0].type as string as DatePart;\n }\n\n return result;\n }\n\n private get datePartDeltas(): DatePartDeltas {\n return Object.assign({}, this._datePartDeltas, this.spinDelta);\n }\n\n constructor() {\n super();\n\n addKeybindings(this, {\n skip: () => this.readOnly,\n bindingDefaults: { triggers: ['keydownRepeat'] },\n })\n .set([ctrlKey, ';'], this.setToday)\n .set(arrowUp, this.keyboardSpin.bind(this, 'up'))\n .set(arrowDown, this.keyboardSpin.bind(this, 'down'))\n .set([ctrlKey, arrowLeft], this.navigateParts.bind(this, 0))\n .set([ctrlKey, arrowRight], this.navigateParts.bind(this, 1));\n }\n\n public override connectedCallback() {\n super.connectedCallback();\n this.updateDefaultMask();\n this.setMask(this.inputFormat);\n if (this.value) {\n this.updateMask();\n }\n }\n\n /** Increments a date/time portion. */\n public stepUp(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this._inputSelection;\n const newValue = this.trySpinValue(targetPart, delta);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Decrements a date/time portion. */\n public stepDown(datePart?: DatePart, delta?: number): void {\n const targetPart = datePart || this.targetDatePart;\n\n if (!targetPart) {\n return;\n }\n\n const { start, end } = this._inputSelection;\n const newValue = this.trySpinValue(targetPart, delta, true);\n this.value = newValue;\n this.updateComplete.then(() => this.input.setSelectionRange(start, end));\n }\n\n /** Clears the input element of user input. */\n public clear(): void {\n this._maskedValue = '';\n this.value = null;\n }\n\n protected setToday() {\n this.value = new Date();\n this._fireInputEvent();\n }\n\n protected updateMask() {\n if (this._focused) {\n this._maskedValue = this.getMaskedValue();\n } else {\n if (!DateTimeUtil.isValidDate(this.value)) {\n this._maskedValue = '';\n return;\n }\n\n const format = this.displayFormat || this.inputFormat;\n\n if (this.displayFormat) {\n this._maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format,\n true\n );\n } else if (this.inputFormat) {\n this._maskedValue = DateTimeUtil.formatDate(\n this.value,\n this.locale,\n format\n );\n } else {\n this._maskedValue = this.value.toLocaleString();\n }\n }\n }\n\n private _fireInputEvent(): void {\n this._setTouchedState();\n this.emitEvent('igcInput', { detail: this.value?.toString() });\n }\n\n protected handleDragLeave() {\n if (!this._focused) {\n this.updateMask();\n }\n }\n\n protected handleDragEnter() {\n if (!this._focused) {\n this._maskedValue = this.getMaskedValue();\n }\n }\n\n protected async _updateInput(\n text: string,\n { start, end }: MaskSelection\n ): Promise<void> {\n const result = this._parser.replace(this._maskedValue, text, start, end);\n\n this._maskedValue = result.value;\n\n this.updateValue();\n this.requestUpdate();\n\n if (start !== this.inputFormat.length) {\n this._fireInputEvent();\n }\n\n await this.updateComplete;\n this.input.setSelectionRange(result.end, result.end);\n }\n\n private trySpinValue(\n datePart: DatePart,\n delta?: number,\n negative = false\n ): Date {\n // default to 1 if a delta is set to 0 or any other falsy value\n const _delta =\n delta || this.datePartDeltas[datePart as keyof DatePartDeltas] || 1;\n\n const spinValue = negative ? -Math.abs(_delta) : Math.abs(_delta);\n return this.spinValue(datePart, spinValue);\n }\n\n private spinValue(datePart: DatePart, delta: number): Date {\n if (!(this.value && DateTimeUtil.isValidDate(this.value))) {\n return new Date();\n }\n\n const newDate = new Date(this.value.getTime());\n let formatPart: DatePartInfo | undefined;\n let amPmFromMask: string;\n\n switch (datePart) {\n case DatePart.Date:\n DateTimeUtil.spinDate(delta, newDate, this.spinLoop);\n break;\n case DatePart.Month:\n DateTimeUtil.spinMonth(delta, newDate, this.spinLoop);\n break;\n case DatePart.Year:\n DateTimeUtil.spinYear(delta, newDate);\n break;\n case DatePart.Hours:\n DateTimeUtil.spinHours(delta, newDate, this.spinLoop);\n break;\n case DatePart.Minutes:\n DateTimeUtil.spinMinutes(delta, newDate, this.spinLoop);\n break;\n case DatePart.Seconds:\n DateTimeUtil.spinSeconds(delta, newDate, this.spinLoop);\n break;\n case DatePart.AmPm:\n formatPart = this._inputDateParts.find(\n (dp) => dp.type === DateParts.AmPm\n );\n if (formatPart !== undefined) {\n amPmFromMask = this._maskedValue.substring(\n formatPart!.start,\n formatPart!.end\n );\n return DateTimeUtil.spinAmPm(newDate, this.value, amPmFromMask);\n }\n break;\n }\n\n return newDate;\n }\n\n @eventOptions({ passive: false })\n private async onWheel(event: WheelEvent) {\n if (!this._focused || this.readOnly) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n const { start, end } = this._inputSelection;\n event.deltaY > 0 ? this.stepDown() : this.stepUp();\n this._fireInputEvent();\n\n await this.updateComplete;\n this.setSelectionRange(start, end);\n }\n\n private updateDefaultMask(): void {\n this._defaultMask = DateTimeUtil.getDefaultMask(this.locale);\n }\n\n private setMask(string: string): void {\n const oldFormat = this._inputDateParts?.map((p) => p.format).join('');\n this._inputDateParts = DateTimeUtil.parseDateTimeFormat(string);\n const value = this._inputDateParts.map((p) => p.format).join('');\n\n this._defaultMask = value;\n\n const newMask = (value || DateTimeUtil.DEFAULT_INPUT_FORMAT).replace(\n new RegExp(/(?=[^t])[\\w]/, 'g'),\n '0'\n );\n\n this.mask = newMask.includes('tt') ? newMask.replace(/tt/g, 'LL') : newMask;\n\n if (!this.placeholder || oldFormat === this.placeholder) {\n this.placeholder = value;\n }\n }\n\n private parseDate(val: string) {\n return val\n ? DateTimeUtil.parseValueFromMask(val, this._inputDateParts, this.prompt)\n : null;\n }\n\n private getMaskedValue(): string {\n let mask = this._parser.emptyMask;\n\n if (DateTimeUtil.isValidDate(this.value)) {\n for (const part of this._inputDateParts) {\n if (part.type === DateParts.Literal) {\n continue;\n }\n\n const targetValue = DateTimeUtil.getPartValue(\n part,\n part.format.length,\n this.value\n );\n\n mask = this._parser.replace(\n mask,\n targetValue,\n part.start,\n part.end\n ).value;\n }\n return mask;\n }\n\n if (this.readOnly) {\n return '';\n }\n\n return this._maskedValue === '' ? mask : this._maskedValue;\n }\n\n private isComplete(): boolean {\n return !this._maskedValue.includes(this.prompt);\n }\n\n private updateValue(): void {\n if (this.isComplete()) {\n const parsedDate = this.parseDate(this._maskedValue);\n this.value = DateTimeUtil.isValidDate(parsedDate) ? parsedDate : null;\n } else {\n this.value = null;\n }\n }\n\n protected override _updateSetRangeTextValue() {\n this.updateValue();\n }\n\n private getNewPosition(value: string, direction = 0): number {\n const cursorPos = this._maskSelection.start;\n\n if (!direction) {\n // Last literal before the current cursor position or start of input value\n const part = this._inputDateParts.findLast(\n (part) => part.type === DateParts.Literal && part.end < cursorPos\n );\n return part?.end ?? 0;\n }\n\n // First literal after the current cursor position or end of input value\n const part = this._inputDateParts.find(\n (part) => part.type === DateParts.Literal && part.start > cursorPos\n );\n return part?.start ?? value.length;\n }\n\n protected async handleFocus() {\n this._focused = true;\n\n if (this.readOnly) {\n return;\n }\n\n this._oldValue = this.value;\n const areFormatsDifferent = this.displayFormat !== this.inputFormat;\n\n if (!this.value) {\n this._maskedValue = this._parser.emptyMask;\n await this.updateComplete;\n this.select();\n } else if (areFormatsDifferent) {\n this.updateMask();\n }\n }\n\n protected handleBlur() {\n const isEmptyMask = this._maskedValue === this._parser.emptyMask;\n\n this._focused = false;\n\n if (!(this.isComplete() || isEmptyMask)) {\n const parse = this.parseDate(this._maskedValue);\n\n if (parse) {\n this.value = parse;\n } else {\n this.value = null;\n this._maskedValue = '';\n }\n } else {\n this.updateMask();\n }\n\n const isSameValue = this._oldValue === this.value;\n\n if (!(this.readOnly || isSameValue)) {\n this.emitEvent('igcChange', { detail: this.value });\n }\n\n super._handleBlur();\n }\n\n protected navigateParts(delta: number) {\n const position = this.getNewPosition(this.input.value, delta);\n this.setSelectionRange(position, position);\n }\n\n protected async keyboardSpin(direction: 'up' | 'down') {\n direction === 'up' ? this.stepUp() : this.stepDown();\n this._fireInputEvent();\n await this.updateComplete;\n this.setSelectionRange(this._maskSelection.start, this._maskSelection.end);\n }\n\n protected override renderInput() {\n return html`\n <input\n type=\"text\"\n part=${partMap(this.resolvePartNames('input'))}\n name=${ifDefined(this.name)}\n .value=${live(this._maskedValue)}\n .placeholder=${this.placeholder || this._parser.emptyMask}\n ?readonly=${this.readOnly}\n ?disabled=${this.disabled}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @input=${this._handleInput}\n @wheel=${this.onWheel}\n @keydown=${this._setMaskSelection}\n @click=${this._handleClick}\n @cut=${this._setMaskSelection}\n @compositionstart=${this._handleCompositionStart}\n @compositionend=${this._handleCompositionEnd}\n @dragenter=${this.handleDragEnter}\n @dragleave=${this.handleDragLeave}\n @dragstart=${this._setMaskSelection}\n />\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-date-time-input': IgcDateTimeInputComponent;\n }\n}\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=input.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,skDAAskD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/dark/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4jDAA4jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part~=input]:-webkit-autofill, [part~=input]:-webkit-autofill:hover, [part~=input]:-webkit-autofill:focus, [part~=input]:-webkit-autofill:active{transition-delay:99999s !important}[part~=input]:-webkit-autofill,[part~=input]:-webkit-autofill:hover,[part~=input]:-webkit-autofill:focus,[part~=input]:-webkit-autofill:active,[part~=input]:autofill,[part~=input]:autofill:hover,[part~=input]:autofill:focus,[part~=input]:autofill:active{transition-delay:99999s !important}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:"*"}:host([disabled]){pointer-events:none}`;
2
+ export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part~=input]:-webkit-autofill, [part~=input]:-webkit-autofill:hover, [part~=input]:-webkit-autofill:focus, [part~=input]:-webkit-autofill:active{transition-delay:99999s !important}[part~=input]:-webkit-autofill,[part~=input]:-webkit-autofill:hover,[part~=input]:-webkit-autofill:focus,[part~=input]:-webkit-autofill:active,[part~=input]:autofill,[part~=input]:autofill:hover,[part~=input]:autofill:focus,[part~=input]:autofill:active{transition-delay:99999s !important}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:"*"}:host([disabled]){pointer-events:none}`;
3
3
  //# sourceMappingURL=input.base.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/input/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uhEAAuhE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part~=input]:-webkit-autofill, [part~=input]:-webkit-autofill:hover, [part~=input]:-webkit-autofill:focus, [part~=input]:-webkit-autofill:active{transition-delay:99999s !important}[part~=input]:-webkit-autofill,[part~=input]:-webkit-autofill:hover,[part~=input]:-webkit-autofill:focus,[part~=input]:-webkit-autofill:active,[part~=input]:autofill,[part~=input]:autofill:hover,[part~=input]:autofill:focus,[part~=input]:autofill:active{transition-delay:99999s !important}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:\"*\"}:host([disabled]){pointer-events:none}`;\n"]}
1
+ {"version":3,"file":"input.base.css.js","sourceRoot":"","sources":["../../../../src/components/input/themes/input.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wrFAAwrF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size, var(--sb-size));scrollbar-color:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color)) var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size, var(--sb-size));height:var(--ig-scrollbar-size, var(--sb-size));background:var(--ig-scrollbar-track-background, var(--sb-track-bg-color))}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background, var(--sb-thumb-bg-color))}:host *,:host *::before,:host *::after{box-sizing:border-box}:host([hidden]),[hidden]{display:none !important}[part~=suffixed] [part=suffix],[part~=prefixed] [part=prefix]{display:flex;align-items:center}:host{position:relative;display:block;font-family:var(--ig-font-family);outline-style:none}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}:host slot[name=value-missing]{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}::slotted(igc-icon){--component-size: var(--input-size) !important}[part=label]{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[part~=input]{width:100%;border:none;outline-style:none;font-family:var(--ig-font-family);z-index:1}[part~=input]:-webkit-autofill, [part~=input]:-webkit-autofill:hover, [part~=input]:-webkit-autofill:focus, [part~=input]:-webkit-autofill:active{transition-delay:99999s !important}[part~=input]:-webkit-autofill,[part~=input]:-webkit-autofill:hover,[part~=input]:-webkit-autofill:focus,[part~=input]:-webkit-autofill:active,[part~=input]:autofill,[part~=input]:autofill:hover,[part~=input]:autofill:focus,[part~=input]:autofill:active{transition-delay:99999s !important}[part^=container]{position:relative;display:grid}[part=prefix],[part=suffix]{display:none;overflow:hidden}:host([required]) [part=label]::after{content:\"*\"}:host([disabled]){pointer-events:none}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
2
+ export const styles = css `:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;
3
3
  //# sourceMappingURL=input.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,skDAAskD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(1.9375rem, -1 * 1.9375rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
1
+ {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/light/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4jDAA4jD,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--input-prefix-background: var(--ig-input-input-prefix-background, var(--ig-gray-300));--input-prefix-color: var(--ig-input-input-prefix-color, var(--ig-gray-800));--input-prefix-background--filled: var(--ig-input-input-prefix-background--filled, var(--ig-gray-300));--input-prefix-background--focused: var(--ig-input-input-prefix-background--focused, var(--ig-gray-300));--input-suffix-background: var(--ig-input-input-suffix-background, var(--ig-gray-300));--input-suffix-color: var(--ig-input-input-suffix-color, var(--ig-gray-800));--input-suffix-background--filled: var(--ig-input-input-suffix-background--filled, var(--ig-gray-300));--input-suffix-background--focused: var(--ig-input-input-suffix-background--focused, var(--ig-gray-300));--disabled-text-color: var(--ig-input-disabled-text-color, var(--ig-gray-400));--focused-secondary-color: var(--ig-input-focused-secondary-color, hsl(from var(--ig-primary-500) h s l/0.38));--border-disabled-background: var(--ig-input-border-disabled-background, var(--ig-gray-100));--disabled-placeholder-color: var(--ig-input-disabled-placeholder-color, var(--ig-gray-400));--size: var(--ig-input-size, max(var(--is-large, 1) * max(3rem, -1 * 3rem), var(--is-medium, 1) * max(2.375rem, -1 * 2.375rem), var(--is-small, 1) * max(2rem, -1 * 2rem)));--search-resting-elevation: var(--ig-input-search-resting-elevation, var(--ig-elevation-0));--search-hover-elevation: var(--ig-input-search-hover-elevation, var(--ig-elevation-0));--search-disabled-elevation: var(--ig-input-search-disabled-elevation, var(--ig-elevation-0));--ig-theme: bootstrap}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border-radius:var(--border-border-radius);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border-radius:var(--border-border-radius);padding-inline:max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*="input prefixed"]{border-start-start-radius:0;border-end-start-radius:0}[part*="input suffixed"]{border-start-end-radius:0;border-end-end-radius:0}[part*="input prefixed suffixed"],[part*="input filled prefixed suffixed"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;
3
3
  //# sourceMappingURL=input.bootstrap.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+8OAA+8O,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);color:var(--helper-text-color);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:.25rem}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border-radius:var(--border-border-radius);padding-inline:max(var(--is-large, 1)*max(16px, -1 * 16px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(12px, -1 * 12px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*=\"input prefixed\"]{border-start-start-radius:0;border-end-start-radius:0}[part*=\"input suffixed\"]{border-start-end-radius:0;border-end-end-radius:0}[part*=\"input prefixed suffixed\"],[part*=\"input filled prefixed suffixed\"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;\n"]}
1
+ {"version":3,"file":"input.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0xPAA0xP,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--font: max(var(--is-large, 1) * max(1.25rem, -1 * 1.25rem), var(--is-medium, 1) * max(1rem, -1 * 1rem), var(--is-small, 1) * max(0.875rem, -1 * 0.875rem));--input-border-color: var(--border-color);--input-height: var(--size);--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom);grid-auto-rows:minmax(1.25rem, auto);margin-block-start:max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host [part=prefix]{border-inline-start-width:0}:host [part=suffix]{border-inline-end-width:0}[part~=container]{border-radius:var(--border-border-radius);border-style:none;grid-template-columns:auto 1fr auto}[part~=container]::after{display:none}[part~=input]{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom);border-radius:var(--border-border-radius);padding-inline:max(var(--is-large, 1)*max(14px, -1 * 14px)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(10px, -1 * 10px)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(8px, -1 * 8px)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(4px, -1 * 4px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));color:var(--idle-text-color);background:rgba(0,0,0,0);box-shadow:none;z-index:1;border:1px solid var(--border-color);transition:box-shadow .15s ease-out,border .15s ease-out;grid-area:1/2;background-clip:padding-box}[part~=input],[part~=container]{height:var(--size)}[part*=\"input prefixed\"]{border-start-start-radius:0;border-end-start-radius:0}[part*=\"input suffixed\"]{border-start-end-radius:0;border-end-end-radius:0}[part*=\"input prefixed suffixed\"],[part*=\"input filled prefixed suffixed\"]{border-radius:0}[part~=input]::-moz-placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label],[part~=input]::placeholder{font-family:var(--ig-body-1-font-family, var(--ig-font-family));font-size:var(--ig-body-1-font-size);font-weight:var(--ig-body-1-font-weight);font-style:var(--ig-body-1-font-style);line-height:var(--ig-body-1-line-height);letter-spacing:var(--ig-body-1-letter-spacing);text-transform:var(--ig-body-1-text-transform);margin-top:var(--ig-body-1-margin-top);margin-bottom:var(--ig-body-1-margin-bottom)}[part~=label]{margin-block-end:.25rem;color:var(--idle-secondary-color)}[part~=label]:empty{display:none}[name=prefix]::slotted(*),[name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}[part=prefix],[part=suffix]{position:relative;border-radius:none;min-width:auto;transition:box-shadow .15s ease-out,border .15s ease-out;font-size:var(--font)}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}[part=prefix]{border-start-start-radius:inherit;border-end-start-radius:inherit;grid-area:1/1;border-style:solid;border-color:var(--border-color);border-inline-start-width:1px;border-inline-end-width:0;border-block-start-width:1px;border-block-end-width:1px}[part=suffix]{border-start-end-radius:inherit;border-end-end-radius:inherit;grid-area:1/3;border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:1px;border-block-start-width:1px;border-block-end-width:1px}:host(:focus-within) [part~=input]{color:var(--input-prefix-color--focused);border-color:var(--focused-border-color);box-shadow:0 0 0 .25rem var(--focused-secondary-color)}[part~=filled] [part~=input]{color:var(--input-prefix-color--filled)}[part~=prefixed] [part=prefix] ::slotted(*),[part~=suffixed] [part=suffix] ::slotted(*){color:inherit}:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=prefix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part=suffix],:host(:not([aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--border-disabled-background)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=input]{border-color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=input],:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=input]{box-shadow:0 0 0 .25rem var(--error-shadow-color)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part~=input],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part~=input]{color:var(--disabled-text-color);background:var(--border-disabled-background);border-block-color:var(--disabled-border-color)}:host(:disabled) [part=prefix],:host([disabled]) [part=prefix]{border-inline-start-color:var(--disabled-border-color)}:host(:disabled) [part=suffix],:host([disabled]) [part=suffix]{border-inline-end-color:var(--disabled-border-color)}:host(:disabled) [part~=input],:host([disabled]) [part~=input]{border-color:var(--disabled-border-color)}:host(:disabled) [part=label],:host(:disabled) ::part(helper-text),:host([disabled]) [part=label],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=suffix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--border-color)}:host(:not(:disabled,[role=combobox])) ::slotted([slot=prefix]),:host(:not([disabled],[role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=suffix]),:host([disabled]:not([role=combobox])) ::slotted([slot=suffix]){border-inline-end:.0625rem solid var(--disabled-border-color)}:host(:disabled:not([role=combobox])) ::slotted([slot=prefix]),:host([disabled]:not([role=combobox])) ::slotted([slot=prefix]){border-inline-start:.0625rem solid var(--disabled-border-color)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-text-color)}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part|=toggle],[part|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;
2
+ export const styles = css `[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host ::part(helper-text){color:var(--helper-text-color);margin-block-start:.25rem}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-text-color)}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part|=toggle],[part|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;
3
3
  //# sourceMappingURL=input.common.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"input.common.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kkEAAkkE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-text-color)}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part|=toggle],[part|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;\n"]}
1
+ {"version":3,"file":"input.common.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qpEAAqpE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=prefix]{color:var(--input-prefix-color);background:var(--input-prefix-background)}[part=suffix]{color:var(--input-suffix-color);background:var(--input-suffix-background)}[part~=filled] [part=prefix]{color:var(--input-prefix-color--filled);background:var(--input-prefix-background--filled)}[part~=filled] [part=suffix]{color:var(--input-suffix-color--filled);background:var(--input-suffix-background--filled)}[part~=input]::-moz-placeholder{color:var(--placeholder-color)}[part~=input]::placeholder{color:var(--placeholder-color)}:host ::part(helper-text){color:var(--helper-text-color);margin-block-start:.25rem}:host(:focus-within) [part~=input]::-moz-placeholder, :host(:not([readonly],[disabled]):hover) [part~=input]::-moz-placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part~=input]::placeholder,:host(:not([readonly],[disabled]):hover) [part~=input]::placeholder{color:var(--hover-placeholder-color)}:host(:focus-within) [part=prefix]{color:var(--input-prefix-color--focused);background:var(--input-prefix-background--focused)}:host(:focus-within) [part=suffix]{color:var(--input-suffix-color--focused);background:var(--input-suffix-background--focused)}:host([type=search]) input[type=search]::-webkit-search-cancel-button,:host([type=search]) input[type=search]::-webkit-search-decoration{-webkit-appearance:none}:host(:not([role=combobox])[readonly]) [part=prefix],:host(:not([role=combobox])[readonly]) [part=suffix]{color:var(--disabled-text-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) ::part(helper-text),:host(:not(:disabled,[readonly]):state(ig-invalid)) ::part(helper-text){color:var(--error-secondary-color)}:host(:disabled) [part~=input]::-moz-placeholder, :host([disabled]) [part~=input]::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) [part~=input]::placeholder,:host([disabled]) [part~=input]::placeholder{color:var(--disabled-text-color)}::part(helper-text){display:grid}[name=suffix]::slotted(:is([part|=toggle],[part|=clear])){padding-inline:var(--affix-padding)}:host(:not([role=combobox])) ::slotted([slot=suffix]),:host(:not([role=combobox])) ::slotted([slot=prefix]){padding-inline:var(--affix-padding)}`;\n"]}
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--helper-text-top-spacer: rem(5px);--input-border-size: 0.0625rem;--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default;z-index:0}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){color:inherit}:host ::part(helper-text){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}:host [name=prefix]::slotted(*),:host [name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);--ig-subtitle-2-line-height: 1rem;margin-block:0 .3125rem;color:var(--idle-secondary-color)}:host [part^=container]{height:var(--size);background:var(--border-background);border:var(--input-border-size) solid rgba(0,0,0,0);border-radius:var(--border-border-radius);transition:none;cursor:text;grid-template-columns:auto 1fr auto}:host [part^=container]::before{content:"";position:absolute;inset:calc(var(--input-border-size)*-1);width:calc(100% + var(--input-border-size)*2);height:calc(100% + var(--input-border-size)*2);color:var(--border-color);box-shadow:inset 0 0 0 var(--input-border-size);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host [part~=input]{color:var(--idle-text-color);background:initial;font-size:.875rem;padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));max-height:100%;border:none;grid-area:1/2}:host(:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-expanded][readonly]:not(:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-haspopup]:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=prefix],:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=suffix]{background:rgba(0,0,0,0)}:host(:focus-within) [part^=container]::before{color:var(--focused-border-color);box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem)}:host(:focus-within) [name=prefix]::slotted(*),:host(:focus-within) [name=suffix]::slotted(*){padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([type=search]) [part=prefix]{background:var(--ig-input-group-input-prefix-background, transparent);color:var(--ig-input-group-input-prefix-color, var(--ig-primary-500))}:host([type=search]) [part=suffix]{background:var(--ig-input-group-input-suffix-background, transparent);color:var(--ig-input-group-input-suffix-color, var(--ig-primary-500))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([type=search]:focus-within) [part=suffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))}:host([readonly][type=search]:focus-within) [part=suffix]{color:var(--disabled-text-color)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
2
+ export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--helper-text-top-spacer: rem(5px);--input-border-size: 0.0625rem;--affix-padding: max(var(--is-large, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.625rem, -1 * 0.625rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.5rem, -1 * 0.5rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host [part=prefix],:host [part=suffix]{font-size:.875rem;cursor:default;z-index:0}:host [part=prefix] ::slotted(*),:host [part=suffix] ::slotted(*){color:inherit}:host ::part(helper-text){margin-block-start:.3125rem;grid-auto-rows:minmax(1.125rem, auto)}:host [name=prefix]::slotted(*),:host [name=suffix]::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host [part=prefix]{grid-area:1/1}:host [part=suffix]{grid-area:1/3}:host [part=label]{font-family:var(--ig-subtitle-2-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-2-font-size);font-weight:var(--ig-subtitle-2-font-weight);font-style:var(--ig-subtitle-2-font-style);line-height:var(--ig-subtitle-2-line-height);letter-spacing:var(--ig-subtitle-2-letter-spacing);text-transform:var(--ig-subtitle-2-text-transform);margin-top:var(--ig-subtitle-2-margin-top);margin-bottom:var(--ig-subtitle-2-margin-bottom);margin-block:0 .3125rem;color:var(--idle-secondary-color)}:host [part^=container]{height:var(--size);background:var(--border-background);border:var(--input-border-size) solid rgba(0,0,0,0);border-radius:var(--border-border-radius);transition:none;cursor:text;grid-template-columns:auto 1fr auto}:host [part^=container]::before{content:"";position:absolute;inset:calc(var(--input-border-size)*-1);width:calc(100% + var(--input-border-size)*2);height:calc(100% + var(--input-border-size)*2);color:var(--border-color);box-shadow:inset 0 0 0 var(--input-border-size);border-radius:var(--border-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:1}:host [part~=input]{color:var(--idle-text-color);background:initial;font-size:.875rem;padding-inline:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));max-height:100%;border:none;grid-area:1/2}:host(:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-expanded][readonly]:not(:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host([aria-haspopup]:not([readonly],[disabled],:focus-within):hover) [part^=container]::before{color:var(--hover-border-color);box-shadow:inset 0 0 0 var(--input-border-size)}:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=prefix],:host(:not([aria-haspopup],[aria-expanded])[readonly]) [part=suffix]{background:rgba(0,0,0,0)}:host(:focus-within) [part^=container]::before{color:var(--focused-border-color);box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem)}:host(:focus-within) [name=prefix]::slotted(*),:host(:focus-within) [name=suffix]::slotted(*){padding-block:max(var(--is-large, 1)*max(10px, -1 * 10px)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(8px, -1 * 8px)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(6px, -1 * 6px)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([type=search]) [part=prefix]{background:var(--ig-input-group-input-prefix-background, transparent);color:var(--ig-input-group-input-prefix-color, var(--ig-primary-500))}:host([type=search]) [part=suffix]{background:var(--ig-input-group-input-suffix-background, transparent);color:var(--ig-input-group-input-suffix-color, var(--ig-primary-500))}:host([type=search]:focus-within) [part=prefix]{display:none}:host([type=search]:focus-within) [part=suffix]{color:var(--ig-input-group-input-suffix-color--focused, var(--ig-gray-900))}:host([readonly][type=search]:focus-within) [part=suffix]{color:var(--disabled-text-color)}:host([required]) [part=label]::after{color:var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part~=container]::before,:host(:not([disabled],[readonly]):state(ig-invalid):hover) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):hover) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--error-secondary-color)}:host(:not([disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::before,:host(:not([disabled])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::before{box-shadow:inset 0 0 0 calc(var(--input-border-size) + 0.0625rem) var(--error-secondary-color)}:host(:disabled) [part~=container]::before,:host([disabled]) [part~=container]::before{box-shadow:inset 0 0 0 var(--input-border-size) var(--disabled-border-color)}:host(:disabled) [part^=container],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host([disabled]) [part^=container],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix]{background:var(--border-disabled-background)}:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) [part=label],:host(:disabled) [part=label]::after,:host(:disabled) [part~=input],:host(:disabled) ::part(helper-text),:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) [part=label],:host([disabled]) [part=label]::after,:host([disabled]) [part~=input],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}`;
3
3
  //# sourceMappingURL=input.fluent.css.js.map