@onsvisual/svelte-components 0.1.105 → 1.0.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (360) hide show
  1. package/dist/css/main.css +500 -4
  2. package/dist/datavis/BarChart/BarChart.stories.svelte +84 -0
  3. package/dist/datavis/BarChart/BarChart.stories.svelte.d.ts +23 -0
  4. package/dist/datavis/BarChart/docs/component.md +19 -0
  5. package/dist/datavis/Chart/Chart.stories.svelte +128 -0
  6. package/dist/datavis/Chart/Chart.stories.svelte.d.ts +23 -0
  7. package/dist/datavis/Chart/docs/component.md +31 -0
  8. package/dist/datavis/Chart/docs/example.md +28 -0
  9. package/dist/datavis/ColumnChart/ColumnChart.stories.svelte +84 -0
  10. package/dist/datavis/ColumnChart/ColumnChart.stories.svelte.d.ts +23 -0
  11. package/dist/datavis/ColumnChart/docs/component.md +19 -0
  12. package/dist/datavis/DotPlotChart/DotPlotChart.stories.svelte +40 -0
  13. package/dist/datavis/DotPlotChart/DotPlotChart.stories.svelte.d.ts +23 -0
  14. package/dist/datavis/DotPlotChart/docs/component.md +19 -0
  15. package/dist/datavis/LineChart/LineChart.stories.svelte +64 -0
  16. package/dist/datavis/LineChart/LineChart.stories.svelte.d.ts +23 -0
  17. package/dist/datavis/LineChart/docs/component.md +31 -0
  18. package/dist/datavis/ScatterChart/ScatterChart.stories.svelte +55 -0
  19. package/dist/datavis/ScatterChart/ScatterChart.stories.svelte.d.ts +23 -0
  20. package/dist/datavis/ScatterChart/docs/component.md +53 -0
  21. package/dist/datavis/Table/Table.stories.svelte +32 -0
  22. package/dist/{@types/datavis/Table/Table.svelte.d.ts → datavis/Table/Table.stories.svelte.d.ts} +2 -16
  23. package/dist/datavis/Table/Table.svelte +141 -149
  24. package/dist/datavis/Table/Table.svelte.d.ts +35 -0
  25. package/dist/datavis/Table/docs/component.md +20 -0
  26. package/dist/datavis/intro.mdx +22 -0
  27. package/dist/decorators/Blockquote/Blockquote.stories.svelte +25 -0
  28. package/dist/decorators/Blockquote/Blockquote.stories.svelte.d.ts +23 -0
  29. package/dist/decorators/Blockquote/Blockquote.svelte +22 -22
  30. package/dist/{@types/decorators → decorators}/Blockquote/Blockquote.svelte.d.ts +2 -2
  31. package/dist/decorators/Blockquote/docs/component.md +10 -0
  32. package/dist/decorators/Divider/Divider.stories.svelte +29 -0
  33. package/dist/decorators/Divider/Divider.stories.svelte.d.ts +23 -0
  34. package/dist/decorators/Divider/Divider.svelte +40 -59
  35. package/dist/{@types/decorators → decorators}/Divider/Divider.svelte.d.ts +10 -14
  36. package/dist/decorators/Divider/docs/component.md +12 -0
  37. package/dist/decorators/Em/Em.stories.svelte +30 -0
  38. package/dist/{@types/decorators/Em/Em.svelte.d.ts → decorators/Em/Em.stories.svelte.d.ts} +4 -10
  39. package/dist/decorators/Em/Em.svelte +42 -25
  40. package/dist/decorators/Em/Em.svelte.d.ts +33 -0
  41. package/dist/decorators/Em/docs/component.md +12 -0
  42. package/dist/decorators/Indent/Indent.stories.svelte +22 -0
  43. package/dist/decorators/Indent/Indent.stories.svelte.d.ts +23 -0
  44. package/dist/decorators/Indent/Indent.svelte +3 -0
  45. package/dist/decorators/Indent/Indent.svelte.d.ts +27 -0
  46. package/dist/decorators/Indent/docs/component.md +10 -0
  47. package/dist/{@types/index.d.ts → index.d.ts} +10 -10
  48. package/dist/index.js +13 -8
  49. package/dist/inputs/Button/Button.stories.svelte +65 -0
  50. package/dist/inputs/Button/Button.stories.svelte.d.ts +23 -0
  51. package/dist/inputs/Button/Button.svelte +113 -113
  52. package/dist/inputs/Button/Button.svelte.d.ts +51 -0
  53. package/dist/inputs/Button/Icon.svelte +44 -44
  54. package/dist/{@types/inputs → inputs}/Button/Icon.svelte.d.ts +6 -6
  55. package/dist/inputs/Button/docs/component.md +17 -0
  56. package/dist/inputs/Checkbox/Checkbox.stories.svelte +34 -0
  57. package/dist/inputs/Checkbox/Checkbox.stories.svelte.d.ts +23 -0
  58. package/dist/inputs/Checkbox/Checkbox.svelte +145 -152
  59. package/dist/{@types/inputs → inputs}/Checkbox/Checkbox.svelte.d.ts +16 -16
  60. package/dist/inputs/Checkbox/docs/component.md +14 -0
  61. package/dist/inputs/Checkboxes/Checkboxes.stories.svelte +42 -0
  62. package/dist/inputs/Checkboxes/Checkboxes.stories.svelte.d.ts +23 -0
  63. package/dist/inputs/Checkboxes/Checkboxes.svelte +29 -29
  64. package/dist/{@types/inputs → inputs}/Checkboxes/Checkboxes.svelte.d.ts +8 -8
  65. package/dist/inputs/Checkboxes/docs/component.md +20 -0
  66. package/dist/inputs/Checkboxes/docs/example.md +16 -0
  67. package/dist/inputs/Dropdown/Dropdown.stories.svelte +54 -0
  68. package/dist/{@types/inputs/Dropdown/Dropdown.svelte.d.ts → inputs/Dropdown/Dropdown.stories.svelte.d.ts} +2 -16
  69. package/dist/inputs/Dropdown/Dropdown.svelte +49 -55
  70. package/dist/inputs/Dropdown/Dropdown.svelte.d.ts +37 -0
  71. package/dist/inputs/Dropdown/docs/component.md +22 -0
  72. package/dist/inputs/ErrorPanel/ErrorPanel.stories.svelte +25 -0
  73. package/dist/inputs/ErrorPanel/ErrorPanel.stories.svelte.d.ts +23 -0
  74. package/dist/inputs/ErrorPanel/ErrorPanel.svelte +14 -30
  75. package/dist/{@types/inputs → inputs}/ErrorPanel/ErrorPanel.svelte.d.ts +2 -2
  76. package/dist/inputs/ErrorPanel/docs/component.md +14 -0
  77. package/dist/inputs/ErrorSummary/ErrorSummary.stories.svelte +34 -0
  78. package/dist/inputs/ErrorSummary/ErrorSummary.stories.svelte.d.ts +23 -0
  79. package/dist/inputs/ErrorSummary/ErrorSummary.svelte +34 -32
  80. package/dist/{@types/inputs → inputs}/ErrorSummary/ErrorSummary.svelte.d.ts +4 -4
  81. package/dist/inputs/ErrorSummary/docs/component.md +17 -0
  82. package/dist/inputs/ErrorSummary/docs/example.md +12 -0
  83. package/dist/inputs/Input/Input.stories.svelte +73 -0
  84. package/dist/inputs/Input/Input.stories.svelte.d.ts +23 -0
  85. package/dist/inputs/Input/Input.svelte +125 -156
  86. package/dist/inputs/Input/Input.svelte.d.ts +51 -0
  87. package/dist/inputs/Input/docs/component.md +16 -0
  88. package/dist/inputs/Radios/Radio.svelte +68 -102
  89. package/dist/{@types/inputs → inputs}/Radios/Radio.svelte.d.ts +6 -6
  90. package/dist/inputs/Radios/Radios.stories.svelte +51 -0
  91. package/dist/inputs/Radios/Radios.stories.svelte.d.ts +23 -0
  92. package/dist/inputs/Radios/Radios.svelte +38 -38
  93. package/dist/{@types/inputs → inputs}/Radios/Radios.svelte.d.ts +10 -10
  94. package/dist/inputs/Radios/docs/component.md +24 -0
  95. package/dist/inputs/Radios/docs/example.md +21 -0
  96. package/dist/inputs/Select/Select.stories.svelte +61 -0
  97. package/dist/inputs/Select/Select.stories.svelte.d.ts +23 -0
  98. package/dist/inputs/Select/Select.svelte +271 -289
  99. package/dist/inputs/Select/Select.svelte.d.ts +58 -0
  100. package/dist/inputs/Select/docs/component.md +27 -0
  101. package/dist/inputs/Textarea/Textarea.stories.svelte +40 -0
  102. package/dist/{@types/inputs/Textarea/Textarea.svelte.d.ts → inputs/Textarea/Textarea.stories.svelte.d.ts} +2 -16
  103. package/dist/inputs/Textarea/Textarea.svelte +93 -89
  104. package/dist/inputs/Textarea/Textarea.svelte.d.ts +37 -0
  105. package/dist/inputs/Textarea/docs/component.md +16 -0
  106. package/dist/intro.mdx +60 -0
  107. package/dist/js/menuOptions.js +14 -0
  108. package/dist/{@types/js → js}/utils.d.ts +8 -2
  109. package/dist/js/utils.js +61 -44
  110. package/dist/{@types/js → js}/withParams.d.ts +3 -9
  111. package/dist/js/withParams.js +17 -20
  112. package/dist/layout/Accordion/Accordion.stories.svelte +30 -0
  113. package/dist/{@types/layout/Accordion/Accordion.svelte.d.ts → layout/Accordion/Accordion.stories.svelte.d.ts} +4 -8
  114. package/dist/layout/Accordion/Accordion.svelte +49 -29
  115. package/dist/layout/Accordion/Accordion.svelte.d.ts +31 -0
  116. package/dist/layout/Accordion/AccordionItem.svelte +46 -81
  117. package/dist/{@types/layout → layout}/Accordion/AccordionItem.svelte.d.ts +6 -6
  118. package/dist/layout/Accordion/accordion.d.ts +18 -0
  119. package/dist/layout/Accordion/accordion.js +64 -0
  120. package/dist/layout/Accordion/details.d.ts +14 -0
  121. package/dist/layout/Accordion/details.js +83 -0
  122. package/dist/layout/Accordion/docs/component.md +19 -0
  123. package/dist/layout/AnalyticsBanner/AnalyticsBanner.stories.svelte +16 -0
  124. package/dist/{@types/layout/AnalyticsBanner/AnalyticsBanner.svelte.d.ts → layout/AnalyticsBanner/AnalyticsBanner.stories.svelte.d.ts} +2 -13
  125. package/dist/layout/AnalyticsBanner/AnalyticsBanner.svelte +284 -273
  126. package/dist/layout/AnalyticsBanner/AnalyticsBanner.svelte.d.ts +36 -0
  127. package/dist/layout/AnalyticsBanner/docs/component.md +17 -0
  128. package/dist/layout/BackLink/BackLink.stories.svelte +16 -0
  129. package/dist/layout/BackLink/BackLink.stories.svelte.d.ts +23 -0
  130. package/dist/layout/BackLink/BackLink.svelte +30 -0
  131. package/dist/layout/BackLink/BackLink.svelte.d.ts +25 -0
  132. package/dist/layout/BackLink/docs/component.md +12 -0
  133. package/dist/layout/Breadcrumb/Breadcrumb.stories.svelte +31 -0
  134. package/dist/layout/Breadcrumb/Breadcrumb.stories.svelte.d.ts +23 -0
  135. package/dist/layout/Breadcrumb/Breadcrumb.svelte +44 -67
  136. package/dist/{@types/layout → layout}/Breadcrumb/Breadcrumb.svelte.d.ts +6 -12
  137. package/dist/layout/Breadcrumb/docs/component.md +15 -0
  138. package/dist/layout/Card/Card.stories.svelte +39 -0
  139. package/dist/layout/Card/Card.stories.svelte.d.ts +23 -0
  140. package/dist/layout/Card/Card.svelte +120 -0
  141. package/dist/layout/Card/Card.svelte.d.ts +49 -0
  142. package/dist/layout/Card/docs/component.md +14 -0
  143. package/dist/layout/Card/docs/eg-images.md +27 -0
  144. package/dist/layout/Card/docs/eg-links.md +12 -0
  145. package/dist/layout/Card/docs/eg-spans.md +12 -0
  146. package/dist/layout/Contents/Contents.stories.svelte +27 -0
  147. package/dist/{@types/layout/Contents/Contents.svelte.d.ts → layout/Contents/Contents.stories.svelte.d.ts} +2 -8
  148. package/dist/layout/Contents/Contents.svelte +42 -40
  149. package/dist/layout/Contents/Contents.svelte.d.ts +29 -0
  150. package/dist/layout/Contents/docs/component.md +18 -0
  151. package/dist/layout/DescriptionList/DescriptionList.stories.svelte +22 -0
  152. package/dist/layout/DescriptionList/DescriptionList.stories.svelte.d.ts +23 -0
  153. package/dist/layout/DescriptionList/DescriptionList.svelte +48 -0
  154. package/dist/layout/DescriptionList/DescriptionList.svelte.d.ts +27 -0
  155. package/dist/layout/DescriptionList/docs/component.md +18 -0
  156. package/dist/layout/Details/Details.stories.svelte +32 -0
  157. package/dist/layout/Details/Details.stories.svelte.d.ts +23 -0
  158. package/dist/layout/Details/Details.svelte +70 -0
  159. package/dist/layout/Details/Details.svelte.d.ts +35 -0
  160. package/dist/layout/Details/docs/component.md +14 -0
  161. package/dist/layout/DocumentList/Document.svelte +103 -0
  162. package/dist/layout/DocumentList/Document.svelte.d.ts +39 -0
  163. package/dist/layout/DocumentList/DocumentList.stories.svelte +73 -0
  164. package/dist/layout/DocumentList/DocumentList.stories.svelte.d.ts +23 -0
  165. package/dist/layout/DocumentList/DocumentList.svelte +17 -0
  166. package/dist/layout/DocumentList/DocumentList.svelte.d.ts +27 -0
  167. package/dist/layout/DocumentList/docs/component.md +28 -0
  168. package/dist/layout/DocumentList/docs/example.md +23 -0
  169. package/dist/layout/ErrorPage/ErrorPage.stories.svelte +18 -0
  170. package/dist/{@types/layout/ErrorPage/ErrorPage.svelte.d.ts → layout/ErrorPage/ErrorPage.stories.svelte.d.ts} +2 -6
  171. package/dist/layout/ErrorPage/ErrorPage.svelte +45 -40
  172. package/dist/layout/ErrorPage/ErrorPage.svelte.d.ts +29 -0
  173. package/dist/layout/ErrorPage/docs/component.md +13 -0
  174. package/dist/layout/Footer/Footer.stories.svelte +24 -0
  175. package/dist/{@types/layout/Footer/Footer.svelte.d.ts → layout/Footer/Footer.stories.svelte.d.ts} +4 -12
  176. package/dist/layout/Footer/Footer.svelte +372 -257
  177. package/dist/layout/Footer/Footer.svelte.d.ts +27 -0
  178. package/dist/layout/Footer/docs/component.md +10 -0
  179. package/dist/layout/Grid/Grid.stories.svelte +50 -0
  180. package/dist/layout/Grid/Grid.stories.svelte.d.ts +23 -0
  181. package/dist/layout/Grid/Grid.svelte +110 -160
  182. package/dist/layout/Grid/Grid.svelte.d.ts +49 -0
  183. package/dist/layout/Grid/GridCell.svelte +65 -0
  184. package/dist/layout/Grid/GridCell.svelte.d.ts +27 -0
  185. package/dist/layout/Grid/docs/component.md +14 -0
  186. package/dist/layout/Header/Header.stories.svelte +26 -0
  187. package/dist/{@types/layout/Header/Header.svelte.d.ts → layout/Header/Header.stories.svelte.d.ts} +4 -20
  188. package/dist/layout/Header/Header.svelte +842 -612
  189. package/dist/layout/Header/Header.svelte.d.ts +39 -0
  190. package/dist/layout/Header/docs/component.md +11 -0
  191. package/dist/layout/Hero/Hero.stories.svelte +77 -0
  192. package/dist/layout/Hero/Hero.stories.svelte.d.ts +23 -0
  193. package/dist/layout/Hero/Hero.svelte +350 -80
  194. package/dist/layout/Hero/Hero.svelte.d.ts +55 -0
  195. package/dist/layout/Hero/docs/component.md +14 -0
  196. package/dist/layout/Highlight/Highlight.stories.svelte +29 -0
  197. package/dist/layout/Highlight/Highlight.stories.svelte.d.ts +23 -0
  198. package/dist/layout/Highlight/Highlight.svelte +78 -66
  199. package/dist/layout/Highlight/Highlight.svelte.d.ts +45 -0
  200. package/dist/layout/Highlight/docs/component.md +12 -0
  201. package/dist/layout/Image/Image.stories.svelte +23 -0
  202. package/dist/layout/Image/Image.stories.svelte.d.ts +23 -0
  203. package/dist/layout/Image/Image.svelte +24 -0
  204. package/dist/layout/Image/Image.svelte.d.ts +27 -0
  205. package/dist/layout/Image/docs/component.md +15 -0
  206. package/dist/layout/List/Li.svelte +3 -0
  207. package/dist/layout/List/Li.svelte.d.ts +27 -0
  208. package/dist/layout/List/List.stories.svelte +40 -0
  209. package/dist/{@types/layout/List/List.svelte.d.ts → layout/List/List.stories.svelte.d.ts} +4 -8
  210. package/dist/layout/List/List.svelte +34 -25
  211. package/dist/layout/List/List.svelte.d.ts +29 -0
  212. package/dist/layout/List/docs/component.md +14 -0
  213. package/dist/layout/List/docs/example.md +12 -0
  214. package/dist/layout/NavSections/NavSection.svelte +66 -66
  215. package/dist/{@types/layout → layout}/NavSections/NavSection.svelte.d.ts +10 -10
  216. package/dist/layout/NavSections/NavSections.stories.svelte +48 -0
  217. package/dist/layout/NavSections/NavSections.stories.svelte.d.ts +23 -0
  218. package/dist/layout/NavSections/NavSections.svelte +135 -183
  219. package/dist/{@types/layout → layout}/NavSections/NavSections.svelte.d.ts +14 -24
  220. package/dist/layout/NavSections/docs/component.md +27 -0
  221. package/dist/layout/Notice/Notice.stories.svelte +61 -0
  222. package/dist/layout/Notice/Notice.stories.svelte.d.ts +23 -0
  223. package/dist/layout/Notice/Notice.svelte +45 -54
  224. package/dist/{@types/layout → layout}/Notice/Notice.svelte.d.ts +2 -6
  225. package/dist/layout/Notice/docs/component.md +14 -0
  226. package/dist/layout/PhaseBanner/PhaseBanner.stories.svelte +24 -0
  227. package/dist/{@types/layout/PhaseBanner/PhaseBanner.svelte.d.ts → layout/PhaseBanner/PhaseBanner.stories.svelte.d.ts} +2 -4
  228. package/dist/layout/PhaseBanner/PhaseBanner.svelte +56 -35
  229. package/dist/layout/PhaseBanner/PhaseBanner.svelte.d.ts +25 -0
  230. package/dist/layout/PhaseBanner/docs/component.md +14 -0
  231. package/dist/layout/RelatedContent/RelatedContent.stories.svelte +36 -0
  232. package/dist/{@types/layout/RelatedContent/RelatedContent.svelte.d.ts → layout/RelatedContent/RelatedContent.stories.svelte.d.ts} +2 -2
  233. package/dist/layout/RelatedContent/RelatedContent.svelte +44 -54
  234. package/dist/layout/RelatedContent/RelatedContent.svelte.d.ts +31 -0
  235. package/dist/layout/RelatedContent/docs/component.md +16 -0
  236. package/dist/layout/Scroller/Scroller.stories.svelte +61 -0
  237. package/dist/layout/Scroller/Scroller.stories.svelte.d.ts +23 -0
  238. package/dist/layout/Scroller/Scroller.svelte +341 -331
  239. package/dist/{@types/layout → layout}/Scroller/Scroller.svelte.d.ts +22 -20
  240. package/dist/layout/Scroller/ScrollerSection.svelte +54 -73
  241. package/dist/{@types/layout → layout}/Scroller/ScrollerSection.svelte.d.ts +6 -12
  242. package/dist/layout/Scroller/docs/component.md +41 -0
  243. package/dist/layout/Section/Section.stories.svelte +33 -0
  244. package/dist/layout/Section/Section.stories.svelte.d.ts +23 -0
  245. package/dist/layout/Section/Section.svelte +53 -77
  246. package/dist/layout/Section/Section.svelte.d.ts +41 -0
  247. package/dist/layout/Section/docs/component.md +12 -0
  248. package/dist/layout/ShareButtons/ShareButtons.stories.svelte +20 -0
  249. package/dist/layout/ShareButtons/ShareButtons.stories.svelte.d.ts +23 -0
  250. package/dist/layout/ShareButtons/ShareButtons.svelte +118 -175
  251. package/dist/{@types/layout → layout}/ShareButtons/ShareButtons.svelte.d.ts +6 -14
  252. package/dist/layout/ShareButtons/docs/component.md +14 -0
  253. package/dist/layout/SkipLink/SkipLink.stories.svelte +16 -0
  254. package/dist/{@types/layout/SkipLink/SkipLink.svelte.d.ts → layout/SkipLink/SkipLink.stories.svelte.d.ts} +2 -2
  255. package/dist/layout/SkipLink/SkipLink.svelte +6 -6
  256. package/dist/layout/SkipLink/SkipLink.svelte.d.ts +23 -0
  257. package/dist/layout/SkipLink/docs/component.md +11 -0
  258. package/dist/layout/Summary/Summary.stories.svelte +21 -0
  259. package/dist/{@types/layout/Summary/Summary.svelte.d.ts → layout/Summary/Summary.stories.svelte.d.ts} +2 -4
  260. package/dist/layout/Summary/Summary.svelte +50 -46
  261. package/dist/layout/Summary/Summary.svelte.d.ts +31 -0
  262. package/dist/layout/Summary/docs/component.md +17 -0
  263. package/dist/layout/Tabs/Tab.svelte +42 -42
  264. package/dist/{@types/layout → layout}/Tabs/Tab.svelte.d.ts +6 -6
  265. package/dist/layout/Tabs/Tabs.stories.svelte +29 -0
  266. package/dist/layout/Tabs/Tabs.stories.svelte.d.ts +23 -0
  267. package/dist/layout/Tabs/Tabs.svelte +71 -97
  268. package/dist/{@types/layout → layout}/Tabs/Tabs.svelte.d.ts +6 -6
  269. package/dist/layout/Tabs/docs/component.md +16 -0
  270. package/dist/layout/Tabs/tabs.d.ts +43 -0
  271. package/dist/layout/Tabs/tabs.js +302 -0
  272. package/dist/templates/EmbedArticle/EmbedArticle.stories.svelte +72 -0
  273. package/dist/templates/EmbedArticle/EmbedArticle.stories.svelte.d.ts +23 -0
  274. package/dist/templates/EmbedArticle/docs/component.md +56 -0
  275. package/dist/templates/FeatureArticle/FeatureArticle.stories.svelte +151 -0
  276. package/dist/templates/FeatureArticle/FeatureArticle.stories.svelte.d.ts +23 -0
  277. package/dist/templates/FeatureArticle/docs/component.md +125 -0
  278. package/dist/templates/StandardArticle/StandardArticle.stories.svelte +86 -0
  279. package/dist/templates/StandardArticle/StandardArticle.stories.svelte.d.ts +23 -0
  280. package/dist/templates/StandardArticle/docs/component.md +76 -0
  281. package/dist/templates/intro.mdx +19 -0
  282. package/dist/wrappers/Container/Container.stories.svelte +38 -0
  283. package/dist/wrappers/Container/Container.stories.svelte.d.ts +23 -0
  284. package/dist/wrappers/Container/Container.svelte +61 -140
  285. package/dist/wrappers/Container/Container.svelte.d.ts +39 -0
  286. package/dist/wrappers/Container/docs/component.md +10 -0
  287. package/dist/wrappers/Embed/Embed.stories.svelte +24 -0
  288. package/dist/wrappers/Embed/Embed.stories.svelte.d.ts +23 -0
  289. package/dist/wrappers/Embed/Embed.svelte +33 -32
  290. package/dist/{@types/wrappers → wrappers}/Embed/Embed.svelte.d.ts +4 -4
  291. package/dist/wrappers/Embed/docs/component.md +15 -0
  292. package/dist/wrappers/LazyLoad/LazyLoad.stories.svelte +37 -0
  293. package/dist/wrappers/LazyLoad/LazyLoad.stories.svelte.d.ts +23 -0
  294. package/dist/wrappers/LazyLoad/LazyLoad.svelte +34 -35
  295. package/dist/{@types/wrappers → wrappers}/LazyLoad/LazyLoad.svelte.d.ts +6 -6
  296. package/dist/wrappers/LazyLoad/docs/component.md +29 -0
  297. package/dist/wrappers/Main/Main.stories.svelte +24 -0
  298. package/dist/wrappers/Main/Main.stories.svelte.d.ts +23 -0
  299. package/dist/wrappers/Main/Main.svelte +10 -3
  300. package/dist/{@types/wrappers → wrappers}/Main/Main.svelte.d.ts +2 -4
  301. package/dist/wrappers/Main/docs/component.md +16 -0
  302. package/dist/wrappers/Observe/Observe.stories.svelte +29 -0
  303. package/dist/wrappers/Observe/Observe.stories.svelte.d.ts +23 -0
  304. package/dist/wrappers/Observe/Observe.svelte +24 -24
  305. package/dist/{@types/wrappers → wrappers}/Observe/Observe.svelte.d.ts +2 -2
  306. package/dist/wrappers/Observe/docs/component.md +22 -0
  307. package/dist/wrappers/Theme/Theme.stories.svelte +70 -0
  308. package/dist/{@types/wrappers/Theme/Theme.svelte.d.ts → wrappers/Theme/Theme.stories.svelte.d.ts} +4 -20
  309. package/dist/wrappers/Theme/Theme.svelte +64 -101
  310. package/dist/wrappers/Theme/Theme.svelte.d.ts +37 -0
  311. package/dist/wrappers/Theme/docs/component.md +10 -0
  312. package/dist/wrappers/Theme/themes.d.ts +143 -0
  313. package/dist/wrappers/Theme/themes.js +68 -27
  314. package/package.json +82 -195
  315. package/dist/@types/actions/cssVariables/index.d.ts +0 -4
  316. package/dist/@types/actions/resizeObserver/index.d.ts +0 -4
  317. package/dist/@types/inputs/AccessibleSelect/AccessibleSelect.svelte.d.ts +0 -58
  318. package/dist/@types/inputs/Button/Button.svelte.d.ts +0 -51
  319. package/dist/@types/inputs/Input/Input.svelte.d.ts +0 -51
  320. package/dist/@types/inputs/Select/Select.svelte.d.ts +0 -77
  321. package/dist/@types/js/docsPage.d.ts +0 -25
  322. package/dist/@types/layout/Backlink/Backlink.svelte.d.ts +0 -23
  323. package/dist/@types/layout/Cards/Card.svelte.d.ts +0 -49
  324. package/dist/@types/layout/Cards/Cards.svelte.d.ts +0 -51
  325. package/dist/@types/layout/Footer/ONSLogo.svelte.d.ts +0 -29
  326. package/dist/@types/layout/Grid/Grid.svelte.d.ts +0 -53
  327. package/dist/@types/layout/Header/ONSLogo.svelte.d.ts +0 -31
  328. package/dist/@types/layout/Hero/Hero.svelte.d.ts +0 -47
  329. package/dist/@types/layout/Highlight/Highlight.svelte.d.ts +0 -43
  330. package/dist/@types/layout/NavSections/SectionBacklink.svelte.d.ts +0 -23
  331. package/dist/@types/layout/Section/Section.svelte.d.ts +0 -47
  332. package/dist/@types/layout/Survey/Survey.svelte.d.ts +0 -23
  333. package/dist/@types/layout/Survey/init-survey.d.ts +0 -1
  334. package/dist/@types/layout/Titleblock/Meta.svelte.d.ts +0 -23
  335. package/dist/@types/layout/Titleblock/Titleblock.svelte.d.ts +0 -53
  336. package/dist/@types/layout/Twisty/Twisty.svelte.d.ts +0 -33
  337. package/dist/@types/wrappers/Container/Container.svelte.d.ts +0 -45
  338. package/dist/@types/wrappers/Theme/themes.d.ts +0 -29
  339. package/dist/actions/cssVariables/index.js +0 -20
  340. package/dist/actions/resizeObserver/index.js +0 -25
  341. package/dist/globals.d.ts +0 -23
  342. package/dist/inputs/AccessibleSelect/AccessibleSelect.svelte +0 -280
  343. package/dist/inputs/AccessibleSelect/options.js +0 -263
  344. package/dist/js/docsPage.js +0 -13
  345. package/dist/layout/Backlink/Backlink.svelte +0 -32
  346. package/dist/layout/Cards/Card.svelte +0 -99
  347. package/dist/layout/Cards/Cards.svelte +0 -95
  348. package/dist/layout/Footer/ONSLogo.svelte +0 -150
  349. package/dist/layout/Header/ONSLogo.svelte +0 -148
  350. package/dist/layout/NavSections/SectionBacklink.svelte +0 -31
  351. package/dist/layout/Survey/Survey.svelte +0 -96
  352. package/dist/layout/Survey/init-survey.js +0 -230
  353. package/dist/layout/Titleblock/Meta.svelte +0 -26
  354. package/dist/layout/Titleblock/Titleblock.svelte +0 -147
  355. package/dist/layout/Twisty/Twisty.svelte +0 -56
  356. /package/dist/{@types/datavis/shared → datavis/demo-data}/data-scatter.d.ts +0 -0
  357. /package/dist/datavis/{shared → demo-data}/data-scatter.js +0 -0
  358. /package/dist/{@types/datavis/shared → datavis/demo-data}/data.d.ts +0 -0
  359. /package/dist/datavis/{shared → demo-data}/data.js +0 -0
  360. /package/dist/{@types/inputs/AccessibleSelect/options.d.ts → js/menuOptions.d.ts} +0 -0
