@vonage/vivid 3.0.0-next.4 → 3.0.0-next.7

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 (385) hide show
  1. package/.babelrc +3 -0
  2. package/.eslintrc.json +70 -0
  3. package/.stylelintrc.json +8 -0
  4. package/CHANGELOG.json +343 -0
  5. package/CHANGELOG.md +45 -0
  6. package/jest.config.cjs +20 -0
  7. package/package.json +7 -12
  8. package/playwright.config.dev.ts +21 -0
  9. package/playwright.config.ts +34 -0
  10. package/project.json +122 -0
  11. package/rollup.config.prod.ts +50 -0
  12. package/setupJestTests.js +17 -0
  13. package/{index.d.ts → src/index.ts} +2 -2
  14. package/src/lib/accordion/README.md +55 -0
  15. package/src/lib/accordion/accordion.scss +10 -0
  16. package/src/lib/accordion/accordion.spec.ts +91 -0
  17. package/src/lib/accordion/accordion.template.ts +23 -0
  18. package/src/lib/accordion/accordion.ts +49 -0
  19. package/src/lib/accordion/index.ts +14 -0
  20. package/src/lib/accordion/ui.test.ts +37 -0
  21. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Chrome-Stable-darwin.png +0 -0
  22. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Chrome-Stable-linux.png +0 -0
  23. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Firefox-darwin.png +0 -0
  24. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Firefox-linux.png +0 -0
  25. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Safari-darwin.png +0 -0
  26. package/src/lib/accordion/ui.test.ts-snapshots/snapshots-accordion-Desktop-Safari-linux.png +0 -0
  27. package/src/lib/accordion-item/README.md +113 -0
  28. package/src/lib/accordion-item/accordion-item.scss +91 -0
  29. package/src/lib/accordion-item/accordion-item.spec.ts +103 -0
  30. package/src/lib/accordion-item/accordion-item.template.ts +62 -0
  31. package/src/lib/accordion-item/accordion-item.ts +67 -0
  32. package/src/lib/accordion-item/index.ts +14 -0
  33. package/src/lib/accordion-item/partials/variables.scss +1 -0
  34. package/src/lib/accordion-item/ui.test.ts +37 -0
  35. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Chrome-Stable-darwin.png +0 -0
  36. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Chrome-Stable-linux.png +0 -0
  37. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Firefox-darwin.png +0 -0
  38. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Firefox-linux.png +0 -0
  39. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Safari-darwin.png +0 -0
  40. package/src/lib/accordion-item/ui.test.ts-snapshots/snapshots-accordion-item-Desktop-Safari-linux.png +0 -0
  41. package/src/lib/badge/README.md +112 -0
  42. package/src/lib/badge/badge.scss +64 -0
  43. package/src/lib/badge/badge.spec.ts +114 -0
  44. package/src/lib/badge/badge.template.ts +36 -0
  45. package/src/lib/badge/badge.ts +97 -0
  46. package/src/lib/badge/index.ts +23 -0
  47. package/src/lib/badge/ui.test.ts +28 -0
  48. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Chrome-Stable-darwin.png +0 -0
  49. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Chrome-Stable-linux.png +0 -0
  50. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-darwin.png +0 -0
  51. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Firefox-linux.png +0 -0
  52. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-darwin.png +0 -0
  53. package/src/lib/badge/ui.test.ts-snapshots/snapshots-badge-Desktop-Safari-linux.png +0 -0
  54. package/src/lib/banner/README.md +117 -0
  55. package/src/lib/banner/banner.scss +71 -0
  56. package/src/lib/banner/banner.spec.ts +355 -0
  57. package/src/lib/banner/banner.template.ts +61 -0
  58. package/src/lib/banner/banner.ts +77 -0
  59. package/src/lib/banner/index.ts +14 -0
  60. package/src/lib/banner/ui.test.ts +64 -0
  61. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Chrome-Stable-darwin.png +0 -0
  62. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Chrome-Stable-linux.png +0 -0
  63. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Firefox-darwin.png +0 -0
  64. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Firefox-linux.png +0 -0
  65. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Safari-darwin.png +0 -0
  66. package/src/lib/banner/ui.test.ts-snapshots/snapshots-banner-Desktop-Safari-linux.png +0 -0
  67. package/src/lib/breadcrumb/README.md +25 -0
  68. package/src/lib/breadcrumb/breadcrumb.scss +3 -0
  69. package/src/lib/breadcrumb/breadcrumb.spec.ts +78 -0
  70. package/src/lib/breadcrumb/breadcrumb.ts +10 -0
  71. package/src/lib/breadcrumb/index.ts +13 -0
  72. package/src/lib/breadcrumb/ui.test.ts +36 -0
  73. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Chrome-Stable-darwin.png +0 -0
  74. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Chrome-Stable-linux.png +0 -0
  75. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Firefox-darwin.png +0 -0
  76. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Firefox-linux.png +0 -0
  77. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Safari-darwin.png +0 -0
  78. package/src/lib/breadcrumb/ui.test.ts-snapshots/snapshots-breadcrumb-Desktop-Safari-linux.png +0 -0
  79. package/src/lib/breadcrumb-item/README.md +40 -0
  80. package/src/lib/breadcrumb-item/breadcrumb-item.scss +28 -0
  81. package/src/lib/breadcrumb-item/breadcrumb-item.spec.ts +192 -0
  82. package/src/lib/breadcrumb-item/breadcrumb-item.template.ts +37 -0
  83. package/src/lib/breadcrumb-item/breadcrumb-item.ts +15 -0
  84. package/src/lib/breadcrumb-item/index.ts +16 -0
  85. package/src/lib/breadcrumb-item/ui.test.ts +38 -0
  86. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Chrome-Stable-darwin.png +0 -0
  87. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Chrome-Stable-linux.png +0 -0
  88. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Firefox-darwin.png +0 -0
  89. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Firefox-linux.png +0 -0
  90. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Safari-darwin.png +0 -0
  91. package/src/lib/breadcrumb-item/ui.test.ts-snapshots/snapshots-breadcrumb-item-Desktop-Safari-linux.png +0 -0
  92. package/src/lib/button/README.md +120 -0
  93. package/src/lib/button/button.scss +142 -0
  94. package/src/lib/button/button.spec.ts +131 -0
  95. package/src/lib/button/button.template.ts +89 -0
  96. package/src/lib/button/button.ts +95 -0
  97. package/src/lib/button/index.ts +25 -0
  98. package/src/lib/button/partials/variables.scss +2 -0
  99. package/src/lib/button/ui.test.ts +32 -0
  100. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Chrome-Stable-darwin.png +0 -0
  101. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Chrome-Stable-linux.png +0 -0
  102. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Firefox-darwin.png +0 -0
  103. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Firefox-linux.png +0 -0
  104. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Safari-darwin.png +0 -0
  105. package/src/lib/button/ui.test.ts-snapshots/snapshots-button-Desktop-Safari-linux.png +0 -0
  106. package/src/lib/calendar/README.md +70 -0
  107. package/src/lib/calendar/calendar.scss +176 -0
  108. package/src/lib/calendar/calendar.spec.ts +341 -0
  109. package/src/lib/calendar/calendar.template.ts +93 -0
  110. package/src/lib/calendar/calendar.ts +139 -0
  111. package/src/lib/calendar/helpers/calendar.date-functions.ts +31 -0
  112. package/src/lib/calendar/helpers/calendar.event-context.ts +72 -0
  113. package/src/lib/calendar/helpers/calendar.keyboard-interactions.ts +65 -0
  114. package/src/lib/calendar/index.ts +16 -0
  115. package/src/lib/calendar/partials/_variables.scss +15 -0
  116. package/src/lib/calendar/ui.test.ts +32 -0
  117. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Chrome-Stable-darwin.png +0 -0
  118. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Chrome-Stable-linux.png +0 -0
  119. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Firefox-darwin.png +0 -0
  120. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Firefox-linux.png +0 -0
  121. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Safari-darwin.png +0 -0
  122. package/src/lib/calendar/ui.test.ts-snapshots/snapshots-calendar-Desktop-Safari-linux.png +0 -0
  123. package/src/lib/components.spec.ts +7 -0
  124. package/{lib/components.d.ts → src/lib/components.ts} +16 -16
  125. package/src/lib/elevation/README.md +99 -0
  126. package/src/lib/elevation/elevation.scss +15 -0
  127. package/src/lib/elevation/elevation.spec.ts +55 -0
  128. package/src/lib/elevation/elevation.template.ts +26 -0
  129. package/src/lib/elevation/elevation.ts +17 -0
  130. package/src/lib/elevation/index.ts +17 -0
  131. package/src/lib/elevation/partials/_elevation.mixin.scss +4 -0
  132. package/src/lib/elevation/ui.test.ts +32 -0
  133. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Chrome-Stable-darwin.png +0 -0
  134. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Chrome-Stable-linux.png +0 -0
  135. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Firefox-darwin.png +0 -0
  136. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Firefox-linux.png +0 -0
  137. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Safari-darwin.png +0 -0
  138. package/src/lib/elevation/ui.test.ts-snapshots/snapshots-elevation-Desktop-Safari-linux.png +0 -0
  139. package/src/lib/enums.ts +55 -0
  140. package/src/lib/focus/README.md +1 -0
  141. package/src/lib/focus/focus.scss +17 -0
  142. package/src/lib/focus/focus.template.ts +16 -0
  143. package/src/lib/focus/focus.ts +10 -0
  144. package/src/lib/focus/index.ts +21 -0
  145. package/src/lib/focus/partials/variables.scss +2 -0
  146. package/src/lib/icon/README.md +70 -0
  147. package/src/lib/icon/__snapshots__/icon.spec.ts.snap +16 -0
  148. package/src/lib/icon/icon.placeholder.ts +12 -0
  149. package/src/lib/icon/icon.scss +52 -0
  150. package/src/lib/icon/icon.spec.ts +106 -0
  151. package/src/lib/icon/icon.template.ts +23 -0
  152. package/src/lib/icon/icon.ts +93 -0
  153. package/src/lib/icon/index.ts +14 -0
  154. package/src/lib/layout/README.md +154 -0
  155. package/src/lib/layout/index.ts +18 -0
  156. package/src/lib/layout/layout.scss +40 -0
  157. package/src/lib/layout/layout.spec.ts +73 -0
  158. package/src/lib/layout/layout.template.ts +29 -0
  159. package/src/lib/layout/layout.ts +46 -0
  160. package/src/lib/layout/partials/_functions.scss +15 -0
  161. package/src/lib/layout/partials/_mixins.scss +5 -0
  162. package/src/lib/layout/partials/_variables.scss +23 -0
  163. package/src/lib/layout/ui.test.ts +32 -0
  164. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Chrome-Stable-darwin.png +0 -0
  165. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Chrome-Stable-linux.png +0 -0
  166. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Firefox-darwin.png +0 -0
  167. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Firefox-linux.png +0 -0
  168. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Safari-darwin.png +0 -0
  169. package/src/lib/layout/ui.test.ts-snapshots/snapshots-layout-Desktop-Safari-linux.png +0 -0
  170. package/src/lib/popup/README.md +261 -0
  171. package/src/lib/popup/index.ts +21 -0
  172. package/src/lib/popup/popup.scss +43 -0
  173. package/src/lib/popup/popup.spec.ts +265 -0
  174. package/src/lib/popup/popup.template.ts +41 -0
  175. package/src/lib/popup/popup.ts +158 -0
  176. package/src/lib/popup/ui.test.ts +111 -0
  177. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Chrome-Stable-darwin.png +0 -0
  178. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Chrome-Stable-linux.png +0 -0
  179. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Firefox-darwin.png +0 -0
  180. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Firefox-linux.png +0 -0
  181. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Safari-darwin.png +0 -0
  182. package/src/lib/popup/ui.test.ts-snapshots/snapshots-popup-Desktop-Safari-linux.png +0 -0
  183. package/src/lib/progress/README.md +107 -0
  184. package/src/lib/progress/index.ts +14 -0
  185. package/src/lib/progress/progress.scss +133 -0
  186. package/src/lib/progress/progress.spec.ts +173 -0
  187. package/src/lib/progress/progress.template.ts +62 -0
  188. package/src/lib/progress/progress.ts +25 -0
  189. package/src/lib/progress/ui.test.ts +70 -0
  190. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Chrome-Stable-darwin.png +0 -0
  191. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Chrome-Stable-linux.png +0 -0
  192. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Firefox-darwin.png +0 -0
  193. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Firefox-linux.png +0 -0
  194. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Safari-darwin.png +0 -0
  195. package/src/lib/progress/ui.test.ts-snapshots/snapshots-progress-Desktop-Safari-linux.png +0 -0
  196. package/src/lib/progress-ring/README.md +90 -0
  197. package/src/lib/progress-ring/index.ts +15 -0
  198. package/src/lib/progress-ring/progress-ring.scss +75 -0
  199. package/src/lib/progress-ring/progress-ring.spec.ts +139 -0
  200. package/src/lib/progress-ring/progress-ring.template.ts +82 -0
  201. package/src/lib/progress-ring/progress-ring.ts +18 -0
  202. package/src/lib/progress-ring/ui.test.ts +35 -0
  203. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Chrome-Stable-darwin.png +0 -0
  204. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Chrome-Stable-linux.png +0 -0
  205. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Firefox-darwin.png +0 -0
  206. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Firefox-linux.png +0 -0
  207. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Safari-darwin.png +0 -0
  208. package/src/lib/progress-ring/ui.test.ts-snapshots/snapshots-progress-ring-Desktop-Safari-linux.png +0 -0
  209. package/src/lib/side-drawer/README.md +304 -0
  210. package/src/lib/side-drawer/index.ts +16 -0
  211. package/src/lib/side-drawer/partials/variables.scss +6 -0
  212. package/src/lib/side-drawer/side-drawer.scss +109 -0
  213. package/src/lib/side-drawer/side-drawer.spec.ts +118 -0
  214. package/src/lib/side-drawer/side-drawer.template.ts +51 -0
  215. package/src/lib/side-drawer/side-drawer.ts +58 -0
  216. package/src/lib/side-drawer/ui.test.ts +102 -0
  217. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Chrome-Stable-darwin.png +0 -0
  218. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Chrome-Stable-linux.png +0 -0
  219. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Firefox-darwin.png +0 -0
  220. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Firefox-linux.png +0 -0
  221. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Safari-darwin.png +0 -0
  222. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-Desktop-Safari-linux.png +0 -0
  223. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Chrome-Stable-darwin.png +0 -0
  224. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Chrome-Stable-linux.png +0 -0
  225. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Firefox-darwin.png +0 -0
  226. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Firefox-linux.png +0 -0
  227. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Safari-darwin.png +0 -0
  228. package/src/lib/side-drawer/ui.test.ts-snapshots/snapshots-side-drawer-modal-Desktop-Safari-linux.png +0 -0
  229. package/src/lib/sidenav-item/README.md +41 -0
  230. package/src/lib/sidenav-item/index.ts +20 -0
  231. package/src/lib/sidenav-item/sidenav-item.scss +51 -0
  232. package/src/lib/sidenav-item/sidenav-item.spec.ts +64 -0
  233. package/src/lib/sidenav-item/sidenav-item.template.ts +25 -0
  234. package/src/lib/sidenav-item/sidenav-item.ts +15 -0
  235. package/src/lib/sidenav-item/ui.test.ts +32 -0
  236. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Chrome-Stable-darwin.png +0 -0
  237. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Chrome-Stable-linux.png +0 -0
  238. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Firefox-darwin.png +0 -0
  239. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Firefox-linux.png +0 -0
  240. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Safari-darwin.png +0 -0
  241. package/src/lib/sidenav-item/ui.test.ts-snapshots/snapshots-sidenav-item-Desktop-Safari-linux.png +0 -0
  242. package/src/lib/text/README.md +119 -0
  243. package/src/lib/text/index.ts +14 -0
  244. package/src/lib/text/text.scss +92 -0
  245. package/src/lib/text/text.spec.ts +54 -0
  246. package/src/lib/text/text.template.ts +28 -0
  247. package/src/lib/text/text.ts +55 -0
  248. package/src/lib/text/ui.test.ts +39 -0
  249. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Chrome-Stable-darwin.png +0 -0
  250. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Chrome-Stable-linux.png +0 -0
  251. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Firefox-darwin.png +0 -0
  252. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Firefox-linux.png +0 -0
  253. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Safari-darwin.png +0 -0
  254. package/src/lib/text/ui.test.ts-snapshots/snapshots-text-Desktop-Safari-linux.png +0 -0
  255. package/src/lib/text-anchor/README.md +5 -0
  256. package/src/lib/text-anchor/index.ts +12 -0
  257. package/src/lib/text-anchor/text-anchor.spec.ts +153 -0
  258. package/src/lib/text-anchor/text-anchor.template.ts +66 -0
  259. package/src/lib/text-anchor/text-anchor.ts +22 -0
  260. package/src/lib/tooltip/README.md +132 -0
  261. package/src/lib/tooltip/index.ts +16 -0
  262. package/src/lib/tooltip/partials/variables.scss +1 -0
  263. package/src/lib/tooltip/tooltip.scss +18 -0
  264. package/src/lib/tooltip/tooltip.spec.ts +70 -0
  265. package/src/lib/tooltip/tooltip.template.ts +30 -0
  266. package/src/lib/tooltip/tooltip.ts +44 -0
  267. package/src/lib/tooltip/ui.test.ts +53 -0
  268. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Chrome-Stable-darwin.png +0 -0
  269. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Chrome-Stable-linux.png +0 -0
  270. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Firefox-darwin.png +0 -0
  271. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Firefox-linux.png +0 -0
  272. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Safari-darwin.png +0 -0
  273. package/src/lib/tooltip/ui.test.ts-snapshots/snapshots-tooltip-Desktop-Safari-linux.png +0 -0
  274. package/src/shared/design-system/index.ts +12 -0
  275. package/src/shared/patterns/affix.ts +56 -0
  276. package/{shared/patterns/index.d.ts → src/shared/patterns/index.ts} +1 -1
  277. package/src/types/extract-gfm.d.ts +5 -0
  278. package/src/types/style.d.ts +4 -0
  279. package/src/visual-tests/visual-tests-utils.ts +76 -0
  280. package/tsconfig.json +36 -0
  281. package/tsconfig.lib.json +11 -0
  282. package/tsconfig.spec.json +16 -0
  283. package/accordion/index.js +0 -61
  284. package/accordion-item/index.js +0 -125
  285. package/badge/index.js +0 -64
  286. package/banner/index.js +0 -212
  287. package/breadcrumb/index.js +0 -100
  288. package/breadcrumb-item/index.js +0 -55
  289. package/button/index.js +0 -761
  290. package/calendar/index.js +0 -1521
  291. package/elevation/index.js +0 -31
  292. package/focus/index.js +0 -3
  293. package/icon/index.js +0 -34
  294. package/index.js +0 -32
  295. package/layout/index.js +0 -53
  296. package/lib/accordion/accordion.d.ts +0 -9
  297. package/lib/accordion/accordion.template.d.ts +0 -4
  298. package/lib/accordion/index.d.ts +0 -2
  299. package/lib/accordion-item/accordion-item.d.ts +0 -13
  300. package/lib/accordion-item/accordion-item.template.d.ts +0 -4
  301. package/lib/accordion-item/index.d.ts +0 -3
  302. package/lib/badge/badge.d.ts +0 -17
  303. package/lib/badge/badge.template.d.ts +0 -4
  304. package/lib/badge/index.d.ts +0 -3
  305. package/lib/banner/banner.d.ts +0 -20
  306. package/lib/banner/banner.template.d.ts +0 -6
  307. package/lib/banner/index.d.ts +0 -2
  308. package/lib/breadcrumb/breadcrumb.d.ts +0 -3
  309. package/lib/breadcrumb/index.d.ts +0 -2
  310. package/lib/breadcrumb-item/breadcrumb-item.d.ts +0 -5
  311. package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +0 -4
  312. package/lib/breadcrumb-item/index.d.ts +0 -3
  313. package/lib/button/button.d.ts +0 -17
  314. package/lib/button/button.template.d.ts +0 -4
  315. package/lib/button/index.d.ts +0 -21
  316. package/lib/calendar/calendar.d.ts +0 -11
  317. package/lib/calendar/calendar.template.d.ts +0 -4
  318. package/lib/calendar/helpers/calendar.date-functions.d.ts +0 -2
  319. package/lib/calendar/helpers/calendar.event-context.d.ts +0 -6
  320. package/lib/calendar/helpers/calendar.keyboard-interactions.d.ts +0 -9
  321. package/lib/calendar/index.d.ts +0 -3
  322. package/lib/elevation/elevation.d.ts +0 -4
  323. package/lib/elevation/elevation.template.d.ts +0 -4
  324. package/lib/elevation/index.d.ts +0 -2
  325. package/lib/enums.d.ts +0 -45
  326. package/lib/focus/focus.d.ts +0 -3
  327. package/lib/focus/focus.template.d.ts +0 -4
  328. package/lib/focus/index.d.ts +0 -2
  329. package/lib/icon/icon.d.ts +0 -11
  330. package/lib/icon/icon.placeholder.d.ts +0 -1
  331. package/lib/icon/icon.template.d.ts +0 -4
  332. package/lib/icon/index.d.ts +0 -2
  333. package/lib/layout/index.d.ts +0 -2
  334. package/lib/layout/layout.d.ts +0 -16
  335. package/lib/layout/layout.template.d.ts +0 -4
  336. package/lib/popup/index.d.ts +0 -4
  337. package/lib/popup/popup.d.ts +0 -29
  338. package/lib/popup/popup.template.d.ts +0 -4
  339. package/lib/progress/index.d.ts +0 -2
  340. package/lib/progress/progress.d.ts +0 -9
  341. package/lib/progress/progress.template.d.ts +0 -5
  342. package/lib/side-drawer/index.d.ts +0 -2
  343. package/lib/side-drawer/side-drawer.d.ts +0 -12
  344. package/lib/side-drawer/side-drawer.template.d.ts +0 -4
  345. package/lib/sidenav-item/index.d.ts +0 -3
  346. package/lib/sidenav-item/sidenav-item.d.ts +0 -6
  347. package/lib/sidenav-item/sidenav-item.template.d.ts +0 -4
  348. package/lib/text/index.d.ts +0 -2
  349. package/lib/text/text.d.ts +0 -10
  350. package/lib/text/text.template.d.ts +0 -4
  351. package/lib/text-anchor/index.d.ts +0 -2
  352. package/lib/text-anchor/text-anchor.d.ts +0 -7
  353. package/lib/text-anchor/text-anchor.template.d.ts +0 -4
  354. package/lib/tooltip/index.d.ts +0 -3
  355. package/lib/tooltip/tooltip.d.ts +0 -10
  356. package/lib/tooltip/tooltip.template.d.ts +0 -4
  357. package/popup/index.js +0 -2087
  358. package/progress/index.js +0 -159
  359. package/shared/_has.js +0 -58
  360. package/shared/affix.js +0 -29
  361. package/shared/anchor.js +0 -78
  362. package/shared/apply-mixins.js +0 -22
  363. package/shared/aria-global.js +0 -156
  364. package/shared/breadcrumb-item.js +0 -25
  365. package/shared/class-names.js +0 -15
  366. package/shared/design-system/index.d.ts +0 -3
  367. package/shared/es.object.assign.js +0 -68
  368. package/shared/icon.js +0 -1393
  369. package/shared/index.js +0 -4991
  370. package/shared/index2.js +0 -21
  371. package/shared/patterns/affix.d.ts +0 -9
  372. package/shared/slotted.js +0 -119
  373. package/shared/style-inject.es.js +0 -28
  374. package/shared/text-anchor.js +0 -21
  375. package/shared/text-anchor.template.js +0 -54
  376. package/shared/web.dom-collections.iterator.js +0 -1479
  377. package/shared/when.js +0 -15
  378. package/side-drawer/index.js +0 -103
  379. package/sidenav-item/index.js +0 -38
  380. package/styles/fonts/spezia.css +0 -23
  381. package/styles/themes/dark.css +0 -193
  382. package/styles/themes/light.css +0 -193
  383. package/text/index.js +0 -45
  384. package/text-anchor/index.js +0 -19
  385. package/tooltip/index.js +0 -73
