@aquera/nile-elements 0.0.80 → 0.0.82

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 (483) hide show
  1. package/README.md +12 -0
  2. package/demo/filenames.txt +1 -1
  3. package/demo/variables.css +54 -0
  4. package/demo/variables_v2.css +51 -0
  5. package/dist/fixture-1a9fb5f1.cjs.js +395 -0
  6. package/dist/fixture-1a9fb5f1.cjs.js.map +1 -0
  7. package/dist/fixture-81e5a936.esm.js +569 -0
  8. package/dist/index.cjs.js +1 -1
  9. package/dist/index.esm.js +1 -1
  10. package/dist/index.iife.js +976 -563
  11. package/dist/internal/animate.cjs.js +1 -1
  12. package/dist/internal/animate.cjs.js.map +1 -1
  13. package/dist/internal/animate.esm.js +1 -1
  14. package/dist/internal/drag.cjs.js +2 -0
  15. package/dist/internal/drag.cjs.js.map +1 -0
  16. package/dist/internal/drag.esm.js +1 -0
  17. package/dist/internal/math.cjs.js +2 -0
  18. package/dist/internal/math.cjs.js.map +1 -0
  19. package/dist/internal/math.esm.js +1 -0
  20. package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
  21. package/dist/nile-avatar/nile-avatar.css.cjs.js.map +1 -1
  22. package/dist/nile-avatar/nile-avatar.css.esm.js +7 -8
  23. package/dist/nile-avatar/nile-avatar.test.cjs.js +2 -0
  24. package/dist/nile-avatar/nile-avatar.test.cjs.js.map +1 -0
  25. package/dist/nile-avatar/nile-avatar.test.esm.js +1 -0
  26. package/dist/nile-badge/index.cjs.js +1 -1
  27. package/dist/nile-badge/index.esm.js +1 -1
  28. package/dist/nile-badge/nile-badge.cjs.js +1 -1
  29. package/dist/nile-badge/nile-badge.cjs.js.map +1 -1
  30. package/dist/nile-badge/nile-badge.css.cjs.js +1 -1
  31. package/dist/nile-badge/nile-badge.css.cjs.js.map +1 -1
  32. package/dist/nile-badge/nile-badge.css.esm.js +47 -47
  33. package/dist/nile-badge/nile-badge.esm.js +1 -1
  34. package/dist/nile-badge/nile-badge.test.cjs.js +2 -0
  35. package/dist/nile-badge/nile-badge.test.cjs.js.map +1 -0
  36. package/dist/nile-badge/nile-badge.test.esm.js +1 -0
  37. package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js +1 -1
  38. package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.cjs.js.map +1 -1
  39. package/dist/nile-breadcrumb-item/nile-breadcrumb-item.css.esm.js +3 -4
  40. package/dist/nile-button/index.cjs.js +1 -1
  41. package/dist/nile-button/index.esm.js +1 -1
  42. package/dist/nile-button/nile-button.cjs.js +1 -1
  43. package/dist/nile-button/nile-button.cjs.js.map +1 -1
  44. package/dist/nile-button/nile-button.esm.js +1 -1
  45. package/dist/nile-button/nile-button.test.cjs.js +2 -0
  46. package/dist/nile-button/nile-button.test.cjs.js.map +1 -0
  47. package/dist/nile-button/nile-button.test.esm.js +4 -0
  48. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +2 -0
  49. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js.map +1 -0
  50. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +49 -0
  51. package/dist/nile-calendar/index.cjs.js +1 -1
  52. package/dist/nile-calendar/index.esm.js +1 -1
  53. package/dist/nile-calendar/nile-calendar.cjs.js +1 -1
  54. package/dist/nile-calendar/nile-calendar.cjs.js.map +1 -1
  55. package/dist/nile-calendar/nile-calendar.css.cjs.js +1 -1
  56. package/dist/nile-calendar/nile-calendar.css.cjs.js.map +1 -1
  57. package/dist/nile-calendar/nile-calendar.css.esm.js +122 -191
  58. package/dist/nile-calendar/nile-calendar.esm.js +135 -135
  59. package/dist/nile-card/nile-card.test.cjs.js +2 -0
  60. package/dist/nile-card/nile-card.test.cjs.js.map +1 -0
  61. package/dist/nile-card/nile-card.test.esm.js +51 -0
  62. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -394
  63. package/dist/nile-checkbox/nile-checkbox.test.cjs.js.map +1 -1
  64. package/dist/nile-checkbox/nile-checkbox.test.esm.js +3 -571
  65. package/dist/nile-date-picker/nile-date-picker.cjs.js +1 -1
  66. package/dist/nile-date-picker/nile-date-picker.cjs.js.map +1 -1
  67. package/dist/nile-date-picker/nile-date-picker.esm.js +1 -1
  68. package/dist/nile-dialog/index.cjs.js +1 -1
  69. package/dist/nile-dialog/index.esm.js +1 -1
  70. package/dist/nile-dialog/nile-dialog.cjs.js +1 -1
  71. package/dist/nile-dialog/nile-dialog.cjs.js.map +1 -1
  72. package/dist/nile-dialog/nile-dialog.css.cjs.js +1 -1
  73. package/dist/nile-dialog/nile-dialog.css.cjs.js.map +1 -1
  74. package/dist/nile-dialog/nile-dialog.css.esm.js +4 -1
  75. package/dist/nile-dialog/nile-dialog.esm.js +5 -4
  76. package/dist/nile-drawer/index.cjs.js +1 -1
  77. package/dist/nile-drawer/index.esm.js +1 -1
  78. package/dist/nile-drawer/nile-drawer.cjs.js +1 -1
  79. package/dist/nile-drawer/nile-drawer.cjs.js.map +1 -1
  80. package/dist/nile-drawer/nile-drawer.esm.js +1 -1
  81. package/dist/nile-drawer/nile-drawer.test.cjs.js +2 -0
  82. package/dist/nile-drawer/nile-drawer.test.cjs.js.map +1 -0
  83. package/dist/nile-drawer/nile-drawer.test.esm.js +18 -0
  84. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +2 -0
  85. package/dist/nile-empty-state/nile-empty-state.test.cjs.js.map +1 -0
  86. package/dist/nile-empty-state/nile-empty-state.test.esm.js +9 -0
  87. package/dist/nile-error-message/nile-error-message.test.cjs.js +2 -0
  88. package/dist/nile-error-message/nile-error-message.test.cjs.js.map +1 -0
  89. package/dist/nile-error-message/nile-error-message.test.esm.js +1 -0
  90. package/dist/nile-form-group/nile-form-group.test.cjs.js +2 -0
  91. package/dist/nile-form-group/nile-form-group.test.cjs.js.map +1 -0
  92. package/dist/nile-form-group/nile-form-group.test.esm.js +1 -0
  93. package/dist/nile-hero/nile-hero.test.cjs.js +2 -0
  94. package/dist/nile-hero/nile-hero.test.cjs.js.map +1 -0
  95. package/dist/nile-hero/nile-hero.test.esm.js +14 -0
  96. package/dist/nile-icon/icons/svg/alert.cjs.js +2 -0
  97. package/dist/nile-icon/icons/svg/alert.cjs.js.map +1 -0
  98. package/dist/nile-icon/icons/svg/alert.esm.js +1 -0
  99. package/dist/nile-icon/icons/svg/file-check-02.cjs.js +2 -0
  100. package/dist/nile-icon/icons/svg/file-check-02.cjs.js.map +1 -0
  101. package/dist/nile-icon/icons/svg/file-check-02.esm.js +1 -0
  102. package/dist/nile-icon/icons/svg/index.cjs.js +1 -1
  103. package/dist/nile-icon/icons/svg/index.esm.js +1 -1
  104. package/dist/nile-icon/icons/svg/monitor-01.cjs.js +2 -0
  105. package/dist/nile-icon/icons/svg/monitor-01.cjs.js.map +1 -0
  106. package/dist/nile-icon/icons/svg/monitor-01.esm.js +1 -0
  107. package/dist/nile-icon/index.cjs.js +1 -1
  108. package/dist/nile-icon/index.cjs.js.map +1 -1
  109. package/dist/nile-icon/index.esm.js +1 -1
  110. package/dist/nile-icon/nile-icon.test.cjs.js +2 -0
  111. package/dist/nile-icon/nile-icon.test.cjs.js.map +1 -0
  112. package/dist/nile-icon/nile-icon.test.esm.js +1 -0
  113. package/dist/nile-icon-button/index.cjs.js +1 -1
  114. package/dist/nile-icon-button/index.esm.js +1 -1
  115. package/dist/nile-icon-button/nile-icon-button.cjs.js +1 -1
  116. package/dist/nile-icon-button/nile-icon-button.cjs.js.map +1 -1
  117. package/dist/nile-icon-button/nile-icon-button.esm.js +1 -1
  118. package/dist/nile-input/index.cjs.js +1 -1
  119. package/dist/nile-input/index.esm.js +1 -1
  120. package/dist/nile-input/nile-input.cjs.js +1 -1
  121. package/dist/nile-input/nile-input.cjs.js.map +1 -1
  122. package/dist/nile-input/nile-input.esm.js +1 -1
  123. package/dist/nile-input/nile-input.test.cjs.js +2 -0
  124. package/dist/nile-input/nile-input.test.cjs.js.map +1 -0
  125. package/dist/nile-input/nile-input.test.esm.js +17 -0
  126. package/dist/nile-link/nile-link.test.cjs.js +2 -0
  127. package/dist/nile-link/nile-link.test.cjs.js.map +1 -0
  128. package/dist/nile-link/nile-link.test.esm.js +1 -0
  129. package/dist/nile-list/index.cjs.js +2 -0
  130. package/dist/nile-list/index.cjs.js.map +1 -0
  131. package/dist/nile-list/index.esm.js +1 -0
  132. package/dist/nile-list/nile-list.cjs.js +2 -0
  133. package/dist/nile-list/nile-list.cjs.js.map +1 -0
  134. package/dist/nile-list/nile-list.css.cjs.js +2 -0
  135. package/dist/nile-list/nile-list.css.cjs.js.map +1 -0
  136. package/dist/nile-list/nile-list.css.esm.js +8 -0
  137. package/dist/nile-list/nile-list.esm.js +3 -0
  138. package/dist/nile-list-item/index.cjs.js +2 -0
  139. package/dist/nile-list-item/index.cjs.js.map +1 -0
  140. package/dist/nile-list-item/index.esm.js +1 -0
  141. package/dist/nile-list-item/nile-list-item.cjs.js +2 -0
  142. package/dist/nile-list-item/nile-list-item.cjs.js.map +1 -0
  143. package/dist/nile-list-item/nile-list-item.css.cjs.js +2 -0
  144. package/dist/nile-list-item/nile-list-item.css.cjs.js.map +1 -0
  145. package/dist/nile-list-item/nile-list-item.css.esm.js +54 -0
  146. package/dist/nile-list-item/nile-list-item.esm.js +21 -0
  147. package/dist/nile-loader/nile-loader.test.cjs.js +2 -0
  148. package/dist/nile-loader/nile-loader.test.cjs.js.map +1 -0
  149. package/dist/nile-loader/nile-loader.test.esm.js +1 -0
  150. package/dist/nile-menu/nile-menu.cjs.js +1 -1
  151. package/dist/nile-menu/nile-menu.cjs.js.map +1 -1
  152. package/dist/nile-menu/nile-menu.css.cjs.js +1 -1
  153. package/dist/nile-menu/nile-menu.css.cjs.js.map +1 -1
  154. package/dist/nile-menu/nile-menu.css.esm.js +21 -7
  155. package/dist/nile-menu/nile-menu.esm.js +17 -15
  156. package/dist/nile-menu-item/index.cjs.js +1 -1
  157. package/dist/nile-menu-item/index.esm.js +1 -1
  158. package/dist/nile-menu-item/nile-menu-item.cjs.js +1 -1
  159. package/dist/nile-menu-item/nile-menu-item.cjs.js.map +1 -1
  160. package/dist/nile-menu-item/nile-menu-item.esm.js +1 -1
  161. package/dist/nile-option/index.cjs.js +1 -1
  162. package/dist/nile-option/index.esm.js +1 -1
  163. package/dist/nile-option/nile-option.cjs.js +1 -1
  164. package/dist/nile-option/nile-option.cjs.js.map +1 -1
  165. package/dist/nile-option/nile-option.esm.js +1 -1
  166. package/dist/nile-popover/nile-popover.cjs.js +1 -1
  167. package/dist/nile-popover/nile-popover.cjs.js.map +1 -1
  168. package/dist/nile-popover/nile-popover.css.cjs.js +1 -1
  169. package/dist/nile-popover/nile-popover.css.cjs.js.map +1 -1
  170. package/dist/nile-popover/nile-popover.css.esm.js +6 -4
  171. package/dist/nile-popover/nile-popover.esm.js +4 -7
  172. package/dist/nile-popover/nile-popover.test.cjs.js +2 -0
  173. package/dist/nile-popover/nile-popover.test.cjs.js.map +1 -0
  174. package/dist/nile-popover/nile-popover.test.esm.js +21 -0
  175. package/dist/nile-popup/nile-popup.css.cjs.js +1 -1
  176. package/dist/nile-popup/nile-popup.css.cjs.js.map +1 -1
  177. package/dist/nile-popup/nile-popup.css.esm.js +8 -4
  178. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +2 -0
  179. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js.map +1 -0
  180. package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -0
  181. package/dist/nile-radio/nile-radio.test.cjs.js +2 -0
  182. package/dist/nile-radio/nile-radio.test.cjs.js.map +1 -0
  183. package/dist/nile-radio/nile-radio.test.esm.js +1 -0
  184. package/dist/nile-select/index.cjs.js +1 -1
  185. package/dist/nile-select/index.esm.js +1 -1
  186. package/dist/nile-select/nile-select.cjs.js +1 -1
  187. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  188. package/dist/nile-select/nile-select.esm.js +3 -3
  189. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +2 -0
  190. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js.map +1 -0
  191. package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -0
  192. package/dist/nile-split-panel/index.cjs.js +2 -0
  193. package/dist/nile-split-panel/index.cjs.js.map +1 -0
  194. package/dist/nile-split-panel/index.esm.js +1 -0
  195. package/dist/nile-split-panel/nile-split-panel.cjs.js +2 -0
  196. package/dist/nile-split-panel/nile-split-panel.cjs.js.map +1 -0
  197. package/dist/nile-split-panel/nile-split-panel.css.cjs.js +2 -0
  198. package/dist/nile-split-panel/nile-split-panel.css.cjs.js.map +1 -0
  199. package/dist/nile-split-panel/nile-split-panel.css.esm.js +87 -0
  200. package/dist/nile-split-panel/nile-split-panel.esm.js +21 -0
  201. package/dist/nile-stepper/nile-stepper.cjs.js +1 -1
  202. package/dist/nile-stepper/nile-stepper.cjs.js.map +1 -1
  203. package/dist/nile-stepper/nile-stepper.esm.js +1 -1
  204. package/dist/nile-stepper/nile-stepper.test.cjs.js +2 -0
  205. package/dist/nile-stepper/nile-stepper.test.cjs.js.map +1 -0
  206. package/dist/nile-stepper/nile-stepper.test.esm.js +1 -0
  207. package/dist/nile-tab/index.cjs.js +1 -1
  208. package/dist/nile-tab/index.esm.js +1 -1
  209. package/dist/nile-tab/nile-tab.cjs.js +1 -1
  210. package/dist/nile-tab/nile-tab.cjs.js.map +1 -1
  211. package/dist/nile-tab/nile-tab.esm.js +1 -1
  212. package/dist/nile-tab-group/index.cjs.js +1 -1
  213. package/dist/nile-tab-group/index.esm.js +1 -1
  214. package/dist/nile-tab-group/nile-tab-group.cjs.js +1 -1
  215. package/dist/nile-tab-group/nile-tab-group.cjs.js.map +1 -1
  216. package/dist/nile-tab-group/nile-tab-group.css.cjs.js +1 -1
  217. package/dist/nile-tab-group/nile-tab-group.css.cjs.js.map +1 -1
  218. package/dist/nile-tab-group/nile-tab-group.css.esm.js +2 -2
  219. package/dist/nile-tab-group/nile-tab-group.esm.js +1 -1
  220. package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
  221. package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
  222. package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +0 -4
  223. package/dist/nile-tag/index.cjs.js +1 -1
  224. package/dist/nile-tag/index.esm.js +1 -1
  225. package/dist/nile-tag/nile-tag.cjs.js +1 -1
  226. package/dist/nile-tag/nile-tag.cjs.js.map +1 -1
  227. package/dist/nile-tag/nile-tag.esm.js +1 -1
  228. package/dist/nile-textarea/nile-textarea.test.cjs.js +2 -0
  229. package/dist/nile-textarea/nile-textarea.test.cjs.js.map +1 -0
  230. package/dist/nile-textarea/nile-textarea.test.esm.js +1 -0
  231. package/dist/nile-toast/index.cjs.js +1 -1
  232. package/dist/nile-toast/index.esm.js +1 -1
  233. package/dist/nile-toast/nile-toast.cjs.js +1 -1
  234. package/dist/nile-toast/nile-toast.cjs.js.map +1 -1
  235. package/dist/nile-toast/nile-toast.esm.js +1 -1
  236. package/dist/nile-tree/index.cjs.js +2 -0
  237. package/dist/nile-tree/index.cjs.js.map +1 -0
  238. package/dist/nile-tree/index.esm.js +1 -0
  239. package/dist/nile-tree/nile-tree.cjs.js +2 -0
  240. package/dist/nile-tree/nile-tree.cjs.js.map +1 -0
  241. package/dist/nile-tree/nile-tree.css.cjs.js +2 -0
  242. package/dist/nile-tree/nile-tree.css.cjs.js.map +1 -0
  243. package/dist/nile-tree/nile-tree.css.esm.js +36 -0
  244. package/dist/nile-tree/nile-tree.esm.js +13 -0
  245. package/dist/nile-tree-item/index.cjs.js +2 -0
  246. package/dist/nile-tree-item/index.cjs.js.map +1 -0
  247. package/dist/nile-tree-item/index.esm.js +1 -0
  248. package/dist/nile-tree-item/nile-tree-item.cjs.js +2 -0
  249. package/dist/nile-tree-item/nile-tree-item.cjs.js.map +1 -0
  250. package/dist/nile-tree-item/nile-tree-item.css.cjs.js +2 -0
  251. package/dist/nile-tree-item/nile-tree-item.css.cjs.js.map +1 -0
  252. package/dist/nile-tree-item/nile-tree-item.css.esm.js +164 -0
  253. package/dist/nile-tree-item/nile-tree-item.esm.js +63 -0
  254. package/dist/src/index.d.ts +5 -0
  255. package/dist/src/index.js +5 -0
  256. package/dist/src/index.js.map +1 -1
  257. package/dist/src/internal/drag.d.ts +15 -0
  258. package/dist/src/internal/drag.js +28 -0
  259. package/dist/src/internal/drag.js.map +1 -0
  260. package/dist/src/internal/math.d.ts +2 -0
  261. package/dist/src/internal/math.js +12 -0
  262. package/dist/src/internal/math.js.map +1 -0
  263. package/dist/src/nile-avatar/nile-avatar.css.js +5 -6
  264. package/dist/src/nile-avatar/nile-avatar.css.js.map +1 -1
  265. package/dist/src/nile-avatar/nile-avatar.test.d.ts +1 -0
  266. package/dist/src/nile-avatar/nile-avatar.test.js +58 -0
  267. package/dist/src/nile-avatar/nile-avatar.test.js.map +1 -0
  268. package/dist/src/nile-badge/nile-badge.css.js +45 -45
  269. package/dist/src/nile-badge/nile-badge.css.js.map +1 -1
  270. package/dist/src/nile-badge/nile-badge.test.d.ts +1 -0
  271. package/dist/src/nile-badge/nile-badge.test.js +42 -0
  272. package/dist/src/nile-badge/nile-badge.test.js.map +1 -0
  273. package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js +3 -4
  274. package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.css.js.map +1 -1
  275. package/dist/src/nile-button/nile-button.test.d.ts +1 -0
  276. package/dist/src/nile-button/nile-button.test.js +86 -0
  277. package/dist/src/nile-button/nile-button.test.js.map +1 -0
  278. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.test.d.ts +2 -0
  279. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.test.js +108 -0
  280. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.test.js.map +1 -0
  281. package/dist/src/nile-calendar/nile-calendar.css.js +122 -191
  282. package/dist/src/nile-calendar/nile-calendar.css.js.map +1 -1
  283. package/dist/src/nile-calendar/nile-calendar.d.ts +8 -0
  284. package/dist/src/nile-calendar/nile-calendar.js +164 -167
  285. package/dist/src/nile-calendar/nile-calendar.js.map +1 -1
  286. package/dist/src/nile-card/nile-card.test.d.ts +1 -0
  287. package/dist/src/nile-card/nile-card.test.js +69 -0
  288. package/dist/src/nile-card/nile-card.test.js.map +1 -0
  289. package/dist/src/nile-date-picker/nile-date-picker.js +1 -0
  290. package/dist/src/nile-date-picker/nile-date-picker.js.map +1 -1
  291. package/dist/src/nile-dialog/nile-dialog.css.js +4 -1
  292. package/dist/src/nile-dialog/nile-dialog.css.js.map +1 -1
  293. package/dist/src/nile-dialog/nile-dialog.js +4 -3
  294. package/dist/src/nile-dialog/nile-dialog.js.map +1 -1
  295. package/dist/src/nile-drawer/nile-drawer.test.d.ts +1 -0
  296. package/dist/src/nile-drawer/nile-drawer.test.js +88 -0
  297. package/dist/src/nile-drawer/nile-drawer.test.js.map +1 -0
  298. package/dist/src/nile-empty-state/nile-empty-state.test.d.ts +1 -0
  299. package/dist/src/nile-empty-state/nile-empty-state.test.js +63 -0
  300. package/dist/src/nile-empty-state/nile-empty-state.test.js.map +1 -0
  301. package/dist/src/nile-error-message/nile-error-message.test.d.ts +1 -0
  302. package/dist/src/nile-error-message/nile-error-message.test.js +61 -0
  303. package/dist/src/nile-error-message/nile-error-message.test.js.map +1 -0
  304. package/dist/src/nile-form-group/nile-form-group.test.d.ts +1 -0
  305. package/dist/src/nile-form-group/nile-form-group.test.js +55 -0
  306. package/dist/src/nile-form-group/nile-form-group.test.js.map +1 -0
  307. package/dist/src/nile-hero/nile-hero.test.d.ts +1 -0
  308. package/dist/src/nile-hero/nile-hero.test.js +42 -0
  309. package/dist/src/nile-hero/nile-hero.test.js.map +1 -0
  310. package/dist/src/nile-icon/icons/svg/alert.d.ts +5 -0
  311. package/dist/src/nile-icon/icons/svg/alert.js +5 -0
  312. package/dist/src/nile-icon/icons/svg/alert.js.map +1 -0
  313. package/dist/src/nile-icon/icons/svg/file-check-02.d.ts +5 -0
  314. package/dist/src/nile-icon/icons/svg/file-check-02.js +5 -0
  315. package/dist/src/nile-icon/icons/svg/file-check-02.js.map +1 -0
  316. package/dist/src/nile-icon/icons/svg/index.d.ts +3 -0
  317. package/dist/src/nile-icon/icons/svg/index.js +3 -0
  318. package/dist/src/nile-icon/icons/svg/index.js.map +1 -1
  319. package/dist/src/nile-icon/icons/svg/monitor-01.d.ts +5 -0
  320. package/dist/src/nile-icon/icons/svg/monitor-01.js +5 -0
  321. package/dist/src/nile-icon/icons/svg/monitor-01.js.map +1 -0
  322. package/dist/src/nile-icon/nile-icon.test.d.ts +1 -0
  323. package/dist/src/nile-icon/nile-icon.test.js +45 -0
  324. package/dist/src/nile-icon/nile-icon.test.js.map +1 -0
  325. package/dist/src/nile-input/nile-input.test.d.ts +1 -0
  326. package/dist/src/nile-input/nile-input.test.js +139 -0
  327. package/dist/src/nile-input/nile-input.test.js.map +1 -0
  328. package/dist/src/nile-link/nile-link.test.d.ts +1 -0
  329. package/dist/src/nile-link/nile-link.test.js +72 -0
  330. package/dist/src/nile-link/nile-link.test.js.map +1 -0
  331. package/dist/src/nile-list/index.d.ts +1 -0
  332. package/dist/src/nile-list/index.js +2 -0
  333. package/dist/src/nile-list/index.js.map +1 -0
  334. package/dist/src/nile-list/nile-list.css.d.ts +12 -0
  335. package/dist/src/nile-list/nile-list.css.js +20 -0
  336. package/dist/src/nile-list/nile-list.css.js.map +1 -0
  337. package/dist/src/nile-list/nile-list.d.ts +33 -0
  338. package/dist/src/nile-list/nile-list.js +47 -0
  339. package/dist/src/nile-list/nile-list.js.map +1 -0
  340. package/dist/src/nile-list-item/index.d.ts +1 -0
  341. package/dist/src/nile-list-item/index.js +2 -0
  342. package/dist/src/nile-list-item/index.js.map +1 -0
  343. package/dist/src/nile-list-item/nile-list-item.css.d.ts +12 -0
  344. package/dist/src/nile-list-item/nile-list-item.css.js +66 -0
  345. package/dist/src/nile-list-item/nile-list-item.css.js.map +1 -0
  346. package/dist/src/nile-list-item/nile-list-item.d.ts +38 -0
  347. package/dist/src/nile-list-item/nile-list-item.js +96 -0
  348. package/dist/src/nile-list-item/nile-list-item.js.map +1 -0
  349. package/dist/src/nile-loader/nile-loader.test.d.ts +1 -0
  350. package/dist/src/nile-loader/nile-loader.test.js +39 -0
  351. package/dist/src/nile-loader/nile-loader.test.js.map +1 -0
  352. package/dist/src/nile-menu/nile-menu.css.js +19 -5
  353. package/dist/src/nile-menu/nile-menu.css.js.map +1 -1
  354. package/dist/src/nile-menu/nile-menu.d.ts +1 -0
  355. package/dist/src/nile-menu/nile-menu.js +25 -14
  356. package/dist/src/nile-menu/nile-menu.js.map +1 -1
  357. package/dist/src/nile-popover/nile-popover.css.js +6 -4
  358. package/dist/src/nile-popover/nile-popover.css.js.map +1 -1
  359. package/dist/src/nile-popover/nile-popover.d.ts +1 -0
  360. package/dist/src/nile-popover/nile-popover.js +7 -6
  361. package/dist/src/nile-popover/nile-popover.js.map +1 -1
  362. package/dist/src/nile-popover/nile-popover.test.d.ts +1 -0
  363. package/dist/src/nile-popover/nile-popover.test.js +73 -0
  364. package/dist/src/nile-popover/nile-popover.test.js.map +1 -0
  365. package/dist/src/nile-popup/nile-popup.css.d.ts +5 -5
  366. package/dist/src/nile-popup/nile-popup.css.js +13 -9
  367. package/dist/src/nile-popup/nile-popup.css.js.map +1 -1
  368. package/dist/src/nile-progress-bar/nile-progress-bar.test.d.ts +1 -0
  369. package/dist/src/nile-progress-bar/nile-progress-bar.test.js +48 -0
  370. package/dist/src/nile-progress-bar/nile-progress-bar.test.js.map +1 -0
  371. package/dist/src/nile-radio/nile-radio.test.d.ts +1 -0
  372. package/dist/src/nile-radio/nile-radio.test.js +71 -0
  373. package/dist/src/nile-radio/nile-radio.test.js.map +1 -0
  374. package/dist/src/nile-select/nile-select.d.ts +1 -0
  375. package/dist/src/nile-select/nile-select.js +5 -1
  376. package/dist/src/nile-select/nile-select.js.map +1 -1
  377. package/dist/src/nile-slide-toggle/nile-slide-toggle.test.d.ts +1 -0
  378. package/dist/src/nile-slide-toggle/nile-slide-toggle.test.js +54 -0
  379. package/dist/src/nile-slide-toggle/nile-slide-toggle.test.js.map +1 -0
  380. package/dist/src/nile-split-panel/index.d.ts +1 -0
  381. package/dist/src/nile-split-panel/index.js +2 -0
  382. package/dist/src/nile-split-panel/index.js.map +1 -0
  383. package/dist/src/nile-split-panel/nile-split-panel.css.d.ts +12 -0
  384. package/dist/src/nile-split-panel/nile-split-panel.css.js +99 -0
  385. package/dist/src/nile-split-panel/nile-split-panel.css.js.map +1 -0
  386. package/dist/src/nile-split-panel/nile-split-panel.d.ts +78 -0
  387. package/dist/src/nile-split-panel/nile-split-panel.js +251 -0
  388. package/dist/src/nile-split-panel/nile-split-panel.js.map +1 -0
  389. package/dist/src/nile-stepper/nile-stepper.js +1 -1
  390. package/dist/src/nile-stepper/nile-stepper.js.map +1 -1
  391. package/dist/src/nile-stepper/nile-stepper.test.d.ts +0 -0
  392. package/dist/src/nile-stepper/nile-stepper.test.js +165 -0
  393. package/dist/src/nile-stepper/nile-stepper.test.js.map +1 -0
  394. package/dist/src/nile-tab-group/nile-tab-group.css.js +2 -2
  395. package/dist/src/nile-tab-group/nile-tab-group.css.js.map +1 -1
  396. package/dist/src/nile-tab-group/nile-tab-group.js +16 -15
  397. package/dist/src/nile-tab-group/nile-tab-group.js.map +1 -1
  398. package/dist/src/nile-table-header-item/nile-table-header-item.css.js +0 -4
  399. package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
  400. package/dist/src/nile-textarea/nile-textarea.test.d.ts +1 -0
  401. package/dist/src/nile-textarea/nile-textarea.test.js +87 -0
  402. package/dist/src/nile-textarea/nile-textarea.test.js.map +1 -0
  403. package/dist/src/nile-tree/index.d.ts +1 -0
  404. package/dist/src/nile-tree/index.js +2 -0
  405. package/dist/src/nile-tree/index.js.map +1 -0
  406. package/dist/src/nile-tree/nile-tree.css.d.ts +12 -0
  407. package/dist/src/nile-tree/nile-tree.css.js +48 -0
  408. package/dist/src/nile-tree/nile-tree.css.js.map +1 -0
  409. package/dist/src/nile-tree/nile-tree.d.ts +69 -0
  410. package/dist/src/nile-tree/nile-tree.js +376 -0
  411. package/dist/src/nile-tree/nile-tree.js.map +1 -0
  412. package/dist/src/nile-tree-item/index.d.ts +1 -0
  413. package/dist/src/nile-tree-item/index.js +2 -0
  414. package/dist/src/nile-tree-item/index.js.map +1 -0
  415. package/dist/src/nile-tree-item/nile-tree-item.css.d.ts +12 -0
  416. package/dist/src/nile-tree-item/nile-tree-item.css.js +176 -0
  417. package/dist/src/nile-tree-item/nile-tree-item.css.js.map +1 -0
  418. package/dist/src/nile-tree-item/nile-tree-item.d.ts +96 -0
  419. package/dist/src/nile-tree-item/nile-tree-item.js +324 -0
  420. package/dist/src/nile-tree-item/nile-tree-item.js.map +1 -0
  421. package/dist/tsconfig.tsbuildinfo +1 -1
  422. package/package.json +71 -2
  423. package/plopfile.js +11 -0
  424. package/src/index.ts +6 -1
  425. package/src/internal/drag.ts +45 -0
  426. package/src/internal/math.ts +14 -0
  427. package/src/nile-avatar/nile-avatar.css.ts +5 -6
  428. package/src/nile-avatar/nile-avatar.test.ts +65 -0
  429. package/src/nile-badge/nile-badge.css.ts +45 -45
  430. package/src/nile-badge/nile-badge.test.ts +48 -0
  431. package/src/nile-breadcrumb-item/nile-breadcrumb-item.css.ts +3 -4
  432. package/src/nile-button/nile-button.test.ts +117 -0
  433. package/src/nile-button-toggle-group/nile-button-toggle-group.test.ts +130 -0
  434. package/src/nile-calendar/nile-calendar.css.ts +122 -191
  435. package/src/nile-calendar/nile-calendar.ts +170 -213
  436. package/src/nile-card/nile-card.test.ts +74 -0
  437. package/src/nile-date-picker/nile-date-picker.ts +5 -6
  438. package/src/nile-dialog/nile-dialog.css.ts +4 -1
  439. package/src/nile-dialog/nile-dialog.ts +4 -4
  440. package/src/nile-drawer/nile-drawer.test.ts +106 -0
  441. package/src/nile-empty-state/nile-empty-state.test.ts +69 -0
  442. package/src/nile-error-message/nile-error-message.test.ts +69 -0
  443. package/src/nile-form-group/nile-form-group.test.ts +63 -0
  444. package/src/nile-hero/nile-hero.test.ts +45 -0
  445. package/src/nile-icon/icons/svg/alert.ts +5 -0
  446. package/src/nile-icon/icons/svg/file-check-02.ts +5 -0
  447. package/src/nile-icon/icons/svg/index.ts +3 -0
  448. package/src/nile-icon/icons/svg/monitor-01.ts +5 -0
  449. package/src/nile-icon/nile-icon.test.ts +53 -0
  450. package/src/nile-input/nile-input.test.ts +160 -0
  451. package/src/nile-link/nile-link.test.ts +83 -0
  452. package/src/nile-list/index.ts +1 -0
  453. package/src/nile-list/nile-list.css.ts +22 -0
  454. package/src/nile-list/nile-list.ts +64 -0
  455. package/src/nile-list-item/index.ts +1 -0
  456. package/src/nile-list-item/nile-list-item.css.ts +68 -0
  457. package/src/nile-list-item/nile-list-item.ts +104 -0
  458. package/src/nile-loader/nile-loader.test.ts +45 -0
  459. package/src/nile-menu/nile-menu.css.ts +19 -5
  460. package/src/nile-menu/nile-menu.ts +27 -17
  461. package/src/nile-popover/nile-popover.css.ts +6 -4
  462. package/src/nile-popover/nile-popover.test.ts +86 -0
  463. package/src/nile-popover/nile-popover.ts +7 -10
  464. package/src/nile-popup/nile-popup.css.ts +14 -10
  465. package/src/nile-progress-bar/nile-progress-bar.test.ts +55 -0
  466. package/src/nile-radio/nile-radio.test.ts +81 -0
  467. package/src/nile-select/nile-select.ts +3 -1
  468. package/src/nile-slide-toggle/nile-slide-toggle.test.ts +61 -0
  469. package/src/nile-split-panel/index.ts +1 -0
  470. package/src/nile-split-panel/nile-split-panel.css.ts +101 -0
  471. package/src/nile-split-panel/nile-split-panel.ts +285 -0
  472. package/src/nile-stepper/nile-stepper.test.ts +174 -0
  473. package/src/nile-stepper/nile-stepper.ts +2 -2
  474. package/src/nile-tab-group/nile-tab-group.css.ts +2 -2
  475. package/src/nile-tab-group/nile-tab-group.ts +2 -1
  476. package/src/nile-table-header-item/nile-table-header-item.css.ts +0 -4
  477. package/src/nile-textarea/nile-textarea.test.ts +102 -0
  478. package/src/nile-tree/index.ts +1 -0
  479. package/src/nile-tree/nile-tree.css.ts +50 -0
  480. package/src/nile-tree/nile-tree.ts +433 -0
  481. package/src/nile-tree-item/index.ts +1 -0
  482. package/src/nile-tree-item/nile-tree-item.css.ts +178 -0
  483. package/src/nile-tree-item/nile-tree-item.ts +330 -0
