@aquera/nile-elements 0.1.35-beta-2.0 → 0.1.36-beta-1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (332) hide show
  1. package/README.md +15 -65
  2. package/demo/index.css +4 -7
  3. package/demo/index.html +36 -20
  4. package/demo/variables.css +0 -13
  5. package/demo/variables_v2.css +0 -13
  6. package/dist/fixture-2b5b3aba.esm.js +569 -0
  7. package/dist/{fixture-df8b52d7.esm.js → fixture-76051ef1.esm.js} +1 -1
  8. package/dist/fixture-7bfb866e.cjs.js +395 -0
  9. package/dist/fixture-7bfb866e.cjs.js.map +1 -0
  10. package/dist/{fixture-d5b55278.cjs.js → fixture-948ae33c.cjs.js} +2 -2
  11. package/dist/{fixture-d5b55278.cjs.js.map → fixture-948ae33c.cjs.js.map} +1 -1
  12. package/dist/index.cjs.js +1 -1
  13. package/dist/index.esm.js +1 -1
  14. package/dist/internal/animate.cjs.js +1 -1
  15. package/dist/internal/animate.cjs.js.map +1 -1
  16. package/dist/internal/animate.esm.js +1 -1
  17. package/dist/lit-html-39a6718c.esm.js +6 -0
  18. package/dist/lit-html-9b3af046.cjs.js +6 -0
  19. package/dist/lit-html-9b3af046.cjs.js.map +1 -0
  20. package/dist/nile-accordion/nile-accordian.test.cjs.js +1 -1
  21. package/dist/nile-accordion/nile-accordian.test.esm.js +1 -1
  22. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js +1 -1
  23. package/dist/nile-auto-complete/nile-auto-complete.test.cjs.js.map +1 -1
  24. package/dist/nile-auto-complete/nile-auto-complete.test.esm.js +1 -1
  25. package/dist/nile-avatar/nile-avatar.test.cjs.js +1 -1
  26. package/dist/nile-avatar/nile-avatar.test.esm.js +1 -1
  27. package/dist/nile-badge/nile-badge.test.cjs.js +1 -1
  28. package/dist/nile-badge/nile-badge.test.esm.js +1 -1
  29. package/dist/nile-button/nile-button.test.cjs.js +1 -1
  30. package/dist/nile-button/nile-button.test.esm.js +1 -1
  31. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.cjs.js +1 -1
  32. package/dist/nile-button-toggle-group/nile-button-toggle-group.test.esm.js +1 -1
  33. package/dist/nile-calendar/nile-calendar.test.cjs.js +1 -1
  34. package/dist/nile-calendar/nile-calendar.test.esm.js +1 -1
  35. package/dist/nile-card/nile-card.test.cjs.js +1 -1
  36. package/dist/nile-card/nile-card.test.esm.js +1 -1
  37. package/dist/nile-checkbox/nile-checkbox.test.cjs.js +1 -1
  38. package/dist/nile-checkbox/nile-checkbox.test.esm.js +1 -1
  39. package/dist/nile-chip/nile-chip.test.cjs.js +1 -1
  40. package/dist/nile-chip/nile-chip.test.esm.js +1 -1
  41. package/dist/nile-dialog/nile-dialog.test.cjs.js +1 -1
  42. package/dist/nile-dialog/nile-dialog.test.esm.js +1 -1
  43. package/dist/nile-drawer/nile-drawer.test.cjs.js +1 -1
  44. package/dist/nile-drawer/nile-drawer.test.esm.js +1 -1
  45. package/dist/nile-dropdown/nile-dropdown.test.cjs.js +1 -1
  46. package/dist/nile-dropdown/nile-dropdown.test.esm.js +1 -1
  47. package/dist/nile-empty-state/nile-empty-state.test.cjs.js +1 -1
  48. package/dist/nile-empty-state/nile-empty-state.test.esm.js +1 -1
  49. package/dist/nile-error-message/nile-error-message.cjs.js +1 -1
  50. package/dist/nile-error-message/nile-error-message.cjs.js.map +1 -1
  51. package/dist/nile-error-message/nile-error-message.css.cjs.js +1 -1
  52. package/dist/nile-error-message/nile-error-message.css.cjs.js.map +1 -1
  53. package/dist/nile-error-message/nile-error-message.css.esm.js +4 -6
  54. package/dist/nile-error-message/nile-error-message.esm.js +4 -4
  55. package/dist/nile-error-message/nile-error-message.test.cjs.js +1 -1
  56. package/dist/nile-error-message/nile-error-message.test.esm.js +1 -1
  57. package/dist/nile-error-notification/nile-error-notification.css.cjs.js +1 -1
  58. package/dist/nile-error-notification/nile-error-notification.css.cjs.js.map +1 -1
  59. package/dist/nile-error-notification/nile-error-notification.css.esm.js +1 -1
  60. package/dist/nile-file-preview/index.cjs.js +2 -0
  61. package/dist/nile-file-preview/index.esm.js +1 -0
  62. package/dist/nile-file-preview/nile-file-preview.cjs.js +2 -0
  63. package/dist/nile-file-preview/nile-file-preview.cjs.js.map +1 -0
  64. package/dist/nile-file-preview/nile-file-preview.css.cjs.js +2 -0
  65. package/dist/nile-file-preview/nile-file-preview.css.cjs.js.map +1 -0
  66. package/dist/nile-file-preview/nile-file-preview.css.esm.js +521 -0
  67. package/dist/nile-file-preview/nile-file-preview.esm.js +3 -0
  68. package/dist/nile-file-preview/nile-file-preview.template.cjs.js +2 -0
  69. package/dist/nile-file-preview/nile-file-preview.template.cjs.js.map +1 -0
  70. package/dist/nile-file-preview/nile-file-preview.template.esm.js +117 -0
  71. package/dist/nile-file-preview/nile-file-preview.test.cjs.js +2 -0
  72. package/dist/nile-file-preview/nile-file-preview.test.cjs.js.map +1 -0
  73. package/dist/nile-file-preview/nile-file-preview.test.esm.js +1 -0
  74. package/dist/nile-file-preview/types/file-preview.enums.cjs.js +2 -0
  75. package/dist/nile-file-preview/types/file-preview.enums.cjs.js.map +1 -0
  76. package/dist/nile-file-preview/types/file-preview.enums.esm.js +1 -0
  77. package/dist/nile-file-preview/types/file-preview.interface.cjs.js +2 -0
  78. package/dist/nile-file-preview/types/file-preview.interface.cjs.js.map +1 -0
  79. package/dist/nile-file-preview/types/file-preview.interface.esm.js +1 -0
  80. package/dist/nile-file-preview/types/index.cjs.js +2 -0
  81. package/dist/nile-file-preview/types/index.cjs.js.map +1 -0
  82. package/dist/nile-file-preview/types/index.esm.js +1 -0
  83. package/dist/nile-file-preview/utils/file-preview.util.cjs.js +2 -0
  84. package/dist/nile-file-preview/utils/file-preview.util.cjs.js.map +1 -0
  85. package/dist/nile-file-preview/utils/file-preview.util.esm.js +1 -0
  86. package/dist/nile-file-preview/utils/index.cjs.js +2 -0
  87. package/dist/nile-file-preview/utils/index.cjs.js.map +1 -0
  88. package/dist/nile-file-preview/utils/index.esm.js +1 -0
  89. package/dist/nile-file-upload/index.cjs.js +2 -0
  90. package/dist/nile-file-upload/index.cjs.js.map +1 -0
  91. package/dist/nile-file-upload/index.esm.js +1 -0
  92. package/dist/nile-file-upload/nile-file-upload.cjs.js +2 -0
  93. package/dist/nile-file-upload/nile-file-upload.cjs.js.map +1 -0
  94. package/dist/nile-file-upload/nile-file-upload.css.cjs.js +2 -0
  95. package/dist/nile-file-upload/nile-file-upload.css.cjs.js.map +1 -0
  96. package/dist/nile-file-upload/nile-file-upload.css.esm.js +535 -0
  97. package/dist/nile-file-upload/nile-file-upload.esm.js +3 -0
  98. package/dist/nile-file-upload/nile-file-upload.template.cjs.js +10 -0
  99. package/dist/nile-file-upload/nile-file-upload.template.cjs.js.map +1 -0
  100. package/dist/nile-file-upload/nile-file-upload.template.esm.js +155 -0
  101. package/dist/nile-file-upload/nile-file-upload.test.cjs.js +2 -0
  102. package/dist/nile-file-upload/nile-file-upload.test.cjs.js.map +1 -0
  103. package/dist/nile-file-upload/nile-file-upload.test.esm.js +1 -0
  104. package/dist/nile-file-upload/types/file-upload.enums.cjs.js +2 -0
  105. package/dist/nile-file-upload/types/file-upload.enums.cjs.js.map +1 -0
  106. package/dist/nile-file-upload/types/file-upload.enums.esm.js +1 -0
  107. package/dist/nile-file-upload/types/file-upload.type.cjs.js +2 -0
  108. package/dist/nile-file-upload/types/file-upload.type.cjs.js.map +1 -0
  109. package/dist/nile-file-upload/types/file-upload.type.esm.js +1 -0
  110. package/dist/nile-file-upload/types/index.cjs.js +2 -0
  111. package/dist/nile-file-upload/types/index.cjs.js.map +1 -0
  112. package/dist/nile-file-upload/types/index.esm.js +1 -0
  113. package/dist/nile-file-upload/utils/drag-drop.util.cjs.js +2 -0
  114. package/dist/nile-file-upload/utils/drag-drop.util.cjs.js.map +1 -0
  115. package/dist/nile-file-upload/utils/drag-drop.util.esm.js +1 -0
  116. package/dist/nile-file-upload/utils/file-validation.util.cjs.js +2 -0
  117. package/dist/nile-file-upload/utils/file-validation.util.cjs.js.map +1 -0
  118. package/dist/nile-file-upload/utils/file-validation.util.esm.js +1 -0
  119. package/dist/nile-form-group/nile-form-group.test.cjs.js +1 -1
  120. package/dist/nile-form-group/nile-form-group.test.esm.js +1 -1
  121. package/dist/nile-form-help-text/nile-form-help-text.test.cjs.js +1 -1
  122. package/dist/nile-form-help-text/nile-form-help-text.test.esm.js +1 -1
  123. package/dist/nile-hero/nile-hero.test.cjs.js +1 -1
  124. package/dist/nile-hero/nile-hero.test.esm.js +1 -1
  125. package/dist/nile-icon/nile-icon.test.cjs.js +1 -1
  126. package/dist/nile-icon/nile-icon.test.esm.js +1 -1
  127. package/dist/nile-input/nile-input.test.cjs.js +1 -1
  128. package/dist/nile-input/nile-input.test.esm.js +1 -1
  129. package/dist/nile-link/nile-link.test.cjs.js +1 -1
  130. package/dist/nile-link/nile-link.test.esm.js +1 -1
  131. package/dist/nile-loader/nile-loader.test.cjs.js +1 -1
  132. package/dist/nile-loader/nile-loader.test.esm.js +1 -1
  133. package/dist/nile-popover/index.cjs.js +1 -1
  134. package/dist/nile-popover/index.esm.js +1 -1
  135. package/dist/nile-popover/nile-popover.cjs.js +3 -11
  136. package/dist/nile-popover/nile-popover.cjs.js.map +1 -1
  137. package/dist/nile-popover/nile-popover.esm.js +7 -13
  138. package/dist/nile-popover/nile-popover.test.cjs.js +1 -1
  139. package/dist/nile-popover/nile-popover.test.cjs.js.map +1 -1
  140. package/dist/nile-popover/nile-popover.test.esm.js +3 -3
  141. package/dist/nile-popup/nile-popup.test.cjs.js +1 -1
  142. package/dist/nile-popup/nile-popup.test.esm.js +1 -1
  143. package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js +1 -1
  144. package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js.map +1 -1
  145. package/dist/nile-progress-bar/nile-progress-bar.css.esm.js +0 -1
  146. package/dist/nile-progress-bar/nile-progress-bar.test.cjs.js +1 -1
  147. package/dist/nile-progress-bar/nile-progress-bar.test.esm.js +1 -1
  148. package/dist/nile-radio/nile-radio.test.cjs.js +1 -1
  149. package/dist/nile-radio/nile-radio.test.esm.js +1 -1
  150. package/dist/nile-radio-group/nile-radio-group.test.cjs.js +1 -1
  151. package/dist/nile-radio-group/nile-radio-group.test.esm.js +1 -1
  152. package/dist/nile-select/nile-select.cjs.js +1 -1
  153. package/dist/nile-select/nile-select.cjs.js.map +1 -1
  154. package/dist/nile-select/nile-select.esm.js +1 -1
  155. package/dist/nile-select/nile-select.test.cjs.js +1 -1
  156. package/dist/nile-select/nile-select.test.esm.js +1 -1
  157. package/dist/nile-slide-toggle/nile-slide-toggle.test.cjs.js +1 -1
  158. package/dist/nile-slide-toggle/nile-slide-toggle.test.esm.js +1 -1
  159. package/dist/nile-tab-group/nile-tab-group.test.cjs.js +1 -1
  160. package/dist/nile-tab-group/nile-tab-group.test.esm.js +1 -1
  161. package/dist/nile-table/nile-table.cjs.js.map +1 -1
  162. package/dist/nile-textarea/nile-textarea.test.cjs.js +1 -1
  163. package/dist/nile-textarea/nile-textarea.test.esm.js +1 -1
  164. package/dist/nile-tooltip/index.cjs.js +1 -1
  165. package/dist/nile-tooltip/index.esm.js +1 -1
  166. package/dist/nile-tooltip/nile-tooltip.cjs.js +1 -1
  167. package/dist/nile-tooltip/nile-tooltip.cjs.js.map +1 -1
  168. package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
  169. package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
  170. package/dist/nile-tooltip/nile-tooltip.css.esm.js +45 -78
  171. package/dist/nile-tooltip/nile-tooltip.esm.js +28 -23
  172. package/dist/src/index.d.ts +2 -1
  173. package/dist/src/index.js +2 -1
  174. package/dist/src/index.js.map +1 -1
  175. package/dist/src/nile-error-message/nile-error-message.css.js +4 -6
  176. package/dist/src/nile-error-message/nile-error-message.css.js.map +1 -1
  177. package/dist/src/nile-error-message/nile-error-message.d.ts +0 -4
  178. package/dist/src/nile-error-message/nile-error-message.js +0 -20
  179. package/dist/src/nile-error-message/nile-error-message.js.map +1 -1
  180. package/dist/src/nile-error-notification/nile-error-notification.css.js +1 -1
  181. package/dist/src/nile-error-notification/nile-error-notification.css.js.map +1 -1
  182. package/dist/src/nile-file-preview/index.d.ts +1 -0
  183. package/dist/src/nile-file-preview/index.js +2 -0
  184. package/dist/src/nile-file-preview/index.js.map +1 -0
  185. package/dist/src/{nile-filter-chip/nile-filter-chip.css.d.ts → nile-file-preview/nile-file-preview.css.d.ts} +1 -1
  186. package/dist/src/nile-file-preview/nile-file-preview.css.js +533 -0
  187. package/dist/src/nile-file-preview/nile-file-preview.css.js.map +1 -0
  188. package/dist/src/nile-file-preview/nile-file-preview.d.ts +48 -0
  189. package/dist/src/nile-file-preview/nile-file-preview.js +149 -0
  190. package/dist/src/nile-file-preview/nile-file-preview.js.map +1 -0
  191. package/dist/src/nile-file-preview/nile-file-preview.template.d.ts +11 -0
  192. package/dist/src/nile-file-preview/nile-file-preview.template.js +144 -0
  193. package/dist/src/nile-file-preview/nile-file-preview.template.js.map +1 -0
  194. package/dist/src/nile-file-preview/nile-file-preview.test.d.ts +7 -0
  195. package/dist/src/nile-file-preview/nile-file-preview.test.js +30 -0
  196. package/dist/src/nile-file-preview/nile-file-preview.test.js.map +1 -0
  197. package/dist/src/nile-file-preview/types/file-preview.enums.d.ts +23 -0
  198. package/dist/src/nile-file-preview/types/file-preview.enums.js +28 -0
  199. package/dist/src/nile-file-preview/types/file-preview.enums.js.map +1 -0
  200. package/dist/src/nile-file-preview/types/file-preview.interface.d.ts +4 -0
  201. package/dist/src/nile-file-preview/types/file-preview.interface.js +2 -0
  202. package/dist/src/nile-file-preview/types/file-preview.interface.js.map +1 -0
  203. package/dist/src/nile-file-preview/types/index.d.ts +2 -0
  204. package/dist/src/nile-file-preview/types/index.js +3 -0
  205. package/dist/src/nile-file-preview/types/index.js.map +1 -0
  206. package/dist/src/nile-file-preview/utils/file-preview.util.d.ts +3 -0
  207. package/dist/src/nile-file-preview/utils/file-preview.util.js +29 -0
  208. package/dist/src/nile-file-preview/utils/file-preview.util.js.map +1 -0
  209. package/dist/src/nile-file-preview/utils/index.d.ts +1 -0
  210. package/dist/src/nile-file-preview/utils/index.js +2 -0
  211. package/dist/src/nile-file-preview/utils/index.js.map +1 -0
  212. package/dist/src/nile-file-upload/index.d.ts +1 -0
  213. package/dist/src/nile-file-upload/index.js +2 -0
  214. package/dist/src/{nile-filter-chip → nile-file-upload}/index.js.map +1 -1
  215. package/dist/src/nile-file-upload/nile-file-upload.css.d.ts +12 -0
  216. package/dist/src/nile-file-upload/nile-file-upload.css.js +547 -0
  217. package/dist/src/nile-file-upload/nile-file-upload.css.js.map +1 -0
  218. package/dist/src/nile-file-upload/nile-file-upload.d.ts +45 -0
  219. package/dist/src/nile-file-upload/nile-file-upload.js +148 -0
  220. package/dist/src/nile-file-upload/nile-file-upload.js.map +1 -0
  221. package/dist/src/nile-file-upload/nile-file-upload.template.d.ts +11 -0
  222. package/dist/src/nile-file-upload/nile-file-upload.template.js +163 -0
  223. package/dist/src/nile-file-upload/nile-file-upload.template.js.map +1 -0
  224. package/dist/src/nile-file-upload/nile-file-upload.test.d.ts +7 -0
  225. package/dist/src/nile-file-upload/nile-file-upload.test.js +30 -0
  226. package/dist/src/nile-file-upload/nile-file-upload.test.js.map +1 -0
  227. package/dist/src/nile-file-upload/types/file-upload.enums.d.ts +28 -0
  228. package/dist/src/nile-file-upload/types/file-upload.enums.js +35 -0
  229. package/dist/src/nile-file-upload/types/file-upload.enums.js.map +1 -0
  230. package/dist/src/nile-file-upload/types/file-upload.type.d.ts +4 -0
  231. package/dist/src/nile-file-upload/types/file-upload.type.js +2 -0
  232. package/dist/src/nile-file-upload/types/file-upload.type.js.map +1 -0
  233. package/dist/src/nile-file-upload/types/index.d.ts +2 -0
  234. package/dist/src/nile-file-upload/types/index.js +3 -0
  235. package/dist/src/nile-file-upload/types/index.js.map +1 -0
  236. package/dist/src/nile-file-upload/utils/drag-drop.util.d.ts +19 -0
  237. package/dist/src/nile-file-upload/utils/drag-drop.util.js +77 -0
  238. package/dist/src/nile-file-upload/utils/drag-drop.util.js.map +1 -0
  239. package/dist/src/nile-file-upload/utils/file-validation.util.d.ts +9 -0
  240. package/dist/src/nile-file-upload/utils/file-validation.util.js +58 -0
  241. package/dist/src/nile-file-upload/utils/file-validation.util.js.map +1 -0
  242. package/dist/src/nile-progress-bar/nile-progress-bar.css.js +0 -1
  243. package/dist/src/nile-progress-bar/nile-progress-bar.css.js.map +1 -1
  244. package/dist/src/nile-select/nile-select.js +1 -1
  245. package/dist/src/nile-select/nile-select.js.map +1 -1
  246. package/dist/src/nile-table/nile-table.js.map +1 -1
  247. package/dist/src/nile-tooltip/nile-tooltip.css.js +43 -76
  248. package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
  249. package/dist/src/nile-tooltip/nile-tooltip.d.ts +46 -24
  250. package/dist/src/nile-tooltip/nile-tooltip.js +232 -235
  251. package/dist/src/nile-tooltip/nile-tooltip.js.map +1 -1
  252. package/dist/tsconfig.tsbuildinfo +1 -1
  253. package/package.json +2 -2
  254. package/plop-templates/lit/index.ts.hbs +1 -1
  255. package/plop-templates/lit/lit.css.ts.hbs +1 -1
  256. package/plop-templates/lit/lit.ts.hbs +3 -7
  257. package/plopfile.js +1 -32
  258. package/src/index.ts +2 -1
  259. package/src/nile-error-message/nile-error-message.css.ts +4 -6
  260. package/src/nile-error-message/nile-error-message.ts +0 -18
  261. package/src/nile-error-notification/nile-error-notification.css.ts +1 -1
  262. package/src/nile-file-preview/index.ts +1 -0
  263. package/src/nile-file-preview/nile-file-preview.css.ts +535 -0
  264. package/src/nile-file-preview/nile-file-preview.template.ts +174 -0
  265. package/{plop-templates/lit/lit.test.ts.hbs → src/nile-file-preview/nile-file-preview.test.ts} +5 -5
  266. package/src/nile-file-preview/nile-file-preview.ts +146 -0
  267. package/src/nile-file-preview/types/file-preview.enums.ts +26 -0
  268. package/src/nile-file-preview/types/file-preview.interface.ts +4 -0
  269. package/src/nile-file-preview/types/index.ts +2 -0
  270. package/src/nile-file-preview/utils/file-preview.util.ts +34 -0
  271. package/src/nile-file-preview/utils/index.ts +1 -0
  272. package/src/nile-file-upload/index.ts +1 -0
  273. package/src/nile-file-upload/nile-file-upload.css.ts +549 -0
  274. package/src/nile-file-upload/nile-file-upload.template.ts +194 -0
  275. package/src/nile-file-upload/nile-file-upload.test.ts +38 -0
  276. package/src/nile-file-upload/nile-file-upload.ts +138 -0
  277. package/src/nile-file-upload/types/file-upload.enums.ts +32 -0
  278. package/src/nile-file-upload/types/file-upload.type.ts +5 -0
  279. package/src/nile-file-upload/types/index.ts +2 -0
  280. package/src/nile-file-upload/utils/drag-drop.util.ts +95 -0
  281. package/src/nile-file-upload/utils/file-validation.util.ts +80 -0
  282. package/src/nile-progress-bar/nile-progress-bar.css.ts +0 -1
  283. package/src/nile-select/nile-select.ts +1 -1
  284. package/src/nile-table/nile-table.ts +2 -2
  285. package/src/nile-tooltip/nile-tooltip.css.ts +44 -77
  286. package/src/nile-tooltip/nile-tooltip.ts +230 -268
  287. package/vscode-html-custom-data.json +203 -118
  288. package/dist/nile-filter-chip/index.cjs.js +0 -2
  289. package/dist/nile-filter-chip/index.esm.js +0 -1
  290. package/dist/nile-filter-chip/nile-filter-chip.cjs.js +0 -2
  291. package/dist/nile-filter-chip/nile-filter-chip.cjs.js.map +0 -1
  292. package/dist/nile-filter-chip/nile-filter-chip.css.cjs.js +0 -2
  293. package/dist/nile-filter-chip/nile-filter-chip.css.cjs.js.map +0 -1
  294. package/dist/nile-filter-chip/nile-filter-chip.css.esm.js +0 -121
  295. package/dist/nile-filter-chip/nile-filter-chip.esm.js +0 -43
  296. package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js +0 -2
  297. package/dist/nile-filter-chip/nile-filter-chip.test.cjs.js.map +0 -1
  298. package/dist/nile-filter-chip/nile-filter-chip.test.esm.js +0 -20
  299. package/dist/nile-tooltip/nile-tooltip-utils.cjs.js +0 -2
  300. package/dist/nile-tooltip/nile-tooltip-utils.cjs.js.map +0 -1
  301. package/dist/nile-tooltip/nile-tooltip-utils.esm.js +0 -1
  302. package/dist/nile-tooltip/nile-tooltip.test.cjs.js +0 -2
  303. package/dist/nile-tooltip/nile-tooltip.test.cjs.js.map +0 -1
  304. package/dist/nile-tooltip/nile-tooltip.test.esm.js +0 -47
  305. package/dist/src/nile-filter-chip/index.d.ts +0 -1
  306. package/dist/src/nile-filter-chip/index.js +0 -2
  307. package/dist/src/nile-filter-chip/nile-filter-chip.css.js +0 -133
  308. package/dist/src/nile-filter-chip/nile-filter-chip.css.js.map +0 -1
  309. package/dist/src/nile-filter-chip/nile-filter-chip.d.ts +0 -36
  310. package/dist/src/nile-filter-chip/nile-filter-chip.js +0 -141
  311. package/dist/src/nile-filter-chip/nile-filter-chip.js.map +0 -1
  312. package/dist/src/nile-filter-chip/nile-filter-chip.test.d.ts +0 -1
  313. package/dist/src/nile-filter-chip/nile-filter-chip.test.js +0 -80
  314. package/dist/src/nile-filter-chip/nile-filter-chip.test.js.map +0 -1
  315. package/dist/src/nile-tooltip/nile-tooltip-utils.d.ts +0 -18
  316. package/dist/src/nile-tooltip/nile-tooltip-utils.js +0 -216
  317. package/dist/src/nile-tooltip/nile-tooltip-utils.js.map +0 -1
  318. package/dist/src/nile-tooltip/nile-tooltip.test.d.ts +0 -1
  319. package/dist/src/nile-tooltip/nile-tooltip.test.js +0 -148
  320. package/dist/src/nile-tooltip/nile-tooltip.test.js.map +0 -1
  321. package/plop-templates/lit/lit.template.ts.hbs +0 -3
  322. package/plop-templates/lit/sub-components/index.ts.hbs +0 -4
  323. package/plop-templates/lit/types/index.ts.hbs +0 -0
  324. package/plop-templates/lit/types/type.ts.hbs +0 -3
  325. package/plop-templates/lit/utils/lit.utils.ts.hbs +0 -4
  326. package/src/nile-filter-chip/index.ts +0 -1
  327. package/src/nile-filter-chip/nile-filter-chip.css.ts +0 -138
  328. package/src/nile-filter-chip/nile-filter-chip.test.ts +0 -92
  329. package/src/nile-filter-chip/nile-filter-chip.ts +0 -136
  330. package/src/nile-tooltip/nile-tooltip-utils.ts +0 -271
  331. package/src/nile-tooltip/nile-tooltip.test.ts +0 -168
  332. /package/dist/{nile-filter-chip → nile-file-preview}/index.cjs.js.map +0 -0