package/progress/index.js DELETED
@@ -1,159 +0,0 @@
1
- import { F as FoundationElement, _ as __decorate, a as attr, n as nullableNumberConverter, o as observable, b as __metadata, h as html, d as designSystem } from '../shared/index.js';
2
- import { s as styleInject } from '../shared/style-inject.es.js';
3
- import { h as classofRaw, _ as _export, f as functionUncurryThis } from '../shared/web.dom-collections.iterator.js';
4
- import { w as when } from '../shared/when.js';
5
- import { c as classNames } from '../shared/class-names.js';
6
-
7
- /**
8
- * An Progress HTML Element.
9
- * Implements the {@link https://www.w3.org/TR/wai-aria-1.1/#progressbar | ARIA progressbar }.
10
- *
11
- * @public
12
- */
13
- class BaseProgress extends FoundationElement {
14
- constructor() {
15
- super(...arguments);
16
- /**
17
- * Indicates progress in %
18
- * @internal
19
- */
20
- this.percentComplete = 0;
21
- }
22
- valueChanged() {
23
- if (this.$fastController.isConnected) {
24
- this.updatePercentComplete();
25
- }
26
- }
27
- minChanged() {
28
- if (this.$fastController.isConnected) {
29
- this.updatePercentComplete();
30
- }
31
- }
32
- maxChanged() {
33
- if (this.$fastController.isConnected) {
34
- this.updatePercentComplete();
35
- }
36
- }
37
- /**
38
- * @internal
39
- */
40
- connectedCallback() {
41
- super.connectedCallback();
42
- this.updatePercentComplete();
43
- }
44
- updatePercentComplete() {
45
- const min = typeof this.min === "number" ? this.min : 0;
46
- const max = typeof this.max === "number" ? this.max : 100;
47
- const value = typeof this.value === "number" ? this.value : 0;
48
- const range = max - min;
49
- this.percentComplete =
50
- range === 0 ? 0 : Math.fround(((value - min) / range) * 100);
51
- }
52
- }
53
- __decorate([
54
- attr({ converter: nullableNumberConverter })
55
- ], BaseProgress.prototype, "value", void 0);
56
- __decorate([
57
- attr({ converter: nullableNumberConverter })
58
- ], BaseProgress.prototype, "min", void 0);
59
- __decorate([
60
- attr({ converter: nullableNumberConverter })
61
- ], BaseProgress.prototype, "max", void 0);
62
- __decorate([
63
- attr({ mode: "boolean" })
64
- ], BaseProgress.prototype, "paused", void 0);
65
- __decorate([
66
- observable
67
- ], BaseProgress.prototype, "percentComplete", void 0);
68
-
69
- var css_248z = ".base {\n height: 6px;\n align-items: center;\n margin: 0;\n outline: none;\n}\n.base.connotation-cta {\n --connotation: var(--vvd-color-cta);\n --on-connotation: var(--vvd-color-on-cta);\n}\n\n.base:not(.connotation-pacific):not(.connotation-cta):not(.connotation-alert):not(.connotation-success) {\n --connotation: var(--vvd-color-primary);\n --on-connotation: var(--vvd-color-on-primary);\n}\n\n.base.connotation-alert {\n --connotation: var(--vvd-color-alert);\n --on-connotation: var(--vvd-color-on-alert);\n}\n\n.base.connotation-success {\n --connotation: var(--vvd-color-success);\n --on-connotation: var(--vvd-color-on-success);\n}\n\n.base.connotation-pacific {\n --connotation: linear-gradient(to right, var(--vvd-color-info-30), var(--vvd-color-cta-70));\n}\n\n.indeterminate {\n display: flex;\n overflow: hidden;\n width: 100%;\n height: 100%;\n border-radius: 3px;\n}\n\n.progress {\n position: relative;\n display: flex;\n align-items: center;\n background-color: var(--vvd-color-neutral-20);\n block-size: 100%;\n inline-size: 100%;\n}\n.progress .indeterminate {\n background-color: var(--connotation);\n}\n\n.determinate {\n background-color: var(--connotation);\n block-size: 100%;\n border-radius: 3px;\n transition: all 0.2s ease-in-out;\n}\n.connotation-pacific .determinate {\n background-image: var(--connotation);\n}\n\n.indeterminate-indicator-1, .indeterminate-indicator-2 {\n position: absolute;\n animation: indeterminate-1 2s infinite;\n animation-timing-function: cubic-bezier(0.4, 0, 0.6, 1);\n background-color: var(--vvd-color-neutral-20);\n block-size: 100%;\n inline-size: 30%;\n opacity: 0;\n}\n\n.indeterminate-indicator-2 {\n animation: indeterminate-2 2s infinite;\n inline-size: 60%;\n}\n\n.connotation-pacific .indeterminate-indicator-1, .connotation-pacific .indeterminate-indicator-2 {\n background-image: var(--connotation);\n}\n\n.reverse .indeterminate-indicator-1, .reverse .indeterminate-indicator-2 {\n animation-direction: reverse;\n}\n.reverse .determinate {\n position: absolute;\n right: 0;\n}\n\n.base.shape-sharp .determinate, .base.shape-sharp .indeterminate {\n border-radius: 0;\n}\n\n.base.paused .indeterminate-indicator-1,\n.base.paused .indeterminate-indicator-2 {\n animation-play-state: paused;\n background-color: var(--connotation);\n}\n\n.base.paused .determinate {\n background-color: var(--vvd-color-neutral-40);\n}\n\n@keyframes indeterminate-1 {\n 0% {\n opacity: 1;\n transform: translateX(-100%);\n }\n 70% {\n opacity: 1;\n transform: translateX(300%);\n }\n 70.01% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n transform: translateX(300%);\n }\n}\n@keyframes indeterminate-2 {\n 0% {\n opacity: 0;\n transform: translateX(-150%);\n }\n 29.99% {\n opacity: 0;\n }\n 30% {\n opacity: 1;\n transform: translateX(-150%);\n }\n 100% {\n opacity: 1;\n transform: translateX(166.66%);\n }\n}";
70
- styleInject(css_248z);
71
-
72
- var classof = classofRaw;
73
-
74
- // `IsArray` abstract operation
75
- // https://tc39.es/ecma262/#sec-isarray
76
- // eslint-disable-next-line es/no-array-isarray -- safe
77
- var isArray$1 = Array.isArray || function isArray(argument) {
78
- return classof(argument) == 'Array';
79
- };
80
-
81
- var $ = _export;
82
- var uncurryThis = functionUncurryThis;
83
- var isArray = isArray$1;
84
-
85
- var un$Reverse = uncurryThis([].reverse);
86
- var test = [1, 2];
87
-
88
- // `Array.prototype.reverse` method
89
- // https://tc39.es/ecma262/#sec-array.prototype.reverse
90
- // fix for Safari 12.0 bug
91
- // https://bugs.webkit.org/show_bug.cgi?id=188794
92
- $({ target: 'Array', proto: true, forced: String(test) === String(test.reverse()) }, {
93
- reverse: function reverse() {
94
- // eslint-disable-next-line no-self-assign -- dirty hack
95
- if (isArray(this)) this.length = this.length;
96
- return un$Reverse(this);
97
- }
98
- });
99
-
100
- class Progress extends BaseProgress {
101
- constructor() {
102
- super(...arguments);
103
- this.reverse = false;
104
- }
105
-
106
- }
107
-
108
- __decorate([attr(), __metadata("design:type", String)], Progress.prototype, "shape", void 0);
109
-
110
- __decorate([attr(), __metadata("design:type", String)], Progress.prototype, "connotation", void 0);
111
-
112
- __decorate([attr({
113
- mode: 'boolean'
114
- }), __metadata("design:type", Object)], Progress.prototype, "reverse", void 0);
115
-
116
- let _2 = t => t,
117
- _t,
118
- _t2,
119
- _t3;
120
-
121
- const getClasses = _ => classNames('base', [`connotation-${_.connotation}`, !!_.connotation], [`shape-${_.shape}`, !!_.shape], ['reverse', _.reverse]);
122
-
123
- const ProgressTemplate = _ => {
124
- return html(_t || (_t = _2`
125
- <div
126
- role="progressbar"
127
- aria-valuenow="${0}"
128
- aria-valuemin="${0}"
129
- aria-valuemax="${0}"
130
- class="${0} ${0}"
131
- >
132
- ${0}
133
- ${0}
134
- </div>
135
- `), x => x.value, x => x.min, x => x.max, x => x.paused ? 'paused' : '', getClasses, when(x => typeof x.value === 'number', html(_t2 || (_t2 = _2`
136
- <div class="progress">
137
- <div
138
- class="determinate"
139
- style="width: ${0}%"
140
- ></div>
141
- </div>
142
- `), x => x.percentComplete)), when(x => typeof x.value !== 'number', html(_t3 || (_t3 = _2`
143
- <div class="progress indeterminate">
144
- <span class="indeterminate" name="indeterminate">
145
- <span class="indeterminate-indicator-1"></span>
146
- <span class="indeterminate-indicator-2"></span>
147
- </span>
148
- </div>
149
- `))));
150
- };
151
-
152
- const vividProgress = Progress.compose({
153
- baseName: 'progress',
154
- template: ProgressTemplate,
155
- styles: css_248z
156
- });
157
- designSystem.register(vividProgress());
158
-
159
- export { vividProgress };
package/shared/_has.js DELETED
@@ -1,58 +0,0 @@
1
- function _isPlaceholder(a) {
2
- return a != null && typeof a === 'object' && a['@@functional/placeholder'] === true;
3
- }
4
-
5
- /**
6
- * Optimized internal one-arity curry function.
7
- *
8
- * @private
9
- * @category Function
10
- * @param {Function} fn The function to curry.
11
- * @return {Function} The curried function.
12
- */
13
-
14
- function _curry1(fn) {
15
- return function f1(a) {
16
- if (arguments.length === 0 || _isPlaceholder(a)) {
17
- return f1;
18
- } else {
19
- return fn.apply(this, arguments);
20
- }
21
- };
22
- }
23
-
24
- /**
25
- * Optimized internal two-arity curry function.
26
- *
27
- * @private
28
- * @category Function
29
- * @param {Function} fn The function to curry.
30
- * @return {Function} The curried function.
31
- */
32
-
33
- function _curry2(fn) {
34
- return function f2(a, b) {
35
- switch (arguments.length) {
36
- case 0:
37
- return f2;
38
-
39
- case 1:
40
- return _isPlaceholder(a) ? f2 : _curry1(function (_b) {
41
- return fn(a, _b);
42
- });
43
-
44
- default:
45
- return _isPlaceholder(a) && _isPlaceholder(b) ? f2 : _isPlaceholder(a) ? _curry1(function (_a) {
46
- return fn(_a, b);
47
- }) : _isPlaceholder(b) ? _curry1(function (_b) {
48
- return fn(a, _b);
49
- }) : fn(a, b);
50
- }
51
- };
52
- }
53
-
54
- function _has(prop, obj) {
55
- return Object.prototype.hasOwnProperty.call(obj, prop);
56
- }
57
-
58
- export { _curry1 as _, _curry2 as a, _has as b };
package/shared/affix.js DELETED
@@ -1,29 +0,0 @@
1
- import './web.dom-collections.iterator.js';
2
- import { _ as __decorate, a as attr, b as __metadata, h as html } from './index.js';
3
- import { I as Icon } from './icon.js';
4
-
5
- let _ = t => t,
6
- _t;
7
- class AffixIcon {}
8
-
9
- __decorate([attr, __metadata("design:type", String)], AffixIcon.prototype, "icon", void 0);
10
-
11
- class AffixIconWithTrailing extends AffixIcon {
12
- constructor() {
13
- super(...arguments);
14
- this.iconTrailing = false;
15
- }
16
-
17
- }
18
-
19
- __decorate([attr({
20
- mode: 'boolean',
21
- attribute: 'icon-trailing'
22
- }), __metadata("design:type", Object)], AffixIconWithTrailing.prototype, "iconTrailing", void 0);
23
-
24
- const affixIconTemplateFactory = context => {
25
- const iconTag = context.tagFor(Icon);
26
- return icon => icon ? html(_t || (_t = _`<span class="icon"><${0} :type="${0}"></${0}></span>`), iconTag, () => icon, iconTag) : null;
27
- };
28
-
29
- export { AffixIconWithTrailing as A, affixIconTemplateFactory as a, AffixIcon as b };
package/shared/anchor.js DELETED
@@ -1,78 +0,0 @@
1
- import { F as FoundationElement, _ as __decorate, a as attr, o as observable } from './index.js';
2
- import { a as applyMixins } from './apply-mixins.js';
3
- import { A as ARIAGlobalStatesAndProperties, S as StartEnd } from './aria-global.js';
4
-
5
- /**
6
- * An Anchor Custom HTML Element.
7
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element }.
8
- *
9
- * @public
10
- */
11
- class Anchor extends FoundationElement {
12
- constructor() {
13
- super(...arguments);
14
- /**
15
- * Overrides the focus call for where delegatesFocus is unsupported.
16
- * This check works for Chrome, Edge Chromium, FireFox, and Safari
17
- * Relevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858
18
- */
19
- this.handleUnsupportedDelegatesFocus = () => {
20
- var _a;
21
- // Check to see if delegatesFocus is supported
22
- if (window.ShadowRoot &&
23
- !window.ShadowRoot.prototype.hasOwnProperty("delegatesFocus") && ((_a = this.$fastController.definition.shadowOptions) === null || _a === void 0 ? void 0 : _a.delegatesFocus)) {
24
- this.focus = () => {
25
- this.control.focus();
26
- };
27
- }
28
- };
29
- }
30
- /**
31
- * @internal
32
- */
33
- connectedCallback() {
34
- super.connectedCallback();
35
- this.handleUnsupportedDelegatesFocus();
36
- }
37
- }
38
- __decorate([
39
- attr
40
- ], Anchor.prototype, "download", void 0);
41
- __decorate([
42
- attr
43
- ], Anchor.prototype, "href", void 0);
44
- __decorate([
45
- attr
46
- ], Anchor.prototype, "hreflang", void 0);
47
- __decorate([
48
- attr
49
- ], Anchor.prototype, "ping", void 0);
50
- __decorate([
51
- attr
52
- ], Anchor.prototype, "referrerpolicy", void 0);
53
- __decorate([
54
- attr
55
- ], Anchor.prototype, "rel", void 0);
56
- __decorate([
57
- attr
58
- ], Anchor.prototype, "target", void 0);
59
- __decorate([
60
- attr
61
- ], Anchor.prototype, "type", void 0);
62
- __decorate([
63
- observable
64
- ], Anchor.prototype, "defaultSlottedContent", void 0);
65
- /**
66
- * Includes ARIA states and properties relating to the ARIA link role
67
- *
68
- * @public
69
- */
70
- class DelegatesARIALink {
71
- }
72
- __decorate([
73
- attr({ attribute: "aria-expanded" })
74
- ], DelegatesARIALink.prototype, "ariaExpanded", void 0);
75
- applyMixins(DelegatesARIALink, ARIAGlobalStatesAndProperties);
76
- applyMixins(Anchor, StartEnd, DelegatesARIALink);
77
-
78
- export { Anchor as A, DelegatesARIALink as D };
@@ -1,22 +0,0 @@
1
- /**
2
- * Apply mixins to a constructor.
3
- * Sourced from {@link https://www.typescriptlang.org/docs/handbook/mixins.html | TypeScript Documentation }.
4
- * @public
5
- */
6
- function applyMixins(derivedCtor, ...baseCtors) {
7
- baseCtors.forEach(baseCtor => {
8
- Object.getOwnPropertyNames(baseCtor.prototype).forEach(name => {
9
- if (name !== "constructor") {
10
- Object.defineProperty(derivedCtor.prototype, name,
11
- /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion */
12
- Object.getOwnPropertyDescriptor(baseCtor.prototype, name));
13
- }
14
- });
15
- if (baseCtor.attributes) {
16
- const existing = derivedCtor.attributes || [];
17
- derivedCtor.attributes = existing.concat(baseCtor.attributes);
18
- }
19
- });
20
- }
21
-
22
- export { applyMixins as a };
@@ -1,156 +0,0 @@
1
- import { A as AttachedBehaviorHTMLDirective, h as html, _ as __decorate, a as attr } from './index.js';
2
-
3
- /**
4
- * The runtime behavior for template references.
5
- * @public
6
- */
7
- class RefBehavior {
8
- /**
9
- * Creates an instance of RefBehavior.
10
- * @param target - The element to reference.
11
- * @param propertyName - The name of the property to assign the reference to.
12
- */
13
- constructor(target, propertyName) {
14
- this.target = target;
15
- this.propertyName = propertyName;
16
- }
17
- /**
18
- * Bind this behavior to the source.
19
- * @param source - The source to bind to.
20
- * @param context - The execution context that the binding is operating within.
21
- */
22
- bind(source) {
23
- source[this.propertyName] = this.target;
24
- }
25
- /**
26
- * Unbinds this behavior from the source.
27
- * @param source - The source to unbind from.
28
- */
29
- /* eslint-disable-next-line @typescript-eslint/no-empty-function */
30
- unbind() { }
31
- }
32
- /**
33
- * A directive that observes the updates a property with a reference to the element.
34
- * @param propertyName - The name of the property to assign the reference to.
35
- * @public
36
- */
37
- function ref(propertyName) {
38
- return new AttachedBehaviorHTMLDirective("fast-ref", RefBehavior, propertyName);
39
- }
40
-
41
- /**
42
- * A mixin class implementing start and end elements.
43
- * These are generally used to decorate text elements with icons or other visual indicators.
44
- * @public
45
- */
46
- class StartEnd {
47
- handleStartContentChange() {
48
- this.startContainer.classList.toggle("start", this.start.assignedNodes().length > 0);
49
- }
50
- handleEndContentChange() {
51
- this.endContainer.classList.toggle("end", this.end.assignedNodes().length > 0);
52
- }
53
- }
54
- /**
55
- * The template for the end element.
56
- * For use with {@link StartEnd}
57
- *
58
- * @public
59
- * @deprecated - use endSlotTemplate
60
- */
61
- html `
62
- <span part="end" ${ref("endContainer")}>
63
- <slot
64
- name="end"
65
- ${ref("end")}
66
- @slotchange="${x => x.handleEndContentChange()}"
67
- ></slot>
68
- </span>
69
- `;
70
- /**
71
- * The template for the start element.
72
- * For use with {@link StartEnd}
73
- *
74
- * @public
75
- * @deprecated - use startSlotTemplate
76
- */
77
- html `
78
- <span part="start" ${ref("startContainer")}>
79
- <slot
80
- name="start"
81
- ${ref("start")}
82
- @slotchange="${x => x.handleStartContentChange()}"
83
- ></slot>
84
- </span>
85
- `;
86
-
87
- /**
88
- * Some states and properties are applicable to all host language elements regardless of whether a role is applied.
89
- * The following global states and properties are supported by all roles and by all base markup elements.
90
- * {@link https://www.w3.org/TR/wai-aria-1.1/#global_states}
91
- *
92
- * This is intended to be used as a mixin. Be sure you extend FASTElement.
93
- *
94
- * @public
95
- */
96
- class ARIAGlobalStatesAndProperties {
97
- }
98
- __decorate([
99
- attr({ attribute: "aria-atomic" })
100
- ], ARIAGlobalStatesAndProperties.prototype, "ariaAtomic", void 0);
101
- __decorate([
102
- attr({ attribute: "aria-busy" })
103
- ], ARIAGlobalStatesAndProperties.prototype, "ariaBusy", void 0);
104
- __decorate([
105
- attr({ attribute: "aria-controls" })
106
- ], ARIAGlobalStatesAndProperties.prototype, "ariaControls", void 0);
107
- __decorate([
108
- attr({ attribute: "aria-current" })
109
- ], ARIAGlobalStatesAndProperties.prototype, "ariaCurrent", void 0);
110
- __decorate([
111
- attr({ attribute: "aria-describedby" })
112
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDescribedby", void 0);
113
- __decorate([
114
- attr({ attribute: "aria-details" })
115
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDetails", void 0);
116
- __decorate([
117
- attr({ attribute: "aria-disabled" })
118
- ], ARIAGlobalStatesAndProperties.prototype, "ariaDisabled", void 0);
119
- __decorate([
120
- attr({ attribute: "aria-errormessage" })
121
- ], ARIAGlobalStatesAndProperties.prototype, "ariaErrormessage", void 0);
122
- __decorate([
123
- attr({ attribute: "aria-flowto" })
124
- ], ARIAGlobalStatesAndProperties.prototype, "ariaFlowto", void 0);
125
- __decorate([
126
- attr({ attribute: "aria-haspopup" })
127
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHaspopup", void 0);
128
- __decorate([
129
- attr({ attribute: "aria-hidden" })
130
- ], ARIAGlobalStatesAndProperties.prototype, "ariaHidden", void 0);
131
- __decorate([
132
- attr({ attribute: "aria-invalid" })
133
- ], ARIAGlobalStatesAndProperties.prototype, "ariaInvalid", void 0);
134
- __decorate([
135
- attr({ attribute: "aria-keyshortcuts" })
136
- ], ARIAGlobalStatesAndProperties.prototype, "ariaKeyshortcuts", void 0);
137
- __decorate([
138
- attr({ attribute: "aria-label" })
139
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabel", void 0);
140
- __decorate([
141
- attr({ attribute: "aria-labelledby" })
142
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLabelledby", void 0);
143
- __decorate([
144
- attr({ attribute: "aria-live" })
145
- ], ARIAGlobalStatesAndProperties.prototype, "ariaLive", void 0);
146
- __decorate([
147
- attr({ attribute: "aria-owns" })
148
- ], ARIAGlobalStatesAndProperties.prototype, "ariaOwns", void 0);
149
- __decorate([
150
- attr({ attribute: "aria-relevant" })
151
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRelevant", void 0);
152
- __decorate([
153
- attr({ attribute: "aria-roledescription" })
154
- ], ARIAGlobalStatesAndProperties.prototype, "ariaRoledescription", void 0);
155
-
156
- export { ARIAGlobalStatesAndProperties as A, StartEnd as S, ref as r };
@@ -1,25 +0,0 @@
1
- import { _ as __decorate, o as observable } from './index.js';
2
- import { A as Anchor, D as DelegatesARIALink } from './anchor.js';
3
- import { a as applyMixins } from './apply-mixins.js';
4
- import { S as StartEnd } from './aria-global.js';
5
-
6
- /**
7
- * A Breadcrumb Item Custom HTML Element.
8
- *
9
- * @public
10
- */
11
- class BreadcrumbItem extends Anchor {
12
- constructor() {
13
- super(...arguments);
14
- /**
15
- * @internal
16
- */
17
- this.separator = true;
18
- }
19
- }
20
- __decorate([
21
- observable
22
- ], BreadcrumbItem.prototype, "separator", void 0);
23
- applyMixins(BreadcrumbItem, StartEnd, DelegatesARIALink);
24
-
25
- export { BreadcrumbItem as B };
@@ -1,15 +0,0 @@
1
- function classNames(...args) {
2
- return args.reduce((accum, value) => {
3
- const leadingChar = accum.length ? " " : "";
4
- const normalizedValue = Array.isArray(value) && value[1]
5
- ? classNames.call(null, value[0])
6
- : typeof value === "function"
7
- ? value()
8
- : typeof value === "string"
9
- ? value
10
- : "";
11
- return !normalizedValue.length ? accum : accum + leadingChar + normalizedValue;
12
- }, "");
13
- }
14
-
15
- export { classNames as c };
@@ -1,3 +0,0 @@
1
- import { DesignSystem } from '@microsoft/fast-foundation';
2
- export declare function provideVividDesignSystem(element?: HTMLElement): DesignSystem;
3
- export declare const designSystem: DesignSystem;
@@ -1,68 +0,0 @@
1
- import { d as descriptors, f as functionUncurryThis, l as functionCall, p as fails$1, H as objectKeys$1, I as toObject$1, J as indexedObject, K as objectGetOwnPropertySymbols, L as objectPropertyIsEnumerable, _ as _export } from './web.dom-collections.iterator.js';
2
-
3
- var DESCRIPTORS = descriptors;
4
- var uncurryThis = functionUncurryThis;
5
- var call = functionCall;
6
- var fails = fails$1;
7
- var objectKeys = objectKeys$1;
8
- var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
9
- var propertyIsEnumerableModule = objectPropertyIsEnumerable;
10
- var toObject = toObject$1;
11
- var IndexedObject = indexedObject;
12
-
13
- // eslint-disable-next-line es/no-object-assign -- safe
14
- var $assign = Object.assign;
15
- // eslint-disable-next-line es/no-object-defineproperty -- required for testing
16
- var defineProperty = Object.defineProperty;
17
- var concat = uncurryThis([].concat);
18
-
19
- // `Object.assign` method
20
- // https://tc39.es/ecma262/#sec-object.assign
21
- var objectAssign = !$assign || fails(function () {
22
- // should have correct order of operations (Edge bug)
23
- if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
24
- enumerable: true,
25
- get: function () {
26
- defineProperty(this, 'b', {
27
- value: 3,
28
- enumerable: false
29
- });
30
- }
31
- }), { b: 2 })).b !== 1) return true;
32
- // should work with symbols and should have deterministic property order (V8 bug)
33
- var A = {};
34
- var B = {};
35
- // eslint-disable-next-line es/no-symbol -- safe
36
- var symbol = Symbol();
37
- var alphabet = 'abcdefghijklmnopqrst';
38
- A[symbol] = 7;
39
- alphabet.split('').forEach(function (chr) { B[chr] = chr; });
40
- return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
41
- }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
42
- var T = toObject(target);
43
- var argumentsLength = arguments.length;
44
- var index = 1;
45
- var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
46
- var propertyIsEnumerable = propertyIsEnumerableModule.f;
47
- while (argumentsLength > index) {
48
- var S = IndexedObject(arguments[index++]);
49
- var keys = getOwnPropertySymbols ? concat(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
50
- var length = keys.length;
51
- var j = 0;
52
- var key;
53
- while (length > j) {
54
- key = keys[j++];
55
- if (!DESCRIPTORS || call(propertyIsEnumerable, S, key)) T[key] = S[key];
56
- }
57
- } return T;
58
- } : $assign;
59
-
60
- var $ = _export;
61
- var assign = objectAssign;
62
-
63
- // `Object.assign` method
64
- // https://tc39.es/ecma262/#sec-object.assign
65
- // eslint-disable-next-line es/no-object-assign -- required for testing
66
- $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
67
- assign: assign
68
- });