@aquera/nile-elements 0.1.70-beta-1.0 → 0.1.70-beta-1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (297) hide show
  1. package/README.md +15 -0
  2. package/demo/index.html +248 -332
  3. package/dist/{fixture-28d63bc4.cjs.js → fixture-5b79f853.cjs.js} +2 -2
  4. package/dist/{fixture-28d63bc4.cjs.js.map → fixture-5b79f853.cjs.js.map} +1 -1
  5. package/dist/{fixture-ba65eb22.esm.js → fixture-90b199c4.esm.js} +1 -1
  6. package/dist/{fixture-78a015b8.esm.js → fixture-cf7bfcf5.esm.js} +1 -1
  7. package/dist/{fixture-324a7ef9.cjs.js → fixture-dbd66009.cjs.js} +2 -2
  8. package/dist/{fixture-324a7ef9.cjs.js.map → fixture-dbd66009.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.js +103 -118
  12. package/dist/internal/resizable-table-helper.cjs.js +1 -1
  13. package/dist/internal/resizable-table-helper.cjs.js.map +1 -1
  14. package/dist/internal/resizable-table-helper.esm.js +1 -1
  15. package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
  16. package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
  17. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
  18. package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
  19. package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
  20. package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
  21. package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
  22. package/dist/nile-badge/nile-badge.test.esm.js +1 -1
  23. package/dist/nile-button/nile-button.test.cjs.js +1 -1
  24. package/dist/nile-button/nile-button.test.esm.js +1 -1
  25. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
  26. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
  27. package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
  28. package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
  29. package/dist/nile-card/nile-card.test.cjs.js +1 -1
  30. package/dist/nile-card/nile-card.test.esm.js +1 -1
  31. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
  32. package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
  33. package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
  34. package/dist/nile-chip/nile-chip.test.esm.js +1 -1
  35. package/dist/nile-code-editor/extensionSetup.cjs.js +3 -3
  36. package/dist/nile-code-editor/extensionSetup.cjs.js.map +1 -1
  37. package/dist/nile-code-editor/extensionSetup.esm.js +1 -1
  38. package/dist/nile-code-editor/nile-code-editor.cjs.js +2 -2
  39. package/dist/nile-code-editor/nile-code-editor.cjs.js.map +1 -1
  40. package/dist/nile-code-editor/nile-code-editor.esm.js +2 -2
  41. package/dist/nile-code-editor/theme.cjs.js +1 -1
  42. package/dist/nile-code-editor/theme.cjs.js.map +1 -1
  43. package/dist/nile-code-editor/theme.esm.js +1 -1
  44. package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
  45. package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
  46. package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
  47. package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
  48. package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
  49. package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
  50. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
  51. package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
  52. package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
  53. package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
  54. package/dist/nile-file-preview/nile-file-preview.test.cjs.js +1 -1
  55. package/dist/nile-file-preview/nile-file-preview.test.esm.js +1 -1
  56. package/dist/nile-file-upload/nile-file-upload.test.cjs.js +1 -1
  57. package/dist/nile-file-upload/nile-file-upload.test.esm.js +1 -1
  58. package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +1 -1
  59. package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +1 -1
  60. package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
  61. package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
  62. package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
  63. package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
  64. package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
  65. package/dist/nile-hero/nile-hero.test.esm.js +1 -1
  66. package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
  67. package/dist/nile-icon/nile-icon.test.esm.js +1 -1
  68. package/dist/nile-input/nile-input.test.cjs.js +1 -1
  69. package/dist/nile-input/nile-input.test.esm.js +1 -1
  70. package/dist/nile-link/nile-link.test.cjs.js +1 -1
  71. package/dist/nile-link/nile-link.test.esm.js +1 -1
  72. package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
  73. package/dist/nile-loader/nile-loader.test.esm.js +1 -1
  74. package/dist/nile-option/nile-option.cjs.js +1 -1
  75. package/dist/nile-option/nile-option.cjs.js.map +1 -1
  76. package/dist/nile-option/nile-option.esm.js +2 -2
  77. package/dist/nile-option-group/nile-option-group.cjs.js +1 -1
  78. package/dist/nile-option-group/nile-option-group.cjs.js.map +1 -1
  79. package/dist/nile-option-group/nile-option-group.esm.js +5 -5
  80. package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
  81. package/dist/nile-popover/nile-popover.test.esm.js +1 -1
  82. package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
  83. package/dist/nile-popup/nile-popup.test.esm.js +1 -1
  84. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
  85. package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
  86. package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
  87. package/dist/nile-radio/nile-radio.test.esm.js +1 -1
  88. package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
  89. package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
  90. package/dist/nile-select/nile-select.cjs.js +1 -1
  91. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  92. package/dist/nile-select/nile-select.esm.js +9 -9
  93. package/dist/nile-select/nile-select.test.cjs.js +1 -1
  94. package/dist/nile-select/nile-select.test.esm.js +1 -1
  95. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
  96. package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
  97. package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
  98. package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
  99. package/dist/nile-table-body/nile-table-body.cjs.js +1 -1
  100. package/dist/nile-table-body/nile-table-body.cjs.js.map +1 -1
  101. package/dist/nile-table-body/nile-table-body.esm.js +3 -2
  102. package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js +1 -1
  103. package/dist/nile-table-cell-item/nile-table-cell-item.cjs.js.map +1 -1
  104. package/dist/nile-table-cell-item/nile-table-cell-item.esm.js +1 -1
  105. package/dist/nile-table-header-item/nile-table-header-item.cjs.js +1 -1
  106. package/dist/nile-table-header-item/nile-table-header-item.cjs.js.map +1 -1
  107. package/dist/nile-table-header-item/nile-table-header-item.esm.js +2 -2
  108. package/dist/nile-table-row/nile-table-row.cjs.js +1 -1
  109. package/dist/nile-table-row/nile-table-row.cjs.js.map +1 -1
  110. package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
  111. package/dist/nile-table-row/nile-table-row.css.cjs.js.map +1 -1
  112. package/dist/nile-table-row/nile-table-row.css.esm.js +0 -47
  113. package/dist/nile-table-row/nile-table-row.esm.js +6 -33
  114. package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
  115. package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
  116. package/dist/nile-virtual-select/nile-virtual-select.test.cjs.js +1 -1
  117. package/dist/nile-virtual-select/nile-virtual-select.test.esm.js +1 -1
  118. package/dist/src/index.d.ts +1 -0
  119. package/dist/src/index.js +1 -0
  120. package/dist/src/index.js.map +1 -1
  121. package/dist/src/internal/resizable-helper.d.ts +59 -0
  122. package/dist/src/internal/resizable-helper.js +115 -0
  123. package/dist/src/internal/resizable-helper.js.map +1 -0
  124. package/dist/src/internal/resizable-styles.d.ts +16 -0
  125. package/dist/src/internal/resizable-styles.js +144 -0
  126. package/dist/src/internal/resizable-styles.js.map +1 -0
  127. package/dist/src/internal/resizable-table-helper.d.ts +5 -0
  128. package/dist/src/internal/resizable-table-helper.js +27 -4
  129. package/dist/src/internal/resizable-table-helper.js.map +1 -1
  130. package/dist/src/nile-badge/__snapshots__/nile-badge.test.snap.js +17 -0
  131. package/dist/src/nile-calendar/__snapshots__/nile-calendar.test.snap.js +310 -0
  132. package/dist/src/nile-card/__snapshots__/nile-card.test.snap.js +34 -0
  133. package/dist/src/nile-checkbox/__snapshots__/nile-checkbox.test.snap.js +31 -0
  134. package/dist/src/nile-code-editor/nile-code-editor.d.ts +2 -0
  135. package/dist/src/nile-code-editor/nile-code-editor.js +22 -5
  136. package/dist/src/nile-code-editor/nile-code-editor.js.map +1 -1
  137. package/dist/src/nile-code-editor/theme.d.ts +9 -0
  138. package/dist/src/nile-code-editor/theme.js +9 -0
  139. package/dist/src/nile-code-editor/theme.js.map +1 -1
  140. package/dist/src/nile-grid/data-processor.d.ts +37 -0
  141. package/dist/src/nile-grid/data-processor.js +122 -0
  142. package/dist/src/nile-grid/data-processor.js.map +1 -0
  143. package/dist/src/nile-grid/event-handlers.d.ts +35 -0
  144. package/dist/src/nile-grid/event-handlers.js +158 -0
  145. package/dist/src/nile-grid/event-handlers.js.map +1 -0
  146. package/dist/src/nile-grid/index.d.ts +5 -0
  147. package/dist/src/nile-grid/index.js +6 -0
  148. package/dist/src/nile-grid/index.js.map +1 -0
  149. package/dist/src/nile-grid/nile-grid.css.d.ts +1 -0
  150. package/dist/src/nile-grid/nile-grid.css.js +120 -0
  151. package/dist/src/nile-grid/nile-grid.css.js.map +1 -0
  152. package/dist/src/nile-grid/nile-grid.d.ts +39 -0
  153. package/dist/src/nile-grid/nile-grid.js +182 -0
  154. package/dist/src/nile-grid/nile-grid.js.map +1 -0
  155. package/dist/src/nile-grid/renderer.d.ts +8 -0
  156. package/dist/src/nile-grid/renderer.js +78 -0
  157. package/dist/src/nile-grid/renderer.js.map +1 -0
  158. package/dist/src/nile-grid/resize-handler.d.ts +4 -0
  159. package/dist/src/nile-grid/resize-handler.js +36 -0
  160. package/dist/src/nile-grid/resize-handler.js.map +1 -0
  161. package/dist/src/nile-grid/types.d.ts +32 -0
  162. package/dist/src/nile-grid/types.js +2 -0
  163. package/dist/src/nile-grid/types.js.map +1 -0
  164. package/dist/src/nile-grid/utils.d.ts +4 -0
  165. package/dist/src/nile-grid/utils.js +32 -0
  166. package/dist/src/nile-grid/utils.js.map +1 -0
  167. package/dist/src/nile-hero/__snapshots__/nile-hero.test.snap.js +47 -0
  168. package/dist/src/nile-icon/__snapshots__/nile-icon.test.snap.js +16 -0
  169. package/dist/src/nile-input/__snapshots__/nile-input.test.snap.js +75 -0
  170. package/dist/src/nile-option/nile-option.d.ts +1 -0
  171. package/dist/src/nile-option/nile-option.js +5 -0
  172. package/dist/src/nile-option/nile-option.js.map +1 -1
  173. package/dist/src/nile-popover/__snapshots__/nile-popover.test.snap.js +22 -0
  174. package/dist/src/nile-select/nile-select.d.ts +6 -0
  175. package/dist/src/nile-select/nile-select.js +59 -1
  176. package/dist/src/nile-select/nile-select.js.map +1 -1
  177. package/dist/src/nile-table-body/nile-table-body.d.ts +1 -3
  178. package/dist/src/nile-table-body/nile-table-body.js +3 -31
  179. package/dist/src/nile-table-body/nile-table-body.js.map +1 -1
  180. package/dist/src/nile-table-body/virtual-scroll-helper.d.ts +9 -0
  181. package/dist/src/nile-table-body/virtual-scroll-helper.js +24 -0
  182. package/dist/src/nile-table-body/virtual-scroll-helper.js.map +1 -0
  183. package/dist/src/nile-table-cell-item/nile-table-cell-item.d.ts +2 -1
  184. package/dist/src/nile-table-cell-item/nile-table-cell-item.js +12 -1
  185. package/dist/src/nile-table-cell-item/nile-table-cell-item.js.map +1 -1
  186. package/dist/src/nile-table-header-item/nile-table-header-item.d.ts +2 -1
  187. package/dist/src/nile-table-header-item/nile-table-header-item.js +12 -1
  188. package/dist/src/nile-table-header-item/nile-table-header-item.js.map +1 -1
  189. package/dist/src/nile-table-row/nile-table-row.css.js +0 -47
  190. package/dist/src/nile-table-row/nile-table-row.css.js.map +1 -1
  191. package/dist/src/nile-table-row/nile-table-row.d.ts +1 -10
  192. package/dist/src/nile-table-row/nile-table-row.js +9 -88
  193. package/dist/src/nile-table-row/nile-table-row.js.map +1 -1
  194. package/dist/src/nile-virtual-table-body/index.d.ts +2 -0
  195. package/dist/src/nile-virtual-table-body/index.js +3 -0
  196. package/dist/src/nile-virtual-table-body/index.js.map +1 -0
  197. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.d.ts +1 -0
  198. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js +44 -0
  199. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.css.js.map +1 -0
  200. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.d.ts +50 -0
  201. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js +135 -0
  202. package/dist/src/nile-virtual-table-body/nile-virtual-table-body.js.map +1 -0
  203. package/dist/src/nile-virtual-table-body/renderer.d.ts +16 -0
  204. package/dist/src/nile-virtual-table-body/renderer.js +49 -0
  205. package/dist/src/nile-virtual-table-body/renderer.js.map +1 -0
  206. package/dist/tsconfig.tsbuildinfo +1 -1
  207. package/package.json +3 -2
  208. package/src/index.ts +2 -1
  209. package/src/internal/resizable-table-helper.ts +31 -8
  210. package/src/nile-code-editor/nile-code-editor.ts +25 -6
  211. package/src/nile-code-editor/theme.ts +11 -1
  212. package/src/nile-option/nile-option.ts +3 -0
  213. package/src/nile-option-group/index.ts +1 -0
  214. package/src/nile-option-group/nile-option-group.css.ts +60 -0
  215. package/src/nile-option-group/nile-option-group.interface.ts +25 -0
  216. package/src/nile-option-group/nile-option-group.ts +84 -0
  217. package/src/nile-select/nile-select.interface.ts +5 -0
  218. package/src/nile-select/nile-select.ts +74 -2
  219. package/src/nile-table-body/nile-table-body.ts +3 -27
  220. package/src/nile-table-cell-item/nile-table-cell-item.ts +15 -1
  221. package/src/nile-table-header-item/nile-table-header-item.ts +15 -1
  222. package/src/nile-table-row/nile-table-row.css.ts +0 -47
  223. package/src/nile-table-row/nile-table-row.ts +5 -87
  224. package/vscode-html-custom-data.json +37 -29
  225. package/dist/aquera-nile-elements-0.1.57-beta-2.0.tgz +0 -0
  226. package/dist/axe.min-2b379f29.cjs.js +0 -12
  227. package/dist/axe.min-2b379f29.cjs.js.map +0 -1
  228. package/dist/axe.min-c2cd8733.esm.js +0 -12
  229. package/dist/fixture-add72f26.esm.js +0 -569
  230. package/dist/fixture-c1bd203f.cjs.js +0 -395
  231. package/dist/fixture-c1bd203f.cjs.js.map +0 -1
  232. package/dist/fixture-cb376a7f.cjs.js +0 -395
  233. package/dist/fixture-cb376a7f.cjs.js.map +0 -1
  234. package/dist/fixture-f2693d97.esm.js +0 -569
  235. package/dist/src/internal/expandable-row-helper.d.ts +0 -13
  236. package/dist/src/internal/expandable-row-helper.js +0 -37
  237. package/dist/src/internal/expandable-row-helper.js.map +0 -1
  238. package/dist/src/internal/expandable-row-styles.d.ts +0 -11
  239. package/dist/src/internal/expandable-row-styles.js +0 -27
  240. package/dist/src/internal/expandable-row-styles.js.map +0 -1
  241. package/dist/src/internal/table-expandable-helper.d.ts +0 -0
  242. package/dist/src/internal/table-expandable-helper.js +0 -2
  243. package/dist/src/internal/table-expandable-helper.js.map +0 -1
  244. package/dist/src/internal/table-row-expandable-helper.d.ts +0 -12
  245. package/dist/src/internal/table-row-expandable-helper.js +0 -32
  246. package/dist/src/internal/table-row-expandable-helper.js.map +0 -1
  247. package/dist/src/internal/table-row-expandable-styles.d.ts +0 -11
  248. package/dist/src/internal/table-row-expandable-styles.js +0 -12
  249. package/dist/src/internal/table-row-expandable-styles.js.map +0 -1
  250. package/dist/src/nile-group-header/index.d.ts +0 -1
  251. package/dist/src/nile-group-header/index.js +0 -2
  252. package/dist/src/nile-group-header/index.js.map +0 -1
  253. package/dist/src/nile-group-header/nile-group-header.css.d.ts +0 -12
  254. package/dist/src/nile-group-header/nile-group-header.css.js +0 -30
  255. package/dist/src/nile-group-header/nile-group-header.css.js.map +0 -1
  256. package/dist/src/nile-group-header/nile-group-header.d.ts +0 -19
  257. package/dist/src/nile-group-header/nile-group-header.js +0 -36
  258. package/dist/src/nile-group-header/nile-group-header.js.map +0 -1
  259. package/dist/src/nile-group-header/nile-option-header.css.d.ts +0 -12
  260. package/dist/src/nile-group-header/nile-option-header.css.js +0 -30
  261. package/dist/src/nile-group-header/nile-option-header.css.js.map +0 -1
  262. package/dist/src/nile-group-header/nile-option-header.d.ts +0 -33
  263. package/dist/src/nile-group-header/nile-option-header.js +0 -51
  264. package/dist/src/nile-group-header/nile-option-header.js.map +0 -1
  265. package/dist/src/nile-option-header/index.d.ts +0 -1
  266. package/dist/src/nile-option-header/index.js +0 -2
  267. package/dist/src/nile-option-header/index.js.map +0 -1
  268. package/dist/src/nile-option-header/nile-option-header.css.d.ts +0 -12
  269. package/dist/src/nile-option-header/nile-option-header.css.js +0 -30
  270. package/dist/src/nile-option-header/nile-option-header.css.js.map +0 -1
  271. package/dist/src/nile-option-header/nile-option-header.d.ts +0 -33
  272. package/dist/src/nile-option-header/nile-option-header.js +0 -51
  273. package/dist/src/nile-option-header/nile-option-header.js.map +0 -1
  274. package/dist/src/nile-table-row/TableRowExpandableHelper.d.ts +0 -9
  275. package/dist/src/nile-table-row/TableRowExpandableHelper.js +0 -26
  276. package/dist/src/nile-table-row/TableRowExpandableHelper.js.map +0 -1
  277. package/dist/src/nile-table-row/helper.ts.d.ts +0 -37
  278. package/dist/src/nile-table-row/helper.ts.js +0 -105
  279. package/dist/src/nile-table-row/helper.ts.js.map +0 -1
  280. package/dist/src/nile-table-row/nile-table-row-expandable.d.ts +0 -37
  281. package/dist/src/nile-table-row/nile-table-row-expandable.js +0 -105
  282. package/dist/src/nile-table-row/nile-table-row-expandable.js.map +0 -1
  283. package/dist/src/nile-table-row-expandable/index.d.ts +0 -1
  284. package/dist/src/nile-table-row-expandable/index.js +0 -2
  285. package/dist/src/nile-table-row-expandable/index.js.map +0 -1
  286. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.css.d.ts +0 -12
  287. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.css.js +0 -17
  288. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.css.js.map +0 -1
  289. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.d.ts +0 -37
  290. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.js +0 -103
  291. package/dist/src/nile-table-row-expandable/nile-table-row-expandable.js.map +0 -1
  292. package/dist/src/nile-tooltip/nile-tooltip-utils.d.ts +0 -18
  293. package/dist/src/nile-tooltip/nile-tooltip-utils.js +0 -216
  294. package/dist/src/nile-tooltip/nile-tooltip-utils.js.map +0 -1
  295. package/dist/src/nile-tooltip/nile-tooltip.test.d.ts +0 -1
  296. package/dist/src/nile-tooltip/nile-tooltip.test.js +0 -148
  297. package/dist/src/nile-tooltip/nile-tooltip.test.js.map +0 -1
@@ -1,216 +0,0 @@
1
- export function isInViewport(element) {
2
- const rect = element.getBoundingClientRect();
3
- return (rect.top >= 0 &&
4
- rect.left >= 0 &&
5
- rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
6
- rect.right <= (window.innerWidth || document.documentElement.clientWidth));
7
- }
8
- export function getValidTooltipPosition(triggerRect, tooltipRect, originalPlacement, distance, skidding, caretSize, viewportWidth, viewportHeight) {
9
- const triggerCenterX = triggerRect.left + triggerRect.width / 2;
10
- const getCandidatePosition = (placement) => {
11
- let top = 0;
12
- let left = 0;
13
- switch (placement) {
14
- case 'top':
15
- top = triggerRect.top - tooltipRect.height - distance;
16
- left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
17
- break;
18
- case 'top-start': {
19
- top = triggerRect.top - tooltipRect.height - distance;
20
- const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
21
- left = Math.max(triggerRect.left + skidding, centeredLeft);
22
- break;
23
- }
24
- case 'top-end': {
25
- top = triggerRect.top - tooltipRect.height - distance;
26
- const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
27
- const maxLeft = triggerRect.right - tooltipRect.width + skidding;
28
- left = Math.min(centeredLeft, maxLeft);
29
- break;
30
- }
31
- case 'bottom':
32
- top = triggerRect.bottom + distance;
33
- left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
34
- break;
35
- case 'bottom-start': {
36
- top = triggerRect.bottom + distance;
37
- const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
38
- left = Math.max(triggerRect.left + skidding, centeredLeft);
39
- break;
40
- }
41
- case 'bottom-end': {
42
- top = triggerRect.bottom + distance;
43
- const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;
44
- const maxLeft = triggerRect.right - tooltipRect.width + skidding;
45
- left = Math.min(centeredLeft, maxLeft);
46
- break;
47
- }
48
- case 'left':
49
- top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;
50
- left = triggerRect.left - tooltipRect.width - distance;
51
- break;
52
- case 'left-start': {
53
- const triggerCenterY = triggerRect.top + triggerRect.height / 2;
54
- top = triggerCenterY - tooltipRect.height / 2;
55
- left = triggerRect.left - tooltipRect.width - distance;
56
- if (top < triggerRect.top) {
57
- top = triggerRect.top;
58
- }
59
- break;
60
- }
61
- case 'left-end': {
62
- const triggerCenterY = triggerRect.top + triggerRect.height / 2;
63
- top = triggerCenterY - tooltipRect.height / 2;
64
- left = triggerRect.left - tooltipRect.width - distance;
65
- if (top + tooltipRect.height > triggerRect.bottom) {
66
- top = triggerRect.bottom - tooltipRect.height;
67
- }
68
- break;
69
- }
70
- case 'right':
71
- top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;
72
- left = triggerRect.right + distance;
73
- break;
74
- case 'right-start': {
75
- const triggerCenterY = triggerRect.top + triggerRect.height / 2;
76
- top = triggerCenterY - tooltipRect.height / 2;
77
- left = triggerRect.right + distance;
78
- if (top < triggerRect.top) {
79
- top = triggerRect.top;
80
- }
81
- break;
82
- }
83
- case 'right-end': {
84
- const triggerCenterY = triggerRect.top + triggerRect.height / 2;
85
- top = triggerCenterY - tooltipRect.height / 2;
86
- left = triggerRect.right + distance;
87
- if (top + tooltipRect.height > triggerRect.bottom) {
88
- top = triggerRect.bottom - tooltipRect.height;
89
- }
90
- break;
91
- }
92
- default:
93
- top = triggerRect.top - tooltipRect.height - distance;
94
- left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;
95
- }
96
- return { top, left };
97
- };
98
- const candidateFits = (top, left) => top >= 0 &&
99
- left >= 0 &&
100
- top + tooltipRect.height <= viewportHeight &&
101
- left + tooltipRect.width <= viewportWidth;
102
- let placement = originalPlacement;
103
- let candidate = getCandidatePosition(placement);
104
- if (!candidateFits(candidate.top, candidate.left)) {
105
- if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {
106
- placement = 'bottom';
107
- }
108
- else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {
109
- placement = 'top';
110
- }
111
- else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {
112
- placement = 'left';
113
- }
114
- else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {
115
- placement = 'right';
116
- }
117
- candidate = getCandidatePosition(placement);
118
- const leftCandidate = getCandidatePosition('left');
119
- const bottomCandidate = getCandidatePosition('bottom');
120
- const topCandidate = getCandidatePosition('top');
121
- if (!candidateFits(leftCandidate.top, leftCandidate.left) &&
122
- !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
123
- !candidateFits(topCandidate.top, topCandidate.left)) {
124
- placement = 'right';
125
- candidate = getCandidatePosition(placement);
126
- }
127
- else {
128
- const rightCandidate = getCandidatePosition('right');
129
- if (!candidateFits(rightCandidate.top, rightCandidate.left) &&
130
- !candidateFits(bottomCandidate.top, bottomCandidate.left) &&
131
- !candidateFits(topCandidate.top, topCandidate.left)) {
132
- placement = 'left';
133
- candidate = getCandidatePosition(placement);
134
- }
135
- }
136
- }
137
- if (candidate.left < 0) {
138
- candidate.left = 5;
139
- }
140
- else if (candidate.left + tooltipRect.width > viewportWidth) {
141
- candidate.left = viewportWidth - tooltipRect.width - 5;
142
- }
143
- if (candidate.top < 0) {
144
- candidate.top = 5;
145
- }
146
- else if (candidate.top + tooltipRect.height > viewportHeight) {
147
- candidate.top = viewportHeight - tooltipRect.height - 5;
148
- }
149
- return { ...candidate, placement };
150
- }
151
- export function getCaretPosition({ placement, tooltipRect, triggerRect, caretSize, left, top }) {
152
- const triggerCenterX = triggerRect.left + triggerRect.width / 2;
153
- const triggerCenterY = triggerRect.top + triggerRect.height / 2;
154
- const [primaryPlacement, secondaryPlacement] = placement.split('-');
155
- let caretLeft = 0;
156
- let caretTop = 0;
157
- switch (primaryPlacement) {
158
- case 'top':
159
- caretTop = tooltipRect.height - caretSize;
160
- caretLeft = triggerCenterX - left - caretSize;
161
- if (placement === 'top-end') {
162
- caretLeft = triggerCenterX - left - caretSize;
163
- }
164
- else if (secondaryPlacement === 'start') {
165
- caretLeft = triggerCenterX - left - caretSize;
166
- }
167
- else if (secondaryPlacement === 'end') {
168
- caretLeft = tooltipRect.width - 2 * caretSize + 8;
169
- }
170
- caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));
171
- break;
172
- case 'bottom':
173
- caretTop = -caretSize;
174
- caretLeft = triggerCenterX - left - caretSize;
175
- break;
176
- case 'left':
177
- caretLeft = tooltipRect.width - caretSize;
178
- if (secondaryPlacement === 'start') {
179
- const computedCaretTop = triggerCenterY - top - caretSize;
180
- const minCaretTop = triggerRect.top - top;
181
- caretTop = Math.max(computedCaretTop, minCaretTop);
182
- }
183
- else if (secondaryPlacement === 'end') {
184
- const computedCaretTop = triggerCenterY - top - caretSize;
185
- const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;
186
- caretTop = Math.min(computedCaretTop, maxCaretTop);
187
- }
188
- else {
189
- caretTop = triggerCenterY - top - caretSize;
190
- }
191
- caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));
192
- break;
193
- case 'right':
194
- caretLeft = -caretSize;
195
- if (secondaryPlacement === 'start') {
196
- const computedCaretTop = triggerCenterY - top - caretSize;
197
- const minCaretTop = triggerRect.top - top;
198
- caretTop = Math.max(computedCaretTop, minCaretTop);
199
- }
200
- else if (secondaryPlacement === 'end') {
201
- const computedCaretTop = triggerCenterY - top - caretSize;
202
- const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;
203
- caretTop = Math.min(computedCaretTop, maxCaretTop);
204
- }
205
- else {
206
- caretTop = triggerCenterY - top - caretSize;
207
- }
208
- caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));
209
- break;
210
- default:
211
- caretLeft = tooltipRect.width / 2 - caretSize;
212
- caretTop = tooltipRect.height / 2 - caretSize;
213
- }
214
- return { caretLeft, caretTop };
215
- }
216
- //# sourceMappingURL=nile-tooltip-utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-tooltip-utils.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip-utils.ts"],"names":[],"mappings":"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","sourcesContent":["export function isInViewport(element: HTMLElement): boolean {\n const rect = element.getBoundingClientRect();\n return (\n rect.top >= 0 &&\n rect.left >= 0 &&\n rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n rect.right <= (window.innerWidth || document.documentElement.clientWidth)\n );\n}\n\n\nexport function getValidTooltipPosition(\n triggerRect: DOMRect,\n tooltipRect: DOMRect,\n originalPlacement: string,\n distance: number,\n skidding: number,\n caretSize: number,\n viewportWidth: number,\n viewportHeight: number\n): { top: number; left: number; placement: string } {\n const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n\n const getCandidatePosition = (placement: string) => {\n let top = 0;\n let left = 0;\n\n switch (placement) {\n case 'top':\n top = triggerRect.top - tooltipRect.height - distance;\n left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n break;\n case 'top-start': {\n top = triggerRect.top - tooltipRect.height - distance;\n const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n left = Math.max(triggerRect.left + skidding, centeredLeft);\n break;\n }\n case 'top-end': {\n top = triggerRect.top - tooltipRect.height - distance;\n const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n left = Math.min(centeredLeft, maxLeft);\n break;\n }\n\n case 'bottom':\n top = triggerRect.bottom + distance;\n left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n break;\n case 'bottom-start': {\n top = triggerRect.bottom + distance;\n const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n left = Math.max(triggerRect.left + skidding, centeredLeft);\n\n break;\n }\n\n case 'bottom-end': {\n top = triggerRect.bottom + distance;\n const centeredLeft = triggerRect.left + (triggerRect.width / 2) - (tooltipRect.width / 2) + skidding;\n const maxLeft = triggerRect.right - tooltipRect.width + skidding;\n left = Math.min(centeredLeft, maxLeft);\n break;\n }\n\n case 'left':\n top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n left = triggerRect.left - tooltipRect.width - distance;\n break;\n case 'left-start': {\n const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n top = triggerCenterY - tooltipRect.height / 2;\n left = triggerRect.left - tooltipRect.width - distance;\n if (top < triggerRect.top) {\n top = triggerRect.top;\n }\n break;\n }\n\n case 'left-end': {\n const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n top = triggerCenterY - tooltipRect.height / 2;\n left = triggerRect.left - tooltipRect.width - distance;\n if (top + tooltipRect.height > triggerRect.bottom) {\n top = triggerRect.bottom - tooltipRect.height;\n }\n\n break;\n }\n\n case 'right':\n top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2 + skidding;\n left = triggerRect.right + distance;\n break;\n case 'right-start': {\n const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n top = triggerCenterY - tooltipRect.height / 2;\n left = triggerRect.right + distance;\n if (top < triggerRect.top) {\n top = triggerRect.top;\n }\n\n break;\n }\n\n case 'right-end': {\n const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n top = triggerCenterY - tooltipRect.height / 2;\n left = triggerRect.right + distance;\n if (top + tooltipRect.height > triggerRect.bottom) {\n top = triggerRect.bottom - tooltipRect.height;\n }\n\n break;\n }\n\n default:\n top = triggerRect.top - tooltipRect.height - distance;\n left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2 + skidding;\n }\n\n return { top, left };\n };\n\n const candidateFits = (top: number, left: number) =>\n top >= 0 &&\n left >= 0 &&\n top + tooltipRect.height <= viewportHeight &&\n left + tooltipRect.width <= viewportWidth;\n\n let placement = originalPlacement;\n let candidate = getCandidatePosition(placement);\n\n if (!candidateFits(candidate.top, candidate.left)) {\n if (['top', 'top-start', 'top-end'].includes(originalPlacement)) {\n placement = 'bottom';\n } else if (['bottom', 'bottom-start', 'bottom-end'].includes(originalPlacement)) {\n placement = 'top';\n } else if (['right', 'right-start', 'right-end'].includes(originalPlacement)) {\n placement = 'left';\n } else if (['left', 'left-start', 'left-end'].includes(originalPlacement)) {\n placement = 'right';\n }\n candidate = getCandidatePosition(placement);\n const leftCandidate = getCandidatePosition('left');\n const bottomCandidate = getCandidatePosition('bottom');\n const topCandidate = getCandidatePosition('top');\n if (\n !candidateFits(leftCandidate.top, leftCandidate.left) &&\n !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n !candidateFits(topCandidate.top, topCandidate.left)\n ) {\n placement = 'right';\n candidate = getCandidatePosition(placement);\n }\n else {\n const rightCandidate = getCandidatePosition('right');\n if (\n !candidateFits(rightCandidate.top, rightCandidate.left) &&\n !candidateFits(bottomCandidate.top, bottomCandidate.left) &&\n !candidateFits(topCandidate.top, topCandidate.left)\n ) {\n placement = 'left';\n candidate = getCandidatePosition(placement);\n }\n }\n }\n\n if (candidate.left < 0) {\n candidate.left = 5;\n } else if (candidate.left + tooltipRect.width > viewportWidth) {\n candidate.left = viewportWidth - tooltipRect.width - 5;\n }\n\n if (candidate.top < 0) {\n candidate.top = 5;\n } else if (candidate.top + tooltipRect.height > viewportHeight) {\n candidate.top = viewportHeight - tooltipRect.height - 5;\n }\n\n return { ...candidate, placement };\n}\n\n\n\nexport interface CaretPositionInput {\n placement: string;\n tooltipRect: DOMRect;\n triggerRect: DOMRect;\n caretSize: number;\n left: number;\n top: number;\n}\n\nexport function getCaretPosition({\n placement,\n tooltipRect,\n triggerRect,\n caretSize,\n left,\n top\n}: CaretPositionInput): { caretLeft: number; caretTop: number } {\n const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n const [primaryPlacement, secondaryPlacement] = placement.split('-');\n\n let caretLeft = 0;\n let caretTop = 0;\n\n switch (primaryPlacement) {\n case 'top':\n caretTop = tooltipRect.height - caretSize;\n caretLeft = triggerCenterX - left - caretSize;\n if (placement === 'top-end') {\n caretLeft = triggerCenterX - left - caretSize;\n } else if (secondaryPlacement === 'start') {\n caretLeft = triggerCenterX - left - caretSize;\n } else if (secondaryPlacement === 'end') {\n caretLeft = tooltipRect.width - 2 * caretSize + 8;\n }\n caretLeft = Math.max(caretSize, Math.min(caretLeft, tooltipRect.width - 2 * caretSize));\n break;\n\n case 'bottom':\n caretTop = -caretSize;\n caretLeft = triggerCenterX - left - caretSize;\n break;\n\n case 'left':\n caretLeft = tooltipRect.width - caretSize;\n if (secondaryPlacement === 'start') {\n const computedCaretTop = triggerCenterY - top - caretSize;\n const minCaretTop = triggerRect.top - top;\n caretTop = Math.max(computedCaretTop, minCaretTop);\n } else if (secondaryPlacement === 'end') {\n const computedCaretTop = triggerCenterY - top - caretSize;\n const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n caretTop = Math.min(computedCaretTop, maxCaretTop);\n } else {\n caretTop = triggerCenterY - top - caretSize;\n }\n caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n break;\n\n\n case 'right':\n caretLeft = -caretSize;\n if (secondaryPlacement === 'start') {\n const computedCaretTop = triggerCenterY - top - caretSize;\n const minCaretTop = triggerRect.top - top;\n caretTop = Math.max(computedCaretTop, minCaretTop);\n } else if (secondaryPlacement === 'end') {\n const computedCaretTop = triggerCenterY - top - caretSize;\n const maxCaretTop = triggerRect.bottom - top - 2 * caretSize;\n caretTop = Math.min(computedCaretTop, maxCaretTop);\n } else {\n caretTop = triggerCenterY - top - caretSize;\n }\n caretTop = Math.max(caretSize, Math.min(caretTop, tooltipRect.height - 2 * caretSize));\n break;\n\n\n default:\n caretLeft = tooltipRect.width / 2 - caretSize;\n caretTop = tooltipRect.height / 2 - caretSize;\n }\n\n return { caretLeft, caretTop };\n}\n"]}
@@ -1 +0,0 @@
1
- import './nile-tooltip';
@@ -1,148 +0,0 @@
1
- import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';
2
- import './nile-tooltip';
3
- describe('NileTooltip', () => {
4
- it('renders with default properties', async () => {
5
- const el = await fixture(html `<nile-tooltip content="Hello"><button>Hover me</button></nile-tooltip>`);
6
- assert.equal(el.content, 'Hello');
7
- assert.equal(el.placement, 'top');
8
- assert.equal(el.disabled, false);
9
- assert.equal(el.open, false);
10
- });
11
- it('renders text content when no slot is used', async () => {
12
- const el = await fixture(html `<nile-tooltip content="Fallback"><button>Trigger</button></nile-tooltip>`);
13
- const content = el.shadowRoot.querySelector('.tooltip-content');
14
- assert.include(content.textContent, 'Fallback');
15
- });
16
- it('uses slotted content when provided', async () => {
17
- const el = await fixture(html `
18
- <nile-tooltip>
19
- <div slot="content">Slot Content</div>
20
- <button>Trigger</button>
21
- </nile-tooltip>
22
- `);
23
- const slot = el.shadowRoot.querySelector('slot[name="content"]');
24
- const assigned = slot.assignedNodes({ flatten: true });
25
- assert.isAbove(assigned.length, 0);
26
- assert.include(assigned[0].textContent ?? '', 'Slot Content');
27
- });
28
- it('shows tooltip on hover when trigger includes "hover"', async () => {
29
- const el = await fixture(html `
30
- <nile-tooltip content="Tooltip" trigger="hover">
31
- <button>Hover me</button>
32
- </nile-tooltip>
33
- `);
34
- const trigger = el.shadowRoot.querySelector('.trigger-container');
35
- trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
36
- await waitUntil(() => el.open === true);
37
- assert.isTrue(el.open);
38
- });
39
- it('hides tooltip on mouseout when trigger includes "hover"', async () => {
40
- const el = await fixture(html `
41
- <nile-tooltip content="Tooltip" trigger="hover">
42
- <button>Hover me</button>
43
- </nile-tooltip>
44
- `);
45
- const trigger = el.shadowRoot.querySelector('.trigger-container');
46
- trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));
47
- await waitUntil(() => el.open === true);
48
- trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));
49
- await waitUntil(() => el.open === false);
50
- });
51
- it('toggles tooltip on click when trigger includes "click"', async () => {
52
- const el = await fixture(html `
53
- <nile-tooltip content="Click me" trigger="click">
54
- <button>Click</button>
55
- </nile-tooltip>
56
- `);
57
- const trigger = el.shadowRoot.querySelector('.trigger-container');
58
- trigger.click();
59
- await waitUntil(() => el.open === true);
60
- trigger.click();
61
- await waitUntil(() => el.open === false);
62
- });
63
- it('shows and hides tooltip on focus/blur when trigger includes "focus"', async () => {
64
- const el = await fixture(html `
65
- <nile-tooltip content="Focus" trigger="focus">
66
- <button>Focus</button>
67
- </nile-tooltip>
68
- `);
69
- const trigger = el.shadowRoot.querySelector('.trigger-container');
70
- trigger.dispatchEvent(new Event('focusin'));
71
- await waitUntil(() => el.open === true);
72
- trigger.dispatchEvent(new Event('focusout'));
73
- await waitUntil(() => el.open === false);
74
- });
75
- it('does not show tooltip when disabled', async () => {
76
- const el = await fixture(html `
77
- <nile-tooltip content="Disabled" disabled trigger="hover">
78
- <button>Hover me</button>
79
- </nile-tooltip>
80
- `);
81
- const trigger = el.shadowRoot.querySelector('.trigger-container');
82
- trigger.dispatchEvent(new Event('mouseover'));
83
- await new Promise(resolve => setTimeout(resolve, 200));
84
- assert.isFalse(el.open);
85
- });
86
- it('emits nile-show and nile-after-show events', async () => {
87
- const el = await fixture(html `
88
- <nile-tooltip content="Event test" trigger="click">
89
- <button>Click</button>
90
- </nile-tooltip>
91
- `);
92
- const trigger = el.shadowRoot.querySelector('.trigger-container');
93
- setTimeout(() => trigger.click());
94
- const showEvent = await oneEvent(el, 'nile-show');
95
- assert.ok(showEvent);
96
- const afterShow = await oneEvent(el, 'nile-after-show');
97
- assert.ok(afterShow);
98
- });
99
- it('emits nile-hide and nile-after-hide events', async () => {
100
- const el = await fixture(html `
101
- <nile-tooltip content="Event test" trigger="click">
102
- <button>Click</button>
103
- </nile-tooltip>
104
- `);
105
- const trigger = el.shadowRoot.querySelector('.trigger-container');
106
- trigger.click();
107
- await waitUntil(() => el.open === true);
108
- setTimeout(() => trigger.click());
109
- const hideEvent = await oneEvent(el, 'nile-hide');
110
- assert.ok(hideEvent);
111
- const afterHide = await oneEvent(el, 'nile-after-hide');
112
- assert.ok(afterHide);
113
- });
114
- it('defaults to "bottom" placement when given invalid value', async () => {
115
- const el = await fixture(html `
116
- <nile-tooltip content="Fallback" placement=${'invalid'} >
117
- <button>Trigger</button>
118
- </nile-tooltip>
119
- `);
120
- await el.updateComplete;
121
- assert.equal(el.placement, 'top');
122
- });
123
- it('updates hasTooltipSlot on slot change', async () => {
124
- const el = await fixture(html `
125
- <nile-tooltip>
126
- <div slot="content">Initial slot</div>
127
- <button>Trigger</button>
128
- </nile-tooltip>
129
- `);
130
- const slot = el.shadowRoot.querySelector('slot[name="content"]');
131
- const newSlotNode = document.createElement('div');
132
- newSlotNode.slot = 'content';
133
- newSlotNode.textContent = 'Updated slot';
134
- el.appendChild(newSlotNode);
135
- slot.dispatchEvent(new Event('slotchange'));
136
- await el.updateComplete;
137
- assert.isTrue(el.hasTooltipSlot);
138
- });
139
- it('respects hoist attribute', async () => {
140
- const el = await fixture(html `
141
- <nile-tooltip hoist content="Hoisted">
142
- <button>Hoist</button>
143
- </nile-tooltip>
144
- `);
145
- assert.isTrue(el.hoist);
146
- });
147
- });
148
- //# sourceMappingURL=nile-tooltip.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-tooltip.test.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,gBAAgB,CAAC;AAGxB,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAE3B,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA,wEAAwE,CAAC,CAAC;QACpH,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;QACjC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA,0EAA0E,CAAC,CAAC;QACtH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,kBAAkB,CAAE,CAAC;QAClE,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,WAAY,EAAE,UAAU,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;;KAKzC,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,sBAAsB,CAAoB,CAAC;QACrF,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QACvD,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QACnC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,EAAE,EAAE,cAAc,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QACpE,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QACxC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QACpE,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QACxC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QAChE,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAC;QAClF,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QACxC,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;QACnF,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QACpE,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;QAC5C,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QACxC,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC;QAC7C,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QACpE,OAAO,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;QAC9C,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;QACvD,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAGH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAC;QAClF,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAClC,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;QAClD,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACrB,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC;QACxD,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,OAAO,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAgB,CAAC;QAClF,OAAO,CAAC,KAAK,EAAE,CAAC;QAChB,MAAM,SAAS,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QACxC,UAAU,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;QAClC,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;QAClD,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACrB,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,EAAE,EAAE,iBAAiB,CAAC,CAAC;QACxD,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;mDACK,SAAgD;;;KAG9F,CAAC,CAAC;QACH,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAGH,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;;KAKzC,CAAC,CAAC;QAEH,MAAM,IAAI,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,sBAAsB,CAAoB,CAAC;QACrF,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClD,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC;QAC7B,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;QACzC,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAE5B,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;QAC5C,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,MAAM,CAAC,MAAM,CAAE,EAAU,CAAC,cAAc,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAc,IAAI,CAAA;;;;KAIzC,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, html, assert, oneEvent, waitUntil } from '@open-wc/testing';\nimport './nile-tooltip';\nimport { NileTooltip } from './nile-tooltip';\n\ndescribe('NileTooltip', () => {\n\n it('renders with default properties', async () => {\n const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Hello\"><button>Hover me</button></nile-tooltip>`);\n assert.equal(el.content, 'Hello');\n assert.equal(el.placement, 'top');\n assert.equal(el.disabled, false);\n assert.equal(el.open, false);\n });\n\n it('renders text content when no slot is used', async () => {\n const el = await fixture<NileTooltip>(html`<nile-tooltip content=\"Fallback\"><button>Trigger</button></nile-tooltip>`);\n const content = el.shadowRoot!.querySelector('.tooltip-content')!;\n assert.include(content.textContent!, 'Fallback');\n });\n\n it('uses slotted content when provided', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip>\n <div slot=\"content\">Slot Content</div>\n <button>Trigger</button>\n </nile-tooltip>\n `);\n\n const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n const assigned = slot.assignedNodes({ flatten: true });\n assert.isAbove(assigned.length, 0);\n assert.include(assigned[0].textContent ?? '', 'Slot Content');\n });\n\n it('shows tooltip on hover when trigger includes \"hover\"', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n `);\n const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n await waitUntil(() => el.open === true);\n assert.isTrue(el.open);\n });\n\n it('hides tooltip on mouseout when trigger includes \"hover\"', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Tooltip\" trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n `);\n const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n trigger.dispatchEvent(new Event('mouseover', { bubbles: true }));\n await waitUntil(() => el.open === true);\n trigger.dispatchEvent(new Event('mouseout', { bubbles: true }));\n await waitUntil(() => el.open === false);\n });\n\n it('toggles tooltip on click when trigger includes \"click\"', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Click me\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n `);\n const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n trigger.click();\n await waitUntil(() => el.open === true);\n trigger.click();\n await waitUntil(() => el.open === false);\n });\n\n it('shows and hides tooltip on focus/blur when trigger includes \"focus\"', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Focus\" trigger=\"focus\">\n <button>Focus</button>\n </nile-tooltip>\n `);\n const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n trigger.dispatchEvent(new Event('focusin'));\n await waitUntil(() => el.open === true);\n trigger.dispatchEvent(new Event('focusout'));\n await waitUntil(() => el.open === false);\n });\n\n it('does not show tooltip when disabled', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Disabled\" disabled trigger=\"hover\">\n <button>Hover me</button>\n </nile-tooltip>\n `);\n const trigger = el.shadowRoot!.querySelector('.trigger-container')!;\n trigger.dispatchEvent(new Event('mouseover'));\n await new Promise(resolve => setTimeout(resolve, 200));\n assert.isFalse(el.open);\n });\n\n\n it('emits nile-show and nile-after-show events', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Event test\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n `);\n const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n setTimeout(() => trigger.click());\n const showEvent = await oneEvent(el, 'nile-show');\n assert.ok(showEvent);\n const afterShow = await oneEvent(el, 'nile-after-show');\n assert.ok(afterShow);\n });\n\n it('emits nile-hide and nile-after-hide events', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Event test\" trigger=\"click\">\n <button>Click</button>\n </nile-tooltip>\n `);\n const trigger = el.shadowRoot!.querySelector('.trigger-container') as HTMLElement;\n trigger.click();\n await waitUntil(() => el.open === true);\n setTimeout(() => trigger.click());\n const hideEvent = await oneEvent(el, 'nile-hide');\n assert.ok(hideEvent);\n const afterHide = await oneEvent(el, 'nile-after-hide');\n assert.ok(afterHide);\n });\n\n it('defaults to \"bottom\" placement when given invalid value', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip content=\"Fallback\" placement=${'invalid' as unknown as NileTooltip['placement']} >\n <button>Trigger</button>\n </nile-tooltip>\n `);\n await el.updateComplete;\n assert.equal(el.placement, 'top');\n });\n\n\n it('updates hasTooltipSlot on slot change', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip>\n <div slot=\"content\">Initial slot</div>\n <button>Trigger</button>\n </nile-tooltip>\n `);\n\n const slot = el.shadowRoot!.querySelector('slot[name=\"content\"]') as HTMLSlotElement;\n const newSlotNode = document.createElement('div');\n newSlotNode.slot = 'content';\n newSlotNode.textContent = 'Updated slot';\n el.appendChild(newSlotNode);\n\n slot.dispatchEvent(new Event('slotchange'));\n await el.updateComplete;\n\n assert.isTrue((el as any).hasTooltipSlot);\n });\n\n it('respects hoist attribute', async () => {\n const el = await fixture<NileTooltip>(html`\n <nile-tooltip hoist content=\"Hoisted\">\n <button>Hoist</button>\n </nile-tooltip>\n `);\n assert.isTrue(el.hoist);\n });\n});\n"]}