@@ -1,133 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2023
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- import { css } from 'lit';
8
- /**
9
- * FilterChip CSS
10
- */
11
- export const styles = css `
12
-
13
-
14
- .filter-chips {
15
- display: flex;
16
- align-items: center;
17
- }
18
-
19
-
20
- .chip {
21
- display: inline-flex;
22
- align-items: center;
23
- height: 30px;
24
- padding: 8px;
25
- border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);
26
- border-radius: 4px;
27
- font-size: 14px;
28
- background-color: var(--nile-filter-chip-background-default);
29
- color: var(--nile-filter-chip-text-default);
30
- transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
31
- cursor: pointer;
32
- box-sizing: border-box;
33
- }
34
-
35
- .chip:hover {
36
- background-color: var(--nile-filter-chip-hover-background);
37
- }
38
- .chip:active {
39
- background-color: var(--nile-filter-chip-active-background);
40
- border-color: var(--nile-filter-chip-active-border-color-stroke);
41
- }
42
- :host([active]) .chip {
43
- background-color: var(--nile-filter-chip-active-background);
44
- border-color: var(--nile-filter-chip-active-border-color-stroke);
45
- }
46
-
47
-
48
- .icon {
49
- color: var(--nile-filter-chip-icon-color-default);
50
- display: flex;
51
- align-items: center;
52
- justify-content: center;
53
- vertical-align: middle;
54
- position: relative;
55
- top: 12px;
56
- }
57
-
58
- .label {
59
- font-weight: 500;
60
- color: var(--nile-filter-chip-label-color-default);
61
- }
62
-
63
- nile-badge::part(base) {
64
- width: auto;
65
- height: 14px;
66
- border-radius: 100px;
67
- padding: 6px;
68
- gap: 10px;
69
- font-size: 8px;
70
- display: inline-flex;
71
- align-items: center;
72
- justify-content: center;
73
- line-height: 1;
74
- }
75
-
76
- .chip-container {
77
- display: flex;
78
- justify-content: space-between;
79
- align-items: center;
80
- width: 100%;
81
- }
82
-
83
- .clear-all-container {
84
- margin-left: 18px;
85
- white-space: nowrap;
86
- cursor: pointer;
87
- }
88
-
89
-
90
- .value {
91
- color: var(--nile-filter-chip-values-color-default);
92
- display: inline-block;
93
- overflow: hidden;
94
- text-overflow: ellipsis;
95
- white-space: nowrap;
96
- max-width: 140px;
97
- vertical-align: bottom;
98
- }
99
-
100
-
101
- .close-icon {
102
- color: var(--nile-filter-chip-close-icon-color-default);
103
- cursor: pointer;
104
- display: flex;
105
- align-items: center;
106
- border-radius: 50%;
107
- transition: background-color 0.2s;
108
- }
109
-
110
- .close-icon:hover {
111
- background-color: var(--nile-filter-chip-close-icon-hover-background);
112
- color: var(--nile-filter-chip-close-icon-hover-color);
113
- }
114
-
115
- .label-wrapper {
116
- margin-right: 4px;
117
- }
118
-
119
- ::slotted([slot="icon"]) {
120
- margin-right: 6px;
121
- }
122
-
123
- .value-wrapper {
124
- margin-right: 4px;
125
- }
126
-
127
- .badge-wrapper {
128
- margin-right: 12px;
129
- }
130
-
131
- `;
132
- export default [styles];
133
- //# sourceMappingURL=nile-filter-chip.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-filter-chip.css.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * FilterChip CSS\n */\n\nexport const styles = css`\n\n\n .filter-chips {\n display: flex;\n align-items: center;\n }\n\n\n .chip {\n display: inline-flex;\n align-items: center;\n height: 30px;\n padding: 8px;\n border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);\n border-radius: 4px;\n font-size: 14px;\n background-color: var(--nile-filter-chip-background-default);\n color: var(--nile-filter-chip-text-default);\n transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;\n cursor: pointer;\n box-sizing: border-box;\n }\n\n .chip:hover {\n background-color: var(--nile-filter-chip-hover-background);\n }\n .chip:active {\n background-color: var(--nile-filter-chip-active-background);\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n:host([active]) .chip {\n background-color: var(--nile-filter-chip-active-background);\n border-color: var(--nile-filter-chip-active-border-color-stroke);\n}\n\n\n .icon {\n color: var(--nile-filter-chip-icon-color-default);\n display: flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n position: relative;\n top: 12px;\n }\n\n .label {\n font-weight: 500;\n color: var(--nile-filter-chip-label-color-default);\n }\n\n nile-badge::part(base) {\n width: auto;\n height: 14px;\n border-radius: 100px;\n padding: 6px;\n gap: 10px;\n font-size: 8px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n }\n\n .chip-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .clear-all-container {\n margin-left: 18px;\n white-space: nowrap;\n cursor: pointer;\n }\n\n\n .value {\n color: var(--nile-filter-chip-values-color-default);\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n max-width: 140px;\n vertical-align: bottom;\n}\n\n\n .close-icon {\n color: var(--nile-filter-chip-close-icon-color-default);\n cursor: pointer;\n display: flex;\n align-items: center;\n border-radius: 50%;\n transition: background-color 0.2s;\n }\n\n .close-icon:hover {\n background-color: var(--nile-filter-chip-close-icon-hover-background);\n color: var(--nile-filter-chip-close-icon-hover-color);\n }\n\n.label-wrapper {\n margin-right: 4px;\n}\n\n::slotted([slot=\"icon\"]) {\n margin-right: 6px;\n}\n\n.value-wrapper {\n margin-right: 4px; \n}\n\n.badge-wrapper {\n margin-right: 12px; \n}\n\n`;\n\nexport default [styles];\n\n "]}
@@ -1,36 +0,0 @@
1
- import { CSSResultArray, TemplateResult } from 'lit';
2
- import NileElement from '../internal/nile-element';
3
- /**
4
- * Nile filter-chip component.
5
- *
6
- * @tag nile-filter-chip
7
- */
8
- export declare class NileFilterChip extends NileElement {
9
- label: string;
10
- text: string;
11
- viewMoreCount: number;
12
- editable: boolean;
13
- closable: boolean;
14
- icon: string;
15
- removeIcon: string;
16
- active: boolean;
17
- private static activeChips;
18
- static get styles(): CSSResultArray;
19
- connectedCallback(): void;
20
- disconnectedCallback(): void;
21
- private registerChip;
22
- private unregisterChip;
23
- private handleClose;
24
- private handleClick;
25
- private getLabelSlot;
26
- private getValueSlot;
27
- private getviewMoreCountSlot;
28
- private getCloseIconSlot;
29
- render(): TemplateResult;
30
- }
31
- export default NileFilterChip;
32
- declare global {
33
- interface HTMLElementTagNameMap {
34
- 'nile-filter-chip': NileFilterChip;
35
- }
36
- }
@@ -1,141 +0,0 @@
1
- var NileFilterChip_1;
2
- import { __decorate } from "tslib";
3
- import { html } from 'lit';
4
- import { customElement, property } from 'lit/decorators.js';
5
- import NileElement from '../internal/nile-element';
6
- import { styles } from './nile-filter-chip.css';
7
- /**
8
- * Nile filter-chip component.
9
- *
10
- * @tag nile-filter-chip
11
- */
12
- let NileFilterChip = NileFilterChip_1 = class NileFilterChip extends NileElement {
13
- constructor() {
14
- super(...arguments);
15
- this.label = '';
16
- this.text = '';
17
- this.viewMoreCount = 0;
18
- this.editable = false;
19
- this.closable = false;
20
- this.icon = '';
21
- this.removeIcon = '';
22
- this.active = false;
23
- }
24
- static get styles() {
25
- return [styles];
26
- }
27
- connectedCallback() {
28
- super.connectedCallback();
29
- this.registerChip();
30
- }
31
- disconnectedCallback() {
32
- super.disconnectedCallback();
33
- this.unregisterChip();
34
- }
35
- registerChip() {
36
- NileFilterChip_1.activeChips.push(this);
37
- }
38
- unregisterChip() {
39
- NileFilterChip_1.activeChips = NileFilterChip_1.activeChips.filter((chip) => chip !== this);
40
- }
41
- handleClose(event) {
42
- event.stopPropagation();
43
- this.dispatchEvent(new CustomEvent('nile-close', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } }));
44
- this.remove();
45
- }
46
- handleClick() {
47
- this.dispatchEvent(new CustomEvent('nile-click', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } }));
48
- }
49
- getLabelSlot() {
50
- return html `
51
- <span class="label-wrapper">
52
- <slot name="label">
53
- <span class="label">${this.label}:</span>
54
- </slot>
55
- </span>
56
-
57
- `;
58
- }
59
- getValueSlot() {
60
- return html `
61
- <span class="value-wrapper">
62
- <slot name="value">
63
- <span class="value">${this.text}</span>
64
- </slot>
65
- </span>
66
-
67
- `;
68
- }
69
- getviewMoreCountSlot() {
70
- return html `
71
- <slot name="suffix">
72
- ${this.viewMoreCount
73
- ? html `
74
- <span class="badge-wrapper">
75
- <nile-badge variant="primary" pilltype="pill-color">
76
- +${this.viewMoreCount}
77
- </nile-badge>
78
- </span>
79
-
80
- `
81
- : html ``}
82
- </slot>
83
- `;
84
- }
85
- getCloseIconSlot() {
86
- return html `
87
- ${this.closable
88
- ? html `
89
- <span class="close-icon" @click="${this.handleClose}">
90
- <nile-icon name="${this.removeIcon || 'close'}" size="12"></nile-icon>
91
- </span>
92
- `
93
- : html ``}
94
- `;
95
- }
96
- render() {
97
- return html `
98
- <div class="chip" @click="${this.handleClick}">
99
- <slot name="icon">
100
- ${this.icon ? html `<span class="icon">${this.icon}</span>` : html ``}
101
- </slot>
102
- ${this.getLabelSlot()}
103
- <slot name="content"></slot>
104
- ${this.getValueSlot()}
105
- ${this.getviewMoreCountSlot()}
106
- ${this.getCloseIconSlot()}
107
- </div>
108
- `;
109
- }
110
- };
111
- NileFilterChip.activeChips = [];
112
- __decorate([
113
- property({ type: String })
114
- ], NileFilterChip.prototype, "label", void 0);
115
- __decorate([
116
- property({ type: String })
117
- ], NileFilterChip.prototype, "text", void 0);
118
- __decorate([
119
- property({ type: Number })
120
- ], NileFilterChip.prototype, "viewMoreCount", void 0);
121
- __decorate([
122
- property({ type: Boolean })
123
- ], NileFilterChip.prototype, "editable", void 0);
124
- __decorate([
125
- property({ type: Boolean })
126
- ], NileFilterChip.prototype, "closable", void 0);
127
- __decorate([
128
- property({ type: String })
129
- ], NileFilterChip.prototype, "icon", void 0);
130
- __decorate([
131
- property({ type: String })
132
- ], NileFilterChip.prototype, "removeIcon", void 0);
133
- __decorate([
134
- property({ type: Boolean, reflect: true })
135
- ], NileFilterChip.prototype, "active", void 0);
136
- NileFilterChip = NileFilterChip_1 = __decorate([
137
- customElement('nile-filter-chip')
138
- ], NileFilterChip);
139
- export { NileFilterChip };
140
- export default NileFilterChip;
141
- //# sourceMappingURL=nile-filter-chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-filter-chip.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport NileElement from '../internal/nile-element';\nimport { styles } from './nile-filter-chip.css';\n\n/**\n * Nile filter-chip component.\n *\n * @tag nile-filter-chip\n */\n@customElement('nile-filter-chip')\nexport class NileFilterChip extends NileElement {\n @property({ type: String }) label = '';\n @property({ type: String }) text = '';\n @property({ type: Number }) viewMoreCount: number = 0;\n @property({ type: Boolean }) editable = false;\n @property({ type: Boolean }) closable = false;\n @property({ type: String }) icon = '';\n @property({ type: String }) removeIcon = '';\n @property({ type: Boolean, reflect: true }) active = false;\n\n\n private static activeChips: NileFilterChip[] = [];\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.registerChip();\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.unregisterChip();\n }\n\n private registerChip() {\n NileFilterChip.activeChips.push(this);\n }\n\n private unregisterChip() {\n NileFilterChip.activeChips = NileFilterChip.activeChips.filter(\n (chip) => chip !== this\n );\n }\n\n private handleClose(event: Event) {\n event.stopPropagation();\n this.dispatchEvent(\n new CustomEvent('nile-close', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } })\n );\n this.remove();\n }\n\n private handleClick() {\n this.dispatchEvent(\n new CustomEvent('nile-click', { detail: { text: this.text, viewMoreCount: this.viewMoreCount } })\n );\n }\n\n private getLabelSlot(): TemplateResult {\n return html`\n <span class=\"label-wrapper\">\n <slot name=\"label\">\n <span class=\"label\">${this.label}:</span>\n </slot>\n </span>\n\n `;\n }\n\n private getValueSlot(): TemplateResult {\n return html`\n <span class=\"value-wrapper\">\n <slot name=\"value\">\n <span class=\"value\">${this.text}</span>\n </slot>\n </span>\n\n `;\n }\n\n private getviewMoreCountSlot(): TemplateResult {\n return html`\n <slot name=\"suffix\">\n ${this.viewMoreCount\n ? html`\n <span class=\"badge-wrapper\">\n <nile-badge variant=\"primary\" pilltype=\"pill-color\">\n +${this.viewMoreCount}\n </nile-badge>\n </span>\n\n `\n : html``}\n </slot>\n `;\n }\n\n private getCloseIconSlot(): TemplateResult {\n return html`\n ${this.closable\n ? html`\n <span class=\"close-icon\" @click=\"${this.handleClose}\">\n <nile-icon name=\"${this.removeIcon || 'close'}\" size=\"12\"></nile-icon>\n </span>\n `\n : html``}\n `;\n }\n\n public render(): TemplateResult {\n return html`\n <div class=\"chip\" @click=\"${this.handleClick}\">\n <slot name=\"icon\">\n ${this.icon ? html`<span class=\"icon\">${this.icon}</span>` : html``}\n </slot>\n ${this.getLabelSlot()}\n <slot name=\"content\"></slot>\n ${this.getValueSlot()}\n ${this.getviewMoreCountSlot()}\n ${this.getCloseIconSlot()}\n </div>\n `;\n }\n}\n\nexport default NileFilterChip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-filter-chip': NileFilterChip;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- import './nile-filter-chip';
@@ -1,80 +0,0 @@
1
- import { fixture, expect, html, oneEvent } from '@open-wc/testing';
2
- import './nile-filter-chip';
3
- import { NileFilterChip } from './nile-filter-chip';
4
- describe('<nile-filter-chip>', () => {
5
- afterEach(() => {
6
- NileFilterChip.activeChips = [];
7
- });
8
- it('registers and unregisters itself in activeChips', async () => {
9
- const el = await fixture(html `
10
- <nile-filter-chip label="L" text="T"></nile-filter-chip>
11
- `);
12
- expect(NileFilterChip.activeChips).to.include(el);
13
- el.remove();
14
- await el.updateComplete;
15
- expect(NileFilterChip.activeChips).to.not.include(el);
16
- });
17
- it('renders fallback label and text', async () => {
18
- const el = await fixture(html `
19
- <nile-filter-chip label="MyLabel" text="MyText"></nile-filter-chip>
20
- `);
21
- const label = el.shadowRoot.querySelector('.label');
22
- const value = el.shadowRoot.querySelector('.value');
23
- expect(label.textContent).to.equal('MyLabel:');
24
- expect(value.textContent.trim()).to.equal('MyText');
25
- });
26
- it('renders slotted label and value over fallback', async () => {
27
- const el = await fixture(html `
28
- <nile-filter-chip>
29
- <span slot="label">SLOT-LBL</span>
30
- <span slot="value">SLOT-VAL</span>
31
- </nile-filter-chip>
32
- `);
33
- const slottedLabel = el.querySelector('[slot="label"]');
34
- const slottedValue = el.querySelector('[slot="value"]');
35
- expect(slottedLabel.textContent).to.equal('SLOT-LBL');
36
- expect(slottedValue.textContent).to.equal('SLOT-VAL');
37
- });
38
- it('renders an icon when the `icon` property is set', async () => {
39
- const el = await fixture(html `
40
- <nile-filter-chip icon="★" label="L" text="T"></nile-filter-chip>
41
- `);
42
- const iconSpan = el.shadowRoot.querySelector('.icon');
43
- expect(iconSpan).to.exist;
44
- expect(iconSpan.textContent).to.equal('★');
45
- });
46
- it('does not render a badge when viewMoreCount is zero', async () => {
47
- const el = await fixture(html `
48
- <nile-filter-chip viewMoreCount="0" label="L" text="T"></nile-filter-chip>
49
- `);
50
- expect(el.shadowRoot.querySelector('nile-badge')).to.be.null;
51
- });
52
- it('renders a +badge when viewMoreCount > 0', async () => {
53
- const el = await fixture(html `
54
- <nile-filter-chip viewMoreCount="5" label="L" text="T"></nile-filter-chip>
55
- `);
56
- const badge = el.shadowRoot.querySelector('nile-badge');
57
- expect(badge).to.exist;
58
- expect(badge.textContent).to.contain('+5');
59
- });
60
- it('dispatches `nile-click` on chip click', async () => {
61
- const el = await fixture(html `
62
- <nile-filter-chip label="L" text="T"></nile-filter-chip>
63
- `);
64
- const chip = el.shadowRoot.querySelector('.chip');
65
- setTimeout(() => chip.click());
66
- const ev = await oneEvent(el, 'nile-click');
67
- expect(ev.detail).to.deep.equal({ text: 'T', viewMoreCount: 0 });
68
- });
69
- it('dispatches `nile-close` on close icon click and removes itself', async () => {
70
- const el = await fixture(html `
71
- <nile-filter-chip closable viewMoreCount="2" text="TT"></nile-filter-chip>
72
- `);
73
- const closeIcon = el.shadowRoot.querySelector('.close-icon');
74
- setTimeout(() => closeIcon.click());
75
- const ev = await oneEvent(el, 'nile-close');
76
- expect(ev.detail).to.deep.equal({ text: 'TT', viewMoreCount: 2 });
77
- expect(document.body.contains(el)).to.be.false;
78
- });
79
- });
80
- //# sourceMappingURL=nile-filter-chip.test.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-filter-chip.test.js","sourceRoot":"","sources":["../../../src/nile-filter-chip/nile-filter-chip.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, html, oneEvent } from '@open-wc/testing';\nimport './nile-filter-chip';\nimport { NileFilterChip } from './nile-filter-chip';\n\ndescribe('<nile-filter-chip>', () => {\n afterEach(() => {\n (NileFilterChip as any).activeChips = [];\n });\n\n it('registers and unregisters itself in activeChips', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip label=\"L\" text=\"T\"></nile-filter-chip>\n `);\n expect((NileFilterChip as any).activeChips).to.include(el);\n el.remove();\n await el.updateComplete;\n expect((NileFilterChip as any).activeChips).to.not.include(el);\n });\n\n it('renders fallback label and text', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip label=\"MyLabel\" text=\"MyText\"></nile-filter-chip>\n `);\n const label = el.shadowRoot!.querySelector('.label')! as HTMLElement;\n const value = el.shadowRoot!.querySelector('.value')! as HTMLElement;\n expect(label.textContent).to.equal('MyLabel:');\n expect(value.textContent!.trim()).to.equal('MyText');\n });\n\n it('renders slotted label and value over fallback', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip>\n <span slot=\"label\">SLOT-LBL</span>\n <span slot=\"value\">SLOT-VAL</span>\n </nile-filter-chip>\n `);\n const slottedLabel = el.querySelector('[slot=\"label\"]')! as HTMLElement;\n const slottedValue = el.querySelector('[slot=\"value\"]')! as HTMLElement;\n expect(slottedLabel.textContent).to.equal('SLOT-LBL');\n expect(slottedValue.textContent).to.equal('SLOT-VAL');\n });\n\n it('renders an icon when the `icon` property is set', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip icon=\"★\" label=\"L\" text=\"T\"></nile-filter-chip>\n `);\n const iconSpan = el.shadowRoot!.querySelector('.icon')! as HTMLElement;\n expect(iconSpan).to.exist;\n expect(iconSpan.textContent).to.equal('★');\n });\n\n it('does not render a badge when viewMoreCount is zero', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip viewMoreCount=\"0\" label=\"L\" text=\"T\"></nile-filter-chip>\n `);\n expect(el.shadowRoot!.querySelector('nile-badge')).to.be.null;\n });\n\n it('renders a +badge when viewMoreCount > 0', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip viewMoreCount=\"5\" label=\"L\" text=\"T\"></nile-filter-chip>\n `);\n const badge = el.shadowRoot!.querySelector('nile-badge')! as HTMLElement;\n expect(badge).to.exist;\n expect(badge.textContent).to.contain('+5');\n });\n\n\n\n it('dispatches `nile-click` on chip click', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip label=\"L\" text=\"T\"></nile-filter-chip>\n `);\n const chip = el.shadowRoot!.querySelector('.chip')! as HTMLElement;\n setTimeout(() => chip.click());\n const ev = await oneEvent(el, 'nile-click');\n expect(ev.detail).to.deep.equal({ text: 'T', viewMoreCount: 0 });\n });\n\n it('dispatches `nile-close` on close icon click and removes itself', async () => {\n const el = await fixture<NileFilterChip>(html`\n <nile-filter-chip closable viewMoreCount=\"2\" text=\"TT\"></nile-filter-chip>\n `);\n const closeIcon = el.shadowRoot!.querySelector('.close-icon')! as HTMLElement;\n setTimeout(() => closeIcon.click());\n const ev = await oneEvent(el, 'nile-close');\n expect(ev.detail).to.deep.equal({ text: 'TT', viewMoreCount: 2 });\n expect(document.body.contains(el)).to.be.false;\n });\n\n \n});\n"]}
@@ -1,18 +0,0 @@
1
- export declare function isInViewport(element: HTMLElement): boolean;
2
- export declare function getValidTooltipPosition(triggerRect: DOMRect, tooltipRect: DOMRect, originalPlacement: string, distance: number, skidding: number, caretSize: number, viewportWidth: number, viewportHeight: number): {
3
- top: number;
4
- left: number;
5
- placement: string;
6
- };
7
- export interface CaretPositionInput {
8
- placement: string;
9
- tooltipRect: DOMRect;
10
- triggerRect: DOMRect;
11
- caretSize: number;
12
- left: number;
13
- top: number;
14
- }
15
- export declare function getCaretPosition({ placement, tooltipRect, triggerRect, caretSize, left, top }: CaretPositionInput): {
16
- caretLeft: number;
17
- caretTop: number;
18
- };
@@ -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