@@ -0,0 +1,88 @@
1
+ import { expect, fixture, html, waitUntil } from '@open-wc/testing';
2
+ import sinon from 'sinon';
3
+ import './nile-drawer'; // Adjust the import path as necessary
4
+ describe('Nile-drawer', () => {
5
+ it('should be visible with the open attribute', async () => {
6
+ const el = await fixture(html `
7
+ <nile-drawer open>I am content inside nile drawer</nile-drawer>
8
+ `);
9
+ const panel = el.shadowRoot.querySelector('[part="panel"]');
10
+ expect(panel.ariaHidden).to.equal('false');
11
+ });
12
+ it('should not be visible without the open attribute', async () => {
13
+ const el = await fixture(html `
14
+ <nile-drawer>I am content inside nile drawer</nile-drawer>
15
+ `);
16
+ const panel = el.shadowRoot.querySelector('[part="panel"]');
17
+ expect(panel.ariaHidden).to.equal('true');
18
+ });
19
+ it('should emit nile-show and nile-after-show when calling show()', async () => {
20
+ const el = await fixture(html `
21
+ <nile-drawer>I am Nile Drawer Content.</nile-drawer>
22
+ `);
23
+ const base = el.shadowRoot.querySelector('[part~="base"]');
24
+ const showHandler = sinon.spy();
25
+ const afterShowHandler = sinon.spy();
26
+ el.addEventListener('nile-show', showHandler);
27
+ el.addEventListener('nile-after-show', afterShowHandler);
28
+ el.show();
29
+ await waitUntil(() => showHandler.calledOnce);
30
+ await waitUntil(() => afterShowHandler.calledOnce);
31
+ expect(showHandler).to.have.been.calledOnce;
32
+ expect(afterShowHandler).to.have.been.calledOnce;
33
+ expect(base.hidden).to.be.false;
34
+ });
35
+ it('should emit nile-hide and nile-after-hide when calling hide()', async () => {
36
+ const el = await fixture(html `
37
+ <nile-drawer open>I am nile drawer content</nile-drawer>
38
+ `);
39
+ const base = el.shadowRoot.querySelector('[part~="base"]');
40
+ const hideHandler = sinon.spy();
41
+ const afterHideHandler = sinon.spy();
42
+ el.addEventListener('nile-hide', hideHandler);
43
+ el.addEventListener('nile-after-hide', afterHideHandler);
44
+ el.hide();
45
+ await waitUntil(() => hideHandler.calledOnce);
46
+ await waitUntil(() => afterHideHandler.calledOnce);
47
+ expect(hideHandler).to.have.been.calledOnce;
48
+ expect(afterHideHandler).to.have.been.calledOnce;
49
+ expect(base.hidden).to.be.true;
50
+ });
51
+ it('should emit nile-show and nile-after-show when setting open = true', async () => {
52
+ const el = await fixture(html `
53
+ <nile-drawer
54
+ >Lorem ipsum dolor sit amet, consectetur adipiscing elit.</nile-drawer
55
+ >
56
+ `);
57
+ const base = el.shadowRoot.querySelector('[part~="base"]');
58
+ const showHandler = sinon.spy();
59
+ const afterShowHandler = sinon.spy();
60
+ el.addEventListener('nile-show', showHandler);
61
+ el.addEventListener('nile-after-show', afterShowHandler);
62
+ el.open = true;
63
+ await waitUntil(() => showHandler.calledOnce);
64
+ await waitUntil(() => afterShowHandler.calledOnce);
65
+ expect(showHandler).to.have.been.calledOnce;
66
+ expect(afterShowHandler).to.have.been.calledOnce;
67
+ expect(base.hidden).to.be.false;
68
+ });
69
+ it('should emit nile-hide and nile-after-hide when setting open = false', async () => {
70
+ const el = await fixture(html `
71
+ <nile-drawer open
72
+ >Lorem ipsum dolor sit amet, consectetur adipiscing elit.</nile-drawer
73
+ >
74
+ `);
75
+ const base = el.shadowRoot.querySelector('[part~="base"]');
76
+ const hideHandler = sinon.spy();
77
+ const afterHideHandler = sinon.spy();
78
+ el.addEventListener('nile-hide', hideHandler);
79
+ el.addEventListener('nile-after-hide', afterHideHandler);
80
+ el.open = false;
81
+ await waitUntil(() => hideHandler.calledOnce);
82
+ await waitUntil(() => afterHideHandler.calledOnce);
83
+ expect(hideHandler).to.have.been.calledOnce;
84
+ expect(afterHideHandler).to.have.been.calledOnce;
85
+ expect(base.hidden).to.be.true;
86
+ });
87
+ });
88
+ //# sourceMappingURL=nile-drawer.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-drawer.test.js","sourceRoot":"","sources":["../../../src/nile-drawer/nile-drawer.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html, waitUntil } from '@open-wc/testing';\nimport { sendKeys } from '@web/test-runner-commands';\nimport sinon from 'sinon';\nimport './nile-drawer'; // Adjust the import path as necessary\nimport { NileDrawer } from './nile-drawer';\ndescribe('Nile-drawer', () => {\n it('should be visible with the open attribute', async () => {\n const el = await fixture<NileDrawer>(html`\n <nile-drawer open>I am content inside nile drawer</nile-drawer>\n `);\n const panel = el.shadowRoot!.querySelector<HTMLElement>('[part=\"panel\"]')!;\n expect(panel.ariaHidden).to.equal('false');\n });\n\n it('should not be visible without the open attribute', async () => {\n const el = await fixture<NileDrawer>(html`\n <nile-drawer>I am content inside nile drawer</nile-drawer>\n `);\n const panel = el.shadowRoot!.querySelector<HTMLElement>('[part=\"panel\"]')!;\n expect(panel.ariaHidden).to.equal('true');\n });\n\n it('should emit nile-show and nile-after-show when calling show()', async () => {\n const el = await fixture<NileDrawer>(html`\n <nile-drawer>I am Nile Drawer Content.</nile-drawer>\n `);\n const base = el.shadowRoot!.querySelector<HTMLElement>('[part~=\"base\"]')!;\n const showHandler = sinon.spy();\n const afterShowHandler = sinon.spy();\n\n el.addEventListener('nile-show', showHandler);\n el.addEventListener('nile-after-show', afterShowHandler);\n el.show();\n\n await waitUntil(() => showHandler.calledOnce);\n await waitUntil(() => afterShowHandler.calledOnce);\n\n expect(showHandler).to.have.been.calledOnce;\n expect(afterShowHandler).to.have.been.calledOnce;\n expect(base.hidden).to.be.false;\n });\n\n it('should emit nile-hide and nile-after-hide when calling hide()', async () => {\n const el = await fixture<NileDrawer>(html`\n <nile-drawer open>I am nile drawer content</nile-drawer>\n `);\n const base = el.shadowRoot!.querySelector<HTMLElement>('[part~=\"base\"]')!;\n const hideHandler = sinon.spy();\n const afterHideHandler = sinon.spy();\n\n el.addEventListener('nile-hide', hideHandler);\n el.addEventListener('nile-after-hide', afterHideHandler);\n el.hide();\n\n await waitUntil(() => hideHandler.calledOnce);\n await waitUntil(() => afterHideHandler.calledOnce);\n\n expect(hideHandler).to.have.been.calledOnce;\n expect(afterHideHandler).to.have.been.calledOnce;\n expect(base.hidden).to.be.true;\n });\n\n it('should emit nile-show and nile-after-show when setting open = true', async () => {\n const el = await fixture<NileDrawer>(html`\n <nile-drawer\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit.</nile-drawer\n >\n `);\n const base = el.shadowRoot!.querySelector<HTMLElement>('[part~=\"base\"]')!;\n const showHandler = sinon.spy();\n const afterShowHandler = sinon.spy();\n\n el.addEventListener('nile-show', showHandler);\n el.addEventListener('nile-after-show', afterShowHandler);\n el.open = true;\n\n await waitUntil(() => showHandler.calledOnce);\n await waitUntil(() => afterShowHandler.calledOnce);\n\n expect(showHandler).to.have.been.calledOnce;\n expect(afterShowHandler).to.have.been.calledOnce;\n expect(base.hidden).to.be.false;\n });\n\n it('should emit nile-hide and nile-after-hide when setting open = false', async () => {\n const el = await fixture<NileDrawer>(html`\n <nile-drawer open\n >Lorem ipsum dolor sit amet, consectetur adipiscing elit.</nile-drawer\n >\n `);\n const base = el.shadowRoot!.querySelector<HTMLElement>('[part~=\"base\"]')!;\n const hideHandler = sinon.spy();\n const afterHideHandler = sinon.spy();\n\n el.addEventListener('nile-hide', hideHandler);\n el.addEventListener('nile-after-hide', afterHideHandler);\n el.open = false;\n\n await waitUntil(() => hideHandler.calledOnce);\n await waitUntil(() => afterHideHandler.calledOnce);\n\n expect(hideHandler).to.have.been.calledOnce;\n expect(afterHideHandler).to.have.been.calledOnce;\n expect(base.hidden).to.be.true;\n });\n});\n"]}
@@ -0,0 +1 @@
1
+ import './nile-empty-state';
@@ -0,0 +1,63 @@
1
+ import { fixture, html, expect } from "@open-wc/testing";
2
+ import './nile-empty-state';
3
+ describe('NileEmptyState', () => {
4
+ it('renders correctly with default properties', async () => {
5
+ const el = await fixture(html `<nile-empty-state></nile-empty-state>`);
6
+ expect(el.size).to.equal('md');
7
+ expect(el.variant).to.equal('tonal');
8
+ expect(el.icon).to.equal('error');
9
+ expect(el.grayscale).to.be.false;
10
+ expect(el.text).to.equal('Empty State');
11
+ expect(el.subText).to.equal('No Data');
12
+ });
13
+ it('should reflect properties to attributes', async () => {
14
+ const iconName = "action";
15
+ const el = await fixture(html `
16
+ <nile-empty-state size="sm" variant="flat" icon=${iconName} grayscale text="Test state text" sub-text="Test sub text"></nile-empty-state>
17
+ `);
18
+ expect(el.getAttribute('size')).to.equal('sm');
19
+ expect(el.getAttribute('variant')).to.equal('flat');
20
+ expect(el.getAttribute('icon')).to.equal(iconName);
21
+ expect(el.hasAttribute('grayscale')).to.be.true;
22
+ expect(el.getAttribute('text')).to.equal('Test state text');
23
+ expect(el.getAttribute('sub-text')).to.equal('Test sub text');
24
+ });
25
+ it('should render different sizes correctly', async () => {
26
+ const sizes = ['sm', 'md', 'lg'];
27
+ for (const size of sizes) {
28
+ const el = await fixture(html `<nile-empty-state size="${size}"></nile-empty-state>`);
29
+ const container = el.shadowRoot.querySelector('.empty-state');
30
+ expect(container.classList.contains(`empty-state--${size}`)).to.be.true;
31
+ }
32
+ });
33
+ it('should render different variants correctly', async () => {
34
+ const variants = ['flat', 'content', 'tonal'];
35
+ for (const variant of variants) {
36
+ const el = await fixture(html `<nile-empty-state variant="${variant}"></nile-empty-state>`);
37
+ const container = el.shadowRoot.querySelector(`.empty-state__body--${variant}`);
38
+ expect(container).to.exist;
39
+ }
40
+ });
41
+ it('should render text properties correctly', async () => {
42
+ const sampleText = 'Custom Text';
43
+ const sampleSubText = "Custom SubText";
44
+ const el = await fixture(html `
45
+ <nile-empty-state text=${sampleText} sub-text=${sampleSubText}></nile-empty-state>
46
+ `);
47
+ const textEl = el.shadowRoot.querySelector('.empty-state__text');
48
+ const subTextEl = el.shadowRoot.querySelector('.empty-state__subtext');
49
+ expect(textEl.textContent).to.equal(sampleText);
50
+ expect(subTextEl.textContent).to.equal(sampleSubText);
51
+ });
52
+ it('should render slot content', async () => {
53
+ const el = await fixture(html `
54
+ <nile-empty-state>
55
+ <div class="slot-content">Slot Content</div>
56
+ </nile-empty-state>
57
+ `);
58
+ const slotContent = el.querySelector('.slot-content');
59
+ expect(slotContent).to.exist;
60
+ expect(slotContent.textContent).to.equal('Slot Content');
61
+ });
62
+ });
63
+ //# sourceMappingURL=nile-empty-state.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-empty-state.test.js","sourceRoot":"","sources":["../../../src/nile-empty-state/nile-empty-state.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture,html,expect } from \"@open-wc/testing\";\nimport './nile-empty-state';\nimport { NileEmptyState } from \"./nile-empty-state\";\n\ndescribe('NileEmptyState',()=>{\n it('renders correctly with default properties',async ()=>{\n const el=await fixture<NileEmptyState>(html`<nile-empty-state></nile-empty-state>`)\n expect(el.size).to.equal('md');\n expect(el.variant).to.equal('tonal');\n expect(el.icon).to.equal('error');\n expect(el.grayscale).to.be.false;\n expect(el.text).to.equal('Empty State');\n expect(el.subText).to.equal('No Data');\n })\n\n it('should reflect properties to attributes', async () => {\n const iconName=\"action\"\n const el = await fixture<NileEmptyState>(html`\n <nile-empty-state size=\"sm\" variant=\"flat\" icon=${iconName} grayscale text=\"Test state text\" sub-text=\"Test sub text\"></nile-empty-state>\n `);\n expect(el.getAttribute('size')).to.equal('sm');\n expect(el.getAttribute('variant')).to.equal('flat');\n expect(el.getAttribute('icon')).to.equal(iconName);\n expect(el.hasAttribute('grayscale')).to.be.true;\n expect(el.getAttribute('text')).to.equal('Test state text');\n expect(el.getAttribute('sub-text')).to.equal('Test sub text');\n });\n\n it('should render different sizes correctly', async () => {\n const sizes:Array<'sm' | 'md' | 'lg' >= ['sm', 'md', 'lg'];\n for (const size of sizes) {\n const el = await fixture<NileEmptyState>(html`<nile-empty-state size=\"${size}\"></nile-empty-state>`);\n const container = el.shadowRoot!.querySelector('.empty-state')!;\n expect(container.classList.contains(`empty-state--${size}`)).to.be.true;\n }\n });\n\n it('should render different variants correctly', async () => {\n const variants :Array<'flat' | 'content' | 'tonal' >= ['flat', 'content', 'tonal'];\n for (const variant of variants) {\n const el = await fixture<NileEmptyState>(html`<nile-empty-state variant=\"${variant}\"></nile-empty-state>`);\n const container = el.shadowRoot!.querySelector(`.empty-state__body--${variant}`)!;\n expect(container).to.exist;\n }\n });\n\n it('should render text properties correctly', async () => {\n const sampleText='Custom Text'\n const sampleSubText=\"Custom SubText\"\n const el = await fixture<NileEmptyState>(html`\n <nile-empty-state text=${sampleText} sub-text=${sampleSubText}></nile-empty-state>\n `);\n const textEl = el.shadowRoot!.querySelector('.empty-state__text')!;\n const subTextEl = el.shadowRoot!.querySelector('.empty-state__subtext')!;\n expect(textEl.textContent).to.equal(sampleText);\n expect(subTextEl.textContent).to.equal(sampleSubText);\n });\n\n it('should render slot content', async () => {\n const el = await fixture<NileEmptyState>(html`\n <nile-empty-state>\n <div class=\"slot-content\">Slot Content</div>\n </nile-empty-state>\n `);\n const slotContent = el.querySelector('.slot-content')!;\n expect(slotContent).to.exist;\n expect(slotContent.textContent).to.equal('Slot Content');\n });\n})"]}
@@ -0,0 +1 @@
1
+ import './nile-error-message';
@@ -0,0 +1,61 @@
1
+ import { html, fixture, expect } from '@open-wc/testing';
2
+ import './nile-error-message';
3
+ describe('NileErrorMessage', () => {
4
+ it('should render the error message', async () => {
5
+ const el = await fixture(html `<nile-error-message errorMessage="An error occurred"></nile-error-message>`);
6
+ const errorMessage = el.shadowRoot.querySelector('.nile-error-message__error');
7
+ expect(errorMessage.textContent).to.equal('An error occurred');
8
+ });
9
+ it('should truncate the error response if it is too long', async () => {
10
+ const longErrorResponse = 'a'.repeat(150);
11
+ const el = await fixture(html `<nile-error-message errorResponse="${longErrorResponse}"></nile-error-message>`);
12
+ const truncatedResponse = el.getTruncatedResponse();
13
+ expect(truncatedResponse).to.equal(`${longErrorResponse.substring(0, 100)}...`);
14
+ });
15
+ it('should not truncate the error response if it is within the maximum length', async () => {
16
+ const shortErrorResponse = 'Short error message';
17
+ const el = await fixture(html `<nile-error-message errorResponse="${shortErrorResponse}"></nile-error-message>`);
18
+ const truncatedResponse = el.getTruncatedResponse();
19
+ expect(truncatedResponse).to.equal(shortErrorResponse);
20
+ });
21
+ it('should toggle the expanded state when the button is clicked', async () => {
22
+ const el = await fixture(html `<nile-error-message errorResponse="Short error message" errorResponseLong="Detailed error information"></nile-error-message>`);
23
+ const button = el.shadowRoot.querySelector('.nile-error-message__more-button') ?? {};
24
+ button.click();
25
+ expect(el.isExpanded).to.be.true;
26
+ button.click();
27
+ expect(el.isExpanded).to.be.false;
28
+ });
29
+ it('should display the "View More" button if there is extended error information', async () => {
30
+ const el = await fixture(html `<nile-error-message errorResponse="Short error message" errorResponseLong="Detailed error information"></nile-error-message>`);
31
+ const button = el.shadowRoot.querySelector('.nile-error-message__more-button');
32
+ expect(button).to.exist;
33
+ });
34
+ it('should not display the "View More" button if there is no extended error information', async () => {
35
+ const el = await fixture(html `<nile-error-message errorResponse="Short error message"></nile-error-message>`);
36
+ const button = el.shadowRoot.querySelector('.nile-error-message__more-button');
37
+ expect(button).to.not.exist;
38
+ });
39
+ it('should show the extended error information when expanded', async () => {
40
+ const el = await fixture(html `<nile-error-message errorResponse="Short error message" errorResponseLong="Detailed error information"></nile-error-message>`);
41
+ el.isExpanded = true;
42
+ await el.updateComplete;
43
+ const expandedResponse = el.shadowRoot.querySelector('.nile-error-message__response-expanded');
44
+ expect(expandedResponse?.textContent).to.include('Detailed error information');
45
+ });
46
+ it('should hide the extended error information when collapsed', async () => {
47
+ const el = await fixture(html `<nile-error-message errorResponse="Short error message" errorResponseLong="Detailed error information"></nile-error-message>`);
48
+ el.isExpanded = false;
49
+ await el.updateComplete;
50
+ const expandedResponse = el.shadowRoot.querySelector('.nile-error-message__response-expanded');
51
+ expect(expandedResponse).to.have.class('collapsed');
52
+ });
53
+ it('should render icon and error message parts', async () => {
54
+ const el = await fixture(html `<nile-error-message errorMessage="An error occurred"></nile-error-message>`);
55
+ const icon = el.shadowRoot.querySelector('nile-icon');
56
+ expect(icon).to.exist;
57
+ const errorMessage = el.shadowRoot.querySelector('.nile-error-message__error');
58
+ expect(errorMessage).to.exist;
59
+ });
60
+ });
61
+ //# sourceMappingURL=nile-error-message.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-error-message.test.js","sourceRoot":"","sources":["../../../src/nile-error-message/nile-error-message.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect, oneEvent } from '@open-wc/testing';\nimport './nile-error-message';\nimport { NileErrorMessage } from './nile-error-message';\ndescribe('NileErrorMessage', () => {\n it('should render the error message', async () => {\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorMessage=\"An error occurred\"></nile-error-message>`);\n const errorMessage = el.shadowRoot!.querySelector('.nile-error-message__error');\n expect(errorMessage!.textContent).to.equal('An error occurred');\n });\n\n it('should truncate the error response if it is too long', async () => {\n const longErrorResponse = 'a'.repeat(150);\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorResponse=\"${longErrorResponse}\"></nile-error-message>`);\n const truncatedResponse = el.getTruncatedResponse();\n expect(truncatedResponse).to.equal(`${longErrorResponse.substring(0, 100)}...`);\n });\n\n it('should not truncate the error response if it is within the maximum length', async () => {\n const shortErrorResponse = 'Short error message';\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorResponse=\"${shortErrorResponse}\"></nile-error-message>`);\n const truncatedResponse = el.getTruncatedResponse();\n expect(truncatedResponse).to.equal(shortErrorResponse);\n });\n\n it('should toggle the expanded state when the button is clicked', async () => {\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorResponse=\"Short error message\" errorResponseLong=\"Detailed error information\"></nile-error-message>`);\n const button :HTMLButtonElement = el.shadowRoot!.querySelector('.nile-error-message__more-button') ??{} as HTMLButtonElement;\n button.click();\n expect(el.isExpanded).to.be.true;\n button.click();\n expect(el.isExpanded).to.be.false;\n });\n\n it('should display the \"View More\" button if there is extended error information', async () => {\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorResponse=\"Short error message\" errorResponseLong=\"Detailed error information\"></nile-error-message>`);\n const button = el.shadowRoot!.querySelector('.nile-error-message__more-button');\n expect(button).to.exist;\n });\n\n it('should not display the \"View More\" button if there is no extended error information', async () => {\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorResponse=\"Short error message\"></nile-error-message>`);\n const button = el.shadowRoot!.querySelector('.nile-error-message__more-button');\n expect(button).to.not.exist;\n });\n\n it('should show the extended error information when expanded', async () => {\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorResponse=\"Short error message\" errorResponseLong=\"Detailed error information\"></nile-error-message>`);\n el.isExpanded = true;\n await el.updateComplete;\n const expandedResponse = el.shadowRoot!.querySelector('.nile-error-message__response-expanded');\n expect(expandedResponse?.textContent).to.include('Detailed error information');\n });\n\n it('should hide the extended error information when collapsed', async () => {\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorResponse=\"Short error message\" errorResponseLong=\"Detailed error information\"></nile-error-message>`);\n el.isExpanded = false;\n await el.updateComplete;\n const expandedResponse = el.shadowRoot!.querySelector('.nile-error-message__response-expanded');\n expect(expandedResponse).to.have.class('collapsed');\n });\n\n it('should render icon and error message parts', async () => {\n const el = await fixture<NileErrorMessage>(html`<nile-error-message errorMessage=\"An error occurred\"></nile-error-message>`);\n const icon = el.shadowRoot!.querySelector('nile-icon');\n expect(icon).to.exist;\n const errorMessage = el.shadowRoot!.querySelector('.nile-error-message__error');\n expect(errorMessage).to.exist;\n });\n});"]}
@@ -0,0 +1 @@
1
+ import './nile-form-group';
@@ -0,0 +1,55 @@
1
+ import { fixture, html, expect } from '@open-wc/testing';
2
+ import './nile-form-group'; // Make sure to import the component to be tested
3
+ describe('NileFormGroup', () => {
4
+ it('should have default properties', async () => {
5
+ const el = await fixture(html `<nile-form-group></nile-form-group>`);
6
+ expect(el.title).to.equal('');
7
+ expect(el.subtitle).to.equal('');
8
+ });
9
+ it('should render title when set', async () => {
10
+ const el = await fixture(html `<nile-form-group title="Test Title"></nile-form-group>`);
11
+ const titleSlot = el.shadowRoot.querySelector('slot[name="title"]');
12
+ expect(titleSlot).to.exist;
13
+ expect(titleSlot?.textContent?.trim()).to.equal('Test Title');
14
+ });
15
+ it('should render subtitle when set', async () => {
16
+ const el = await fixture(html `<nile-form-group title="Test Title" subtitle="Test Subtitle"></nile-form-group>`);
17
+ const subtitleSlot = el.shadowRoot.querySelector('slot[name="subtitle"]');
18
+ expect(subtitleSlot).to.exist;
19
+ expect(subtitleSlot?.textContent?.trim()).to.equal('Test Subtitle');
20
+ });
21
+ it('should not render title and subtitle if not set', async () => {
22
+ const el = await fixture(html `<nile-form-group></nile-form-group>`);
23
+ const titleSlot = el.shadowRoot.querySelector('slot[name="title"]');
24
+ const subtitleSlot = el.shadowRoot.querySelector('slot[name="subtitle"]');
25
+ expect(titleSlot).to.not.exist;
26
+ expect(subtitleSlot).to.not.exist;
27
+ });
28
+ it('should render content inside the form body slot', async () => {
29
+ const el = await fixture(html `<nile-form-group><p>Form Content</p></nile-form-group>`);
30
+ const bodySlot = el.shadowRoot.querySelector('.form__body slot');
31
+ const assignedNodes = bodySlot?.assignedNodes() ?? [];
32
+ expect(assignedNodes.length).to.equal(1);
33
+ expect(assignedNodes[0].textContent.trim()).to.equal('Form Content');
34
+ });
35
+ it('should reflect title and subtitle attributes', async () => {
36
+ const el = await fixture(html `<nile-form-group title="Test Title" subtitle="Test Subtitle"></nile-form-group>`);
37
+ expect(el.getAttribute('title')).to.equal('Test Title');
38
+ expect(el.getAttribute('subtitle')).to.equal('Test Subtitle');
39
+ });
40
+ it('should update the title dynamically', async () => {
41
+ const el = await fixture(html `<nile-form-group title="Initial Title"></nile-form-group>`);
42
+ el.title = 'Updated Title';
43
+ await el.updateComplete;
44
+ const titleSlot = el.shadowRoot.querySelector('slot[name="title"]') ?? {};
45
+ expect(titleSlot.textContent.trim()).to.equal('Updated Title');
46
+ });
47
+ it('should update the subtitle dynamically', async () => {
48
+ const el = await fixture(html `<nile-form-group title="Test Title" subtitle="Initial Subtitle"></nile-form-group>`);
49
+ el.subtitle = 'Updated Subtitle';
50
+ await el.updateComplete;
51
+ const subtitleSlot = el.shadowRoot.querySelector('slot[name="subtitle"]') ?? {};
52
+ expect(subtitleSlot.textContent.trim()).to.equal('Updated Subtitle');
53
+ });
54
+ });
55
+ //# sourceMappingURL=nile-form-group.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-form-group.test.js","sourceRoot":"","sources":["../../../src/nile-form-group/nile-form-group.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, html, expect } from '@open-wc/testing';\nimport './nile-form-group'; // Make sure to import the component to be tested\nimport NileFormGroup from './nile-form-group';\n\ndescribe('NileFormGroup', () => {\n it('should have default properties', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group></nile-form-group>`);\n expect(el.title).to.equal('');\n expect(el.subtitle).to.equal('');\n });\n\n it('should render title when set', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group title=\"Test Title\"></nile-form-group>`);\n const titleSlot = el.shadowRoot!.querySelector('slot[name=\"title\"]');\n expect(titleSlot).to.exist;\n expect(titleSlot?.textContent?.trim()).to.equal('Test Title');\n });\n\n it('should render subtitle when set', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group title=\"Test Title\" subtitle=\"Test Subtitle\"></nile-form-group>`);\n const subtitleSlot = el.shadowRoot!.querySelector('slot[name=\"subtitle\"]');\n expect(subtitleSlot).to.exist;\n expect(subtitleSlot?.textContent?.trim()).to.equal('Test Subtitle');\n });\n\n it('should not render title and subtitle if not set', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group></nile-form-group>`);\n const titleSlot = el.shadowRoot!.querySelector('slot[name=\"title\"]');\n const subtitleSlot = el.shadowRoot!.querySelector('slot[name=\"subtitle\"]');\n expect(titleSlot).to.not.exist;\n expect(subtitleSlot).to.not.exist;\n });\n\n it('should render content inside the form body slot', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group><p>Form Content</p></nile-form-group>`);\n const bodySlot = el.shadowRoot!.querySelector<HTMLSlotElement>('.form__body slot');\n const assignedNodes = bodySlot?.assignedNodes() ?? [] as any;\n expect(assignedNodes.length).to.equal(1);\n expect(assignedNodes[0].textContent.trim()).to.equal('Form Content');\n });\n\n it('should reflect title and subtitle attributes', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group title=\"Test Title\" subtitle=\"Test Subtitle\"></nile-form-group>`);\n expect(el.getAttribute('title')).to.equal('Test Title');\n expect(el.getAttribute('subtitle')).to.equal('Test Subtitle');\n });\n\n it('should update the title dynamically', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group title=\"Initial Title\"></nile-form-group>`);\n el.title = 'Updated Title';\n await el.updateComplete;\n const titleSlot = el.shadowRoot!.querySelector('slot[name=\"title\"]')?? {} as any;\n expect(titleSlot.textContent.trim()).to.equal('Updated Title');\n });\n\n it('should update the subtitle dynamically', async () => {\n const el = await fixture<NileFormGroup>(html`<nile-form-group title=\"Test Title\" subtitle=\"Initial Subtitle\"></nile-form-group>`);\n el.subtitle = 'Updated Subtitle';\n await el.updateComplete;\n const subtitleSlot = el.shadowRoot!.querySelector('slot[name=\"subtitle\"]') ?? {} as any;\n expect(subtitleSlot.textContent.trim()).to.equal('Updated Subtitle');\n });\n});\n"]}
@@ -0,0 +1 @@
1
+ import './nile-hero';
@@ -0,0 +1,42 @@
1
+ import { fixture, html, expect } from '@open-wc/testing';
2
+ import './nile-hero';
3
+ describe('NileHero', () => {
4
+ it('renders correctly with default properties', async () => {
5
+ const el = await fixture(html `
6
+ <nile-hero icon="error" hero-text="Test Hero">
7
+ <nile-page-header
8
+ heading="I am heading"
9
+ sub-heading="I am subheading"
10
+ ></nile-page-header>
11
+ </nile-hero>`);
12
+ expect(el.getAttribute('icon')).to.equal('error');
13
+ expect(el.hasAttribute('collapse')).to.be.false;
14
+ expect(el.getAttribute('img-src')).to.equal('');
15
+ expect(el.getAttribute('hero-text')).to.equal('Test Hero');
16
+ expect(el).shadowDom.to.equalSnapshot();
17
+ });
18
+ it('checks for collapsed state', async () => {
19
+ const el = await fixture(html `<nile-hero></nile-hero>`);
20
+ el.collapse = true;
21
+ await el.updateComplete;
22
+ expect(el.collapse).to.be.true;
23
+ el.collapse = true;
24
+ await el.updateComplete;
25
+ const heroContainer = el.shadowRoot?.querySelector('.hero__container');
26
+ expect(heroContainer?.classList.contains('hero__container--collapsed')).to.be.true;
27
+ });
28
+ it('should render slot content', async () => {
29
+ const el = await fixture(html `
30
+ <nile-hero>
31
+ <nile-page-header
32
+ heading="I am heading"
33
+ sub-heading="I am subheading"
34
+ ></nile-page-header>
35
+ </nile-hero>
36
+ `);
37
+ await el.updateComplete;
38
+ const NilePageHeader = el.querySelector('nile-page-header');
39
+ expect(NilePageHeader).to.exist;
40
+ });
41
+ });
42
+ //# sourceMappingURL=nile-hero.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"nile-hero.test.js","sourceRoot":"","sources":["../../../src/nile-hero/nile-hero.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAY,MAAM,kBAAkB,CAAC;AACnE,OAAO,aAAa,CAAC;AAGrB,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;;;;;qBAMtB,CAAC,CAAC;QACnB,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAChD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAChD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA,yBAAyB,CAAC,CAAC;QAClE,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QAC/B,EAAE,CAAC,QAAQ,GAAC,IAAI,CAAC;QACjB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,aAAa,GAAC,EAAE,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACrE,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,QAAQ,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;IACrF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAW,IAAI,CAAA;;;;;;;KAOtC,CAAC,CAAC;QACH,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,cAAc,GAAG,EAAE,CAAC,aAAa,CAAC,kBAAkB,CAAE,CAAC;QAC7D,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAClC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAA","sourcesContent":["import { fixture, html, expect, oneEvent } from '@open-wc/testing';\nimport './nile-hero';\nimport { NileHero } from './nile-hero';\n\ndescribe('NileHero', () => {\n it('renders correctly with default properties', async () => {\n const el = await fixture<NileHero>(html`\n\t\t<nile-hero icon=\"error\" hero-text=\"Test Hero\">\n <nile-page-header\n heading=\"I am heading\"\n sub-heading=\"I am subheading\"\n ></nile-page-header>\n </nile-hero>`);\n expect(el.getAttribute('icon')).to.equal('error');\n expect(el.hasAttribute('collapse')).to.be.false;\n expect(el.getAttribute('img-src')).to.equal('');\n expect(el.getAttribute('hero-text')).to.equal('Test Hero');\n expect(el).shadowDom.to.equalSnapshot();\n });\n\n it('checks for collapsed state', async () => {\n const el = await fixture<NileHero>(html`<nile-hero></nile-hero>`);\n el.collapse = true;\n await el.updateComplete;\n expect(el.collapse).to.be.true;\n el.collapse=true;\n await el.updateComplete;\n const heroContainer=el.shadowRoot?.querySelector('.hero__container');\n expect(heroContainer?.classList.contains('hero__container--collapsed')).to.be.true;\n });\n\n it('should render slot content', async () => {\n const el = await fixture<NileHero>(html`\n <nile-hero>\n <nile-page-header\n heading=\"I am heading\"\n sub-heading=\"I am subheading\"\n ></nile-page-header>\n </nile-hero>\n `);\n await el.updateComplete;\n const NilePageHeader = el.querySelector('nile-page-header')!;\n expect(NilePageHeader).to.exist;\n });\n})\n"]}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOFYxMk0xMiAxNkgxMi4wMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";
5
+ export default _default;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOFYxMk0xMiAxNkgxMi4wMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+";
5
+ //# sourceMappingURL=alert.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/alert.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,sQAAsQ,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOFYxMk0xMiAxNkgxMi4wMSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+\";"]}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ declare const _default: "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTIuNVY2LjhDMjAgNS4xMTk4NCAyMCA0LjI3OTc2IDE5LjY3MyAzLjYzODAzQzE5LjM4NTQgMy4wNzM1NCAxOC45MjY1IDIuNjE0NiAxOC4zNjIgMi4zMjY5OEMxNy43MjAyIDIgMTYuODgwMiAyIDE1LjIgMkg4LjhDNy4xMTk4NCAyIDYuMjc5NzYgMiA1LjYzODAzIDIuMzI2OThDNS4wNzM1NCAyLjYxNDYgNC42MTQ2IDMuMDczNTQgNC4zMjY5OCAzLjYzODAzQzQgNC4yNzk3NiA0IDUuMTE5ODQgNCA2LjhWMTcuMkM0IDE4Ljg4MDIgNCAxOS43MjAyIDQuMzI2OTggMjAuMzYyQzQuNjE0NiAyMC45MjY1IDUuMDczNTQgMjEuMzg1NCA1LjYzODAzIDIxLjY3M0M2LjI3OTc2IDIyIDcuMTE5ODQgMjIgOC44IDIySDEyTTE0IDExSDhNMTAgMTVIOE0xNiA3SDhNMTQuNSAxOUwxNi41IDIxTDIxIDE2LjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";
5
+ export default _default;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly
3
+ */
4
+ export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTIuNVY2LjhDMjAgNS4xMTk4NCAyMCA0LjI3OTc2IDE5LjY3MyAzLjYzODAzQzE5LjM4NTQgMy4wNzM1NCAxOC45MjY1IDIuNjE0NiAxOC4zNjIgMi4zMjY5OEMxNy43MjAyIDIgMTYuODgwMiAyIDE1LjIgMkg4LjhDNy4xMTk4NCAyIDYuMjc5NzYgMiA1LjYzODAzIDIuMzI2OThDNS4wNzM1NCAyLjYxNDYgNC42MTQ2IDMuMDczNTQgNC4zMjY5OCAzLjYzODAzQzQgNC4yNzk3NiA0IDUuMTE5ODQgNCA2LjhWMTcuMkM0IDE4Ljg4MDIgNCAxOS43MjAyIDQuMzI2OTggMjAuMzYyQzQuNjE0NiAyMC45MjY1IDUuMDczNTQgMjEuMzg1NCA1LjYzODAzIDIxLjY3M0M2LjI3OTc2IDIyIDcuMTE5ODQgMjIgOC44IDIySDEyTTE0IDExSDhNMTAgMTVIOE0xNiA3SDhNMTQuNSAxOUwxNi41IDIxTDIxIDE2LjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==";
5
+ //# sourceMappingURL=file-check-02.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-check-02.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/file-check-02.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,kwBAAkwB,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjAgMTIuNVY2LjhDMjAgNS4xMTk4NCAyMCA0LjI3OTc2IDE5LjY3MyAzLjYzODAzQzE5LjM4NTQgMy4wNzM1NCAxOC45MjY1IDIuNjE0NiAxOC4zNjIgMi4zMjY5OEMxNy43MjAyIDIgMTYuODgwMiAyIDE1LjIgMkg4LjhDNy4xMTk4NCAyIDYuMjc5NzYgMiA1LjYzODAzIDIuMzI2OThDNS4wNzM1NCAyLjYxNDYgNC42MTQ2IDMuMDczNTQgNC4zMjY5OCAzLjYzODAzQzQgNC4yNzk3NiA0IDUuMTE5ODQgNCA2LjhWMTcuMkM0IDE4Ljg4MDIgNCAxOS43MjAyIDQuMzI2OTggMjAuMzYyQzQuNjE0NiAyMC45MjY1IDUuMDczNTQgMjEuMzg1NCA1LjYzODAzIDIxLjY3M0M2LjI3OTc2IDIyIDcuMTE5ODQgMjIgOC44IDIySDEyTTE0IDExSDhNMTAgMTVIOE0xNiA3SDhNMTQuNSAxOUwxNi41IDIxTDIxIDE2LjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==\";"]}
@@ -7,6 +7,7 @@ export { default as agent } from './agent';
7
7
  export { default as agents } from './agents';