@@ -1,51 +0,0 @@
1
- /** @typedef {typeof __propDef.props} CardsProps */
2
- /** @typedef {typeof __propDef.events} CardsEvents */
3
- /** @typedef {typeof __propDef.slots} CardsSlots */
4
- export default class Cards extends SvelteComponentTyped<{
5
- id?: string;
6
- cls?: string;
7
- theme?: "light" | "dark" | "lightblue";
8
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
9
- height?: string | number;
10
- marginTop?: boolean;
11
- marginBottom?: boolean;
12
- themeOverrides?: any;
13
- title?: string;
14
- hideTitle?: boolean;
15
- colwidth?: "narrow" | "medium" | "wide" | "full";
16
- gap?: number;
17
- noBackground?: boolean;
18
- }, {
19
- [evt: string]: CustomEvent<any>;
20
- }, {
21
- default: {};
22
- }> {
23
- }
24
- export type CardsProps = typeof __propDef.props;
25
- export type CardsEvents = typeof __propDef.events;
26
- export type CardsSlots = typeof __propDef.slots;
27
- import { SvelteComponentTyped } from "svelte";
28
- declare const __propDef: {
29
- props: {
30
- id?: string;
31
- cls?: string;
32
- theme?: "light" | "dark" | "lightblue";
33
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
34
- height?: number | string;
35
- marginTop?: boolean;
36
- marginBottom?: boolean;
37
- themeOverrides?: object;
38
- title?: string;
39
- hideTitle?: boolean;
40
- colwidth?: "narrow" | "medium" | "wide" | "full";
41
- gap?: number;
42
- noBackground?: boolean;
43
- };
44
- events: {
45
- [evt: string]: CustomEvent<any>;
46
- };
47
- slots: {
48
- default: {};
49
- };
50
- };
51
- export {};
@@ -1,29 +0,0 @@
1
- /** @typedef {typeof __propDef.props} OnsLogoProps */
2
- /** @typedef {typeof __propDef.events} OnsLogoEvents */
3
- /** @typedef {typeof __propDef.slots} OnsLogoSlots */
4
- export default class OnsLogo extends SvelteComponentTyped<{
5
- width?: string;
6
- height?: string;
7
- compact?: boolean;
8
- className?: string;
9
- }, {
10
- [evt: string]: CustomEvent<any>;
11
- }, {}> {
12
- }
13
- export type OnsLogoProps = typeof __propDef.props;
14
- export type OnsLogoEvents = typeof __propDef.events;
15
- export type OnsLogoSlots = typeof __propDef.slots;
16
- import { SvelteComponentTyped } from "svelte";
17
- declare const __propDef: {
18
- props: {
19
- width?: string;
20
- height?: string;
21
- compact?: boolean;
22
- className?: string;
23
- };
24
- events: {
25
- [evt: string]: CustomEvent<any>;
26
- };
27
- slots: {};
28
- };
29
- export {};
@@ -1,53 +0,0 @@
1
- /** @typedef {typeof __propDef.props} GridProps */
2
- /** @typedef {typeof __propDef.events} GridEvents */
3
- /** @typedef {typeof __propDef.slots} GridSlots */
4
- export default class Grid extends SvelteComponentTyped<{
5
- id?: string;
6
- cls?: string;
7
- theme?: "light" | "dark" | "lightblue";
8
- allowClientOverrides?: boolean;
9
- width?: "narrow" | "medium" | "wide" | "full";
10
- height?: string | number;
11
- marginTop?: boolean;
12
- marginBottom?: boolean;
13
- themeOverrides?: any;
14
- title?: string;
15
- caption?: string;
16
- hideTitle?: boolean;
17
- colwidth?: "narrow" | "medium" | "wide" | "full";
18
- gap?: number;
19
- }, {
20
- [evt: string]: CustomEvent<any>;
21
- }, {
22
- default: {};
23
- }> {
24
- }
25
- export type GridProps = typeof __propDef.props;
26
- export type GridEvents = typeof __propDef.events;
27
- export type GridSlots = typeof __propDef.slots;
28
- import { SvelteComponentTyped } from "svelte";
29
- declare const __propDef: {
30
- props: {
31
- id?: string;
32
- cls?: string;
33
- theme?: "light" | "dark" | "lightblue";
34
- allowClientOverrides?: boolean;
35
- width?: "narrow" | "medium" | "wide" | "full";
36
- height?: number | string;
37
- marginTop?: boolean;
38
- marginBottom?: boolean;
39
- themeOverrides?: object;
40
- title?: string;
41
- caption?: string;
42
- hideTitle?: boolean;
43
- colwidth?: "narrow" | "medium" | "wide" | "full";
44
- gap?: number;
45
- };
46
- events: {
47
- [evt: string]: CustomEvent<any>;
48
- };
49
- slots: {
50
- default: {};
51
- };
52
- };
53
- export {};
@@ -1,31 +0,0 @@
1
- /** @typedef {typeof __propDef.props} OnsLogoProps */
2
- /** @typedef {typeof __propDef.events} OnsLogoEvents */
3
- /** @typedef {typeof __propDef.slots} OnsLogoSlots */
4
- export default class OnsLogo extends SvelteComponentTyped<{
5
- theme?: any;
6
- width?: any;
7
- height?: any;
8
- compact?: boolean;
9
- className?: string;
10
- }, {
11
- [evt: string]: CustomEvent<any>;
12
- }, {}> {
13
- }
14
- export type OnsLogoProps = typeof __propDef.props;
15
- export type OnsLogoEvents = typeof __propDef.events;
16
- export type OnsLogoSlots = typeof __propDef.slots;
17
- import { SvelteComponentTyped } from "svelte";
18
- declare const __propDef: {
19
- props: {
20
- theme?: any;
21
- width?: any;
22
- height?: any;
23
- compact?: boolean;
24
- className?: string;
25
- };
26
- events: {
27
- [evt: string]: CustomEvent<any>;
28
- };
29
- slots: {};
30
- };
31
- export {};
@@ -1,47 +0,0 @@
1
- /** @typedef {typeof __propDef.props} HeroProps */
2
- /** @typedef {typeof __propDef.events} HeroEvents */
3
- /** @typedef {typeof __propDef.slots} HeroSlots */
4
- export default class Hero extends SvelteComponentTyped<{
5
- id?: string;
6
- cls?: string;
7
- theme?: "light" | "dark" | "lightblue";
8
- background?: string;
9
- allowClientOverrides?: boolean;
10
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
11
- height?: "full" | "auto" | "tall";
12
- themeOverrides?: any;
13
- title?: string;
14
- lede?: string;
15
- date?: string;
16
- }, {
17
- [evt: string]: CustomEvent<any>;
18
- }, {
19
- default: {};
20
- }> {
21
- }
22
- export type HeroProps = typeof __propDef.props;
23
- export type HeroEvents = typeof __propDef.events;
24
- export type HeroSlots = typeof __propDef.slots;
25
- import { SvelteComponentTyped } from "svelte";
26
- declare const __propDef: {
27
- props: {
28
- id?: string;
29
- cls?: string;
30
- theme?: "light" | "dark" | "lightblue";
31
- background?: string;
32
- allowClientOverrides?: boolean;
33
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
34
- height?: "auto" | "tall" | "full";
35
- themeOverrides?: object;
36
- title?: string;
37
- lede?: string;
38
- date?: string;
39
- };
40
- events: {
41
- [evt: string]: CustomEvent<any>;
42
- };
43
- slots: {
44
- default: {};
45
- };
46
- };
47
- export {};
@@ -1,43 +0,0 @@
1
- /** @typedef {typeof __propDef.props} HighlightProps */
2
- /** @typedef {typeof __propDef.events} HighlightEvents */
3
- /** @typedef {typeof __propDef.slots} HighlightSlots */
4
- export default class Highlight extends SvelteComponentTyped<{
5
- id?: string;
6
- theme?: "light" | "dark" | "lightblue";
7
- background?: string;
8
- allowClientOverrides?: boolean;
9
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
10
- height?: "full" | "auto" | "tall";
11
- marginTop?: boolean;
12
- marginBottom?: boolean;
13
- themeOverrides?: any;
14
- }, {
15
- [evt: string]: CustomEvent<any>;
16
- }, {
17
- default: {};
18
- }> {
19
- }
20
- export type HighlightProps = typeof __propDef.props;
21
- export type HighlightEvents = typeof __propDef.events;
22
- export type HighlightSlots = typeof __propDef.slots;
23
- import { SvelteComponentTyped } from "svelte";
24
- declare const __propDef: {
25
- props: {
26
- id?: string;
27
- theme?: "light" | "dark" | "lightblue";
28
- background?: string;
29
- allowClientOverrides?: boolean;
30
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
31
- height?: "auto" | "tall" | "full";
32
- marginTop?: boolean;
33
- marginBottom?: boolean;
34
- themeOverrides?: object;
35
- };
36
- events: {
37
- [evt: string]: CustomEvent<any>;
38
- };
39
- slots: {
40
- default: {};
41
- };
42
- };
43
- export {};
@@ -1,23 +0,0 @@
1
- /** @typedef {typeof __propDef.props} SectionBacklinkProps */
2
- /** @typedef {typeof __propDef.events} SectionBacklinkEvents */
3
- /** @typedef {typeof __propDef.slots} SectionBacklinkSlots */
4
- export default class SectionBacklink extends SvelteComponentTyped<{
5
- tocId?: string;
6
- }, {
7
- [evt: string]: CustomEvent<any>;
8
- }, {}> {
9
- }
10
- export type SectionBacklinkProps = typeof __propDef.props;
11
- export type SectionBacklinkEvents = typeof __propDef.events;
12
- export type SectionBacklinkSlots = typeof __propDef.slots;
13
- import { SvelteComponentTyped } from "svelte";
14
- declare const __propDef: {
15
- props: {
16
- tocId?: string;
17
- };
18
- events: {
19
- [evt: string]: CustomEvent<any>;
20
- };
21
- slots: {};
22
- };
23
- export {};
@@ -1,47 +0,0 @@
1
- /** @typedef {typeof __propDef.props} SectionProps */
2
- /** @typedef {typeof __propDef.events} SectionEvents */
3
- /** @typedef {typeof __propDef.slots} SectionSlots */
4
- export default class Section extends SvelteComponentTyped<{
5
- id?: string;
6
- cls?: string;
7
- theme?: "light" | "dark" | "lightblue";
8
- background?: string;
9
- allowClientOverrides?: boolean;
10
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
11
- marginTop?: boolean;
12
- marginBottom?: boolean;
13
- themeOverrides?: any;
14
- title?: string;
15
- hideTitle?: boolean;
16
- }, {
17
- [evt: string]: CustomEvent<any>;
18
- }, {
19
- default: {};
20
- }> {
21
- }
22
- export type SectionProps = typeof __propDef.props;
23
- export type SectionEvents = typeof __propDef.events;
24
- export type SectionSlots = typeof __propDef.slots;
25
- import { SvelteComponentTyped } from "svelte";
26
- declare const __propDef: {
27
- props: {
28
- id?: string;
29
- cls?: string;
30
- theme?: "light" | "dark" | "lightblue";
31
- background?: string;
32
- allowClientOverrides?: boolean;
33
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
34
- marginTop?: boolean;
35
- marginBottom?: boolean;
36
- themeOverrides?: object;
37
- title?: string;
38
- hideTitle?: boolean;
39
- };
40
- events: {
41
- [evt: string]: CustomEvent<any>;
42
- };
43
- slots: {
44
- default: {};
45
- };
46
- };
47
- export {};
@@ -1,23 +0,0 @@
1
- /** @typedef {typeof __propDef.props} SurveyProps */
2
- /** @typedef {typeof __propDef.events} SurveyEvents */
3
- /** @typedef {typeof __propDef.slots} SurveySlots */
4
- export default class Survey extends SvelteComponentTyped<{
5
- [x: string]: never;
6
- }, {
7
- [evt: string]: CustomEvent<any>;
8
- }, {}> {
9
- }
10
- export type SurveyProps = typeof __propDef.props;
11
- export type SurveyEvents = typeof __propDef.events;
12
- export type SurveySlots = typeof __propDef.slots;
13
- import { SvelteComponentTyped } from "svelte";
14
- declare const __propDef: {
15
- props: {
16
- [x: string]: never;
17
- };
18
- events: {
19
- [evt: string]: CustomEvent<any>;
20
- };
21
- slots: {};
22
- };
23
- export {};
@@ -1 +0,0 @@
1
- export default function initSurvey(): void;
@@ -1,23 +0,0 @@
1
- /** @typedef {typeof __propDef.props} MetaProps */
2
- /** @typedef {typeof __propDef.events} MetaEvents */
3
- /** @typedef {typeof __propDef.slots} MetaSlots */
4
- export default class Meta extends SvelteComponentTyped<{
5
- meta?: any;
6
- }, {
7
- [evt: string]: CustomEvent<any>;
8
- }, {}> {
9
- }
10
- export type MetaProps = typeof __propDef.props;
11
- export type MetaEvents = typeof __propDef.events;
12
- export type MetaSlots = typeof __propDef.slots;
13
- import { SvelteComponentTyped } from "svelte";
14
- declare const __propDef: {
15
- props: {
16
- meta?: any;
17
- };
18
- events: {
19
- [evt: string]: CustomEvent<any>;
20
- };
21
- slots: {};
22
- };
23
- export {};
@@ -1,53 +0,0 @@
1
- /** @typedef {typeof __propDef.props} TitleblockProps */
2
- /** @typedef {typeof __propDef.events} TitleblockEvents */
3
- /** @typedef {typeof __propDef.slots} TitleblockSlots */
4
- export default class Titleblock extends SvelteComponentTyped<{
5
- theme?: "light" | "dark" | "lightblue";
6
- background?: string;
7
- allowClientOverrides?: boolean;
8
- themeOverrides?: any;
9
- title?: string;
10
- meta?: any[];
11
- natStatBadge?: boolean;
12
- censusLogo?: boolean;
13
- titleBadge?: string;
14
- titleBadgeAriaLabel?: string;
15
- titleBadgeColor?: string;
16
- }, {
17
- [evt: string]: CustomEvent<any>;
18
- }, {
19
- before: {};
20
- default: {};
21
- brand: {};
22
- after: {};
23
- }> {
24
- }
25
- export type TitleblockProps = typeof __propDef.props;
26
- export type TitleblockEvents = typeof __propDef.events;
27
- export type TitleblockSlots = typeof __propDef.slots;
28
- import { SvelteComponentTyped } from "svelte";
29
- declare const __propDef: {
30
- props: {
31
- theme?: "light" | "dark" | "lightblue";
32
- background?: string;
33
- allowClientOverrides?: boolean;
34
- themeOverrides?: object;
35
- title?: string;
36
- meta?: any[];
37
- natStatBadge?: boolean;
38
- censusLogo?: boolean;
39
- titleBadge?: string;
40
- titleBadgeAriaLabel?: string;
41
- titleBadgeColor?: string;
42
- };
43
- events: {
44
- [evt: string]: CustomEvent<any>;
45
- };
46
- slots: {
47
- before: {};
48
- default: {};
49
- brand: {};
50
- after: {};
51
- };
52
- };
53
- export {};
@@ -1,33 +0,0 @@
1
- /** @typedef {typeof __propDef.props} TwistyProps */
2
- /** @typedef {typeof __propDef.events} TwistyEvents */
3
- /** @typedef {typeof __propDef.slots} TwistySlots */
4
- export default class Twisty extends SvelteComponentTyped<{
5
- open?: boolean;
6
- title?: string;
7
- }, {
8
- toggle: CustomEvent<any>;
9
- } & {
10
- [evt: string]: CustomEvent<any>;
11
- }, {
12
- default: {};
13
- }> {
14
- }
15
- export type TwistyProps = typeof __propDef.props;
16
- export type TwistyEvents = typeof __propDef.events;
17
- export type TwistySlots = typeof __propDef.slots;
18
- import { SvelteComponentTyped } from "svelte";
19
- declare const __propDef: {
20
- props: {
21
- open?: boolean;
22
- title?: string;
23
- };
24
- events: {
25
- toggle: CustomEvent<any>;
26
- } & {
27
- [evt: string]: CustomEvent<any>;
28
- };
29
- slots: {
30
- default: {};
31
- };
32
- };
33
- export {};
@@ -1,45 +0,0 @@
1
- /** @typedef {typeof __propDef.props} ContainerProps */
2
- /** @typedef {typeof __propDef.events} ContainerEvents */
3
- /** @typedef {typeof __propDef.slots} ContainerSlots */
4
- export default class Container extends SvelteComponentTyped<{
5
- id?: string;
6
- cls?: string;
7
- theme?: "light" | "dark" | "lightblue";
8
- background?: string;
9
- allowClientOverrides?: boolean;
10
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
11
- height?: "full" | "auto" | "tall";
12
- marginTop?: boolean;
13
- marginBottom?: boolean;
14
- themeOverrides?: any;
15
- }, {
16
- [evt: string]: CustomEvent<any>;
17
- }, {
18
- default: {};
19
- }> {
20
- }
21
- export type ContainerProps = typeof __propDef.props;
22
- export type ContainerEvents = typeof __propDef.events;
23
- export type ContainerSlots = typeof __propDef.slots;
24
- import { SvelteComponentTyped } from "svelte";
25
- declare const __propDef: {
26
- props: {
27
- id?: string;
28
- cls?: string;
29
- theme?: "light" | "dark" | "lightblue";
30
- background?: string;
31
- allowClientOverrides?: boolean;
32
- width?: "narrow" | "medium" | "wide" | "wider" | "full";
33
- height?: "auto" | "tall" | "full";
34
- marginTop?: boolean;
35
- marginBottom?: boolean;
36
- themeOverrides?: object;
37
- };
38
- events: {
39
- [evt: string]: CustomEvent<any>;
40
- };
41
- slots: {
42
- default: {};
43
- };
44
- };
45
- export {};
@@ -1,29 +0,0 @@
1
- declare namespace _default {
2
- let light: {
3
- text: string;
4
- muted: string;
5
- hinted: string;
6
- pale: string;
7
- background: string;
8
- link: string;
9
- "link-hover": string;
10
- };
11
- let dark: {
12
- text: string;
13
- muted: string;
14
- hinted: string;
15
- pale: string;
16
- background: string;
17
- link: string;
18
- "link-hover": string;
19
- };
20
- let lightblue: {
21
- text: string;
22
- muted: string;
23
- pale: string;
24
- background: string;
25
- link: string;
26
- "link-hover": string;
27
- };
28
- }
29
- export default _default;
@@ -1,20 +0,0 @@
1
- // Shamelessly stolen from: https://github.com/kaisermann/svelte-css-vars
2
- export default (node, props) => {
3
- Object.entries(props).forEach(([key, value]) => {
4
- node.style.setProperty(`--${key}`, value);
5
- });
6
-
7
- return {
8
- update(newProps) {
9
- Object.entries(newProps).forEach(([key, value]) => {
10
- node.style.setProperty(`--${key}`, value);
11
- delete props[key];
12
- });
13
-
14
- Object.keys(props).forEach((name) => {
15
- node.style.removeProperty(`--${name}`);
16
- });
17
- props = newProps;
18
- },
19
- };
20
- };
@@ -1,25 +0,0 @@
1
- // Shamelessly stolen from https://github.com/sveltejs/svelte/issues/7583#issue-1260717165
2
- let observer;
3
- let callbacks;
4
-
5
- export default (element, onResize) => {
6
- if (!observer) {
7
- callbacks = new WeakMap();
8
- observer = new ResizeObserver(entries => {
9
- for (const entry of entries) {
10
- const onResize = callbacks.get(entry.target);
11
- if (onResize) onResize(entry.target);
12
- }
13
- });
14
- }
15
-
16
- callbacks.set(element, onResize);
17
- observer.observe(element);
18
-
19
- return {
20
- destroy: () => {
21
- callbacks.delete(element);
22
- observer.unobserve(element);
23
- },
24
- };
25
- }
package/dist/globals.d.ts DELETED
@@ -1,23 +0,0 @@
1
- interface ChartbeatConfig {
2
- uid?: number;
3
- domain?: string;
4
- flickerControl?: boolean;
5
- useCanonical?: boolean;
6
- useCanonicalDomain?: boolean;
7
- sections?: string;
8
- authors?: string;
9
- }
10
-
11
- declare global {
12
- // eslint-disable-next-line no-unused-vars
13
- interface Window {
14
- /** Google analytics dataLayer */
15
- dataLayer: Record<string, any>,
16
- /** Chartbeat config */
17
- _sf_async_config: ChartbeatConfig,
18
- /** Chartbeat method */
19
- pSUPERFLY: (config: { path: string, title: string }) => void,
20
- }
21
- }
22
-
23
- export {};