@aquera/nile-elements 0.0.66 → 0.0.68

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 (801) hide show
  1. package/README.md +19 -0
  2. package/demo/filenames.txt +1 -1
  3. package/demo/index.html +2 -1
  4. package/demo/variables.css +59 -3
  5. package/demo/variables_v2.css +24 -3
  6. package/dist/{index-cd2f9c12.esm.js → index-0a3007c5.esm.js} +1 -1
  7. package/dist/{index-7e13aee2.cjs.js → index-c7ad3b47.cjs.js} +2 -2
  8. package/dist/{index-7e13aee2.cjs.js.map → index-c7ad3b47.cjs.js.map} +1 -1
  9. package/dist/index.cjs.js +1 -1
  10. package/dist/index.esm.js +1 -1
  11. package/dist/index.iife.js +680 -284
  12. package/dist/nile-auto-complete/index.cjs.js +1 -1
  13. package/dist/nile-auto-complete/index.esm.js +1 -1
  14. package/dist/nile-auto-complete/nile-auto-complete.cjs.js +1 -1
  15. package/dist/nile-auto-complete/nile-auto-complete.css.cjs.js +1 -1
  16. package/dist/nile-auto-complete/nile-auto-complete.css.esm.js +1 -1
  17. package/dist/nile-auto-complete/nile-auto-complete.esm.js +1 -1
  18. package/dist/nile-avatar/index.cjs.js +1 -1
  19. package/dist/nile-avatar/index.esm.js +1 -1
  20. package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
  21. package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
  22. package/dist/nile-avatar/nile-avatar.css.esm.js +1 -1
  23. package/dist/nile-avatar/nile-avatar.esm.js +1 -1
  24. package/dist/nile-badge/index.cjs.js +1 -1
  25. package/dist/nile-badge/index.esm.js +1 -1
  26. package/dist/nile-badge/nile-badge.cjs.js +1 -1
  27. package/dist/nile-badge/nile-badge.cjs.js.map +1 -1
  28. package/dist/nile-badge/nile-badge.css.cjs.js +1 -1
  29. package/dist/nile-badge/nile-badge.css.esm.js +1 -1
  30. package/dist/nile-badge/nile-badge.esm.js +1 -1
  31. package/dist/nile-breadcrumb/index.cjs.js +1 -1
  32. package/dist/nile-breadcrumb/index.esm.js +1 -1
  33. package/dist/nile-breadcrumb/nile-breadcrumb.cjs.js +1 -1
  34. package/dist/nile-breadcrumb/nile-breadcrumb.css.cjs.js +1 -1
  35. package/dist/nile-breadcrumb/nile-breadcrumb.css.esm.js +1 -1
  36. package/dist/nile-breadcrumb/nile-breadcrumb.esm.js +1 -1
  37. package/dist/nile-breadcrumb-item/index.cjs.js +1 -1
  38. package/dist/nile-breadcrumb-item/index.esm.js +1 -1
  39. package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js +1 -1
  40. package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js +1 -1
  41. package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.esm.js +1 -1
  42. package/dist/nile-breadcrumb-item/nile-breadcrumb-item.esm.js +1 -1
  43. package/dist/nile-button/index.cjs.js +1 -1
  44. package/dist/nile-button/index.esm.js +1 -1
  45. package/dist/nile-button/nile-button.cjs.js +1 -1
  46. package/dist/nile-button/nile-button.cjs.js.map +1 -1
  47. package/dist/nile-button/nile-button.css.cjs.js +1 -1
  48. package/dist/nile-button/nile-button.css.esm.js +1 -1
  49. package/dist/nile-button/nile-button.esm.js +2 -2
  50. package/dist/nile-button-filter/index.cjs.js +1 -1
  51. package/dist/nile-button-filter/index.esm.js +1 -1
  52. package/dist/nile-button-filter/nile-button-filter.cjs.js +1 -1
  53. package/dist/nile-button-filter/nile-button-filter.css.cjs.js +1 -1
  54. package/dist/nile-button-filter/nile-button-filter.css.esm.js +1 -1
  55. package/dist/nile-button-filter/nile-button-filter.esm.js +1 -1
  56. package/dist/nile-button-toggle/index.cjs.js +1 -1
  57. package/dist/nile-button-toggle/index.esm.js +1 -1
  58. package/dist/nile-button-toggle/nile-button-toggle.cjs.js +1 -1
  59. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js +1 -1
  60. package/dist/nile-button-toggle/nile-button-toggle.css.esm.js +1 -1
  61. package/dist/nile-button-toggle/nile-button-toggle.esm.js +1 -1
  62. package/dist/nile-button-toggle-group/index.cjs.js +1 -1
  63. package/dist/nile-button-toggle-group/index.esm.js +1 -1
  64. package/dist/nile-button-toggle-group/nile-button-toggle-group.cjs.js +1 -1
  65. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.cjs.js +1 -1
  66. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.esm.js +1 -1
  67. package/dist/nile-button-toggle-group/nile-button-toggle-group.esm.js +1 -1
  68. package/dist/nile-calendar/index.cjs.js +1 -1
  69. package/dist/nile-calendar/index.esm.js +1 -1
  70. package/dist/nile-calendar/nile-calendar.cjs.js +1 -1
  71. package/dist/nile-calendar/nile-calendar.css.cjs.js +1 -1
  72. package/dist/nile-calendar/nile-calendar.css.esm.js +1 -1
  73. package/dist/nile-calendar/nile-calendar.esm.js +1 -1
  74. package/dist/nile-card/index.cjs.js +1 -1
  75. package/dist/nile-card/index.esm.js +1 -1
  76. package/dist/nile-card/nile-card.cjs.js +1 -1
  77. package/dist/nile-card/nile-card.css.cjs.js +1 -1
  78. package/dist/nile-card/nile-card.css.esm.js +1 -1
  79. package/dist/nile-card/nile-card.esm.js +1 -1
  80. package/dist/nile-checkbox/index.cjs.js +1 -1
  81. package/dist/nile-checkbox/index.esm.js +1 -1
  82. package/dist/nile-checkbox/nile-checkbox.cjs.js +1 -1
  83. package/dist/nile-checkbox/nile-checkbox.cjs.js.map +1 -1
  84. package/dist/nile-checkbox/nile-checkbox.css.cjs.js +1 -1
  85. package/dist/nile-checkbox/nile-checkbox.css.esm.js +1 -1
  86. package/dist/nile-checkbox/nile-checkbox.esm.js +2 -2
  87. package/dist/nile-chip/index.cjs.js +1 -1
  88. package/dist/nile-chip/index.esm.js +1 -1
  89. package/dist/nile-chip/nile-chip.cjs.js +1 -1
  90. package/dist/nile-chip/nile-chip.cjs.js.map +1 -1
  91. package/dist/nile-chip/nile-chip.css.cjs.js +1 -1
  92. package/dist/nile-chip/nile-chip.css.esm.js +1 -1
  93. package/dist/nile-chip/nile-chip.esm.js +2 -2
  94. package/dist/nile-circular-progressbar/index.cjs.js +1 -1
  95. package/dist/nile-circular-progressbar/index.esm.js +1 -1
  96. package/dist/nile-circular-progressbar/nile-circular-progressbar.cjs.js +1 -1
  97. package/dist/nile-circular-progressbar/nile-circular-progressbar.css.cjs.js +1 -1
  98. package/dist/nile-circular-progressbar/nile-circular-progressbar.css.esm.js +1 -1
  99. package/dist/nile-circular-progressbar/nile-circular-progressbar.esm.js +1 -1
  100. package/dist/nile-code-editor/index.cjs.js +1 -1
  101. package/dist/nile-code-editor/index.esm.js +1 -1
  102. package/dist/nile-code-editor/nile-code-editor.cjs.js +1 -1
  103. package/dist/nile-code-editor/nile-code-editor.css.cjs.js +1 -1
  104. package/dist/nile-code-editor/nile-code-editor.css.esm.js +1 -1
  105. package/dist/nile-code-editor/nile-code-editor.esm.js +1 -1
  106. package/dist/nile-content-editor/index.cjs.js +1 -1
  107. package/dist/nile-content-editor/index.esm.js +1 -1
  108. package/dist/nile-content-editor/nile-content-editor.cjs.js +1 -1
  109. package/dist/nile-content-editor/nile-content-editor.css.cjs.js +1 -1
  110. package/dist/nile-content-editor/nile-content-editor.css.esm.js +1 -1
  111. package/dist/nile-content-editor/nile-content-editor.esm.js +1 -1
  112. package/dist/nile-date-picker/index.cjs.js +1 -1
  113. package/dist/nile-date-picker/index.esm.js +1 -1
  114. package/dist/nile-date-picker/nile-date-picker.cjs.js +1 -1
  115. package/dist/nile-date-picker/nile-date-picker.css.cjs.js +1 -1
  116. package/dist/nile-date-picker/nile-date-picker.css.esm.js +1 -1
  117. package/dist/nile-date-picker/nile-date-picker.esm.js +1 -1
  118. package/dist/nile-dialog/index.cjs.js +1 -1
  119. package/dist/nile-dialog/index.esm.js +1 -1
  120. package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
  121. package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
  122. package/dist/nile-dialog/nile-dialog.css.cjs.js +1 -1
  123. package/dist/nile-dialog/nile-dialog.css.esm.js +1 -1
  124. package/dist/nile-dialog/nile-dialog.esm.js +1 -1
  125. package/dist/nile-drawer/index.cjs.js +1 -1
  126. package/dist/nile-drawer/index.esm.js +1 -1
  127. package/dist/nile-drawer/nile-drawer.cjs.js +1 -1
  128. package/dist/nile-drawer/nile-drawer.cjs.js.map +1 -1
  129. package/dist/nile-drawer/nile-drawer.css.cjs.js +1 -1
  130. package/dist/nile-drawer/nile-drawer.css.esm.js +1 -1
  131. package/dist/nile-drawer/nile-drawer.esm.js +1 -1
  132. package/dist/nile-dropdown/index.cjs.js +1 -1
  133. package/dist/nile-dropdown/index.esm.js +1 -1
  134. package/dist/nile-dropdown/nile-dropdown.cjs.js +1 -1
  135. package/dist/nile-dropdown/nile-dropdown.css.cjs.js +1 -1
  136. package/dist/nile-dropdown/nile-dropdown.css.esm.js +1 -1
  137. package/dist/nile-dropdown/nile-dropdown.esm.js +1 -1
  138. package/dist/nile-empty-state/index.cjs.js +2 -0
  139. package/dist/nile-empty-state/index.cjs.js.map +1 -0
  140. package/dist/nile-empty-state/index.esm.js +1 -0
  141. package/dist/nile-empty-state/nile-empty-state.cjs.js +2 -0
  142. package/dist/nile-empty-state/nile-empty-state.cjs.js.map +1 -0
  143. package/dist/nile-empty-state/nile-empty-state.css.cjs.js +2 -0
  144. package/dist/nile-empty-state/nile-empty-state.css.cjs.js.map +1 -0
  145. package/dist/nile-empty-state/nile-empty-state.css.esm.js +117 -0
  146. package/dist/nile-empty-state/nile-empty-state.esm.js +32 -0
  147. package/dist/nile-error-message/index.cjs.js +1 -1
  148. package/dist/nile-error-message/index.esm.js +1 -1
  149. package/dist/nile-error-message/nile-error-message.cjs.js +1 -1
  150. package/dist/nile-error-message/nile-error-message.css.cjs.js +1 -1
  151. package/dist/nile-error-message/nile-error-message.css.esm.js +1 -1
  152. package/dist/nile-error-message/nile-error-message.esm.js +1 -1
  153. package/dist/nile-error-notification/index.cjs.js +1 -1
  154. package/dist/nile-error-notification/index.esm.js +1 -1
  155. package/dist/nile-error-notification/nile-error-notification.cjs.js +1 -1
  156. package/dist/nile-error-notification/nile-error-notification.cjs.js.map +1 -1
  157. package/dist/nile-error-notification/nile-error-notification.css.cjs.js +1 -1
  158. package/dist/nile-error-notification/nile-error-notification.css.esm.js +1 -1
  159. package/dist/nile-error-notification/nile-error-notification.esm.js +2 -2
  160. package/dist/nile-footer/index.cjs.js +1 -1
  161. package/dist/nile-footer/index.esm.js +1 -1
  162. package/dist/nile-footer/nile-footer.css.cjs.js +1 -1
  163. package/dist/nile-footer/nile-footer.css.esm.js +1 -1
  164. package/dist/nile-form-error-message/index.cjs.js +1 -1
  165. package/dist/nile-form-error-message/index.esm.js +1 -1
  166. package/dist/nile-form-error-message/nile-form-error-message.cjs.js +1 -1
  167. package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js +1 -1
  168. package/dist/nile-form-error-message/nile-form-error-message.css.esm.js +1 -1
  169. package/dist/nile-form-error-message/nile-form-error-message.esm.js +1 -1
  170. package/dist/nile-form-group/index.cjs.js +1 -1
  171. package/dist/nile-form-group/index.esm.js +1 -1
  172. package/dist/nile-form-group/nile-form-group.cjs.js +1 -1
  173. package/dist/nile-form-group/nile-form-group.css.cjs.js +1 -1
  174. package/dist/nile-form-group/nile-form-group.css.esm.js +1 -1
  175. package/dist/nile-form-group/nile-form-group.esm.js +1 -1
  176. package/dist/nile-form-help-text/index.cjs.js +1 -1
  177. package/dist/nile-form-help-text/index.esm.js +1 -1
  178. package/dist/nile-form-help-text/nile-form-help-text.cjs.js +1 -1
  179. package/dist/nile-form-help-text/nile-form-help-text.cjs.js.map +1 -1
  180. package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js +1 -1
  181. package/dist/nile-form-help-text/nile-form-help-text.css.cjs.js.map +1 -1
  182. package/dist/nile-form-help-text/nile-form-help-text.css.esm.js +1 -2
  183. package/dist/nile-form-help-text/nile-form-help-text.esm.js +2 -2
  184. package/dist/nile-hero/index.cjs.js +2 -0
  185. package/dist/nile-hero/index.cjs.js.map +1 -0
  186. package/dist/nile-hero/index.esm.js +1 -0
  187. package/dist/nile-hero/nile-hero.cjs.js +2 -0
  188. package/dist/nile-hero/nile-hero.cjs.js.map +1 -0
  189. package/dist/nile-hero/nile-hero.css.cjs.js +2 -0
  190. package/dist/nile-hero/nile-hero.css.cjs.js.map +1 -0
  191. package/dist/nile-hero/nile-hero.css.esm.js +57 -0
  192. package/dist/nile-hero/nile-hero.esm.js +16 -0
  193. package/dist/nile-icon/icons/svg/alert-circle.cjs.js +2 -0
  194. package/dist/nile-icon/icons/svg/alert-circle.cjs.js.map +1 -0
  195. package/dist/nile-icon/icons/svg/alert-circle.esm.js +1 -0
  196. package/dist/nile-icon/icons/svg/arrow-narrow-left.cjs.js +2 -0
  197. package/dist/nile-icon/icons/svg/arrow-narrow-left.cjs.js.map +1 -0
  198. package/dist/nile-icon/icons/svg/arrow-narrow-left.esm.js +1 -0
  199. package/dist/nile-icon/icons/svg/book-closed.cjs.js +2 -0
  200. package/dist/nile-icon/icons/svg/book-closed.cjs.js.map +1 -0
  201. package/dist/nile-icon/icons/svg/book-closed.esm.js +1 -0
  202. package/dist/nile-icon/icons/svg/box.cjs.js +2 -0
  203. package/dist/nile-icon/icons/svg/box.cjs.js.map +1 -0
  204. package/dist/nile-icon/icons/svg/box.esm.js +1 -0
  205. package/dist/nile-icon/icons/svg/check.cjs.js +2 -0
  206. package/dist/nile-icon/icons/svg/check.cjs.js.map +1 -0
  207. package/dist/nile-icon/icons/svg/check.esm.js +1 -0
  208. package/dist/nile-icon/icons/svg/chevron-left-double.cjs.js +2 -0
  209. package/dist/nile-icon/icons/svg/chevron-left-double.cjs.js.map +1 -0
  210. package/dist/nile-icon/icons/svg/chevron-left-double.esm.js +1 -0
  211. package/dist/nile-icon/icons/svg/chevron-selector-vertical.cjs.js +2 -0
  212. package/dist/nile-icon/icons/svg/chevron-selector-vertical.cjs.js.map +1 -0
  213. package/dist/nile-icon/icons/svg/chevron-selector-vertical.esm.js +1 -0
  214. package/dist/nile-icon/icons/svg/clock-check.cjs.js +2 -0
  215. package/dist/nile-icon/icons/svg/clock-check.cjs.js.map +1 -0
  216. package/dist/nile-icon/icons/svg/clock-check.esm.js +1 -0
  217. package/dist/nile-icon/icons/svg/clock-rewind.cjs.js +2 -0
  218. package/dist/nile-icon/icons/svg/clock-rewind.cjs.js.map +1 -0
  219. package/dist/nile-icon/icons/svg/clock-rewind.esm.js +1 -0
  220. package/dist/nile-icon/icons/svg/clock.cjs.js +2 -0
  221. package/dist/nile-icon/icons/svg/clock.cjs.js.map +1 -0
  222. package/dist/nile-icon/icons/svg/clock.esm.js +1 -0
  223. package/dist/nile-icon/icons/svg/cloud-01.cjs.js +2 -0
  224. package/dist/nile-icon/icons/svg/cloud-01.cjs.js.map +1 -0
  225. package/dist/nile-icon/icons/svg/cloud-01.esm.js +1 -0
  226. package/dist/nile-icon/icons/svg/copy-06.cjs.js +2 -0
  227. package/dist/nile-icon/icons/svg/copy-06.cjs.js.map +1 -0
  228. package/dist/nile-icon/icons/svg/copy-06.esm.js +1 -0
  229. package/dist/nile-icon/icons/svg/dataflow-03.cjs.js +2 -0
  230. package/dist/nile-icon/icons/svg/dataflow-03.cjs.js.map +1 -0
  231. package/dist/nile-icon/icons/svg/dataflow-03.esm.js +1 -0
  232. package/dist/nile-icon/icons/svg/dataflow-04.cjs.js +2 -0
  233. package/dist/nile-icon/icons/svg/dataflow-04.cjs.js.map +1 -0
  234. package/dist/nile-icon/icons/svg/dataflow-04.esm.js +1 -0
  235. package/dist/nile-icon/icons/svg/dotpoints-02.cjs.js +2 -0
  236. package/dist/nile-icon/icons/svg/dotpoints-02.cjs.js.map +1 -0
  237. package/dist/nile-icon/icons/svg/dotpoints-02.esm.js +1 -0
  238. package/dist/nile-icon/icons/svg/dots-vertical.cjs.js +2 -0
  239. package/dist/nile-icon/icons/svg/dots-vertical.cjs.js.map +1 -0
  240. package/dist/nile-icon/icons/svg/dots-vertical.esm.js +1 -0
  241. package/dist/nile-icon/icons/svg/download-02.cjs.js +2 -0
  242. package/dist/nile-icon/icons/svg/download-02.cjs.js.map +1 -0
  243. package/dist/nile-icon/icons/svg/download-02.esm.js +1 -0
  244. package/dist/nile-icon/icons/svg/edit-01.cjs.js +2 -0
  245. package/dist/nile-icon/icons/svg/edit-01.cjs.js.map +1 -0
  246. package/dist/nile-icon/icons/svg/edit-01.esm.js +1 -0
  247. package/dist/nile-icon/icons/svg/expand-06.cjs.js +2 -0
  248. package/dist/nile-icon/icons/svg/expand-06.cjs.js.map +1 -0
  249. package/dist/nile-icon/icons/svg/expand-06.esm.js +1 -0
  250. package/dist/nile-icon/icons/svg/eye-off.cjs.js +2 -0
  251. package/dist/nile-icon/icons/svg/eye-off.cjs.js.map +1 -0
  252. package/dist/nile-icon/icons/svg/eye-off.esm.js +1 -0
  253. package/dist/nile-icon/icons/svg/file-06.cjs.js +2 -0
  254. package/dist/nile-icon/icons/svg/file-06.cjs.js.map +1 -0
  255. package/dist/nile-icon/icons/svg/file-06.esm.js +1 -0
  256. package/dist/nile-icon/icons/svg/file-shield-01.cjs.js +2 -0
  257. package/dist/nile-icon/icons/svg/file-shield-01.cjs.js.map +1 -0
  258. package/dist/nile-icon/icons/svg/file-shield-01.esm.js +1 -0
  259. package/dist/nile-icon/icons/svg/globe-03.cjs.js +2 -0
  260. package/dist/nile-icon/icons/svg/globe-03.cjs.js.map +1 -0
  261. package/dist/nile-icon/icons/svg/globe-03.esm.js +1 -0
  262. package/dist/nile-icon/icons/svg/grid-01.cjs.js +2 -0
  263. package/dist/nile-icon/icons/svg/grid-01.cjs.js.map +1 -0
  264. package/dist/nile-icon/icons/svg/grid-01.esm.js +1 -0
  265. package/dist/nile-icon/icons/svg/help-circle.cjs.js +2 -0
  266. package/dist/nile-icon/icons/svg/help-circle.cjs.js.map +1 -0
  267. package/dist/nile-icon/icons/svg/help-circle.esm.js +1 -0
  268. package/dist/nile-icon/icons/svg/index.cjs.js +1 -1
  269. package/dist/nile-icon/icons/svg/index.esm.js +1 -1
  270. package/dist/nile-icon/icons/svg/layout-alt-02.cjs.js +2 -0
  271. package/dist/nile-icon/icons/svg/layout-alt-02.cjs.js.map +1 -0
  272. package/dist/nile-icon/icons/svg/layout-alt-02.esm.js +1 -0
  273. package/dist/nile-icon/icons/svg/layout-alt-03.cjs.js +2 -0
  274. package/dist/nile-icon/icons/svg/layout-alt-03.cjs.js.map +1 -0
  275. package/dist/nile-icon/icons/svg/layout-alt-03.esm.js +1 -0
  276. package/dist/nile-icon/icons/svg/marker-pin-01.cjs.js +2 -0
  277. package/dist/nile-icon/icons/svg/marker-pin-01.cjs.js.map +1 -0
  278. package/dist/nile-icon/icons/svg/marker-pin-01.esm.js +1 -0
  279. package/dist/nile-icon/icons/svg/play-circle.cjs.js +2 -0
  280. package/dist/nile-icon/icons/svg/play-circle.cjs.js.map +1 -0
  281. package/dist/nile-icon/icons/svg/play-circle.esm.js +1 -0
  282. package/dist/nile-icon/icons/svg/refresh-cw-03.cjs.js +2 -0
  283. package/dist/nile-icon/icons/svg/refresh-cw-03.cjs.js.map +1 -0
  284. package/dist/nile-icon/icons/svg/refresh-cw-03.esm.js +1 -0
  285. package/dist/nile-icon/icons/svg/search-lg.cjs.js +2 -0
  286. package/dist/nile-icon/icons/svg/search-lg.cjs.js.map +1 -0
  287. package/dist/nile-icon/icons/svg/search-lg.esm.js +1 -0
  288. package/dist/nile-icon/icons/svg/server-03.cjs.js +2 -0
  289. package/dist/nile-icon/icons/svg/server-03.cjs.js.map +1 -0
  290. package/dist/nile-icon/icons/svg/server-03.esm.js +1 -0
  291. package/dist/nile-icon/icons/svg/stop-circle.cjs.js +2 -0
  292. package/dist/nile-icon/icons/svg/stop-circle.cjs.js.map +1 -0
  293. package/dist/nile-icon/icons/svg/stop-circle.esm.js +1 -0
  294. package/dist/nile-icon/icons/svg/user-circle.cjs.js +2 -0
  295. package/dist/nile-icon/icons/svg/user-circle.cjs.js.map +1 -0
  296. package/dist/nile-icon/icons/svg/user-circle.esm.js +1 -0
  297. package/dist/nile-icon/icons/svg/x-circle.cjs.js +2 -0
  298. package/dist/nile-icon/icons/svg/x-circle.cjs.js.map +1 -0
  299. package/dist/nile-icon/icons/svg/x-circle.esm.js +1 -0
  300. package/dist/nile-icon/index.cjs.js +1 -1
  301. package/dist/nile-icon/index.cjs.js.map +1 -1
  302. package/dist/nile-icon/index.esm.js +9 -4
  303. package/dist/nile-icon-button/index.cjs.js +1 -1
  304. package/dist/nile-icon-button/index.esm.js +1 -1
  305. package/dist/nile-icon-button/nile-icon-button.cjs.js +1 -1
  306. package/dist/nile-icon-button/nile-icon-button.cjs.js.map +1 -1
  307. package/dist/nile-icon-button/nile-icon-button.css.cjs.js +1 -1
  308. package/dist/nile-icon-button/nile-icon-button.css.esm.js +1 -1
  309. package/dist/nile-icon-button/nile-icon-button.esm.js +12 -12
  310. package/dist/nile-input/index.cjs.js +1 -1
  311. package/dist/nile-input/index.esm.js +1 -1
  312. package/dist/nile-input/nile-input.cjs.js +1 -1
  313. package/dist/nile-input/nile-input.cjs.js.map +1 -1
  314. package/dist/nile-input/nile-input.css.cjs.js +1 -1
  315. package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
  316. package/dist/nile-input/nile-input.css.esm.js +15 -10
  317. package/dist/nile-input/nile-input.esm.js +2 -2
  318. package/dist/nile-link/index.cjs.js +1 -1
  319. package/dist/nile-link/index.esm.js +1 -1
  320. package/dist/nile-link/nile-link.cjs.js +1 -1
  321. package/dist/nile-link/nile-link.css.cjs.js +1 -1
  322. package/dist/nile-link/nile-link.css.esm.js +1 -1
  323. package/dist/nile-link/nile-link.esm.js +1 -1
  324. package/dist/nile-loader/index.cjs.js +1 -1
  325. package/dist/nile-loader/index.esm.js +1 -1
  326. package/dist/nile-loader/nile-loader.cjs.js +1 -1
  327. package/dist/nile-loader/nile-loader.esm.js +1 -1
  328. package/dist/nile-menu/index.cjs.js +1 -1
  329. package/dist/nile-menu/index.esm.js +1 -1
  330. package/dist/nile-menu/nile-menu.cjs.js +1 -1
  331. package/dist/nile-menu/nile-menu.css.cjs.js +1 -1
  332. package/dist/nile-menu/nile-menu.css.esm.js +1 -1
  333. package/dist/nile-menu/nile-menu.esm.js +1 -1
  334. package/dist/nile-menu-item/index.cjs.js +1 -1
  335. package/dist/nile-menu-item/index.esm.js +1 -1
  336. package/dist/nile-menu-item/nile-menu-item.cjs.js +1 -1
  337. package/dist/nile-menu-item/nile-menu-item.cjs.js.map +1 -1
  338. package/dist/nile-menu-item/nile-menu-item.css.cjs.js +1 -1
  339. package/dist/nile-menu-item/nile-menu-item.css.esm.js +1 -1
  340. package/dist/nile-menu-item/nile-menu-item.esm.js +1 -1
  341. package/dist/nile-option/index.cjs.js +1 -1
  342. package/dist/nile-option/index.esm.js +1 -1
  343. package/dist/nile-option/nile-option.cjs.js +1 -1
  344. package/dist/nile-option/nile-option.cjs.js.map +1 -1
  345. package/dist/nile-option/nile-option.css.cjs.js +1 -1
  346. package/dist/nile-option/nile-option.css.esm.js +1 -1
  347. package/dist/nile-option/nile-option.esm.js +1 -1
  348. package/dist/nile-page-header/index.cjs.js +1 -1
  349. package/dist/nile-page-header/index.esm.js +1 -1
  350. package/dist/nile-page-header/nile-page-header.cjs.js +1 -1
  351. package/dist/nile-page-header/nile-page-header.cjs.js.map +1 -1
  352. package/dist/nile-page-header/nile-page-header.css.cjs.js +1 -1
  353. package/dist/nile-page-header/nile-page-header.css.cjs.js.map +1 -1
  354. package/dist/nile-page-header/nile-page-header.css.esm.js +4 -8
  355. package/dist/nile-page-header/nile-page-header.esm.js +1 -2
  356. package/dist/nile-popover/index.cjs.js +1 -1
  357. package/dist/nile-popover/index.esm.js +1 -1
  358. package/dist/nile-popover/nile-popover.cjs.js +1 -1
  359. package/dist/nile-popover/nile-popover.css.cjs.js +1 -1
  360. package/dist/nile-popover/nile-popover.css.esm.js +1 -1
  361. package/dist/nile-popover/nile-popover.esm.js +1 -1
  362. package/dist/nile-popup/index.cjs.js +1 -1
  363. package/dist/nile-popup/index.esm.js +1 -1
  364. package/dist/nile-popup/nile-popup.cjs.js +1 -1
  365. package/dist/nile-popup/nile-popup.css.cjs.js +1 -1
  366. package/dist/nile-popup/nile-popup.css.esm.js +1 -1
  367. package/dist/nile-popup/nile-popup.esm.js +1 -1
  368. package/dist/nile-progress-bar/index.cjs.js +1 -1
  369. package/dist/nile-progress-bar/index.esm.js +1 -1
  370. package/dist/nile-progress-bar/nile-progress-bar.cjs.js +1 -1
  371. package/dist/nile-progress-bar/nile-progress-bar.esm.js +1 -1
  372. package/dist/nile-radio/index.cjs.js +1 -1
  373. package/dist/nile-radio/index.esm.js +1 -1
  374. package/dist/nile-radio/nile-radio.cjs.js +1 -1
  375. package/dist/nile-radio/nile-radio.css.cjs.js +1 -1
  376. package/dist/nile-radio/nile-radio.css.esm.js +1 -1
  377. package/dist/nile-radio/nile-radio.esm.js +1 -1
  378. package/dist/nile-radio-group/nile-radio-group.cjs.js +1 -1
  379. package/dist/nile-radio-group/nile-radio-group.cjs.js.map +1 -1
  380. package/dist/nile-radio-group/nile-radio-group.esm.js +1 -1
  381. package/dist/nile-select/index.cjs.js +1 -1
  382. package/dist/nile-select/index.esm.js +1 -1
  383. package/dist/nile-select/nile-select.cjs.js +1 -1
  384. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  385. package/dist/nile-select/nile-select.css.cjs.js +1 -1
  386. package/dist/nile-select/nile-select.css.esm.js +1 -1
  387. package/dist/nile-select/nile-select.esm.js +11 -10
  388. package/dist/nile-sidebar-menu/index.cjs.js +1 -1
  389. package/dist/nile-sidebar-menu/index.esm.js +1 -1
  390. package/dist/nile-sidebar-menu/nile-sidebar-menu.cjs.js +1 -1
  391. package/dist/nile-sidebar-menu/nile-sidebar-menu.css.cjs.js +1 -1
  392. package/dist/nile-sidebar-menu/nile-sidebar-menu.css.esm.js +1 -1
  393. package/dist/nile-sidebar-menu/nile-sidebar-menu.esm.js +1 -1
  394. package/dist/nile-sidebar-menu-items/index.cjs.js +1 -1
  395. package/dist/nile-sidebar-menu-items/index.esm.js +1 -1
  396. package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.cjs.js +1 -1
  397. package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.cjs.js +1 -1
  398. package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.css.esm.js +1 -1
  399. package/dist/nile-sidebar-menu-items/nile-sidebar-menu-items.esm.js +1 -1
  400. package/dist/nile-sidebar-wrapper/index.cjs.js +1 -1
  401. package/dist/nile-sidebar-wrapper/index.esm.js +1 -1
  402. package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.cjs.js +1 -1
  403. package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.cjs.js +1 -1
  404. package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.css.esm.js +1 -1
  405. package/dist/nile-sidebar-wrapper/nile-sidebar-wrapper.esm.js +1 -1
  406. package/dist/nile-slide-toggle/index.cjs.js +1 -1
  407. package/dist/nile-slide-toggle/index.esm.js +1 -1
  408. package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js +1 -1
  409. package/dist/nile-slide-toggle/nile-slide-toggle.cjs.js.map +1 -1
  410. package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js +1 -1
  411. package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js.map +1 -1
  412. package/dist/nile-slide-toggle/nile-slide-toggle.css.esm.js +18 -9
  413. package/dist/nile-slide-toggle/nile-slide-toggle.esm.js +22 -24
  414. package/dist/nile-spinner/index.cjs.js +1 -1
  415. package/dist/nile-spinner/index.esm.js +1 -1
  416. package/dist/nile-spinner/nile-spinner.cjs.js +1 -1
  417. package/dist/nile-spinner/nile-spinner.css.cjs.js +1 -1
  418. package/dist/nile-spinner/nile-spinner.css.esm.js +1 -1
  419. package/dist/nile-spinner/nile-spinner.esm.js +1 -1
  420. package/dist/nile-stepper/index.cjs.js +2 -0
  421. package/dist/nile-stepper/index.cjs.js.map +1 -0
  422. package/dist/nile-stepper/index.esm.js +1 -0
  423. package/dist/nile-stepper/nile-stepper.cjs.js +2 -0
  424. package/dist/nile-stepper/nile-stepper.cjs.js.map +1 -0
  425. package/dist/nile-stepper/nile-stepper.css.cjs.js +2 -0
  426. package/dist/nile-stepper/nile-stepper.css.cjs.js.map +1 -0
  427. package/dist/nile-stepper/nile-stepper.css.esm.js +7 -0
  428. package/dist/nile-stepper/nile-stepper.esm.js +5 -0
  429. package/dist/nile-stepper-item/index.cjs.js +2 -0
  430. package/dist/nile-stepper-item/index.cjs.js.map +1 -0
  431. package/dist/nile-stepper-item/index.esm.js +1 -0
  432. package/dist/nile-stepper-item/nile-stepper-item.cjs.js +6 -0
  433. package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map +1 -0
  434. package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js +2 -0
  435. package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map +1 -0
  436. package/dist/nile-stepper-item/nile-stepper-item.css.esm.js +110 -0
  437. package/dist/nile-stepper-item/nile-stepper-item.esm.js +36 -0
  438. package/dist/nile-switcher/index.cjs.js +1 -1
  439. package/dist/nile-switcher/index.esm.js +1 -1
  440. package/dist/nile-switcher/nile-switcher.cjs.js +1 -1
  441. package/dist/nile-switcher/nile-switcher.css.cjs.js +1 -1
  442. package/dist/nile-switcher/nile-switcher.css.esm.js +1 -1
  443. package/dist/nile-switcher/nile-switcher.esm.js +1 -1
  444. package/dist/nile-tab/index.cjs.js +1 -1
  445. package/dist/nile-tab/index.esm.js +1 -1
  446. package/dist/nile-tab/nile-tab.cjs.js +1 -1
  447. package/dist/nile-tab/nile-tab.cjs.js.map +1 -1
  448. package/dist/nile-tab/nile-tab.css.cjs.js +1 -1
  449. package/dist/nile-tab/nile-tab.css.cjs.js.map +1 -1
  450. package/dist/nile-tab/nile-tab.css.esm.js +8 -8
  451. package/dist/nile-tab/nile-tab.esm.js +1 -1
  452. package/dist/nile-tab-group/index.cjs.js +1 -1
  453. package/dist/nile-tab-group/index.esm.js +1 -1
  454. package/dist/nile-tab-group/nile-tab-group.cjs.js +1 -1
  455. package/dist/nile-tab-group/nile-tab-group.cjs.js.map +1 -1
  456. package/dist/nile-tab-group/nile-tab-group.css.cjs.js +1 -1
  457. package/dist/nile-tab-group/nile-tab-group.css.cjs.js.map +1 -1
  458. package/dist/nile-tab-group/nile-tab-group.css.esm.js +3 -3
  459. package/dist/nile-tab-group/nile-tab-group.esm.js +1 -1
  460. package/dist/nile-tab-panel/index.cjs.js +1 -1
  461. package/dist/nile-tab-panel/index.esm.js +1 -1
  462. package/dist/nile-tab-panel/nile-tab-panel.cjs.js +1 -1
  463. package/dist/nile-tab-panel/nile-tab-panel.css.cjs.js +1 -1
  464. package/dist/nile-tab-panel/nile-tab-panel.css.esm.js +1 -1
  465. package/dist/nile-tab-panel/nile-tab-panel.esm.js +1 -1
  466. package/dist/nile-table-body/index.cjs.js +1 -1
  467. package/dist/nile-table-body/index.esm.js +1 -1
  468. package/dist/nile-table-body/nile-table-body.cjs.js +1 -1
  469. package/dist/nile-table-body/nile-table-body.cjs.js.map +1 -1
  470. package/dist/nile-table-body/nile-table-body.css.cjs.js +1 -1
  471. package/dist/nile-table-body/nile-table-body.css.esm.js +1 -1
  472. package/dist/nile-table-body/nile-table-body.esm.js +2 -2
  473. package/dist/nile-table-cell-item/index.cjs.js +1 -1
  474. package/dist/nile-table-cell-item/index.esm.js +1 -1
  475. package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js +1 -1
  476. package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js +1 -1
  477. package/dist/nile-table-cell-item/nile-table-cell-item.css.esm.js +1 -1
  478. package/dist/nile-table-cell-item/nile-table-cell-item.esm.js +1 -1
  479. package/dist/nile-table-header-item/index.cjs.js +1 -1
  480. package/dist/nile-table-header-item/index.esm.js +1 -1
  481. package/dist/nile-table-header-item/nile-table-header-item.cjs.js +1 -1
  482. package/dist/nile-table-header-item/nile-table-header-item.cjs.js.map +1 -1
  483. package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
  484. package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
  485. package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +10 -2
  486. package/dist/nile-table-header-item/nile-table-header-item.esm.js +18 -14
  487. package/dist/nile-table-row/index.cjs.js +1 -1
  488. package/dist/nile-table-row/index.esm.js +1 -1
  489. package/dist/nile-table-row/nile-table-row.cjs.js +1 -1
  490. package/dist/nile-table-row/nile-table-row.cjs.js.map +1 -1
  491. package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
  492. package/dist/nile-table-row/nile-table-row.css.esm.js +1 -1
  493. package/dist/nile-table-row/nile-table-row.esm.js +6 -1
  494. package/dist/nile-tag/index.cjs.js +1 -1
  495. package/dist/nile-tag/index.esm.js +1 -1
  496. package/dist/nile-tag/nile-tag.cjs.js +1 -1
  497. package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
  498. package/dist/nile-tag/nile-tag.css.cjs.js +1 -1
  499. package/dist/nile-tag/nile-tag.css.esm.js +1 -1
  500. package/dist/nile-tag/nile-tag.esm.js +1 -1
  501. package/dist/nile-textarea/index.cjs.js +1 -1
  502. package/dist/nile-textarea/index.esm.js +1 -1
  503. package/dist/nile-textarea/nile-textarea.cjs.js +1 -1
  504. package/dist/nile-textarea/nile-textarea.cjs.js.map +1 -1
  505. package/dist/nile-textarea/nile-textarea.css.cjs.js +1 -1
  506. package/dist/nile-textarea/nile-textarea.css.esm.js +1 -1
  507. package/dist/nile-textarea/nile-textarea.esm.js +2 -2
  508. package/dist/nile-toast/index.cjs.js +1 -1
  509. package/dist/nile-toast/index.esm.js +1 -1
  510. package/dist/nile-toast/nile-toast.cjs.js +1 -1
  511. package/dist/nile-toast/nile-toast.cjs.js.map +1 -1
  512. package/dist/nile-toast/nile-toast.css.cjs.js +1 -1
  513. package/dist/nile-toast/nile-toast.css.esm.js +1 -1
  514. package/dist/nile-toast/nile-toast.esm.js +2 -2
  515. package/dist/nile-toolbar/index.cjs.js +1 -1
  516. package/dist/nile-toolbar/index.esm.js +1 -1
  517. package/dist/nile-toolbar/nile-toolbar.css.cjs.js +1 -1
  518. package/dist/nile-toolbar/nile-toolbar.css.esm.js +1 -1
  519. package/dist/nile-tooltip/index.cjs.js +1 -1
  520. package/dist/nile-tooltip/index.esm.js +1 -1
  521. package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
  522. package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
  523. package/dist/nile-tooltip/nile-tooltip.css.esm.js +1 -1
  524. package/dist/nile-tooltip/nile-tooltip.esm.js +1 -1
  525. package/dist/src/index.d.ts +4 -0
  526. package/dist/src/index.js +4 -0
  527. package/dist/src/index.js.map +1 -1
  528. package/dist/src/nile-button/nile-button.js +12 -1
  529. package/dist/src/nile-button/nile-button.js.map +1 -1
  530. package/dist/src/nile-checkbox/nile-checkbox.d.ts +1 -1
  531. package/dist/src/nile-checkbox/nile-checkbox.js +5 -5
  532. package/dist/src/nile-checkbox/nile-checkbox.js.map +1 -1
  533. package/dist/src/nile-chip/nile-chip.js +2 -2
  534. package/dist/src/nile-chip/nile-chip.js.map +1 -1
  535. package/dist/src/nile-empty-state/index.d.ts +1 -0
  536. package/dist/src/nile-empty-state/index.js +2 -0
  537. package/dist/src/nile-empty-state/index.js.map +1 -0
  538. package/dist/src/nile-empty-state/nile-empty-state.css.d.ts +12 -0
  539. package/dist/src/nile-empty-state/nile-empty-state.css.js +129 -0
  540. package/dist/src/nile-empty-state/nile-empty-state.css.js.map +1 -0
  541. package/dist/src/nile-empty-state/nile-empty-state.d.ts +38 -0
  542. package/dist/src/nile-empty-state/nile-empty-state.js +111 -0
  543. package/dist/src/nile-empty-state/nile-empty-state.js.map +1 -0
  544. package/dist/src/nile-error-notification/nile-error-notification.js +1 -1
  545. package/dist/src/nile-error-notification/nile-error-notification.js.map +1 -1
  546. package/dist/src/nile-form-help-text/nile-form-help-text.css.js +0 -1
  547. package/dist/src/nile-form-help-text/nile-form-help-text.css.js.map +1 -1
  548. package/dist/src/nile-form-help-text/nile-form-help-text.js +3 -3
  549. package/dist/src/nile-form-help-text/nile-form-help-text.js.map +1 -1
  550. package/dist/src/nile-hero/index.d.ts +1 -0
  551. package/dist/src/nile-hero/index.js +2 -0
  552. package/dist/src/nile-hero/index.js.map +1 -0
  553. package/dist/src/nile-hero/nile-hero.css.d.ts +12 -0
  554. package/dist/src/nile-hero/nile-hero.css.js +69 -0
  555. package/dist/src/nile-hero/nile-hero.css.js.map +1 -0
  556. package/dist/src/nile-hero/nile-hero.d.ts +35 -0
  557. package/dist/src/nile-hero/nile-hero.js +72 -0
  558. package/dist/src/nile-hero/nile-hero.js.map +1 -0
  559. package/dist/src/nile-icon/icons/svg/alert-circle.d.ts +5 -0
  560. package/dist/src/nile-icon/icons/svg/alert-circle.js +5 -0
  561. package/dist/src/nile-icon/icons/svg/alert-circle.js.map +1 -0
  562. package/dist/src/nile-icon/icons/svg/arrow-narrow-left.d.ts +5 -0
  563. package/dist/src/nile-icon/icons/svg/arrow-narrow-left.js +5 -0
  564. package/dist/src/nile-icon/icons/svg/arrow-narrow-left.js.map +1 -0
  565. package/dist/src/nile-icon/icons/svg/book-closed.d.ts +5 -0
  566. package/dist/src/nile-icon/icons/svg/book-closed.js +5 -0
  567. package/dist/src/nile-icon/icons/svg/book-closed.js.map +1 -0
  568. package/dist/src/nile-icon/icons/svg/box.d.ts +5 -0
  569. package/dist/src/nile-icon/icons/svg/box.js +5 -0
  570. package/dist/src/nile-icon/icons/svg/box.js.map +1 -0
  571. package/dist/src/nile-icon/icons/svg/check.d.ts +5 -0
  572. package/dist/src/nile-icon/icons/svg/check.js +5 -0
  573. package/dist/src/nile-icon/icons/svg/check.js.map +1 -0
  574. package/dist/src/nile-icon/icons/svg/chevron-left-double.d.ts +5 -0
  575. package/dist/src/nile-icon/icons/svg/chevron-left-double.js +5 -0
  576. package/dist/src/nile-icon/icons/svg/chevron-left-double.js.map +1 -0
  577. package/dist/src/nile-icon/icons/svg/chevron-selector-vertical.d.ts +5 -0
  578. package/dist/src/nile-icon/icons/svg/chevron-selector-vertical.js +5 -0
  579. package/dist/src/nile-icon/icons/svg/chevron-selector-vertical.js.map +1 -0
  580. package/dist/src/nile-icon/icons/svg/clock-check.d.ts +5 -0
  581. package/dist/src/nile-icon/icons/svg/clock-check.js +5 -0
  582. package/dist/src/nile-icon/icons/svg/clock-check.js.map +1 -0
  583. package/dist/src/nile-icon/icons/svg/clock-rewind.d.ts +5 -0
  584. package/dist/src/nile-icon/icons/svg/clock-rewind.js +5 -0
  585. package/dist/src/nile-icon/icons/svg/clock-rewind.js.map +1 -0
  586. package/dist/src/nile-icon/icons/svg/clock.d.ts +5 -0
  587. package/dist/src/nile-icon/icons/svg/clock.js +5 -0
  588. package/dist/src/nile-icon/icons/svg/clock.js.map +1 -0
  589. package/dist/src/nile-icon/icons/svg/cloud-01.d.ts +5 -0
  590. package/dist/src/nile-icon/icons/svg/cloud-01.js +5 -0
  591. package/dist/src/nile-icon/icons/svg/cloud-01.js.map +1 -0
  592. package/dist/src/nile-icon/icons/svg/copy-06.d.ts +5 -0
  593. package/dist/src/nile-icon/icons/svg/copy-06.js +5 -0
  594. package/dist/src/nile-icon/icons/svg/copy-06.js.map +1 -0
  595. package/dist/src/nile-icon/icons/svg/dataflow-03.d.ts +5 -0
  596. package/dist/src/nile-icon/icons/svg/dataflow-03.js +5 -0
  597. package/dist/src/nile-icon/icons/svg/dataflow-03.js.map +1 -0
  598. package/dist/src/nile-icon/icons/svg/dataflow-04.d.ts +5 -0
  599. package/dist/src/nile-icon/icons/svg/dataflow-04.js +5 -0
  600. package/dist/src/nile-icon/icons/svg/dataflow-04.js.map +1 -0
  601. package/dist/src/nile-icon/icons/svg/dotpoints-02.d.ts +5 -0
  602. package/dist/src/nile-icon/icons/svg/dotpoints-02.js +5 -0
  603. package/dist/src/nile-icon/icons/svg/dotpoints-02.js.map +1 -0
  604. package/dist/src/nile-icon/icons/svg/dots-vertical.d.ts +5 -0
  605. package/dist/src/nile-icon/icons/svg/dots-vertical.js +5 -0
  606. package/dist/src/nile-icon/icons/svg/dots-vertical.js.map +1 -0
  607. package/dist/src/nile-icon/icons/svg/download-02.d.ts +5 -0
  608. package/dist/src/nile-icon/icons/svg/download-02.js +5 -0
  609. package/dist/src/nile-icon/icons/svg/download-02.js.map +1 -0
  610. package/dist/src/nile-icon/icons/svg/edit-01.d.ts +5 -0
  611. package/dist/src/nile-icon/icons/svg/edit-01.js +5 -0
  612. package/dist/src/nile-icon/icons/svg/edit-01.js.map +1 -0
  613. package/dist/src/nile-icon/icons/svg/expand-06.d.ts +5 -0
  614. package/dist/src/nile-icon/icons/svg/expand-06.js +5 -0
  615. package/dist/src/nile-icon/icons/svg/expand-06.js.map +1 -0
  616. package/dist/src/nile-icon/icons/svg/eye-off.d.ts +5 -0
  617. package/dist/src/nile-icon/icons/svg/eye-off.js +5 -0
  618. package/dist/src/nile-icon/icons/svg/eye-off.js.map +1 -0
  619. package/dist/src/nile-icon/icons/svg/file-06.d.ts +5 -0
  620. package/dist/src/nile-icon/icons/svg/file-06.js +5 -0
  621. package/dist/src/nile-icon/icons/svg/file-06.js.map +1 -0
  622. package/dist/src/nile-icon/icons/svg/file-shield-01.d.ts +5 -0
  623. package/dist/src/nile-icon/icons/svg/file-shield-01.js +5 -0
  624. package/dist/src/nile-icon/icons/svg/file-shield-01.js.map +1 -0
  625. package/dist/src/nile-icon/icons/svg/globe-03.d.ts +5 -0
  626. package/dist/src/nile-icon/icons/svg/globe-03.js +5 -0
  627. package/dist/src/nile-icon/icons/svg/globe-03.js.map +1 -0
  628. package/dist/src/nile-icon/icons/svg/grid-01.d.ts +5 -0
  629. package/dist/src/nile-icon/icons/svg/grid-01.js +5 -0
  630. package/dist/src/nile-icon/icons/svg/grid-01.js.map +1 -0
  631. package/dist/src/nile-icon/icons/svg/help-circle.d.ts +5 -0
  632. package/dist/src/nile-icon/icons/svg/help-circle.js +5 -0
  633. package/dist/src/nile-icon/icons/svg/help-circle.js.map +1 -0
  634. package/dist/src/nile-icon/icons/svg/index.d.ts +35 -0
  635. package/dist/src/nile-icon/icons/svg/index.js +35 -0
  636. package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
  637. package/dist/src/nile-icon/icons/svg/layout-alt-02.d.ts +5 -0
  638. package/dist/src/nile-icon/icons/svg/layout-alt-02.js +5 -0
  639. package/dist/src/nile-icon/icons/svg/layout-alt-02.js.map +1 -0
  640. package/dist/src/nile-icon/icons/svg/layout-alt-03.d.ts +5 -0
  641. package/dist/src/nile-icon/icons/svg/layout-alt-03.js +5 -0
  642. package/dist/src/nile-icon/icons/svg/layout-alt-03.js.map +1 -0
  643. package/dist/src/nile-icon/icons/svg/marker-pin-01.d.ts +5 -0
  644. package/dist/src/nile-icon/icons/svg/marker-pin-01.js +5 -0
  645. package/dist/src/nile-icon/icons/svg/marker-pin-01.js.map +1 -0
  646. package/dist/src/nile-icon/icons/svg/play-circle.d.ts +5 -0
  647. package/dist/src/nile-icon/icons/svg/play-circle.js +5 -0
  648. package/dist/src/nile-icon/icons/svg/play-circle.js.map +1 -0
  649. package/dist/src/nile-icon/icons/svg/refresh-cw-03.d.ts +5 -0
  650. package/dist/src/nile-icon/icons/svg/refresh-cw-03.js +5 -0
  651. package/dist/src/nile-icon/icons/svg/refresh-cw-03.js.map +1 -0
  652. package/dist/src/nile-icon/icons/svg/search-lg.d.ts +5 -0
  653. package/dist/src/nile-icon/icons/svg/search-lg.js +5 -0
  654. package/dist/src/nile-icon/icons/svg/search-lg.js.map +1 -0
  655. package/dist/src/nile-icon/icons/svg/server-03.d.ts +5 -0
  656. package/dist/src/nile-icon/icons/svg/server-03.js +5 -0
  657. package/dist/src/nile-icon/icons/svg/server-03.js.map +1 -0
  658. package/dist/src/nile-icon/icons/svg/stop-circle.d.ts +5 -0
  659. package/dist/src/nile-icon/icons/svg/stop-circle.js +5 -0
  660. package/dist/src/nile-icon/icons/svg/stop-circle.js.map +1 -0
  661. package/dist/src/nile-icon/icons/svg/user-circle.d.ts +5 -0
  662. package/dist/src/nile-icon/icons/svg/user-circle.js +5 -0
  663. package/dist/src/nile-icon/icons/svg/user-circle.js.map +1 -0
  664. package/dist/src/nile-icon/icons/svg/x-circle.d.ts +5 -0
  665. package/dist/src/nile-icon/icons/svg/x-circle.js +5 -0
  666. package/dist/src/nile-icon/icons/svg/x-circle.js.map +1 -0
  667. package/dist/src/nile-icon/index.d.ts +1 -0
  668. package/dist/src/nile-icon/index.js +10 -0
  669. package/dist/src/nile-icon/index.js.map +1 -1
  670. package/dist/src/nile-input/nile-input.css.js +14 -9
  671. package/dist/src/nile-input/nile-input.css.js.map +1 -1
  672. package/dist/src/nile-input/nile-input.d.ts +0 -2
  673. package/dist/src/nile-input/nile-input.js +7 -6
  674. package/dist/src/nile-input/nile-input.js.map +1 -1
  675. package/dist/src/nile-page-header/nile-page-header.css.js +2 -6
  676. package/dist/src/nile-page-header/nile-page-header.css.js.map +1 -1
  677. package/dist/src/nile-page-header/nile-page-header.js +0 -1
  678. package/dist/src/nile-page-header/nile-page-header.js.map +1 -1
  679. package/dist/src/nile-radio-group/nile-radio-group.js +2 -2
  680. package/dist/src/nile-radio-group/nile-radio-group.js.map +1 -1
  681. package/dist/src/nile-select/nile-select.d.ts +1 -0
  682. package/dist/src/nile-select/nile-select.js +27 -19
  683. package/dist/src/nile-select/nile-select.js.map +1 -1
  684. package/dist/src/nile-slide-toggle/nile-slide-toggle.css.js +18 -9
  685. package/dist/src/nile-slide-toggle/nile-slide-toggle.css.js.map +1 -1
  686. package/dist/src/nile-slide-toggle/nile-slide-toggle.d.ts +1 -0
  687. package/dist/src/nile-slide-toggle/nile-slide-toggle.js +27 -25
  688. package/dist/src/nile-slide-toggle/nile-slide-toggle.js.map +1 -1
  689. package/dist/src/nile-stepper/index.d.ts +1 -0
  690. package/dist/src/nile-stepper/index.js +2 -0
  691. package/dist/src/nile-stepper/index.js.map +1 -0
  692. package/dist/src/nile-stepper/nile-stepper.css.d.ts +12 -0
  693. package/dist/src/nile-stepper/nile-stepper.css.js +19 -0
  694. package/dist/src/nile-stepper/nile-stepper.css.js.map +1 -0
  695. package/dist/src/nile-stepper/nile-stepper.d.ts +41 -0
  696. package/dist/src/nile-stepper/nile-stepper.js +135 -0
  697. package/dist/src/nile-stepper/nile-stepper.js.map +1 -0
  698. package/dist/src/nile-stepper-item/index.d.ts +1 -0
  699. package/dist/src/nile-stepper-item/index.js +2 -0
  700. package/dist/src/nile-stepper-item/index.js.map +1 -0
  701. package/dist/src/nile-stepper-item/nile-stepper-item.css.d.ts +12 -0
  702. package/dist/src/nile-stepper-item/nile-stepper-item.css.js +122 -0
  703. package/dist/src/nile-stepper-item/nile-stepper-item.css.js.map +1 -0
  704. package/dist/src/nile-stepper-item/nile-stepper-item.d.ts +46 -0
  705. package/dist/src/nile-stepper-item/nile-stepper-item.js +161 -0
  706. package/dist/src/nile-stepper-item/nile-stepper-item.js.map +1 -0
  707. package/dist/src/nile-tab/nile-tab.css.d.ts +5 -5
  708. package/dist/src/nile-tab/nile-tab.css.js +11 -11
  709. package/dist/src/nile-tab/nile-tab.css.js.map +1 -1
  710. package/dist/src/nile-tab-group/nile-tab-group.css.js +2 -2
  711. package/dist/src/nile-tab-group/nile-tab-group.css.js.map +1 -1
  712. package/dist/src/nile-tab-group/nile-tab-group.js +1 -1
  713. package/dist/src/nile-tab-group/nile-tab-group.js.map +1 -1
  714. package/dist/src/nile-table-body/nile-table-body.d.ts +0 -2
  715. package/dist/src/nile-table-body/nile-table-body.js +4 -33
  716. package/dist/src/nile-table-body/nile-table-body.js.map +1 -1
  717. package/dist/src/nile-table-header-item/nile-table-header-item.css.js +8 -0
  718. package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
  719. package/dist/src/nile-table-header-item/nile-table-header-item.d.ts +1 -0
  720. package/dist/src/nile-table-header-item/nile-table-header-item.js +29 -17
  721. package/dist/src/nile-table-header-item/nile-table-header-item.js.map +1 -1
  722. package/dist/src/nile-table-row/nile-table-row.d.ts +1 -0
  723. package/dist/src/nile-table-row/nile-table-row.js +18 -1
  724. package/dist/src/nile-table-row/nile-table-row.js.map +1 -1
  725. package/dist/src/nile-textarea/nile-textarea.d.ts +0 -2
  726. package/dist/src/nile-textarea/nile-textarea.js +3 -4
  727. package/dist/src/nile-textarea/nile-textarea.js.map +1 -1
  728. package/dist/tsconfig.tsbuildinfo +1 -1
  729. package/package.json +1 -1
  730. package/src/index.ts +4 -0
  731. package/src/nile-button/nile-button.ts +13 -1
  732. package/src/nile-checkbox/nile-checkbox.ts +3 -2
  733. package/src/nile-chip/nile-chip.ts +2 -2
  734. package/src/nile-empty-state/index.ts +1 -0
  735. package/src/nile-empty-state/nile-empty-state.css.ts +131 -0
  736. package/src/nile-empty-state/nile-empty-state.ts +117 -0
  737. package/src/nile-error-notification/nile-error-notification.ts +1 -1
  738. package/src/nile-form-help-text/nile-form-help-text.css.ts +0 -1
  739. package/src/nile-form-help-text/nile-form-help-text.ts +3 -3
  740. package/src/nile-hero/index.ts +1 -0
  741. package/src/nile-hero/nile-hero.css.ts +71 -0
  742. package/src/nile-hero/nile-hero.ts +70 -0
  743. package/src/nile-icon/icons/svg/alert-circle.ts +5 -0
  744. package/src/nile-icon/icons/svg/arrow-narrow-left.ts +5 -0
  745. package/src/nile-icon/icons/svg/book-closed.ts +5 -0
  746. package/src/nile-icon/icons/svg/box.ts +5 -0
  747. package/src/nile-icon/icons/svg/check.ts +5 -0
  748. package/src/nile-icon/icons/svg/chevron-left-double.ts +5 -0
  749. package/src/nile-icon/icons/svg/chevron-selector-vertical.ts +5 -0
  750. package/src/nile-icon/icons/svg/clock-check.ts +5 -0
  751. package/src/nile-icon/icons/svg/clock-rewind.ts +5 -0
  752. package/src/nile-icon/icons/svg/clock.ts +5 -0
  753. package/src/nile-icon/icons/svg/cloud-01.ts +5 -0
  754. package/src/nile-icon/icons/svg/copy-06.ts +5 -0
  755. package/src/nile-icon/icons/svg/dataflow-03.ts +5 -0
  756. package/src/nile-icon/icons/svg/dataflow-04.ts +5 -0
  757. package/src/nile-icon/icons/svg/dotpoints-02.ts +5 -0
  758. package/src/nile-icon/icons/svg/dots-vertical.ts +5 -0
  759. package/src/nile-icon/icons/svg/download-02.ts +5 -0
  760. package/src/nile-icon/icons/svg/edit-01.ts +5 -0
  761. package/src/nile-icon/icons/svg/expand-06.ts +5 -0
  762. package/src/nile-icon/icons/svg/eye-off.ts +5 -0
  763. package/src/nile-icon/icons/svg/file-06.ts +5 -0
  764. package/src/nile-icon/icons/svg/file-shield-01.ts +5 -0
  765. package/src/nile-icon/icons/svg/globe-03.ts +5 -0
  766. package/src/nile-icon/icons/svg/grid-01.ts +5 -0
  767. package/src/nile-icon/icons/svg/help-circle.ts +5 -0
  768. package/src/nile-icon/icons/svg/index.ts +36 -1
  769. package/src/nile-icon/icons/svg/layout-alt-02.ts +5 -0
  770. package/src/nile-icon/icons/svg/layout-alt-03.ts +5 -0
  771. package/src/nile-icon/icons/svg/marker-pin-01.ts +5 -0
  772. package/src/nile-icon/icons/svg/play-circle.ts +5 -0
  773. package/src/nile-icon/icons/svg/refresh-cw-03.ts +5 -0
  774. package/src/nile-icon/icons/svg/search-lg.ts +5 -0
  775. package/src/nile-icon/icons/svg/server-03.ts +5 -0
  776. package/src/nile-icon/icons/svg/stop-circle.ts +5 -0
  777. package/src/nile-icon/icons/svg/user-circle.ts +5 -0
  778. package/src/nile-icon/icons/svg/x-circle.ts +5 -0
  779. package/src/nile-icon/index.ts +9 -0
  780. package/src/nile-input/nile-input.css.ts +14 -9
  781. package/src/nile-input/nile-input.ts +13 -16
  782. package/src/nile-page-header/nile-page-header.css.ts +2 -6
  783. package/src/nile-page-header/nile-page-header.ts +0 -1
  784. package/src/nile-radio-group/nile-radio-group.ts +2 -2
  785. package/src/nile-select/nile-select.ts +26 -20
  786. package/src/nile-slide-toggle/nile-slide-toggle.css.ts +18 -9
  787. package/src/nile-slide-toggle/nile-slide-toggle.ts +28 -34
  788. package/src/nile-stepper/index.ts +1 -0
  789. package/src/nile-stepper/nile-stepper.css.ts +21 -0
  790. package/src/nile-stepper/nile-stepper.ts +127 -0
  791. package/src/nile-stepper-item/index.ts +1 -0
  792. package/src/nile-stepper-item/nile-stepper-item.css.ts +123 -0
  793. package/src/nile-stepper-item/nile-stepper-item.ts +138 -0
  794. package/src/nile-tab/nile-tab.css.ts +11 -11
  795. package/src/nile-tab-group/nile-tab-group.css.ts +2 -2
  796. package/src/nile-tab-group/nile-tab-group.ts +1 -1
  797. package/src/nile-table-body/nile-table-body.ts +4 -39
  798. package/src/nile-table-header-item/nile-table-header-item.css.ts +8 -0
  799. package/src/nile-table-header-item/nile-table-header-item.ts +27 -18
  800. package/src/nile-table-row/nile-table-row.ts +21 -1
  801. package/src/nile-textarea/nile-textarea.ts +2 -4