8
8
  export { default as aggregation } from './aggregation';
9
9
  export { default as alertcircle } from './alert-circle';
10
+ export { default as alert } from './alert';
10
11
  export { default as allapplication } from './allapplication';
11
12
  export { default as allsearch } from './allsearch';
12
13
  export { default as anomaly } from './anomaly';
@@ -171,6 +172,7 @@ export { default as eye } from './eye';
171
172
  export { default as eyeclosed } from './eyeclosed';
172
173
  export { default as featuredicon } from './featured-icon';
173
174
  export { default as file06 } from './file-06';
175
+ export { default as filecheck02 } from './file-check-02';
174
176
  export { default as fileshield01 } from './file-shield-01';
175
177
  export { default as fileshield02 } from './file-shield-02';
176
178
  export { default as filetypeicon } from './file-type-icon';
@@ -300,6 +302,7 @@ export { default as maximize } from './maximize';
300
302
  export { default as menu } from './menu';
301
303
  export { default as messagenotificationsquare } from './message-notification-square';
302
304
  export { default as minus } from './minus';
305
+ export { default as monitor01 } from './monitor-01';
303
306
  export { default as moveleft } from './moveleft';
304
307
  export { default as moveright } from './moveright';
305
308
  export { default as multipleuser } from './multiple-user';
@@ -7,6 +7,7 @@ export { default as agent } from './agent';
7
7
  export { default as agents } from './agents';
8
8
  export { default as aggregation } from './aggregation';
9
9
  export { default as alertcircle } from './alert-circle';
10
+ export { default as alert } from './alert';
10
11
  export { default as allapplication } from './allapplication';
11
12
  export { default as allsearch } from './allsearch';
12
13
  export { default as anomaly } from './anomaly';
@@ -171,6 +172,7 @@ export { default as eye } from './eye';
171
172
  export { default as eyeclosed } from './eyeclosed';
172
173
  export { default as featuredicon } from './featured-icon';
173
174
  export { default as file06 } from './file-06';
175
+ export { default as filecheck02 } from './file-check-02';
174
176
  export { default as fileshield01 } from './file-shield-01';
175
177
  export { default as fileshield02 } from './file-shield-02';
176
178
  export { default as filetypeicon } from './file-type-icon';
@@ -300,6 +302,7 @@ export { default as maximize } from './maximize';
300
302
  export { default as menu } from './menu';
301
303
  export { default as messagenotificationsquare } from './message-notification-square';
302
304
  export { default as minus } from './minus';
305
+ export { default as monitor01 } from './monitor-01';
303
306
  export { default as moveleft } from './moveleft';
304
307
  export { default as moveright } from './moveright';
305
308
  export { default as multipleuser } from './multiple-user';