@@ -0,0 +1 @@
1
+ {"version":3,"file":"server-03.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/server-03.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,s0BAAs0B,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjIgMTcuNUwyMS4zMDgzIDcuNDY5NzVDMjEuMTk5NyA1Ljg5NTA0IDIxLjE0NTQgNS4xMDc2OCAyMC44MDQxIDQuNTEwODJDMjAuNTAzNiAzLjk4NTMzIDIwLjA1MTIgMy41NjMwNCAxOS41MDYyIDMuMjk5NDJDMTguODg3MyAzIDE4LjA5ODEgMyAxNi41MTk2IDNINy40ODAzN0M1LjkwMTkxIDMgNS4xMTI2OCAzIDQuNDkzNzYgMy4yOTk0MkMzLjk0ODg0IDMuNTYzMDQgMy40OTY0MiAzLjk4NTMzIDMuMTk1OTQgNC41MTA4MkMyLjg1NDY0IDUuMTA3NjggMi44MDAzNCA1Ljg5NTAzIDIuNjkxNzQgNy40Njk3NUwyIDE3LjVNMjIgMTcuNUMyMiAxOS40MzMgMjAuNDMzIDIxIDE4LjUgMjFINS41QzMuNTY3IDIxIDIgMTkuNDMzIDIgMTcuNU0yMiAxNy41QzIyIDE1LjU2NyAyMC40MzMgMTQgMTguNSAxNEg1LjVDMy41NjcgMTQgMiAxNS41NjcgMiAxNy41TTYgMTcuNUg2LjAxTTEyIDE3LjVIMTgiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==\";"]}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMjJDMTcuNTIyOCAyMiAyMiAxNy41MjI4IDIyIDEyQzIyIDYuNDc3MTUgMTcuNTIyOCAyIDEyIDJDNi40NzcxNSAyIDIgNi40NzcxNSAyIDEyQzIgMTcuNTIyOCA2LjQ3NzE1IDIyIDEyIDIyWiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iOC41IiB5PSI4LjUiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxLjUiIHN0cm9rZT0iYmxhY2siLz48L3N2Zz4=";
5
+ export default _default;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMjJDMTcuNTIyOCAyMiAyMiAxNy41MjI4IDIyIDEyQzIyIDYuNDc3MTUgMTcuNTIyOCAyIDEyIDJDNi40NzcxNSAyIDIgNi40NzcxNSAyIDEyQzIgMTcuNTIyOCA2LjQ3NzE1IDIyIDEyIDIyWiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iOC41IiB5PSI4LjUiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxLjUiIHN0cm9rZT0iYmxhY2siLz48L3N2Zz4=";
5
+ //# sourceMappingURL=stop-circle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stop-circle.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/stop-circle.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8dAA8d,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgMjJDMTcuNTIyOCAyMiAyMiAxNy41MjI4IDIyIDEyQzIyIDYuNDc3MTUgMTcuNTIyOCAyIDEyIDJDNi40NzcxNSAyIDIgNi40NzcxNSAyIDEyQzIgMTcuNTIyOCA2LjQ3NzE1IDIyIDEyIDIyWiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PHJlY3QgeD0iOC41IiB5PSI4LjUiIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHJ4PSIxLjUiIHN0cm9rZT0iYmxhY2siLz48L3N2Zz4=\";"]}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS4zMTYzIDE5LjQzODRDNS45MjQ2MiAxOC4wMDUyIDcuMzQ0OTIgMTcgOSAxN0gxNUMxNi42NTUxIDE3IDE4LjA3NTQgMTguMDA1MiAxOC42ODM3IDE5LjQzODRNMTYgOS41QzE2IDExLjcwOTEgMTQuMjA5MSAxMy41IDEyIDEzLjVDOS43OTA4NiAxMy41IDggMTEuNzA5MSA4IDkuNUM4IDcuMjkwODYgOS43OTA4NiA1LjUgMTIgNS41QzE0LjIwOTEgNS41IDE2IDcuMjkwODYgMTYgOS41Wk0yMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=";
5
+ export default _default;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS4zMTYzIDE5LjQzODRDNS45MjQ2MiAxOC4wMDUyIDcuMzQ0OTIgMTcgOSAxN0gxNUMxNi42NTUxIDE3IDE4LjA3NTQgMTguMDA1MiAxOC42ODM3IDE5LjQzODRNMTYgOS41QzE2IDExLjcwOTEgMTQuMjA5MSAxMy41IDEyIDEzLjVDOS43OTA4NiAxMy41IDggMTEuNzA5MSA4IDkuNUM4IDcuMjkwODYgOS43OTA4NiA1LjUgMTIgNS41QzE0LjIwOTEgNS41IDE2IDcuMjkwODYgMTYgOS41Wk0yMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=";
5
+ //# sourceMappingURL=user-circle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"user-circle.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/user-circle.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,0qBAA0qB,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNS4zMTYzIDE5LjQzODRDNS45MjQ2MiAxOC4wMDUyIDcuMzQ0OTIgMTcgOSAxN0gxNUMxNi42NTUxIDE3IDE4LjA3NTQgMTguMDA1MiAxOC42ODM3IDE5LjQzODRNMTYgOS41QzE2IDExLjcwOTEgMTQuMjA5MSAxMy41IDEyIDEzLjVDOS43OTA4NiAxMy41IDggMTEuNzA5MSA4IDkuNUM4IDcuMjkwODYgOS43OTA4NiA1LjUgMTIgNS41QzE0LjIwOTEgNS41IDE2IDcuMjkwODYgMTYgOS41Wk0yMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\";"]}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUgOUw5IDE1TTkgOUwxNSAxNU0yMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=";
5
+ export default _default;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUgOUw5IDE1TTkgOUwxNSAxNU0yMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=";
5
+ //# sourceMappingURL=x-circle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"x-circle.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/x-circle.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8ZAA8Z,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTUgOUw5IDE1TTkgOUwxNSAxNU0yMiAxMkMyMiAxNy41MjI4IDE3LjUyMjggMjIgMTIgMjJDNi40NzcxNSAyMiAyIDE3LjUyMjggMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=\";"]}
@@ -27,6 +27,7 @@ export declare class NileIcon extends LitElement {
27
27
  * @attr description
28
28
  */
29
29
  description: string;
30
+ method: string;
30
31
  /**
31
32
  * A path to a custom SVG file to display as the icon
32
33
  * @attr customSvgPath
@@ -27,6 +27,7 @@ let NileIcon = class NileIcon extends LitElement {
27
27
  * @attr description
28
28
  */
29
29
  this.description = '';
30
+ this.method = 'fill';
30
31
  /**
31
32
  * A size of what the icon represents
32
33
  * @attr size
@@ -116,6 +117,7 @@ let NileIcon = class NileIcon extends LitElement {
116
117
  }
117
118
  get buttonClassMap() {
118
119
  return {
120
+ 'stroke': this.method != 'fill',
119
121
  'nds-icon--push': this.push,
120
122
  };
121
123
  }
@@ -169,6 +171,11 @@ NileIcon.styles = css `
169
171
  fill: var(--nile-svg-fill);
170
172
  }
171
173
 
174
+ .stroke svg path {
175
+ fill: none !important;
176
+ stroke: var(--nile-svg-fill) !important;
177
+ }
178
+
172
179
  .nds-icon--push {
173
180
  margin-right: 12px;
174
181
  }
@@ -182,6 +189,9 @@ __decorate([
182
189
  __decorate([
183
190
  property({ type: String, reflect: true })
184
191
  ], NileIcon.prototype, "description", void 0);
192
+ __decorate([
193
+ property({ type: String, reflect: true })
194
+ ], NileIcon.prototype, "method", void 0);
185
195
  __decorate([
186
196
  property({ type: String })
187
197
  ], NileIcon.prototype, "customSvgPath", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-icon/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport * as Icons from './icons/svg';\n\ninterface IconPaths {\n [key: string]: string;\n}\n\ninterface ButtonClassMap {\n [key:string]: boolean;\n}\n\nconst iconPaths: IconPaths = Icons as IconPaths;\n\nconst SMALL_ICON_SIZE = 16;\nconst LARGE_ICON_SIZE = 24;\n\n/**\n * Nile icon component.\n *\n * @tag nile-icon\n *\n */\n@customElement('nile-icon')\nexport class NileIcon extends LitElement {\n /**\n * The name of the icon set\n * @attr icon set\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public set?: string = 'local';\n\n /**\n * The name of the icon\n * @attr name\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public name?: string;\n\n /**\n * A description of what the icon represents\n * @attr description\n */\n @property({ type: String, reflect: true })\n public description = '';\n\n /**\n * A path to a custom SVG file to display as the icon\n * @attr customSvgPath\n */\n @property({ type: String })\n public customSvgPath?: string;\n\n /**\n * A size of what the icon represents\n * @attr size\n */\n @property({ type: String, reflect: true })\n public size = SMALL_ICON_SIZE;\n\n @state()\n private _svg = '';\n\n @property({ type: String }) override title = 'agents';\n\n /**\n * Color\n */\n @property({ reflect: true }) color: any ;\n\n @property({ type: Boolean })\n public push = false;\n\n /**\n * Retain Viewbox\n */\n\n @property({ reflect: true }) frame: any;\n\n static override styles = css`\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n contain: content;\n }\n\n .nds-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .nds-icon svg {\n height: var(--nile-svg-height);\n width: var(--nile-svg-width);\n stroke: var(--nile-svg-stroke);\n stroke-width: var(--nile-svg-stroke-width);\n }\n\n .nds-icon svg path {\n fill: var(--nile-svg-fill);\n }\n\n .nds-icon--push {\n margin-right: 12px;\n }\n `;\n\n private _getIconSize(): number {\n return this.name?.endsWith('-small') ? SMALL_ICON_SIZE : LARGE_ICON_SIZE;\n }\n\n protected override async updated(\n changedProperties: PropertyValues\n ): Promise<void> {\n if (changedProperties.has('size')) {\n this.style.setProperty('--nile-svg-height', `${this.size}px`);\n this.style.setProperty('--nile-svg-width', `${this.size}px`);\n }\n if (changedProperties.has('color')) {\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n if (\n changedProperties.has('name') ||\n changedProperties.has('customSvgPath')\n ) {\n let iconName = this.name ? this.removeHyphens(this.name) : undefined;\n if (iconName && iconPaths[iconName]) {\n this._svg = atob(iconPaths[iconName]);\n } else if (this.customSvgPath) {\n this._svg = await this.fetchSvg(this.customSvgPath);\n } else {\n throw new Error(`No icon named \"${this.name}\"`);\n }\n }\n this.addAttributesToSvg();\n }\n\n private addAttributesToSvg(){\n const svg = this.renderRoot.querySelector('#svg')\n const attrs = svg?.attributes\n if(!attrs?.getNamedItem('xmlns')){\n svg?.setAttribute('xmlns',\"http://www.w3.org/2000/svg\");\n }\n if(!attrs?.getNamedItem('version')){\n svg?.setAttribute(\"version\",\"1.1\")\n }\n if(this.frame){\n svg?.setAttribute('viewBox',`0 0 ${this.frame} ${this.frame}`)\n }\n else if(!attrs?.getNamedItem('viewBox')){\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n svg?.setAttribute('viewBox',viewboxLogic)\n }\n\n if(!attrs?.getNamedItem('height')){\n svg?.setAttribute('height',String(this.size));\n svg?.setAttribute('width',String(this.size));\n }\n\n svg?.setAttribute('aria-hidden',`${this.description === ''}`);\n svg?.setAttribute('aria-label',this.description || '');\n\n const additionalClasses = Object.keys(this.buttonClassMap).filter((key:string)=> this.buttonClassMap[key])\n\n svg?.classList.add('nds-icon',...additionalClasses)\n }\n\n private async fetchSvg(path: string): Promise<string> {\n const response = await fetch(path);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n return await response.text();\n }\n\n private removeHyphens(iconName: string) {\n return iconName.replace(/-/g, '');\n }\n\n private getSvgTemplate(){\n const svgTagRegexPattern =/<svg\\s[^>]*>/;\n const regexToGetSVGAttrs = this._svg.match(svgTagRegexPattern);\n const svgAttrs = regexToGetSVGAttrs?.[0].replace('<svg','').replace('>','')\n const svgBody = this._svg.replace(\n svgTagRegexPattern,\n ''\n )\n .replace('</svg>', '')\n return `<svg\n id='svg'\n focusable='true'\n role='img'\n ${svgAttrs}\n >\n ${svgBody}\n </svg>`\n }\n\n get buttonClassMap() {\n return {\n 'nds-icon--push': this.push,\n } as ButtonClassMap;\n }\n\n protected override render(): TemplateResult {\n const size = this.size;\n const color = this.color;\n\n /**\n * When icons are outside frame\n */\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n\n\n if (\n (!this._svg.includes('fill=') || this._svg.includes('fill=\"inherit\"')) &&\n !this.color\n ) {\n // Case 1: _svg does not have fill color or has fill=\"inherit\" and this.color is not mentioned\n this.style.setProperty('--nile-svg-fill', `#7F7F7F`);\n\n } else if (this.color) {\n // Case 2: If this.color is mentioned, use it as fill, regardless of _svg color\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n\n return html`\n <span class=\"nds-icon ${classMap(this.buttonClassMap)}\">\n ${unsafeSVG(this.getSvgTemplate())}\n </span>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-icon': NileIcon;\n }\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-icon/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport type { TemplateResult } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport * as Icons from './icons/svg';\n\ninterface IconPaths {\n [key: string]: string;\n}\n\ninterface ButtonClassMap {\n [key:string]: boolean;\n}\n\nconst iconPaths: IconPaths = Icons as IconPaths;\n\nconst SMALL_ICON_SIZE = 16;\nconst LARGE_ICON_SIZE = 24;\n\n/**\n * Nile icon component.\n *\n * @tag nile-icon\n *\n */\n@customElement('nile-icon')\nexport class NileIcon extends LitElement {\n /**\n * The name of the icon set\n * @attr icon set\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public set?: string = 'local';\n\n /**\n * The name of the icon\n * @attr name\n * @type {IconName | undefined}\n */\n @property({ type: String, reflect: true })\n public name?: string;\n\n /**\n * A description of what the icon represents\n * @attr description\n */\n @property({ type: String, reflect: true })\n public description = '';\n\n @property({ type: String, reflect: true })\n public method = 'fill';\n\n /**\n * A path to a custom SVG file to display as the icon\n * @attr customSvgPath\n */\n @property({ type: String })\n public customSvgPath?: string;\n\n /**\n * A size of what the icon represents\n * @attr size\n */\n @property({ type: String, reflect: true })\n public size = SMALL_ICON_SIZE;\n\n @state()\n private _svg = '';\n\n @property({ type: String }) override title = 'agents';\n\n /**\n * Color\n */\n @property({ reflect: true }) color: any ;\n\n @property({ type: Boolean })\n public push = false;\n\n /**\n * Retain Viewbox\n */\n\n @property({ reflect: true }) frame: any;\n\n static override styles = css`\n :host {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n contain: content;\n }\n\n .nds-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .nds-icon svg {\n height: var(--nile-svg-height);\n width: var(--nile-svg-width);\n stroke: var(--nile-svg-stroke);\n stroke-width: var(--nile-svg-stroke-width);\n }\n\n .nds-icon svg path {\n fill: var(--nile-svg-fill);\n }\n\n .stroke svg path {\n fill: none !important;\n stroke: var(--nile-svg-fill) !important;\n }\n\n .nds-icon--push {\n margin-right: 12px;\n }\n `;\n\n private _getIconSize(): number {\n return this.name?.endsWith('-small') ? SMALL_ICON_SIZE : LARGE_ICON_SIZE;\n }\n\n protected override async updated(\n changedProperties: PropertyValues\n ): Promise<void> {\n if (changedProperties.has('size')) {\n this.style.setProperty('--nile-svg-height', `${this.size}px`);\n this.style.setProperty('--nile-svg-width', `${this.size}px`);\n }\n if (changedProperties.has('color')) {\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n if (\n changedProperties.has('name') ||\n changedProperties.has('customSvgPath')\n ) {\n let iconName = this.name ? this.removeHyphens(this.name) : undefined;\n if (iconName && iconPaths[iconName]) {\n this._svg = atob(iconPaths[iconName]);\n } else if (this.customSvgPath) {\n this._svg = await this.fetchSvg(this.customSvgPath);\n } else {\n throw new Error(`No icon named \"${this.name}\"`);\n }\n }\n this.addAttributesToSvg();\n }\n\n private addAttributesToSvg(){\n const svg = this.renderRoot.querySelector('#svg')\n const attrs = svg?.attributes\n if(!attrs?.getNamedItem('xmlns')){\n svg?.setAttribute('xmlns',\"http://www.w3.org/2000/svg\");\n }\n if(!attrs?.getNamedItem('version')){\n svg?.setAttribute(\"version\",\"1.1\")\n }\n if(this.frame){\n svg?.setAttribute('viewBox',`0 0 ${this.frame} ${this.frame}`)\n }\n else if(!attrs?.getNamedItem('viewBox')){\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n svg?.setAttribute('viewBox',viewboxLogic)\n }\n\n if(!attrs?.getNamedItem('height')){\n svg?.setAttribute('height',String(this.size));\n svg?.setAttribute('width',String(this.size));\n }\n\n svg?.setAttribute('aria-hidden',`${this.description === ''}`);\n svg?.setAttribute('aria-label',this.description || '');\n\n const additionalClasses = Object.keys(this.buttonClassMap).filter((key:string)=> this.buttonClassMap[key])\n\n svg?.classList.add('nds-icon',...additionalClasses)\n }\n\n private async fetchSvg(path: string): Promise<string> {\n const response = await fetch(path);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n return await response.text();\n }\n\n private removeHyphens(iconName: string) {\n return iconName.replace(/-/g, '');\n }\n\n private getSvgTemplate(){\n const svgTagRegexPattern =/<svg\\s[^>]*>/;\n const regexToGetSVGAttrs = this._svg.match(svgTagRegexPattern);\n const svgAttrs = regexToGetSVGAttrs?.[0].replace('<svg','').replace('>','')\n const svgBody = this._svg.replace(\n svgTagRegexPattern,\n ''\n )\n .replace('</svg>', '')\n return `<svg\n id='svg'\n focusable='true'\n role='img'\n ${svgAttrs}\n >\n ${svgBody}\n </svg>`\n }\n\n get buttonClassMap() {\n return {\n 'stroke': this.method != 'fill' ,\n 'nds-icon--push': this.push,\n } as ButtonClassMap;\n }\n\n protected override render(): TemplateResult {\n const size = this.size;\n const color = this.color;\n\n /**\n * When icons are outside frame\n */\n const viewboxLogic = this.frame\n ? `0 0 ${this.frame} ${this.frame}`\n : '0 0 16 16';\n\n\n if (\n (!this._svg.includes('fill=') || this._svg.includes('fill=\"inherit\"')) &&\n !this.color\n ) {\n // Case 1: _svg does not have fill color or has fill=\"inherit\" and this.color is not mentioned\n this.style.setProperty('--nile-svg-fill', `#7F7F7F`);\n\n } else if (this.color) {\n // Case 2: If this.color is mentioned, use it as fill, regardless of _svg color\n this.style.setProperty('--nile-svg-fill', `${this.color}`);\n }\n\n return html`\n <span class=\"nds-icon ${classMap(this.buttonClassMap)}\">\n ${unsafeSVG(this.getSvgTemplate())}\n </span>\n `\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-icon': NileIcon;\n }\n}\n"]}
@@ -98,7 +98,7 @@ export const styles = css `
98
98
  .input--standard {
99
99
  background-color: var(--nile-input-standard-background-color);
100
100
  border: solid 1px var(--nile-input-standard-border-color);
101
- box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); /**for v2 */
101
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
102
102
  }
103
103
 
104
104
  .input--standard:hover:not(.input--disabled) {
@@ -108,7 +108,9 @@ export const styles = css `
108
108
 
109
109
  .input--standard.input--focused:not(.input--disabled) {
110
110
  background-color: hsl(0, 0%, 100%);
111
- border-color: #005ea6;
111
+ border-color: #85aad1;
112
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
113
+ 0px 0px 0px 4px rgba(133, 170, 209, 0.24);
112
114
  }
113
115
 
114
116
  .input--standard.input--focused:not(.input--disabled) .input__control {
@@ -127,7 +129,6 @@ export const styles = css `
127
129
  }
128
130
 
129
131
  .input--standard.input--disabled .input__control::placeholder {
130
- color: hsl(240 5.2% 33.9%);
131
132
  color: var(--nile-input-standard-disabled-placeholder-font-color);
132
133
  }
133
134
 
@@ -147,9 +148,14 @@ export const styles = css `
147
148
  border-color: #fda29b;
148
149
  }
149
150
 
150
- .input--standard.input--destructive:focus {
151
+ .input--standard.input--focused.input--destructive:not(.input--disabled) {
152
+ border: 1px solid #fda29b;
153
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
154
+ 0px 0px 0px 4px rgba(240, 68, 56, 0.24);
155
+ }
156
+
157
+ .input--destructive:active {
151
158
  border: 1px solid #fda29b;
152
- /* Focus rings/ring-error-shadow-xs */
153
159
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
154
160
  0px 0px 0px 4px rgba(240, 68, 56, 0.24);
155
161
  }
@@ -245,8 +251,7 @@ export const styles = css `
245
251
  }
246
252
 
247
253
  .input__control::placeholder {
248
- color: #7f7f7f;
249
- color: #667085; /**for v2 */
254
+ color: #667085;
250
255
  user-select: none;
251
256
  }
252
257
 
@@ -281,9 +286,9 @@ export const styles = css `
281
286
 
282
287
  .input--standard:focus {
283
288
  border-radius: 4px;
284
- border: 1px solid #85aad1; /**for v2 */
289
+ border: 1px solid #85aad1;
285
290
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),
286
- 0px 0px 0px 4px rgba(133, 170, 209, 0.24); /**for v2 */
291
+ 0px 0px 0px 4px rgba(133, 170, 209, 0.24);
287
292
  }
288
293
 
289
294
  /*
@@ -1 +1 @@
1
- {"version":3,"file":"nile-input.css.js","sourceRoot":"","sources":["../../../src/nile-input/nile-input.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAofxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Input CSS\n */\nexport const styles = css`\n :host {\n display: block;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: #a4121c;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: #7f7f7f;\n margin-top: 6px;\n }\n\n /* Error message */\n .form-control__error-message {\n display: block;\n color: #a4121c;\n margin-top: 12px;\n font-size: 12px;\n font-style: normal;\n line-height: 12px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 10.24px;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n .input {\n flex: 1 1 auto;\n display: inline-flex;\n align-items: stretch;\n justify-content: start;\n position: relative;\n width: 100%;\n font-weight: 400;\n vertical-align: middle;\n overflow: hidden;\n cursor: text;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n box-sizing: border-box;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n /* Standard inputs */\n .input--standard {\n background-color: var(--nile-input-standard-background-color);\n border: solid 1px var(--nile-input-standard-border-color);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); /**for v2 */\n }\n\n .input--standard:hover:not(.input--disabled) {\n background-color: hsl(0, 0%, 100%);\n border-color: #000;\n }\n\n .input--standard.input--focused:not(.input--disabled) {\n background-color: hsl(0, 0%, 100%);\n border-color: #005ea6;\n }\n\n .input--standard.input--focused:not(.input--disabled) .input__control {\n color: hsl(240 5.3% 26.1%);\n }\n\n .input--standard.input--disabled {\n background-color: #fff;\n border-color: #c7ced4;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .input--standard.input--disabled .input__control {\n color: hsl(240 5.9% 10%);\n }\n\n .input--standard.input--disabled .input__control::placeholder {\n color: hsl(240 5.2% 33.9%);\n color: var(--nile-input-standard-disabled-placeholder-font-color);\n }\n\n .input--standard.input--warning {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .input--standard.input--error {\n border-color: #e5434d;\n }\n\n .input--standard.input--success {\n border-color: #43e5c0;\n }\n\n .input--standard.input--destructive {\n border-color: #fda29b;\n }\n\n .input--standard.input--destructive:focus {\n border: 1px solid #fda29b;\n /* Focus rings/ring-error-shadow-xs */\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* Filled inputs */\n .input--filled {\n border: none;\n background-color: hsl(240 4.8% 95.9%);\n color: hsl(240 5.3% 26.1%);\n }\n\n .input--filled:hover:not(.input--disabled) {\n background-color: hsl(240 4.8% 95.9%);\n }\n\n .input--filled.input--focused:not(.input--disabled) {\n background-color: hsl(240 4.8% 95.9%);\n outline: solid 3px hsl(200.4 98% 39.4%);\n outline-offset: 1px;\n }\n\n .input--filled.input--disabled {\n background-color: hsl(240 4.8% 95.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .input__control {\n flex: 1 1 auto;\n min-width: 0;\n height: 100%;\n border: none;\n background: none;\n box-shadow: none;\n padding: 0;\n margin: 0;\n cursor: inherit;\n -webkit-appearance: none;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .input__control::-webkit-search-decoration,\n .input__control::-webkit-search-cancel-button,\n .input__control::-webkit-search-results-button,\n .input__control::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n .input__control:-webkit-autofill {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input__control:-webkit-autofill:hover {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input__control:-webkit-autofill:focus {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input__control:-webkit-autofill:active {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input--filled .input__control:-webkit-autofill {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input--filled .input__control:-webkit-autofill:hover {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input--filled .input__control:-webkit-autofill:focus {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input--filled .input__control:-webkit-autofill:active {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input__control::placeholder {\n color: #7f7f7f;\n color: #667085; /**for v2 */\n user-select: none;\n }\n\n .input:hover:not(.input--disabled) .input__control {\n color: #000;\n font-size: 14px;\n line-height: 14px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0.2px;\n }\n\n .input__control:focus {\n outline: none;\n }\n\n .input__prefix,\n .input__suffix {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n cursor: default;\n }\n\n .input__prefix::slotted(nile-icon) {\n color: hsl(240 3.8% 46.1%);\n }\n\n .input__suffix::slotted(nile-icon) {\n color: hsl(240 3.8% 46.1%);\n }\n\n .input--standard:focus {\n border-radius: 4px;\n border: 1px solid #85aad1; /**for v2 */\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(133, 170, 209, 0.24); /**for v2 */\n }\n\n /*\n * Size modifiers\n */\n\n .input--small {\n border-radius: 0.25rem;\n font-size: var(--nile-input-font-size-small);\n height: 1.875rem;\n }\n\n .input--small .input__control {\n height: calc(1.875rem);\n padding: 0 0.75rem;\n }\n\n .input--small .input__clear {\n width: calc(1em + 0.75rem * 2);\n }\n\n .input--small .input__password-toggle {\n width: calc(1em + 0.75rem * 2);\n }\n\n .input--small .input__prefix::slotted(*) {\n margin-inline-start: 0.75rem;\n }\n\n .input--small .input__suffix::slotted(*) {\n margin-inline-end: 0.75rem;\n }\n\n .input--medium {\n border-radius: 0.25rem;\n font-size: var(--nile-input-font-size-medium);\n height: 38px;\n }\n\n .input--medium .input__control {\n height: 14px;\n padding: 12px;\n }\n\n .input--medium .input__clear {\n width: calc(1em + 1rem * 2);\n }\n\n .input--medium .input__password-toggle {\n width: calc(1em + 1rem * 2);\n }\n\n .input--medium .input__prefix::slotted(*) {\n margin-inline-start: 12px;\n }\n\n .input--medium .input__suffix::slotted(*) {\n margin-inline-end: 12px;\n }\n\n .input--large {\n border-radius: 0.25rem;\n font-size: 1.25rem;\n height: 3.125rem;\n }\n\n .input--large .input__control {\n height: calc(3.125rem - 1px * 2);\n padding: 0 1.25rem;\n }\n\n .input--large .input__clear {\n width: calc(1em + 1.25rem * 2);\n }\n\n .input--large .input__password-toggle {\n width: calc(1em + 1.25rem * 2);\n }\n\n .input--large .input__prefix::slotted(*) {\n margin-inline-start: 1.25rem;\n }\n\n .input--large .input__suffix::slotted(*) {\n margin-inline-end: 1.25rem;\n }\n\n /*\n * Pill modifier\n */\n\n .input--pill.input--small {\n border-radius: 1.875rem;\n }\n\n .input--pill.input--medium {\n border-radius: 2.5rem;\n }\n\n .input--pill.input--large {\n border-radius: 3.125rem;\n }\n\n /*\n * Clearable + Password Toggle\n */\n\n .input__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: hsl(240 3.8% 46.1%);\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .input__password-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: hsl(240 3.8% 46.1%);\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .input__clear:hover {\n color: hsl(240 5.2% 33.9%);\n }\n\n .input__password-toggle:hover {\n color: hsl(240 5.2% 33.9%);\n }\n\n .input__clear:focus,\n .input__password-toggle:focus {\n outline: none;\n }\n\n .input--empty .input__clear {\n visibility: hidden;\n }\n\n /* Don't show the browser's password toggle in Edge */\n ::-ms-reveal {\n display: none;\n }\n\n /* Hide the built-in number spinner */\n .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n -webkit-appearance: none;\n display: none;\n }\n\n .input--no-spin-buttons input[type='number'] {\n -moz-appearance: textfield;\n }\n\n :host([no-border]) .input--standard {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n :host([no-border]) .input--standard:hover:not(.input--disabled) {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n .input__password {\n font-family: 'disc';\n }\n\n .input__non-printable {\n border-radius: 4px;\n max-width: 400px;\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-colors-red-500);\n color: var(--nile-colors-red-500);\n padding: 10px;\n font-size: 12px;\n max-height: 300px;\n overflow-y: scroll;\n line-height: 16px;\n }\n\n .input__remove-non-printable {\n color: var(--nile-colors-red-500);\n margin-left: 10px;\n font-size: 14px;\n color: var(--nile-colors-dark-900);\n cursor: pointer;\n }\n\n .input__srtiked-text-container {\n margin-top: 4px;\n color: var(--nile-colors-dark-900);\n word-break: break-all;\n line-height: 16px;\n }\n\n .input__srtiked-text {\n text-decoration: line-through;\n text-decoration-color: var(--nile-colors-white-base);\n color: var(--nile-colors-white-base);\n background-color: var(--nile-colors-red-500);\n }\n`;\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-input.css.js","sourceRoot":"","sources":["../../../src/nile-input/nile-input.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyfxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Input CSS\n */\nexport const styles = css`\n :host {\n display: block;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n color: #a4121c;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: #7f7f7f;\n margin-top: 6px;\n }\n\n /* Error message */\n .form-control__error-message {\n display: block;\n color: #a4121c;\n margin-top: 12px;\n font-size: 12px;\n font-style: normal;\n line-height: 12px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 10.24px;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n .input {\n flex: 1 1 auto;\n display: inline-flex;\n align-items: stretch;\n justify-content: start;\n position: relative;\n width: 100%;\n font-weight: 400;\n vertical-align: middle;\n overflow: hidden;\n cursor: text;\n transition: 150ms color, 150ms border, 150ms box-shadow,\n 150ms background-color;\n box-sizing: border-box;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n /* Standard inputs */\n .input--standard {\n background-color: var(--nile-input-standard-background-color);\n border: solid 1px var(--nile-input-standard-border-color);\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n }\n\n .input--standard:hover:not(.input--disabled) {\n background-color: hsl(0, 0%, 100%);\n border-color: #000;\n }\n\n .input--standard.input--focused:not(.input--disabled) {\n background-color: hsl(0, 0%, 100%);\n border-color: #85aad1;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(133, 170, 209, 0.24);\n }\n\n .input--standard.input--focused:not(.input--disabled) .input__control {\n color: hsl(240 5.3% 26.1%);\n }\n\n .input--standard.input--disabled {\n background-color: #fff;\n border-color: #c7ced4;\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .input--standard.input--disabled .input__control {\n color: hsl(240 5.9% 10%);\n }\n\n .input--standard.input--disabled .input__control::placeholder {\n color: var(--nile-input-standard-disabled-placeholder-font-color);\n }\n\n .input--standard.input--warning {\n border-color: var(--nile-colors-yellow-500);\n }\n\n .input--standard.input--error {\n border-color: #e5434d;\n }\n\n .input--standard.input--success {\n border-color: #43e5c0;\n }\n\n .input--standard.input--destructive {\n border-color: #fda29b;\n }\n\n .input--standard.input--focused.input--destructive:not(.input--disabled) {\n border: 1px solid #fda29b;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n .input--destructive:active {\n border: 1px solid #fda29b;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n }\n\n /* Filled inputs */\n .input--filled {\n border: none;\n background-color: hsl(240 4.8% 95.9%);\n color: hsl(240 5.3% 26.1%);\n }\n\n .input--filled:hover:not(.input--disabled) {\n background-color: hsl(240 4.8% 95.9%);\n }\n\n .input--filled.input--focused:not(.input--disabled) {\n background-color: hsl(240 4.8% 95.9%);\n outline: solid 3px hsl(200.4 98% 39.4%);\n outline-offset: 1px;\n }\n\n .input--filled.input--disabled {\n background-color: hsl(240 4.8% 95.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .input__control {\n flex: 1 1 auto;\n min-width: 0;\n height: 100%;\n border: none;\n background: none;\n box-shadow: none;\n padding: 0;\n margin: 0;\n cursor: inherit;\n -webkit-appearance: none;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .input__control::-webkit-search-decoration,\n .input__control::-webkit-search-cancel-button,\n .input__control::-webkit-search-results-button,\n .input__control::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n .input__control:-webkit-autofill {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input__control:-webkit-autofill:hover {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input__control:-webkit-autofill:focus {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input__control:-webkit-autofill:active {\n box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n caret-color: hsl(240 5.3% 26.1%);\n }\n\n .input--filled .input__control:-webkit-autofill {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input--filled .input__control:-webkit-autofill:hover {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input--filled .input__control:-webkit-autofill:focus {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input--filled .input__control:-webkit-autofill:active {\n box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n }\n\n .input__control::placeholder {\n color: #667085;\n user-select: none;\n }\n\n .input:hover:not(.input--disabled) .input__control {\n color: #000;\n font-size: 14px;\n line-height: 14px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0.2px;\n }\n\n .input__control:focus {\n outline: none;\n }\n\n .input__prefix,\n .input__suffix {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n cursor: default;\n }\n\n .input__prefix::slotted(nile-icon) {\n color: hsl(240 3.8% 46.1%);\n }\n\n .input__suffix::slotted(nile-icon) {\n color: hsl(240 3.8% 46.1%);\n }\n\n .input--standard:focus {\n border-radius: 4px;\n border: 1px solid #85aad1;\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n 0px 0px 0px 4px rgba(133, 170, 209, 0.24);\n }\n\n /*\n * Size modifiers\n */\n\n .input--small {\n border-radius: 0.25rem;\n font-size: var(--nile-input-font-size-small);\n height: 1.875rem;\n }\n\n .input--small .input__control {\n height: calc(1.875rem);\n padding: 0 0.75rem;\n }\n\n .input--small .input__clear {\n width: calc(1em + 0.75rem * 2);\n }\n\n .input--small .input__password-toggle {\n width: calc(1em + 0.75rem * 2);\n }\n\n .input--small .input__prefix::slotted(*) {\n margin-inline-start: 0.75rem;\n }\n\n .input--small .input__suffix::slotted(*) {\n margin-inline-end: 0.75rem;\n }\n\n .input--medium {\n border-radius: 0.25rem;\n font-size: var(--nile-input-font-size-medium);\n height: 38px;\n }\n\n .input--medium .input__control {\n height: 14px;\n padding: 12px;\n }\n\n .input--medium .input__clear {\n width: calc(1em + 1rem * 2);\n }\n\n .input--medium .input__password-toggle {\n width: calc(1em + 1rem * 2);\n }\n\n .input--medium .input__prefix::slotted(*) {\n margin-inline-start: 12px;\n }\n\n .input--medium .input__suffix::slotted(*) {\n margin-inline-end: 12px;\n }\n\n .input--large {\n border-radius: 0.25rem;\n font-size: 1.25rem;\n height: 3.125rem;\n }\n\n .input--large .input__control {\n height: calc(3.125rem - 1px * 2);\n padding: 0 1.25rem;\n }\n\n .input--large .input__clear {\n width: calc(1em + 1.25rem * 2);\n }\n\n .input--large .input__password-toggle {\n width: calc(1em + 1.25rem * 2);\n }\n\n .input--large .input__prefix::slotted(*) {\n margin-inline-start: 1.25rem;\n }\n\n .input--large .input__suffix::slotted(*) {\n margin-inline-end: 1.25rem;\n }\n\n /*\n * Pill modifier\n */\n\n .input--pill.input--small {\n border-radius: 1.875rem;\n }\n\n .input--pill.input--medium {\n border-radius: 2.5rem;\n }\n\n .input--pill.input--large {\n border-radius: 3.125rem;\n }\n\n /*\n * Clearable + Password Toggle\n */\n\n .input__clear {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: hsl(240 3.8% 46.1%);\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .input__password-toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n font-size: inherit;\n color: hsl(240 3.8% 46.1%);\n border: none;\n background: none;\n padding: 0;\n transition: 150ms color;\n cursor: pointer;\n }\n\n .input__clear:hover {\n color: hsl(240 5.2% 33.9%);\n }\n\n .input__password-toggle:hover {\n color: hsl(240 5.2% 33.9%);\n }\n\n .input__clear:focus,\n .input__password-toggle:focus {\n outline: none;\n }\n\n .input--empty .input__clear {\n visibility: hidden;\n }\n\n /* Don't show the browser's password toggle in Edge */\n ::-ms-reveal {\n display: none;\n }\n\n /* Hide the built-in number spinner */\n .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n -webkit-appearance: none;\n display: none;\n }\n\n .input--no-spin-buttons input[type='number'] {\n -moz-appearance: textfield;\n }\n\n :host([no-border]) .input--standard {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n :host([no-border]) .input--standard:hover:not(.input--disabled) {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n border: none;\n box-shadow: 0 0 0 0;\n }\n\n .input__password {\n font-family: 'disc';\n }\n\n .input__non-printable {\n border-radius: 4px;\n max-width: 400px;\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-colors-red-500);\n color: var(--nile-colors-red-500);\n padding: 10px;\n font-size: 12px;\n max-height: 300px;\n overflow-y: scroll;\n line-height: 16px;\n }\n\n .input__remove-non-printable {\n color: var(--nile-colors-red-500);\n margin-left: 10px;\n font-size: 14px;\n color: var(--nile-colors-dark-900);\n cursor: pointer;\n }\n\n .input__srtiked-text-container {\n margin-top: 4px;\n color: var(--nile-colors-dark-900);\n word-break: break-all;\n line-height: 16px;\n }\n\n .input__srtiked-text {\n text-decoration: line-through;\n text-decoration-color: var(--nile-colors-white-base);\n color: var(--nile-colors-white-base);\n background-color: var(--nile-colors-red-500);\n }\n`;\n\nexport default [styles];\n"]}
@@ -49,9 +49,7 @@ export declare class NileInput extends NileElement implements NileFormControl {
49
49
  pill: boolean;
50
50
  /** The input's label. If you need to display HTML, use the `label` slot instead. */
51
51
  label: string;
52
- /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */
53
52
  helpText: string;
54
- /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */
55
53
  errorMessage: string;
56
54
  /** Adds a clear button when the input is not empty. */
57
55
  clearable: boolean;
@@ -62,9 +62,7 @@ let NileInput = class NileInput extends NileElement {
62
62
  this.pill = false;
63
63
  /** The input's label. If you need to display HTML, use the `label` slot instead. */
64
64
  this.label = '';
65
- /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */
66
65
  this.helpText = '';
67
- /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */
68
66
  this.errorMessage = '';
69
67
  /** Adds a clear button when the input is not empty. */
70
68
  this.clearable = false;
@@ -92,7 +90,7 @@ let NileInput = class NileInput extends NileElement {
92
90
  * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
93
91
  * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
94
92
  */
95
- this.autocomplete = "off";
93
+ this.autocomplete = 'off';
96
94
  /** Enables spell checking on the input. */
97
95
  this.spellcheck = true;
98
96
  //
@@ -231,7 +229,10 @@ let NileInput = class NileInput extends NileElement {
231
229
  }
232
230
  }
233
231
  this.markedValue = markedValue;
234
- this.emit('nile-value-marked', { value: this.markedValue, hasNonPrintableCharacters: this.hasPrintableCharacters });
232
+ this.emit('nile-value-marked', {
233
+ value: this.markedValue,
234
+ hasNonPrintableCharacters: this.hasPrintableCharacters,
235
+ });
235
236
  }
236
237
  /** Removes all non printable characters from the value. */
237
238
  removeAllNonPrintableCharacters() {
@@ -542,10 +543,10 @@ __decorate([
542
543
  property()
543
544
  ], NileInput.prototype, "label", void 0);
544
545
  __decorate([
545
- property({ attribute: 'help-text' })
546
+ property({ attribute: 'help-text', reflect: true })
546
547
  ], NileInput.prototype, "helpText", void 0);
547
548
  __decorate([
548
- property({ attribute: 'error-message' })
549
+ property({ attribute: 'error-message', reflect: true })
549
550
  ], NileInput.prototype, "errorMessage", void 0);
550
551
  __decorate([
551
552
  property({ type: Boolean })
@@ -1 +1 @@
1
- {"version":3,"file":"nile-input.js","sourceRoot":"","sources":["../../../src/nile-input/nile-input.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,WAAgC,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D;;;;;GAKG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,WAAW;IAAnC;;QAGY,0BAAqB,GAAG,IAAI,qBAAqB,CAAC,IAAI,EAAE;YACvE,mBAAmB,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;SACjD,CAAC,CAAC;QACc,sBAAiB,GAAG,IAAI,iBAAiB,CACxD,IAAI,EACJ,WAAW,EACX,OAAO,CACR,CAAC;QAIe,aAAQ,GAAG,KAAK,CAAC;QACtB,UAAK,GAAG,EAAE,CAAC,CAAC,gCAAgC;QAExD;;;WAGG;QAC0B,SAAI,GAUrB,MAAM,CAAC;QAEnB,4EAA4E;QAChE,SAAI,GAAG,EAAE,CAAC;QAEtB,qFAAqF;QACzE,UAAK,GAAG,EAAE,CAAC;QAEI,0BAAqB,GAAY,KAAK,CAAC;QAGlE,4FAA4F;QAC5E,iBAAY,GAAG,EAAE,CAAC;QAElC,wBAAwB;QACK,SAAI,GAAiC,QAAQ,CAAC;QAE3E,4BAA4B;QACgB,WAAM,GAAG,KAAK,CAAC;QAE3D,yEAAyE;QAC5C,YAAO,GAAG,KAAK,CAAC;QAE7C,wEAAwE;QAC3C,UAAK,GAAG,KAAK,CAAC;QAE3C,yEAAyE;QAC5C,YAAO,GAAG,KAAK,CAAC;QAG7C,6EAA6E;QAChD,gBAAW,GAAG,KAAK,CAAC;QAEjD,mDAAmD;QACP,SAAI,GAAG,KAAK,CAAC;QAEzD,oFAAoF;QACxE,UAAK,GAAG,EAAE,CAAC;QAEvB,4FAA4F;QACtD,aAAQ,GAAG,EAAE,CAAC;QAEpD,oGAAoG;QAC1D,iBAAY,GAAG,EAAE,CAAC;QAE5D,uDAAuD;QAC1B,cAAS,GAAG,KAAK,CAAC;QAE/C,0BAA0B;QACkB,aAAQ,GAAG,KAAK,CAAC;QAE7D,kEAAkE;QACtD,gBAAW,GAAG,EAAE,CAAC;QAE7B,gCAAgC;QACY,aAAQ,GAAG,KAAK,CAAC;QAE7D,yFAAyF;QAC9B,mBAAc,GACvE,KAAK,CAAC;QAER,yGAAyG;QAC7C,oBAAe,GACzE,KAAK,CAAC;QAER,uFAAuF;QAC5B,kBAAa,GACtE,KAAK,CAAC;QAER;;;;WAIG;QAC0B,SAAI,GAAG,EAAE,CAAC;QAEvC,wCAAwC;QACI,aAAQ,GAAG,KAAK,CAAC;QAmC7D;;;WAGG;QACS,iBAAY,GAAW,KAAK,CAAC;QAezC,2CAA2C;QAS3C,eAAU,GAAG,IAAI,CAAC;QAgBlB,EAAE;QACF,sHAAsH;QACtH,+CAA+C;QAC/C,EAAE;QAEO,2BAAsB,GAAY,KAAK,CAAC;IA+dnD,CAAC;IA3dC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5B,CAAC;IAED,yGAAyG;IACzG,IAAI,WAAW;QACb,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;QACpB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,OAAO,KAAK,CAAC,WAAW,CAAC;IAC3B,CAAC;IAED,IAAI,WAAW,CAAC,QAAqB;QACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC;QACpB,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,iGAAiG;IACjG,IAAI,aAAa;QACf,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,OAAO,KAAK,CAAC,aAAa,CAAC;IAC7B,CAAC;IAED,IAAI,aAAa,CAAC,QAAgB;QAChC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAC9C,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;QACtB,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;QAC/B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3B,CAAC;IAED,qCAAqC;IACrC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;IAED,kCAAkC;IAClC,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC;IACtC,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAC7B,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,CAAC;IAC9C,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAChD,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAClD,CAAC;IAEO,gBAAgB,CAAC,KAAiB;QACxC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC/C,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAChD,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QAEnB,KAAK,CAAC,eAAe,EAAE,CAAC;IAC1B,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;QAE/C,IAAG,IAAI,CAAC,qBAAqB,EAAC;YAC5B,IAAI,CAAC,0BAA0B,EAAE,CAAC;SACnC;IAEH,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAC9B,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,CAAC;QAC5C,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACjD,CAAC;IAEO,aAAa,CAAC,KAAY;QAChC,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,qBAAqB,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IACrD,CAAC;IAEO,aAAa,CAAC,KAAoB;QACxC,MAAM,WAAW,GACf,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,CAAC;QAEnE,gHAAgH;QAChH,wEAAwE;QACxE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,WAAW,EAAE;YACzC,UAAU,CAAC,GAAG,EAAE;gBACd,EAAE;gBACF,8GAA8G;gBAC9G,8FAA8F;gBAC9F,EAAE;gBAEF,EAAE;gBACF,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;oBACjD,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,CAAC;iBACrC;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC;IAEO,oBAAoB;QAC1B,IAAI,CAAC,eAAe,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;IAC/C,CAAC;IAGD,oBAAoB;QAClB,0CAA0C;QAC1C,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxD,CAAC;IAGD,gBAAgB;QACd,4GAA4G;QAC5G,4FAA4F;QAC5F,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAGK,AAAN,KAAK,CAAC,iBAAiB;QACrB,MAAM,IAAI,CAAC,cAAc,CAAC;QAE1B,IAAG,IAAI,CAAC,qBAAqB,EAAC;YAC5B,IAAI,CAAC,0BAA0B,EAAE,CAAC;SACnC;IACH,CAAC;IAED,oDAAoD;IACpD,0BAA0B;QACxB,IAAI,WAAW,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;QACpC,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBAE1C,IAAI,QAAQ,GAAG,GAAG,EAAE;oBAClB,WAAW,IAAI,qCAAqC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;oBAClF,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;iBACpC;qBAAM;oBACL,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;iBACrC;aACF;SACF;QAED,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAC/B,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,yBAAyB,EAAE,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACtH,CAAC;IAGD,2DAA2D;IAC3D,+BAA+B;QAC7B,IAAI,YAAY,GAAG,EAAE,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;gBACjD,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;gBAE1C,mFAAmF;gBACnF,IAAI,QAAQ,GAAG,GAAG,EAAE;oBAClB,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;iBACtC;aACF;SACF;QAED,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IAE1D,CAAC;IAGD,+BAA+B;IAC/B,KAAK,CAAC,OAAsB;QAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAED,oCAAoC;IACpC,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,yCAAyC;IACzC,MAAM;QACJ,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;IACtB,CAAC;IAED,wEAAwE;IACxE,iBAAiB,CACf,cAAsB,EACtB,YAAoB,EACpB,qBAAsD,MAAM;QAE5D,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAC1B,cAAc,EACd,YAAY,EACZ,kBAAkB,CACnB,CAAC;IACJ,CAAC;IAED,kDAAkD;IAClD,YAAY,CACV,WAAmB,EACnB,KAAc,EACd,GAAY,EACZ,UAAoD;QAEpD,6DAA6D;QAC7D,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC;QAE7D,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;SAC/B;IACH,CAAC;IAED,sHAAsH;IACtH,iBAAiB;IACjB,sDAAsD;IACtD,+BAA+B;IAC/B,MAAM;IACN,IAAI;IAEJ,uFAAuF;IACvF,MAAM;QACJ,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QACpB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;SAC/B;IACH,CAAC;IAED,uFAAuF;IACvF,QAAQ;QACN,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;QACtB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;SAC/B;IACH,CAAC;IAED,sHAAsH;IACtH,aAAa;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;IACpC,CAAC;IAED,+CAA+C;IAC/C,OAAO;QACL,OAAO,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;IAC9C,CAAC;IAED,gGAAgG;IAChG,cAAc;QACZ,OAAO,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;IACrC,CAAC;IAED,kFAAkF;IAClF,iBAAiB,CAAC,OAAe;QAC/B,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,CAAC,qBAAqB,CAAC,cAAc,EAAE,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC1D,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QACpD,MAAM,kBAAkB,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QACvE,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACjD,MAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;QACzD,MAAM,YAAY,GAChB,IAAI,CAAC,SAAS;YACd,CAAC,IAAI,CAAC,QAAQ;YACd,CAAC,IAAI,CAAC,QAAQ;YACd,CAAC,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE5D,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,cAAc,EAAE,IAAI;YACpB,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAC5C,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;YAC9C,qBAAqB,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAC5C,yBAAyB,EAAE,QAAQ;YACnC,6BAA6B,EAAE,WAAW;SAC3C,CAAC;;;;;;wBAMc,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;+BAEpB,IAAI,CAAC,KAAK;;;UAG/B,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAA,qCAAqC,CAAC,CAAC,CAAC,EAAE;;;8BAG/C,IAAI,CAAC,sBAAsB;;;;;;;;oBAQrC,QAAQ,CAAC;YACf,KAAK,EAAE,IAAI;YAEX,QAAQ;YACR,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YACrC,eAAe,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;YACvC,cAAc,EAAE,IAAI,CAAC,IAAI,KAAK,OAAO;YAErC,SAAS;YACT,aAAa,EAAE,IAAI,CAAC,IAAI;YACxB,iBAAiB,EAAE,CAAC,IAAI,CAAC,MAAM;YAC/B,gBAAgB,EAAE,IAAI,CAAC,OAAO;YAC9B,cAAc,EAAE,IAAI,CAAC,KAAK;YAC1B,gBAAgB,EAAE,IAAI,CAAC,OAAO;YAC9B,oBAAoB,EAAE,IAAI,CAAC,WAAW;YACtC,eAAe,EAAE,IAAI,CAAC,MAAM;YAC5B,iBAAiB,EAAE,IAAI,CAAC,QAAQ;YAChC,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,cAAc,EAAE,CAAC,IAAI,CAAC,KAAK;YAC3B,wBAAwB,EAAE,IAAI,CAAC,aAAa;SAC7C,CAAC;;;;;;sCAOE,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,IAAI,CAAC,eAAe;YAC/C,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,EACN;qBACO,IAAI,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;sBAElD,IAAI;aACD,KAAK,CAAC,iFACX;qBACO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;0BACf,IAAI,CAAC,QAAQ;0BACb,IAAI,CAAC,QAAQ;0BACb,IAAI,CAAC,QAAQ;4BACX,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;0BAC7B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;0BACzB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC/B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;oBACnB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;qBAClB,SAAS,CAAC,IAAI,CAAC,IAAc,CAAC;uBAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;+BACR,SAAS,CAAC,IAAI,CAAC,cAAc,CAAC;6BAChC,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC;4BAC7B,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;2BAC5B,IAAI,CAAC,SAAS;2BACd,IAAI,CAAC,UAAU;wBAClB,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;6BAClB,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC;0BAC/B,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;;wBAE3B,IAAI,CAAC,YAAY;uBAClB,IAAI,CAAC,WAAW;yBACd,IAAI,CAAC,aAAa;yBAClB,IAAI,CAAC,aAAa;uBACpB,IAAI,CAAC,WAAW;sBACjB,IAAI,CAAC,UAAU;;;cAIvB,YAAY;YACV,CAAC,CAAC,IAAI,CAAA;;;;;;+BAMS,IAAI,CAAC,gBAAgB;;;;;;;mBAOjC;YACH,CAAC,CAAC,EACN;cAEE,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,QAAQ;YACnC,CAAC,CAAC,IAAI,CAAA;;;;;mCAKa,IAAI,CAAC,eAAe;gBAC/B,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,cAAc;+BACT,IAAI,CAAC,oBAAoB;;;wBAGhC,IAAI,CAAC,eAAe;gBACpB,CAAC,CAAC,IAAI,CAAA;;;;;;;2BAOH;gBACH,CAAC,CAAC,IAAI,CAAA;;;;;;;2BAOH;;mBAER;YACH,CAAC,CAAC,EACN;;;;;;;+CAQA,IAAI,CAAC,+BACP;;;;2DAIiD,UAAU,CACvD,IAAI,CAAC,WAAW,CACjB;;;;;;UAOH,WAAW;YACT,CAAC,CAAC,IAAI,CAAA;uCACqB,IAAI,CAAC,QAAQ;eACrC;YACH,CAAC,CAAC,EACN;;UAGE,eAAe;YACb,CAAC,CAAC,IAAI,CAAA;;qBAEG,IAAI,CAAC,YAAY;;eAEvB;YACH,CAAC,CAAC,EACN;;;KAGH,CAAC;IACJ,CAAC;;AA7pBM,gBAAM,GAAmB,MAAM,CAAC;AAWb;IAAzB,KAAK,CAAC,iBAAiB,CAAC;wCAAyB;AAEzC;IAAR,KAAK,EAAE;2CAA0B;AACtB;IAAX,QAAQ,EAAE;wCAAY;AAMM;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAUT;AAGP;IAAX,QAAQ,EAAE;uCAAW;AAGV;IAAX,QAAQ,EAAE;wCAAY;AAEI;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;wDAAwC;AAIlD;IAAf,YAAY,EAAE;+CAAmB;AAGL;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAA+C;AAG/B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAgB;AAG9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAiB;AAGhB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAe;AAGd;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAiB;AAIhB;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CAAqB;AAGL;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAc;AAG7C;IAAX,QAAQ,EAAE;wCAAY;AAGe;IAArC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;2CAAe;AAGV;IAAzC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;+CAAmB;AAG/B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAmB;AAGH;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AAGjD;IAAX,QAAQ,EAAE;8CAAkB;AAGe;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AAGF;IAA1D,QAAQ,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDAClD;AAGoD;IAA3D,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACnD;AAGmD;IAA1D,QAAQ,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDAClD;AAOqB;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCAAW;AAGK;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAkB;AAGjD;IAAX,QAAQ,EAAE;0CAAiB;AAGA;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmB;AAGlB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmB;AAGlC;IAAX,QAAQ,EAAE;sCAAsB;AAGrB;IAAX,QAAQ,EAAE;sCAAsB;AAMrB;IAAX,QAAQ,EAAE;uCAAsB;AAGrB;IAAX,QAAQ,EAAE;iDAMM;AAGL;IAAX,QAAQ,EAAE;8CAA2B;AAM1B;IAAX,QAAQ,EAAE;+CAA8B;AAGZ;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAoB;AAGpC;IAAX,QAAQ,EAAE;+CAOA;AAWX;IARC,QAAQ,CAAC;QACR,IAAI,EAAE,OAAO;QACb,SAAS,EAAE;YACT,oEAAoE;YACpE,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;YACpE,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;SACjD;KACF,CAAC;6CACgB;AAMN;IAAX,QAAQ,EAAE;4CAQD;AAOD;IAAR,KAAK,EAAE;yDAAyC;AAExC;IAAR,KAAK,EAAE;8CAAqB;AA4H7B;IADC,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;qDAIjD;AAGD;IADC,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;iDAK7C;AAGK;IADL,KAAK,CAAC,OAAO,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;kDAO9C;AAjVU,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA+pBrB;SA/pBY,SAAS;AAiqBtB,eAAe,SAAS,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-input.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-input\n *\n */\n@customElement('nile-input')\nexport class NileInput extends NileElement implements NileFormControl {\n static styles: CSSResultGroup = styles;\n\n private readonly formControlController = new FormControlController(this, {\n assumeInteractionOn: ['nile-blur', 'nile-input'],\n });\n private readonly hasSlotController = new HasSlotController(\n this,\n 'help-text',\n 'label'\n );\n\n @query('.input__control') input: HTMLInputElement;\n\n @state() private hasFocus = false;\n @property() title = ''; // make reactive to pass through\n\n /**\n * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n * to `text`.\n */\n @property({ reflect: true }) type:\n | 'date'\n | 'datetime-local'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url' = 'text';\n\n /** The name of the input, submitted as a name/value pair with form data. */\n @property() name = '';\n\n /** The current value of the input, submitted as a name/value pair with form data. */\n @property() value = '';\n\n @property({type: Boolean}) checkNonPrintableChar: boolean = false;\n\n\n /** The default value of the form control. Primarily used for resetting the form control. */\n @defaultValue() defaultValue = '';\n\n /** The input's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a filled input. */\n @property({ type: Boolean, reflect: true }) filled = false;\n\n /** Sets the input to a warning state, changing its visual appearance. */\n @property({ type: Boolean }) warning = false;\n\n /** Sets the input to an error state, changing its visual appearance. */\n @property({ type: Boolean }) error = false;\n\n /** Sets the input to a success state, changing its visual appearance. */\n @property({ type: Boolean }) success = false;\n\n\n /** Sets the input to a Destructive state, changing its visual appearance. */\n @property({ type: Boolean }) destructive = false;\n\n /** Draws a pill-style input with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /** The input's label. If you need to display HTML, use the `label` slot instead. */\n @property() label = '';\n\n /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n @property({ attribute: 'help-text' }) helpText = '';\n\n /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */\n @property({ attribute: 'error-message' }) errorMessage = '';\n\n /** Adds a clear button when the input is not empty. */\n @property({ type: Boolean }) clearable = false;\n\n /** Disables the input. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** Placeholder text to show as a hint when the input is empty. */\n @property() placeholder = '';\n\n /** Makes the input readonly. */\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /** Adds a button to toggle the password's visibility. Only applies to password types. */\n @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle =\n false;\n\n /** Determines whether or not the password is currently visible. Only applies to password input types. */\n @property({ attribute: 'password-visible', type: Boolean }) passwordVisible =\n false;\n\n /** Hides the browser's built-in increment/decrement spin buttons for number inputs. */\n @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons =\n false;\n\n /**\n * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n * the same document or shadow root for this to work.\n */\n @property({ reflect: true }) form = '';\n\n /** Makes the input a required field. */\n @property({ type: Boolean, reflect: true }) required = false;\n\n /** A regular expression pattern to validate input against. */\n @property() pattern: string;\n\n /** The minimum length of input that will be considered valid. */\n @property({ type: Number }) minlength: number;\n\n /** The maximum length of input that will be considered valid. */\n @property({ type: Number }) maxlength: number;\n\n /** The input's minimum value. Only applies to date and number input types. */\n @property() min: number | string;\n\n /** The input's maximum value. Only applies to date and number input types. */\n @property() max: number | string;\n\n /**\n * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n * implied, allowing any numeric value. Only applies to date and number input types.\n */\n @property() step: number | 'any';\n\n /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n @property() autocapitalize:\n | 'off'\n | 'none'\n | 'on'\n | 'sentences'\n | 'words'\n | 'characters';\n\n /** Indicates whether the browser's autocorrect feature is on or off. */\n @property() autocorrect: 'off' | 'on';\n\n /**\n * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n */\n @property() autocomplete: string = \"off\";\n\n /** Indicates that the input should receive focus on page load. */\n @property({ type: Boolean }) autofocus: boolean;\n\n /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n @property() enterkeyhint:\n | 'enter'\n | 'done'\n | 'go'\n | 'next'\n | 'previous'\n | 'search'\n | 'send';\n\n /** Enables spell checking on the input. */\n @property({\n type: Boolean,\n converter: {\n // Allow \"true|false\" attribute values but keep the property boolean\n fromAttribute: value => (!value || value === 'false' ? false : true),\n toAttribute: value => (value ? 'true' : 'false'),\n },\n })\n spellcheck = true;\n\n /**\n * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n * keyboard on supportive devices.\n */\n @property() inputmode:\n | 'none'\n | 'text'\n | 'decimal'\n | 'numeric'\n | 'tel'\n | 'search'\n | 'email'\n | 'url';\n\n //\n // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n // can be set before the component is rendered.\n //\n\n @state() hasPrintableCharacters: boolean = false;\n\n @state() markedValue: string;\n\n connectedCallback() {\n super.connectedCallback();\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n }\n\n /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */\n get valueAsDate() {\n const input = document.createElement('input');\n input.type = 'date';\n input.value = this.value;\n return input.valueAsDate;\n }\n\n set valueAsDate(newValue: Date | null) {\n const input = document.createElement('input');\n input.type = 'date';\n input.valueAsDate = newValue;\n this.value = input.value;\n }\n\n /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n get valueAsNumber() {\n const input = document.createElement('input');\n input.type = 'number';\n input.value = this.value;\n return input.valueAsNumber;\n }\n\n set valueAsNumber(newValue: number) {\n const input = document.createElement('input');\n input.type = 'number';\n input.valueAsNumber = newValue;\n this.value = input.value;\n }\n\n /** Gets the validity state object */\n get validity() {\n return this.input.validity;\n }\n\n /** Gets the validation message */\n get validationMessage() {\n return this.input.validationMessage;\n }\n\n firstUpdated() {\n this.emit('nile-after-init');\n this.formControlController.updateValidity();\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur', { value: this.value });\n }\n\n private handleChange() {\n this.value = this.input.value;\n this.emit('nile-change', { value: this.value });\n }\n\n private handleClearClick(event: MouseEvent) {\n this.value = '';\n this.emit('nile-clear', { value: this.value });\n this.emit('nile-input', { value: this.value });\n this.emit('nile-change', { value: this.value });\n this.input.focus();\n\n event.stopPropagation();\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus', { value: this.value });\n\n if(this.checkNonPrintableChar){\n this.markNonPrintableCharacters();\n }\n\n }\n\n private handleInput() {\n this.value = this.input.value;\n this.formControlController.updateValidity();\n this.emit('nile-input', { value: this.value });\n }\n\n private handleInvalid(event: Event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const hasModifier =\n event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n // submitting to allow users to cancel the keydown event if they need to\n if (event.key === 'Enter' && !hasModifier) {\n setTimeout(() => {\n //\n // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n // to check for this is to look at event.isComposing, which will be true when the IME is open.\n //\n\n //\n if (!event.defaultPrevented && !event.isComposing) {\n this.formControlController.submit();\n }\n });\n }\n }\n\n private handlePasswordToggle() {\n this.passwordVisible = !this.passwordVisible;\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n // Disabled form controls are always valid\n this.formControlController.setValidity(this.disabled);\n }\n\n @watch('step', { waitUntilFirstUpdate: true })\n handleStepChange() {\n // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n // imperatively so we don't have to wait for the next render to report the updated validity.\n this.input.step = String(this.step);\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n async handleValueChange() {\n await this.updateComplete;\n\n if(this.checkNonPrintableChar){\n this.markNonPrintableCharacters();\n }\n }\n\n /** checks non printable characters in the value. */\n markNonPrintableCharacters() {\n let markedValue = '';\n this.hasPrintableCharacters = false;\n if (this.value) {\n for (let i = 0, n = this.value.length; i < n; i++) {\n const charCode = this.value.charCodeAt(i);\n\n if (charCode > 127) {\n markedValue += `<span class=\"input__srtiked-text\">${this.value.charAt(i)}</span>`;\n this.hasPrintableCharacters = true;\n } else {\n markedValue += this.value.charAt(i);\n }\n }\n }\n\n this.markedValue = markedValue;\n this.emit('nile-value-marked', { value: this.markedValue, hasNonPrintableCharacters: this.hasPrintableCharacters });\n }\n\n\n /** Removes all non printable characters from the value. */\n removeAllNonPrintableCharacters() {\n let cleanedValue = '';\n\n if (this.value) {\n for (let i = 0, n = this.value.length; i < n; i++) {\n const charCode = this.value.charCodeAt(i);\n\n // Consider a character printable if it's not in the specified non-printable ranges\n if (charCode < 128) {\n cleanedValue += this.value.charAt(i);\n }\n }\n }\n\n this.value = cleanedValue;\n this.emit('nile-npchar-removed', { value: this.value });\n\n }\n\n\n /** Sets focus on the input. */\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /** Removes focus from the input. */\n blur() {\n this.input.blur();\n }\n\n /** Selects all the text in the input. */\n select() {\n this.input.select();\n }\n\n /** Sets the start and end positions of the text selection (0-based). */\n setSelectionRange(\n selectionStart: number,\n selectionEnd: number,\n selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n ) {\n this.input.setSelectionRange(\n selectionStart,\n selectionEnd,\n selectionDirection\n );\n }\n\n /** Replaces a range of text with a new string. */\n setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode?: 'select' | 'start' | 'end' | 'preserve'\n ) {\n // @ts-expect-error - start, end, and selectMode are optional\n this.input.setRangeText(replacement, start, end, selectMode);\n\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n }\n\n // /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n // showPicker() {\n // if ('showPicker' in HTMLInputElement.prototype) {\n // this.input.showPicker();\n // }\n // }\n\n /** Increments the value of a numeric input type by the value of the step attribute. */\n stepUp() {\n this.input.stepUp();\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n }\n\n /** Decrements the value of a numeric input type by the value of the step attribute. */\n stepDown() {\n this.input.stepDown();\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n }\n\n /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n checkValidity() {\n return this.input.checkValidity();\n }\n\n /** Gets the associated form, if one exists. */\n getForm(): HTMLFormElement | null {\n return this.formControlController.getForm();\n }\n\n /** Checks for validity and shows the browser's validation message if the control is invalid. */\n reportValidity() {\n return this.input.reportValidity();\n }\n\n /** Sets a custom validation message. Pass an empty string to restore validity. */\n setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n\n render() {\n const hasLabelSlot = this.hasSlotController.test('label');\n const hasHelpTextSlot = this.hasSlotController.test('help-text');\n const hasLabel = this.label ? true : !!hasLabelSlot;\n const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n const hasHelpText = this.helpText ? true : false;\n const hasErrorMessage = this.errorMessage ? true : false;\n const hasClearIcon =\n this.clearable &&\n !this.disabled &&\n !this.readonly &&\n (typeof this.value === 'number' || this.value.length > 0);\n\n return html`\n <div\n part=\"form-control\"\n class=${classMap({\n 'form-control': true,\n 'form-control--small': this.size === 'small',\n 'form-control--medium': this.size === 'medium',\n 'form-control--large': this.size === 'large',\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText,\n })}\n >\n <label\n part=\"form-control-label\"\n class=\"form-control__label\"\n for=\"input\"\n aria-hidden=${hasLabel ? 'false' : 'true'}\n >\n <slot name=\"label\">${this.label}</slot>\n </label>\n\n ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n <div part=\"form-control-input\" class=\"form-control-input\">\n <nile-popup ?active=${this.hasPrintableCharacters}\n placement=\"bottom-start\"\n distance=\"5\"\n strategy=\"fixed\"\n >\n <div\n slot=\"anchor\"\n part=\"base\"\n class=${classMap({\n input: true,\n\n // Sizes\n 'input--small': this.size === 'small',\n 'input--medium': this.size === 'medium',\n 'input--large': this.size === 'large',\n\n // States\n 'input--pill': this.pill,\n 'input--standard': !this.filled,\n 'input--warning': this.warning,\n 'input--error': this.error,\n 'input--success': this.success,\n 'input--destructive': this.destructive,\n 'input--filled': this.filled,\n 'input--disabled': this.disabled,\n 'input--focused': this.hasFocus,\n 'input--empty': !this.value,\n 'input--no-spin-buttons': this.noSpinButtons,\n })}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n <input\n part=\"input\"\n id=\"input\"\n class=\"input__control ${\n this.type === 'password' && !this.passwordVisible\n ? 'input__password'\n : ''\n }\"\n type=${this.type === 'password' ? 'text' : this.type}\n title=${\n this\n .title /* An empty title prevents browser validation tooltips from appearing on hover */\n }\n name=${ifDefined(this.name)}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n placeholder=${ifDefined(this.placeholder)}\n minlength=${ifDefined(this.minlength)}\n maxlength=${ifDefined(this.maxlength)}\n min=${ifDefined(this.min)}\n max=${ifDefined(this.max)}\n step=${ifDefined(this.step as number)}\n .value=${live(this.value)}\n autocapitalize=${ifDefined(this.autocapitalize)}\n autocomplete=${ifDefined(this.autocomplete)}\n autocorrect=${ifDefined(this.autocorrect)}\n ?autofocus=${this.autofocus}\n spellcheck=${this.spellcheck}\n pattern=${ifDefined(this.pattern)}\n enterkeyhint=${ifDefined(this.enterkeyhint)}\n inputmode=${ifDefined(this.inputmode)}\n aria-describedby=\"help-text\"\n @change=${this.handleChange}\n @input=${this.handleInput}\n @invalid=${this.handleInvalid}\n @keydown=${this.handleKeyDown}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n />\n\n ${\n hasClearIcon\n ? html`\n <button\n part=\"clear-button\"\n class=\"input__clear\"\n type=\"button\"\n aria-label=\"clearEntry\"\n @click=${this.handleClearClick}\n tabindex=\"-1\"\n >\n <slot name=\"clear-icon\">\n <nile-icon name=\"error\" library=\"system\"></nile-icon>\n </slot>\n </button>\n `\n : ''\n }\n ${\n this.passwordToggle && !this.disabled\n ? html`\n <button\n part=\"password-toggle-button\"\n class=\"input__password-toggle\"\n type=\"button\"\n aria-label=${this.passwordVisible\n ? 'hidePassword'\n : 'showPassword'}\n @click=${this.handlePasswordToggle}\n tabindex=\"-1\"\n >\n ${this.passwordVisible\n ? html`\n <slot name=\"show-password-icon\">\n <nile-icon\n name=\"eye\"\n library=\"system\"\n ></nile-icon>\n </slot>\n `\n : html`\n <slot name=\"hide-password-icon\">\n <nile-icon\n name=\"eye\"\n library=\"system\"\n ></nile-icon>\n </slot>\n `}\n </button>\n `\n : ''\n }\n\n <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n </div>\n\n <div class=\"input__non-printable\">\n Non-printable character detected.\n <nile-badge variant=\"error\" @click=${\n this.removeAllNonPrintableCharacters\n } class=\"input__remove-non-printable\" >\n Remove All\n </nile-badge>\n\n <div class=\"input__srtiked-text-container\"> ${unsafeHTML(\n this.markedValue\n )} </div>\n\n </div>\n </nile-popup>\n </div>\n\n ${\n hasHelpText\n ? html`\n <nile-form-help-text>${this.helpText}</nile-form-help-text>\n `\n : ``\n }\n\n ${\n hasErrorMessage\n ? html`\n <nile-form-error-message\n >${this.errorMessage}</nile-form-error-message\n >\n `\n : ``\n }\n </div>\n </div>\n `;\n }\n}\n\nexport default NileInput;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-input': NileInput;\n }\n}\n"]}
1
+ {"version":3,"file":"nile-input.js","sourceRoot":"","sources":["../../../src/nile-input/nile-input.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-input.css';\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-input\n *\n */\n@customElement('nile-input')\nexport class NileInput extends NileElement implements NileFormControl {\n static styles: CSSResultGroup = styles;\n\n private readonly formControlController = new FormControlController(this, {\n assumeInteractionOn: ['nile-blur', 'nile-input'],\n });\n private readonly hasSlotController = new HasSlotController(\n this,\n 'help-text',\n 'label'\n );\n\n @query('.input__control') input: HTMLInputElement;\n\n @state() private hasFocus = false;\n @property() title = ''; // make reactive to pass through\n\n /**\n * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n * to `text`.\n */\n @property({ reflect: true }) type:\n | 'date'\n | 'datetime-local'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url' = 'text';\n\n /** The name of the input, submitted as a name/value pair with form data. */\n @property() name = '';\n\n /** The current value of the input, submitted as a name/value pair with form data. */\n @property() value = '';\n\n @property({ type: Boolean }) checkNonPrintableChar: boolean = false;\n\n /** The default value of the form control. Primarily used for resetting the form control. */\n @defaultValue() defaultValue = '';\n\n /** The input's size. */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a filled input. */\n @property({ type: Boolean, reflect: true }) filled = false;\n\n /** Sets the input to a warning state, changing its visual appearance. */\n @property({ type: Boolean }) warning = false;\n\n /** Sets the input to an error state, changing its visual appearance. */\n @property({ type: Boolean }) error = false;\n\n /** Sets the input to a success state, changing its visual appearance. */\n @property({ type: Boolean }) success = false;\n\n /** Sets the input to a Destructive state, changing its visual appearance. */\n @property({ type: Boolean }) destructive = false;\n\n /** Draws a pill-style input with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /** The input's label. If you need to display HTML, use the `label` slot instead. */\n @property() label = '';\n\n @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n /** Adds a clear button when the input is not empty. */\n @property({ type: Boolean }) clearable = false;\n\n /** Disables the input. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** Placeholder text to show as a hint when the input is empty. */\n @property() placeholder = '';\n\n /** Makes the input readonly. */\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /** Adds a button to toggle the password's visibility. Only applies to password types. */\n @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle =\n false;\n\n /** Determines whether or not the password is currently visible. Only applies to password input types. */\n @property({ attribute: 'password-visible', type: Boolean }) passwordVisible =\n false;\n\n /** Hides the browser's built-in increment/decrement spin buttons for number inputs. */\n @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons =\n false;\n\n /**\n * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n * the same document or shadow root for this to work.\n */\n @property({ reflect: true }) form = '';\n\n /** Makes the input a required field. */\n @property({ type: Boolean, reflect: true }) required = false;\n\n /** A regular expression pattern to validate input against. */\n @property() pattern: string;\n\n /** The minimum length of input that will be considered valid. */\n @property({ type: Number }) minlength: number;\n\n /** The maximum length of input that will be considered valid. */\n @property({ type: Number }) maxlength: number;\n\n /** The input's minimum value. Only applies to date and number input types. */\n @property() min: number | string;\n\n /** The input's maximum value. Only applies to date and number input types. */\n @property() max: number | string;\n\n /**\n * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n * implied, allowing any numeric value. Only applies to date and number input types.\n */\n @property() step: number | 'any';\n\n /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n @property() autocapitalize:\n | 'off'\n | 'none'\n | 'on'\n | 'sentences'\n | 'words'\n | 'characters';\n\n /** Indicates whether the browser's autocorrect feature is on or off. */\n @property() autocorrect: 'off' | 'on';\n\n /**\n * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n */\n @property() autocomplete: string = 'off';\n\n /** Indicates that the input should receive focus on page load. */\n @property({ type: Boolean }) autofocus: boolean;\n\n /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n @property() enterkeyhint:\n | 'enter'\n | 'done'\n | 'go'\n | 'next'\n | 'previous'\n | 'search'\n | 'send';\n\n /** Enables spell checking on the input. */\n @property({\n type: Boolean,\n converter: {\n // Allow \"true|false\" attribute values but keep the property boolean\n fromAttribute: value => (!value || value === 'false' ? false : true),\n toAttribute: value => (value ? 'true' : 'false'),\n },\n })\n spellcheck = true;\n\n /**\n * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n * keyboard on supportive devices.\n */\n @property() inputmode:\n | 'none'\n | 'text'\n | 'decimal'\n | 'numeric'\n | 'tel'\n | 'search'\n | 'email'\n | 'url';\n\n //\n // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n // can be set before the component is rendered.\n //\n\n @state() hasPrintableCharacters: boolean = false;\n\n @state() markedValue: string;\n\n connectedCallback() {\n super.connectedCallback();\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.emit('nile-destroy');\n }\n\n /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */\n get valueAsDate() {\n const input = document.createElement('input');\n input.type = 'date';\n input.value = this.value;\n return input.valueAsDate;\n }\n\n set valueAsDate(newValue: Date | null) {\n const input = document.createElement('input');\n input.type = 'date';\n input.valueAsDate = newValue;\n this.value = input.value;\n }\n\n /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n get valueAsNumber() {\n const input = document.createElement('input');\n input.type = 'number';\n input.value = this.value;\n return input.valueAsNumber;\n }\n\n set valueAsNumber(newValue: number) {\n const input = document.createElement('input');\n input.type = 'number';\n input.valueAsNumber = newValue;\n this.value = input.value;\n }\n\n /** Gets the validity state object */\n get validity() {\n return this.input.validity;\n }\n\n /** Gets the validation message */\n get validationMessage() {\n return this.input.validationMessage;\n }\n\n firstUpdated() {\n this.emit('nile-after-init');\n this.formControlController.updateValidity();\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur', { value: this.value });\n }\n\n private handleChange() {\n this.value = this.input.value;\n this.emit('nile-change', { value: this.value });\n }\n\n private handleClearClick(event: MouseEvent) {\n this.value = '';\n this.emit('nile-clear', { value: this.value });\n this.emit('nile-input', { value: this.value });\n this.emit('nile-change', { value: this.value });\n this.input.focus();\n\n event.stopPropagation();\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus', { value: this.value });\n\n if (this.checkNonPrintableChar) {\n this.markNonPrintableCharacters();\n }\n }\n\n private handleInput() {\n this.value = this.input.value;\n this.formControlController.updateValidity();\n this.emit('nile-input', { value: this.value });\n }\n\n private handleInvalid(event: Event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n const hasModifier =\n event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n // submitting to allow users to cancel the keydown event if they need to\n if (event.key === 'Enter' && !hasModifier) {\n setTimeout(() => {\n //\n // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n // to check for this is to look at event.isComposing, which will be true when the IME is open.\n //\n\n //\n if (!event.defaultPrevented && !event.isComposing) {\n this.formControlController.submit();\n }\n });\n }\n }\n\n private handlePasswordToggle() {\n this.passwordVisible = !this.passwordVisible;\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n // Disabled form controls are always valid\n this.formControlController.setValidity(this.disabled);\n }\n\n @watch('step', { waitUntilFirstUpdate: true })\n handleStepChange() {\n // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n // imperatively so we don't have to wait for the next render to report the updated validity.\n this.input.step = String(this.step);\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n async handleValueChange() {\n await this.updateComplete;\n\n if (this.checkNonPrintableChar) {\n this.markNonPrintableCharacters();\n }\n }\n\n /** checks non printable characters in the value. */\n markNonPrintableCharacters() {\n let markedValue = '';\n this.hasPrintableCharacters = false;\n if (this.value) {\n for (let i = 0, n = this.value.length; i < n; i++) {\n const charCode = this.value.charCodeAt(i);\n\n if (charCode > 127) {\n markedValue += `<span class=\"input__srtiked-text\">${this.value.charAt(\n i\n )}</span>`;\n this.hasPrintableCharacters = true;\n } else {\n markedValue += this.value.charAt(i);\n }\n }\n }\n\n this.markedValue = markedValue;\n this.emit('nile-value-marked', {\n value: this.markedValue,\n hasNonPrintableCharacters: this.hasPrintableCharacters,\n });\n }\n\n /** Removes all non printable characters from the value. */\n removeAllNonPrintableCharacters() {\n let cleanedValue = '';\n\n if (this.value) {\n for (let i = 0, n = this.value.length; i < n; i++) {\n const charCode = this.value.charCodeAt(i);\n\n // Consider a character printable if it's not in the specified non-printable ranges\n if (charCode < 128) {\n cleanedValue += this.value.charAt(i);\n }\n }\n }\n\n this.value = cleanedValue;\n this.emit('nile-npchar-removed', { value: this.value });\n }\n\n /** Sets focus on the input. */\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /** Removes focus from the input. */\n blur() {\n this.input.blur();\n }\n\n /** Selects all the text in the input. */\n select() {\n this.input.select();\n }\n\n /** Sets the start and end positions of the text selection (0-based). */\n setSelectionRange(\n selectionStart: number,\n selectionEnd: number,\n selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n ) {\n this.input.setSelectionRange(\n selectionStart,\n selectionEnd,\n selectionDirection\n );\n }\n\n /** Replaces a range of text with a new string. */\n setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode?: 'select' | 'start' | 'end' | 'preserve'\n ) {\n // @ts-expect-error - start, end, and selectMode are optional\n this.input.setRangeText(replacement, start, end, selectMode);\n\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n }\n\n // /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n // showPicker() {\n // if ('showPicker' in HTMLInputElement.prototype) {\n // this.input.showPicker();\n // }\n // }\n\n /** Increments the value of a numeric input type by the value of the step attribute. */\n stepUp() {\n this.input.stepUp();\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n }\n\n /** Decrements the value of a numeric input type by the value of the step attribute. */\n stepDown() {\n this.input.stepDown();\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n }\n\n /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n checkValidity() {\n return this.input.checkValidity();\n }\n\n /** Gets the associated form, if one exists. */\n getForm(): HTMLFormElement | null {\n return this.formControlController.getForm();\n }\n\n /** Checks for validity and shows the browser's validation message if the control is invalid. */\n reportValidity() {\n return this.input.reportValidity();\n }\n\n /** Sets a custom validation message. Pass an empty string to restore validity. */\n setCustomValidity(message: string) {\n this.input.setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n\n render() {\n const hasLabelSlot = this.hasSlotController.test('label');\n const hasHelpTextSlot = this.hasSlotController.test('help-text');\n const hasLabel = this.label ? true : !!hasLabelSlot;\n const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n const hasHelpText = this.helpText ? true : false;\n const hasErrorMessage = this.errorMessage ? true : false;\n const hasClearIcon =\n this.clearable &&\n !this.disabled &&\n !this.readonly &&\n (typeof this.value === 'number' || this.value.length > 0);\n\n return html`\n <div\n part=\"form-control\"\n class=${classMap({\n 'form-control': true,\n 'form-control--small': this.size === 'small',\n 'form-control--medium': this.size === 'medium',\n 'form-control--large': this.size === 'large',\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText,\n })}\n >\n <label\n part=\"form-control-label\"\n class=\"form-control__label\"\n for=\"input\"\n aria-hidden=${hasLabel ? 'false' : 'true'}\n >\n <slot name=\"label\">${this.label}</slot>\n </label>\n\n ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n <div part=\"form-control-input\" class=\"form-control-input\">\n <nile-popup ?active=${this.hasPrintableCharacters}\n placement=\"bottom-start\"\n distance=\"5\"\n strategy=\"fixed\"\n >\n <div\n slot=\"anchor\"\n part=\"base\"\n class=${classMap({\n input: true,\n\n // Sizes\n 'input--small': this.size === 'small',\n 'input--medium': this.size === 'medium',\n 'input--large': this.size === 'large',\n\n // States\n 'input--pill': this.pill,\n 'input--standard': !this.filled,\n 'input--warning': this.warning,\n 'input--error': this.error,\n 'input--success': this.success,\n 'input--destructive': this.destructive,\n 'input--filled': this.filled,\n 'input--disabled': this.disabled,\n 'input--focused': this.hasFocus,\n 'input--empty': !this.value,\n 'input--no-spin-buttons': this.noSpinButtons,\n })}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n <input\n part=\"input\"\n id=\"input\"\n class=\"input__control ${\n this.type === 'password' && !this.passwordVisible\n ? 'input__password'\n : ''\n }\"\n type=${this.type === 'password' ? 'text' : this.type}\n title=${\n this\n .title /* An empty title prevents browser validation tooltips from appearing on hover */\n }\n name=${ifDefined(this.name)}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n placeholder=${ifDefined(this.placeholder)}\n minlength=${ifDefined(this.minlength)}\n maxlength=${ifDefined(this.maxlength)}\n min=${ifDefined(this.min)}\n max=${ifDefined(this.max)}\n step=${ifDefined(this.step as number)}\n .value=${live(this.value)}\n autocapitalize=${ifDefined(this.autocapitalize)}\n autocomplete=${ifDefined(this.autocomplete)}\n autocorrect=${ifDefined(this.autocorrect)}\n ?autofocus=${this.autofocus}\n spellcheck=${this.spellcheck}\n pattern=${ifDefined(this.pattern)}\n enterkeyhint=${ifDefined(this.enterkeyhint)}\n inputmode=${ifDefined(this.inputmode)}\n aria-describedby=\"help-text\"\n @change=${this.handleChange}\n @input=${this.handleInput}\n @invalid=${this.handleInvalid}\n @keydown=${this.handleKeyDown}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n />\n\n ${\n hasClearIcon\n ? html`\n <button\n part=\"clear-button\"\n class=\"input__clear\"\n type=\"button\"\n aria-label=\"clearEntry\"\n @click=${this.handleClearClick}\n tabindex=\"-1\"\n >\n <slot name=\"clear-icon\">\n <nile-icon name=\"error\" library=\"system\"></nile-icon>\n </slot>\n </button>\n `\n : ''\n }\n ${\n this.passwordToggle && !this.disabled\n ? html`\n <button\n part=\"password-toggle-button\"\n class=\"input__password-toggle\"\n type=\"button\"\n aria-label=${this.passwordVisible\n ? 'hidePassword'\n : 'showPassword'}\n @click=${this.handlePasswordToggle}\n tabindex=\"-1\"\n >\n ${this.passwordVisible\n ? html`\n <slot name=\"show-password-icon\">\n <nile-icon\n name=\"eye\"\n library=\"system\"\n ></nile-icon>\n </slot>\n `\n : html`\n <slot name=\"hide-password-icon\">\n <nile-icon\n name=\"eye\"\n library=\"system\"\n ></nile-icon>\n </slot>\n `}\n </button>\n `\n : ''\n }\n\n <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n </div>\n\n <div class=\"input__non-printable\">\n Non-printable character detected.\n <nile-badge variant=\"error\" @click=${\n this.removeAllNonPrintableCharacters\n } class=\"input__remove-non-printable\" >\n Remove All\n </nile-badge>\n\n <div class=\"input__srtiked-text-container\"> ${unsafeHTML(\n this.markedValue\n )} </div>\n\n </div>\n </nile-popup>\n </div>\n\n ${\n hasHelpText\n ? html`\n <nile-form-help-text>${this.helpText}</nile-form-help-text>\n `\n : ``\n }\n\n ${\n hasErrorMessage\n ? html`\n <nile-form-error-message\n >${this.errorMessage}</nile-form-error-message\n >\n `\n : ``\n }\n </div>\n </div>\n `;\n }\n}\n\nexport default NileInput;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-input': NileInput;\n }\n}\n"]}
@@ -26,6 +26,7 @@ export const styles = css `
26
26
  display: block;
27
27
  color: var(--nile-page-header-heading-font-color);
28
28
  font-size: var(--nile-page-header-heading-font-size);
29
+ font-style: normal;
29
30
  font-weight: var(--nile-page-header-heading-font-weight);
30
31
  line-height: var(--nile-page-header-heading-line-height);
31
32
  }
@@ -34,17 +35,12 @@ export const styles = css `
34
35
  display: block;
35
36
  color: var(--nile-page-header-subheading-font-color);
36
37
  font-size: var(--nile-page-header-subheading-font-size);
38
+ font-style: normal;
37
39
  font-weight: var(--nile-page-header-subheading-font-weight);
38
40
  line-height: var(--nile-page-header-subheading-line-height);
39
41
  margin-top: 3px;
40
42
  }
41
43
 
42
- .line {
43
- border: none;
44
- border-top: 1px solid var(--nile-page-header-line-border-color);
45
- margin: 20px 0 0 0;
46
- }
47
-
48
44
  [hidden] {
49
45
  display: none;
50
46
  }
@@ -1 +1 @@
1
- {"version":3,"file":"nile-page-header.css.js","sourceRoot":"","sources":["../../../src/nile-page-header/nile-page-header.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * PageHeader CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .header {\n display: flex;\n flex-direction: column;\n text-align: start;\n font-family: var(--nile-font-family-sans-serif);\n font-style: normal;\n }\n\n .header__heading {\n display: block;\n color: var(--nile-page-header-heading-font-color);\n font-size: var(--nile-page-header-heading-font-size);\n font-weight: var(--nile-page-header-heading-font-weight);\n line-height: var(--nile-page-header-heading-line-height);\n }\n\n .header__subheading {\n display: block;\n color: var(--nile-page-header-subheading-font-color);\n font-size: var(--nile-page-header-subheading-font-size);\n font-weight: var(--nile-page-header-subheading-font-weight);\n line-height: var(--nile-page-header-subheading-line-height);\n margin-top: 3px;\n }\n\n .line {\n border: none;\n border-top: 1px solid var(--nile-page-header-line-border-color);\n margin: 20px 0 0 0;\n }\n\n [hidden] {\n display: none;\n }\n`;\n\nexport default [styles];\n"]}
1
+ {"version":3,"file":"nile-page-header.css.js","sourceRoot":"","sources":["../../../src/nile-page-header/nile-page-header.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoCxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * PageHeader CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n }\n\n .header {\n display: flex;\n flex-direction: column;\n text-align: start;\n font-family: var(--nile-font-family-sans-serif);\n font-style: normal;\n }\n\n .header__heading {\n display: block;\n color: var(--nile-page-header-heading-font-color);\n font-size: var(--nile-page-header-heading-font-size);\n font-style: normal;\n font-weight: var(--nile-page-header-heading-font-weight);\n line-height: var(--nile-page-header-heading-line-height);\n }\n\n .header__subheading {\n display: block;\n color: var(--nile-page-header-subheading-font-color);\n font-size: var(--nile-page-header-subheading-font-size);\n font-style: normal;\n font-weight: var(--nile-page-header-subheading-font-weight);\n line-height: var(--nile-page-header-subheading-line-height);\n margin-top: 3px;\n }\n\n [hidden] {\n display: none;\n }\n`;\n\nexport default [styles];\n"]}
@@ -53,7 +53,6 @@ let NilePageHeader = class NilePageHeader extends NileElement {
53
53
  >
54
54
  ${this.subHeading}
55
55
  </slot>
56
- <hr class="line" />
57
56
  </slot>`;
58
57
  }
59
58
  };