@sentropic/design-system-vue 0.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 (330) hide show
  1. package/dist/Accordion.d.ts +66 -0
  2. package/dist/Accordion.d.ts.map +1 -0
  3. package/dist/Accordion.js +69 -0
  4. package/dist/Accordion.js.map +1 -0
  5. package/dist/Alert.d.ts +59 -0
  6. package/dist/Alert.d.ts.map +1 -0
  7. package/dist/Alert.js +36 -0
  8. package/dist/Alert.js.map +1 -0
  9. package/dist/AreaChart.d.ts +66 -0
  10. package/dist/AreaChart.d.ts.map +1 -0
  11. package/dist/AreaChart.js +54 -0
  12. package/dist/AreaChart.js.map +1 -0
  13. package/dist/AspectRatio.d.ts +29 -0
  14. package/dist/AspectRatio.d.ts.map +1 -0
  15. package/dist/AspectRatio.js +20 -0
  16. package/dist/AspectRatio.js.map +1 -0
  17. package/dist/Badge.d.ts +30 -0
  18. package/dist/Badge.d.ts.map +1 -0
  19. package/dist/Badge.js +16 -0
  20. package/dist/Badge.js.map +1 -0
  21. package/dist/BarChart.d.ts +66 -0
  22. package/dist/BarChart.d.ts.map +1 -0
  23. package/dist/BarChart.js +47 -0
  24. package/dist/BarChart.js.map +1 -0
  25. package/dist/Breadcrumb.d.ts +43 -0
  26. package/dist/Breadcrumb.d.ts.map +1 -0
  27. package/dist/Breadcrumb.js +29 -0
  28. package/dist/Breadcrumb.js.map +1 -0
  29. package/dist/Button.d.ts +61 -0
  30. package/dist/Button.d.ts.map +1 -0
  31. package/dist/Button.js +36 -0
  32. package/dist/Button.js.map +1 -0
  33. package/dist/Card.d.ts +29 -0
  34. package/dist/Card.d.ts.map +1 -0
  35. package/dist/Card.js +16 -0
  36. package/dist/Card.js.map +1 -0
  37. package/dist/ChatComposer.d.ts +51 -0
  38. package/dist/ChatComposer.d.ts.map +1 -0
  39. package/dist/ChatComposer.js +47 -0
  40. package/dist/ChatComposer.js.map +1 -0
  41. package/dist/ChatMessage.d.ts +71 -0
  42. package/dist/ChatMessage.d.ts.map +1 -0
  43. package/dist/ChatMessage.js +47 -0
  44. package/dist/ChatMessage.js.map +1 -0
  45. package/dist/ChatThread.d.ts +60 -0
  46. package/dist/ChatThread.d.ts.map +1 -0
  47. package/dist/ChatThread.js +41 -0
  48. package/dist/ChatThread.js.map +1 -0
  49. package/dist/Checkbox.d.ts +101 -0
  50. package/dist/Checkbox.d.ts.map +1 -0
  51. package/dist/Checkbox.js +45 -0
  52. package/dist/Checkbox.js.map +1 -0
  53. package/dist/CodeSnippet.d.ts +38 -0
  54. package/dist/CodeSnippet.d.ts.map +1 -0
  55. package/dist/CodeSnippet.js +20 -0
  56. package/dist/CodeSnippet.js.map +1 -0
  57. package/dist/Combobox.d.ts +109 -0
  58. package/dist/Combobox.d.ts.map +1 -0
  59. package/dist/Combobox.js +152 -0
  60. package/dist/Combobox.js.map +1 -0
  61. package/dist/ContentSwitcher.d.ts +67 -0
  62. package/dist/ContentSwitcher.d.ts.map +1 -0
  63. package/dist/ContentSwitcher.js +42 -0
  64. package/dist/ContentSwitcher.js.map +1 -0
  65. package/dist/CopyButton.d.ts +72 -0
  66. package/dist/CopyButton.d.ts.map +1 -0
  67. package/dist/CopyButton.js +28 -0
  68. package/dist/CopyButton.js.map +1 -0
  69. package/dist/DataTable.d.ts +100 -0
  70. package/dist/DataTable.d.ts.map +1 -0
  71. package/dist/DataTable.js +42 -0
  72. package/dist/DataTable.js.map +1 -0
  73. package/dist/DatePicker.d.ts +53 -0
  74. package/dist/DatePicker.d.ts.map +1 -0
  75. package/dist/DatePicker.js +46 -0
  76. package/dist/DatePicker.js.map +1 -0
  77. package/dist/DonutChart.d.ts +66 -0
  78. package/dist/DonutChart.d.ts.map +1 -0
  79. package/dist/DonutChart.js +42 -0
  80. package/dist/DonutChart.js.map +1 -0
  81. package/dist/Drawer.d.ts +62 -0
  82. package/dist/Drawer.d.ts.map +1 -0
  83. package/dist/Drawer.js +77 -0
  84. package/dist/Drawer.js.map +1 -0
  85. package/dist/Dropdown.d.ts +76 -0
  86. package/dist/Dropdown.d.ts.map +1 -0
  87. package/dist/Dropdown.js +81 -0
  88. package/dist/Dropdown.js.map +1 -0
  89. package/dist/EmptyState.d.ts +48 -0
  90. package/dist/EmptyState.d.ts.map +1 -0
  91. package/dist/EmptyState.js +33 -0
  92. package/dist/EmptyState.js.map +1 -0
  93. package/dist/FileUploader.d.ts +57 -0
  94. package/dist/FileUploader.d.ts.map +1 -0
  95. package/dist/FileUploader.js +39 -0
  96. package/dist/FileUploader.js.map +1 -0
  97. package/dist/Footer.d.ts +67 -0
  98. package/dist/Footer.d.ts.map +1 -0
  99. package/dist/Footer.js +39 -0
  100. package/dist/Footer.js.map +1 -0
  101. package/dist/ForceGraph.d.ts +86 -0
  102. package/dist/ForceGraph.d.ts.map +1 -0
  103. package/dist/ForceGraph.js +62 -0
  104. package/dist/ForceGraph.js.map +1 -0
  105. package/dist/Form.d.ts +42 -0
  106. package/dist/Form.d.ts.map +1 -0
  107. package/dist/Form.js +32 -0
  108. package/dist/Form.js.map +1 -0
  109. package/dist/FormGroup.d.ts +38 -0
  110. package/dist/FormGroup.d.ts.map +1 -0
  111. package/dist/FormGroup.js +23 -0
  112. package/dist/FormGroup.js.map +1 -0
  113. package/dist/Header.d.ts +89 -0
  114. package/dist/Header.d.ts.map +1 -0
  115. package/dist/Header.js +54 -0
  116. package/dist/Header.js.map +1 -0
  117. package/dist/Highlight.d.ts +40 -0
  118. package/dist/Highlight.d.ts.map +1 -0
  119. package/dist/Highlight.js +25 -0
  120. package/dist/Highlight.js.map +1 -0
  121. package/dist/IconButton.d.ts +61 -0
  122. package/dist/IconButton.d.ts.map +1 -0
  123. package/dist/IconButton.js +30 -0
  124. package/dist/IconButton.js.map +1 -0
  125. package/dist/InlineLoading.d.ts +40 -0
  126. package/dist/InlineLoading.d.ts.map +1 -0
  127. package/dist/InlineLoading.js +26 -0
  128. package/dist/InlineLoading.js.map +1 -0
  129. package/dist/Input.d.ts +126 -0
  130. package/dist/Input.d.ts.map +1 -0
  131. package/dist/Input.js +60 -0
  132. package/dist/Input.js.map +1 -0
  133. package/dist/LanguageSelector.d.ts +54 -0
  134. package/dist/LanguageSelector.d.ts.map +1 -0
  135. package/dist/LanguageSelector.js +34 -0
  136. package/dist/LanguageSelector.js.map +1 -0
  137. package/dist/LineChart.d.ts +66 -0
  138. package/dist/LineChart.d.ts.map +1 -0
  139. package/dist/LineChart.js +50 -0
  140. package/dist/LineChart.js.map +1 -0
  141. package/dist/Link.d.ts +59 -0
  142. package/dist/Link.d.ts.map +1 -0
  143. package/dist/Link.js +21 -0
  144. package/dist/Link.js.map +1 -0
  145. package/dist/LoadingState.d.ts +50 -0
  146. package/dist/LoadingState.d.ts.map +1 -0
  147. package/dist/LoadingState.js +28 -0
  148. package/dist/LoadingState.js.map +1 -0
  149. package/dist/Menu.d.ts +68 -0
  150. package/dist/Menu.d.ts.map +1 -0
  151. package/dist/Menu.js +95 -0
  152. package/dist/Menu.js.map +1 -0
  153. package/dist/MenuPopover.d.ts +52 -0
  154. package/dist/MenuPopover.d.ts.map +1 -0
  155. package/dist/MenuPopover.js +28 -0
  156. package/dist/MenuPopover.js.map +1 -0
  157. package/dist/MenuTriggerButton.d.ts +39 -0
  158. package/dist/MenuTriggerButton.d.ts.map +1 -0
  159. package/dist/MenuTriggerButton.js +22 -0
  160. package/dist/MenuTriggerButton.js.map +1 -0
  161. package/dist/MessageActions.d.ts +46 -0
  162. package/dist/MessageActions.d.ts.map +1 -0
  163. package/dist/MessageActions.js +30 -0
  164. package/dist/MessageActions.js.map +1 -0
  165. package/dist/MessageStatusBadge.d.ts +50 -0
  166. package/dist/MessageStatusBadge.d.ts.map +1 -0
  167. package/dist/MessageStatusBadge.js +44 -0
  168. package/dist/MessageStatusBadge.js.map +1 -0
  169. package/dist/Modal.d.ts +51 -0
  170. package/dist/Modal.d.ts.map +1 -0
  171. package/dist/Modal.js +66 -0
  172. package/dist/Modal.js.map +1 -0
  173. package/dist/MultiSelect.d.ts +88 -0
  174. package/dist/MultiSelect.d.ts.map +1 -0
  175. package/dist/MultiSelect.js +101 -0
  176. package/dist/MultiSelect.js.map +1 -0
  177. package/dist/NumberInput.d.ts +124 -0
  178. package/dist/NumberInput.d.ts.map +1 -0
  179. package/dist/NumberInput.js +65 -0
  180. package/dist/NumberInput.js.map +1 -0
  181. package/dist/OrderedList.d.ts +33 -0
  182. package/dist/OrderedList.d.ts.map +1 -0
  183. package/dist/OrderedList.js +52 -0
  184. package/dist/OrderedList.js.map +1 -0
  185. package/dist/OverflowMenu.d.ts +73 -0
  186. package/dist/OverflowMenu.d.ts.map +1 -0
  187. package/dist/OverflowMenu.js +57 -0
  188. package/dist/OverflowMenu.js.map +1 -0
  189. package/dist/Pagination.d.ts +70 -0
  190. package/dist/Pagination.d.ts.map +1 -0
  191. package/dist/Pagination.js +58 -0
  192. package/dist/Pagination.js.map +1 -0
  193. package/dist/PaginationNav.d.ts +59 -0
  194. package/dist/PaginationNav.d.ts.map +1 -0
  195. package/dist/PaginationNav.js +37 -0
  196. package/dist/PaginationNav.js.map +1 -0
  197. package/dist/PasswordInput.d.ts +94 -0
  198. package/dist/PasswordInput.d.ts.map +1 -0
  199. package/dist/PasswordInput.js +69 -0
  200. package/dist/PasswordInput.js.map +1 -0
  201. package/dist/Popover.d.ts +52 -0
  202. package/dist/Popover.d.ts.map +1 -0
  203. package/dist/Popover.js +66 -0
  204. package/dist/Popover.js.map +1 -0
  205. package/dist/ProgressBar.d.ts +81 -0
  206. package/dist/ProgressBar.d.ts.map +1 -0
  207. package/dist/ProgressBar.js +62 -0
  208. package/dist/ProgressBar.js.map +1 -0
  209. package/dist/ProgressIndicator.d.ts +46 -0
  210. package/dist/ProgressIndicator.d.ts.map +1 -0
  211. package/dist/ProgressIndicator.js +31 -0
  212. package/dist/ProgressIndicator.js.map +1 -0
  213. package/dist/Quote.d.ts +39 -0
  214. package/dist/Quote.d.ts.map +1 -0
  215. package/dist/Quote.js +29 -0
  216. package/dist/Quote.js.map +1 -0
  217. package/dist/Radio.d.ts +101 -0
  218. package/dist/Radio.d.ts.map +1 -0
  219. package/dist/Radio.js +46 -0
  220. package/dist/Radio.js.map +1 -0
  221. package/dist/ScatterPlot.d.ts +65 -0
  222. package/dist/ScatterPlot.d.ts.map +1 -0
  223. package/dist/ScatterPlot.js +41 -0
  224. package/dist/ScatterPlot.js.map +1 -0
  225. package/dist/Search.d.ts +85 -0
  226. package/dist/Search.d.ts.map +1 -0
  227. package/dist/Search.js +54 -0
  228. package/dist/Search.js.map +1 -0
  229. package/dist/Select.d.ts +108 -0
  230. package/dist/Select.d.ts.map +1 -0
  231. package/dist/Select.js +58 -0
  232. package/dist/Select.js.map +1 -0
  233. package/dist/SideNav.d.ts +44 -0
  234. package/dist/SideNav.d.ts.map +1 -0
  235. package/dist/SideNav.js +22 -0
  236. package/dist/SideNav.js.map +1 -0
  237. package/dist/SkeletonText.d.ts +39 -0
  238. package/dist/SkeletonText.d.ts.map +1 -0
  239. package/dist/SkeletonText.js +24 -0
  240. package/dist/SkeletonText.js.map +1 -0
  241. package/dist/SkipLink.d.ts +29 -0
  242. package/dist/SkipLink.d.ts.map +1 -0
  243. package/dist/SkipLink.js +17 -0
  244. package/dist/SkipLink.js.map +1 -0
  245. package/dist/Slider.d.ts +93 -0
  246. package/dist/Slider.d.ts.map +1 -0
  247. package/dist/Slider.js +45 -0
  248. package/dist/Slider.js.map +1 -0
  249. package/dist/Sparkline.d.ts +49 -0
  250. package/dist/Sparkline.d.ts.map +1 -0
  251. package/dist/Sparkline.js +42 -0
  252. package/dist/Sparkline.js.map +1 -0
  253. package/dist/StackedBarChart.d.ts +68 -0
  254. package/dist/StackedBarChart.d.ts.map +1 -0
  255. package/dist/StackedBarChart.js +55 -0
  256. package/dist/StackedBarChart.js.map +1 -0
  257. package/dist/StreamingMessage.d.ts +57 -0
  258. package/dist/StreamingMessage.d.ts.map +1 -0
  259. package/dist/StreamingMessage.js +25 -0
  260. package/dist/StreamingMessage.js.map +1 -0
  261. package/dist/StructuredList.d.ts +44 -0
  262. package/dist/StructuredList.d.ts.map +1 -0
  263. package/dist/StructuredList.js +20 -0
  264. package/dist/StructuredList.js.map +1 -0
  265. package/dist/Switch.d.ts +91 -0
  266. package/dist/Switch.d.ts.map +1 -0
  267. package/dist/Switch.js +48 -0
  268. package/dist/Switch.js.map +1 -0
  269. package/dist/Table.d.ts +53 -0
  270. package/dist/Table.d.ts.map +1 -0
  271. package/dist/Table.js +29 -0
  272. package/dist/Table.js.map +1 -0
  273. package/dist/Tabs.d.ts +67 -0
  274. package/dist/Tabs.d.ts.map +1 -0
  275. package/dist/Tabs.js +124 -0
  276. package/dist/Tabs.js.map +1 -0
  277. package/dist/Tag.d.ts +53 -0
  278. package/dist/Tag.d.ts.map +1 -0
  279. package/dist/Tag.js +21 -0
  280. package/dist/Tag.js.map +1 -0
  281. package/dist/Textarea.d.ts +113 -0
  282. package/dist/Textarea.d.ts.map +1 -0
  283. package/dist/Textarea.js +60 -0
  284. package/dist/Textarea.js.map +1 -0
  285. package/dist/ThemeProvider.d.ts +30 -0
  286. package/dist/ThemeProvider.d.ts.map +1 -0
  287. package/dist/ThemeProvider.js +43 -0
  288. package/dist/ThemeProvider.js.map +1 -0
  289. package/dist/Tile.d.ts +70 -0
  290. package/dist/Tile.d.ts.map +1 -0
  291. package/dist/Tile.js +30 -0
  292. package/dist/Tile.js.map +1 -0
  293. package/dist/TileGroup.d.ts +67 -0
  294. package/dist/TileGroup.d.ts.map +1 -0
  295. package/dist/TileGroup.js +48 -0
  296. package/dist/TileGroup.js.map +1 -0
  297. package/dist/Toast.d.ts +90 -0
  298. package/dist/Toast.d.ts.map +1 -0
  299. package/dist/Toast.js +80 -0
  300. package/dist/Toast.js.map +1 -0
  301. package/dist/Toggle.d.ts +102 -0
  302. package/dist/Toggle.d.ts.map +1 -0
  303. package/dist/Toggle.js +49 -0
  304. package/dist/Toggle.js.map +1 -0
  305. package/dist/Toggletip.d.ts +61 -0
  306. package/dist/Toggletip.d.ts.map +1 -0
  307. package/dist/Toggletip.js +53 -0
  308. package/dist/Toggletip.js.map +1 -0
  309. package/dist/Tooltip.d.ts +39 -0
  310. package/dist/Tooltip.d.ts.map +1 -0
  311. package/dist/Tooltip.js +37 -0
  312. package/dist/Tooltip.js.map +1 -0
  313. package/dist/TreeView.d.ts +64 -0
  314. package/dist/TreeView.d.ts.map +1 -0
  315. package/dist/TreeView.js +40 -0
  316. package/dist/TreeView.js.map +1 -0
  317. package/dist/UnorderedList.d.ts +33 -0
  318. package/dist/UnorderedList.d.ts.map +1 -0
  319. package/dist/UnorderedList.js +36 -0
  320. package/dist/UnorderedList.js.map +1 -0
  321. package/dist/classNames.d.ts +2 -0
  322. package/dist/classNames.d.ts.map +1 -0
  323. package/dist/classNames.js +4 -0
  324. package/dist/classNames.js.map +1 -0
  325. package/dist/index.d.ts +162 -0
  326. package/dist/index.d.ts.map +1 -0
  327. package/dist/index.js +82 -0
  328. package/dist/index.js.map +1 -0
  329. package/dist/styles.css +6366 -0
  330. package/package.json +50 -0
@@ -0,0 +1,62 @@
1
+ import { defineComponent, h } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ function clamp(value, min, max) {
4
+ return Math.min(max, Math.max(min, value));
5
+ }
6
+ function pct(value, min = 0, max = 100) {
7
+ if (max <= min)
8
+ return 0;
9
+ return clamp(((value - min) / (max - min)) * 100, 0, 100);
10
+ }
11
+ export const ProgressBar = defineComponent({
12
+ name: "ProgressBar",
13
+ props: {
14
+ label: { type: [String, Object], default: undefined },
15
+ value: { type: Number, default: 0 },
16
+ max: { type: Number, default: 100 },
17
+ tone: {
18
+ type: String,
19
+ default: "neutral",
20
+ },
21
+ size: {
22
+ type: String,
23
+ default: "md",
24
+ },
25
+ indeterminate: { type: Boolean, default: false },
26
+ class: { type: String, default: undefined },
27
+ },
28
+ setup(props, { attrs }) {
29
+ return () => {
30
+ const percent = pct(props.value ?? 0, 0, props.max ?? 100);
31
+ return h("div", {
32
+ ...attrs,
33
+ class: classNames("st-progressBar", props.class),
34
+ }, [
35
+ props.label
36
+ ? h("div", { class: "st-progressBar__label" }, props.label)
37
+ : null,
38
+ h("div", {
39
+ class: classNames("st-progressBar__track", `st-progressBar__track--${props.tone}`, `st-progressBar__track--${props.size}`, props.indeterminate &&
40
+ "st-progressBar__track--indeterminate"),
41
+ role: "progressbar",
42
+ "aria-valuenow": props.indeterminate
43
+ ? undefined
44
+ : props.value,
45
+ "aria-valuemin": 0,
46
+ "aria-valuemax": props.max,
47
+ }, [
48
+ h("div", {
49
+ class: "st-progressBar__fill",
50
+ style: {
51
+ width: props.indeterminate
52
+ ? undefined
53
+ : `${percent}%`,
54
+ },
55
+ }),
56
+ ]),
57
+ h("span", { class: "st-progressBar__value" }, `${Math.round(percent)}%`),
58
+ ]);
59
+ };
60
+ },
61
+ });
62
+ //# sourceMappingURL=ProgressBar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../src/ProgressBar.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,46 @@
1
+ export type ProgressIndicatorStatus = "complete" | "current" | "disabled" | "invalid" | "incomplete";
2
+ export interface ProgressIndicatorItem {
3
+ id?: string;
4
+ label: unknown;
5
+ description?: unknown;
6
+ status?: ProgressIndicatorStatus;
7
+ }
8
+ export type ProgressIndicatorOrientation = "horizontal" | "vertical";
9
+ export type ProgressIndicatorProps = {
10
+ items: ProgressIndicatorItem[];
11
+ orientation?: ProgressIndicatorOrientation;
12
+ class?: string;
13
+ };
14
+ export declare const ProgressIndicator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
15
+ items: {
16
+ type: () => ProgressIndicatorItem[];
17
+ required: true;
18
+ };
19
+ orientation: {
20
+ type: () => ProgressIndicatorOrientation;
21
+ default: string;
22
+ };
23
+ class: {
24
+ type: StringConstructor;
25
+ default: undefined;
26
+ };
27
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
28
+ [key: string]: any;
29
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
30
+ items: {
31
+ type: () => ProgressIndicatorItem[];
32
+ required: true;
33
+ };
34
+ orientation: {
35
+ type: () => ProgressIndicatorOrientation;
36
+ default: string;
37
+ };
38
+ class: {
39
+ type: StringConstructor;
40
+ default: undefined;
41
+ };
42
+ }>> & Readonly<{}>, {
43
+ class: string;
44
+ orientation: ProgressIndicatorOrientation;
45
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
46
+ //# sourceMappingURL=ProgressIndicator.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressIndicator.d.ts","sourceRoot":"","sources":["../src/ProgressIndicator.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,uBAAuB,GAC/B,UAAU,GACV,SAAS,GACT,UAAU,GACV,SAAS,GACT,YAAY,CAAC;AAEjB,MAAM,WAAW,qBAAqB;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAED,MAAM,MAAM,4BAA4B,GAAG,YAAY,GAAG,UAAU,CAAC;AAErE,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,4BAA4B,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;cAGF,MAAM,qBAAqB,EAAE;;;;cAEnC,MAAM,4BAA4B;;;;;;;;;;;cAF5B,MAAM,qBAAqB,EAAE;;;;cAEnC,MAAM,4BAA4B;;;;;;;;;;4EAoDtD,CAAC"}
@@ -0,0 +1,31 @@
1
+ import { defineComponent, h } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ export const ProgressIndicator = defineComponent({
4
+ name: "ProgressIndicator",
5
+ props: {
6
+ items: { type: Array, required: true },
7
+ orientation: {
8
+ type: String,
9
+ default: "horizontal",
10
+ },
11
+ class: { type: String, default: undefined },
12
+ },
13
+ setup(props, { attrs }) {
14
+ return () => h("ol", {
15
+ ...attrs,
16
+ class: classNames("st-progressIndicator", `st-progressIndicator--${props.orientation}`, props.class),
17
+ }, props.items.map((item, index) => h("li", {
18
+ key: item.id ?? index,
19
+ class: classNames("st-progressIndicator__step", `st-progressIndicator__step--${item.status ?? "incomplete"}`),
20
+ }, [
21
+ h("span", { class: "st-progressIndicator__indicator" }, item.status === "complete" ? "✓" : String(index + 1)),
22
+ h("span", { class: "st-progressIndicator__text" }, [
23
+ h("span", { class: "st-progressIndicator__label" }, item.label),
24
+ item.description
25
+ ? h("span", { class: "st-progressIndicator__description" }, item.description)
26
+ : null,
27
+ ]),
28
+ ])));
29
+ },
30
+ });
31
+ //# sourceMappingURL=ProgressIndicator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressIndicator.js","sourceRoot":"","sources":["../src/ProgressIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAwB7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,eAAe,CAAC;IAC/C,IAAI,EAAE,mBAAmB;IACzB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,KAAsC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvE,WAAW,EAAE;YACX,IAAI,EAAE,MAA4C;YAClD,OAAO,EAAE,YAAY;SACtB;QACD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE,CACV,CAAC,CACC,IAAI,EACJ;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CACf,sBAAsB,EACtB,yBAAyB,KAAK,CAAC,WAAW,EAAE,EAC5C,KAAK,CAAC,KAAK,CACZ;SACF,EACD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC9B,CAAC,CACC,IAAI,EACJ;YACE,GAAG,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK;YACrB,KAAK,EAAE,UAAU,CACf,4BAA4B,EAC5B,+BAA+B,IAAI,CAAC,MAAM,IAAI,YAAY,EAAE,CAC7D;SACF,EACD;YACE,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,iCAAiC,EAAE,EAC5C,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CACrD;YACD,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE;gBACjD,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,6BAA6B,EAAE,EACxC,IAAI,CAAC,KAAe,CACrB;gBACD,IAAI,CAAC,WAAW;oBACd,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,mCAAmC,EAAE,EAC9C,IAAI,CAAC,WAAqB,CAC3B;oBACH,CAAC,CAAC,IAAI;aACT,CAAC;SACH,CACF,CACF,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
@@ -0,0 +1,39 @@
1
+ export type QuoteProps = {
2
+ author?: unknown;
3
+ source?: unknown;
4
+ class?: string;
5
+ };
6
+ export declare const Quote: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
7
+ author: {
8
+ type: () => unknown;
9
+ default: undefined;
10
+ };
11
+ source: {
12
+ type: () => unknown;
13
+ default: undefined;
14
+ };
15
+ class: {
16
+ type: StringConstructor;
17
+ default: undefined;
18
+ };
19
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
20
+ [key: string]: any;
21
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
22
+ author: {
23
+ type: () => unknown;
24
+ default: undefined;
25
+ };
26
+ source: {
27
+ type: () => unknown;
28
+ default: undefined;
29
+ };
30
+ class: {
31
+ type: StringConstructor;
32
+ default: undefined;
33
+ };
34
+ }>> & Readonly<{}>, {
35
+ class: string;
36
+ source: undefined;
37
+ author: undefined;
38
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
39
+ //# sourceMappingURL=Quote.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Quote.d.ts","sourceRoot":"","sources":["../src/Quote.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;cAGiC,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;;;;;;;;cADb,MAAM,OAAO;;;;cACb,MAAM,OAAO;;;;;;;;;;;4EAkC9D,CAAC"}
package/dist/Quote.js ADDED
@@ -0,0 +1,29 @@
1
+ import { defineComponent, h } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ export const Quote = defineComponent({
4
+ name: "Quote",
5
+ props: {
6
+ author: { type: [String, Object], default: undefined },
7
+ source: { type: [String, Object], default: undefined },
8
+ class: { type: String, default: undefined },
9
+ },
10
+ setup(props, { slots, attrs }) {
11
+ return () => h("blockquote", {
12
+ ...attrs,
13
+ class: classNames("st-quote", props.class),
14
+ }, [
15
+ h("p", { class: "st-quote__text" }, slots.default?.()),
16
+ props.author || props.source
17
+ ? h("footer", { class: "st-quote__attribution" }, [
18
+ props.author
19
+ ? h("span", { class: "st-quote__author" }, props.author)
20
+ : null,
21
+ props.source
22
+ ? h("span", { class: "st-quote__source" }, props.source)
23
+ : null,
24
+ ])
25
+ : null,
26
+ ]);
27
+ },
28
+ });
29
+ //# sourceMappingURL=Quote.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Quote.js","sourceRoot":"","sources":["../src/Quote.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAQ7C,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,MAAM,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QAClF,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,YAAY,EACZ;YACE,GAAG,KAAK;YACR,KAAK,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC;SAC3C,EACD;YACE,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC;YACtD,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM;gBAC1B,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,uBAAuB,EAAE,EAAE;oBAC9C,KAAK,CAAC,MAAM;wBACV,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,MAAgB,CACvB;wBACH,CAAC,CAAC,IAAI;oBACR,KAAK,CAAC,MAAM;wBACV,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAC7B,KAAK,CAAC,MAAgB,CACvB;wBACH,CAAC,CAAC,IAAI;iBACT,CAAC;gBACJ,CAAC,CAAC,IAAI;SACT,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
@@ -0,0 +1,101 @@
1
+ export type RadioProps = {
2
+ label: string;
3
+ helperText?: string;
4
+ invalid?: boolean;
5
+ modelValue?: string;
6
+ checked?: boolean;
7
+ disabled?: boolean;
8
+ name?: string;
9
+ value?: string;
10
+ class?: string;
11
+ };
12
+ export declare const Radio: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
13
+ label: {
14
+ type: StringConstructor;
15
+ required: true;
16
+ };
17
+ helperText: {
18
+ type: StringConstructor;
19
+ default: undefined;
20
+ };
21
+ invalid: {
22
+ type: BooleanConstructor;
23
+ default: boolean;
24
+ };
25
+ modelValue: {
26
+ type: StringConstructor;
27
+ default: undefined;
28
+ };
29
+ checked: {
30
+ type: BooleanConstructor;
31
+ default: undefined;
32
+ };
33
+ disabled: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ name: {
38
+ type: StringConstructor;
39
+ default: undefined;
40
+ };
41
+ value: {
42
+ type: StringConstructor;
43
+ default: undefined;
44
+ };
45
+ class: {
46
+ type: StringConstructor;
47
+ default: undefined;
48
+ };
49
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
50
+ [key: string]: any;
51
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
52
+ label: {
53
+ type: StringConstructor;
54
+ required: true;
55
+ };
56
+ helperText: {
57
+ type: StringConstructor;
58
+ default: undefined;
59
+ };
60
+ invalid: {
61
+ type: BooleanConstructor;
62
+ default: boolean;
63
+ };
64
+ modelValue: {
65
+ type: StringConstructor;
66
+ default: undefined;
67
+ };
68
+ checked: {
69
+ type: BooleanConstructor;
70
+ default: undefined;
71
+ };
72
+ disabled: {
73
+ type: BooleanConstructor;
74
+ default: boolean;
75
+ };
76
+ name: {
77
+ type: StringConstructor;
78
+ default: undefined;
79
+ };
80
+ value: {
81
+ type: StringConstructor;
82
+ default: undefined;
83
+ };
84
+ class: {
85
+ type: StringConstructor;
86
+ default: undefined;
87
+ };
88
+ }>> & Readonly<{
89
+ onChange?: ((...args: any[]) => any) | undefined;
90
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
91
+ }>, {
92
+ class: string;
93
+ name: string;
94
+ invalid: boolean;
95
+ disabled: boolean;
96
+ value: string;
97
+ helperText: string;
98
+ modelValue: string;
99
+ checked: boolean;
100
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
101
+ //# sourceMappingURL=Radio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../src/Radio.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAgDhB,CAAC"}
package/dist/Radio.js ADDED
@@ -0,0 +1,46 @@
1
+ import { defineComponent, h } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ export const Radio = defineComponent({
4
+ name: "Radio",
5
+ props: {
6
+ label: { type: String, required: true },
7
+ helperText: { type: String, default: undefined },
8
+ invalid: { type: Boolean, default: false },
9
+ modelValue: { type: String, default: undefined },
10
+ checked: { type: Boolean, default: undefined },
11
+ disabled: { type: Boolean, default: false },
12
+ name: { type: String, default: undefined },
13
+ value: { type: String, default: undefined },
14
+ class: { type: String, default: undefined },
15
+ },
16
+ emits: ["update:modelValue", "change"],
17
+ setup(props, { emit, attrs }) {
18
+ return () => h("label", {
19
+ class: classNames("st-choice", "st-choice--radio", props.class),
20
+ }, [
21
+ h("input", {
22
+ ...attrs,
23
+ class: "st-choice__input",
24
+ type: "radio",
25
+ name: props.name,
26
+ value: props.value,
27
+ checked: props.checked ??
28
+ (props.modelValue !== undefined && props.modelValue === props.value),
29
+ disabled: props.disabled,
30
+ "aria-invalid": props.invalid ? "true" : undefined,
31
+ onChange: (event) => {
32
+ const value = event.target.value;
33
+ emit("update:modelValue", value);
34
+ emit("change", event);
35
+ },
36
+ }),
37
+ h("span", { class: "st-choice__content" }, [
38
+ h("span", { class: "st-choice__label" }, props.label),
39
+ props.helperText
40
+ ? h("span", { class: "st-choice__help" }, props.helperText)
41
+ : null,
42
+ ]),
43
+ ]);
44
+ },
45
+ });
46
+ //# sourceMappingURL=Radio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../src/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE;QACvC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC1C,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC;IACtC,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,OAAO,GAAG,EAAE,CACV,CAAC,CACC,OAAO,EACP;YACE,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;SAChE,EACD;YACE,CAAC,CAAC,OAAO,EAAE;gBACT,GAAG,KAAK;gBACR,KAAK,EAAE,kBAAkB;gBACzB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,OAAO,EACL,KAAK,CAAC,OAAO;oBACb,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,KAAK,CAAC,KAAK,CAAC;gBACtE,QAAQ,EAAE,KAAK,CAAC,QAAQ;gBACxB,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;gBAClD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;oBACzB,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;oBACvD,IAAI,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC;oBACjC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;gBACxB,CAAC;aACF,CAAC;YACF,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE;gBACzC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;gBACrD,KAAK,CAAC,UAAU;oBACd,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC;oBAC3D,CAAC,CAAC,IAAI;aACT,CAAC;SACH,CACF,CAAC;IACN,CAAC;CACF,CAAC,CAAC"}
@@ -0,0 +1,65 @@
1
+ export type ScatterPlotDatum = {
2
+ x: number;
3
+ y: number;
4
+ label?: string;
5
+ tone?: string;
6
+ };
7
+ export type ScatterPlotTone = string;
8
+ export type ScatterPlotProps = {
9
+ data: ScatterPlotDatum[];
10
+ label?: string;
11
+ width?: number;
12
+ height?: number;
13
+ class?: string;
14
+ };
15
+ export declare const ScatterPlot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
16
+ data: {
17
+ type: () => ScatterPlotDatum[];
18
+ required: true;
19
+ };
20
+ label: {
21
+ type: StringConstructor;
22
+ default: string;
23
+ };
24
+ width: {
25
+ type: NumberConstructor;
26
+ default: undefined;
27
+ };
28
+ height: {
29
+ type: NumberConstructor;
30
+ default: undefined;
31
+ };
32
+ class: {
33
+ type: StringConstructor;
34
+ default: undefined;
35
+ };
36
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
37
+ [key: string]: any;
38
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
39
+ data: {
40
+ type: () => ScatterPlotDatum[];
41
+ required: true;
42
+ };
43
+ label: {
44
+ type: StringConstructor;
45
+ default: string;
46
+ };
47
+ width: {
48
+ type: NumberConstructor;
49
+ default: undefined;
50
+ };
51
+ height: {
52
+ type: NumberConstructor;
53
+ default: undefined;
54
+ };
55
+ class: {
56
+ type: StringConstructor;
57
+ default: undefined;
58
+ };
59
+ }>> & Readonly<{}>, {
60
+ class: string;
61
+ label: string;
62
+ width: number;
63
+ height: number;
64
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
65
+ //# sourceMappingURL=ScatterPlot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScatterPlot.d.ts","sourceRoot":"","sources":["../src/ScatterPlot.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AACvF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC;AAErC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAWF,eAAO,MAAM,WAAW;;cAGG,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;cAAxB,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;4EAwCjD,CAAC"}
@@ -0,0 +1,41 @@
1
+ import { defineComponent, h } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ const DATA_TONES = [
4
+ "category1", "category2", "category3", "category4",
5
+ "category5", "category6", "category7", "category8",
6
+ ];
7
+ function clamp(value, min, max) {
8
+ return Math.min(max, Math.max(min, value));
9
+ }
10
+ export const ScatterPlot = defineComponent({
11
+ name: "ScatterPlot",
12
+ props: {
13
+ data: { type: Array, required: true },
14
+ label: { type: String, default: "Scatter chart" },
15
+ width: { type: Number, default: undefined },
16
+ height: { type: Number, default: undefined },
17
+ class: { type: String, default: undefined },
18
+ },
19
+ setup(props, { attrs }) {
20
+ return () => {
21
+ const label = props.label ?? "Scatter chart";
22
+ return h("figure", {
23
+ ...attrs,
24
+ class: classNames("st-scatterPlot", props.class),
25
+ "aria-label": label,
26
+ }, [
27
+ h("span", { class: "st-visually-hidden" }, label),
28
+ h("svg", { viewBox: "0 0 320 160", "aria-hidden": "true" }, [
29
+ ...props.data.map((datum, index) => h("circle", {
30
+ key: index,
31
+ class: classNames("st-scatterPlot__point", `st-scatterPlot__point--${datum.tone ?? DATA_TONES[index % DATA_TONES.length]}`),
32
+ cx: clamp(datum.x * 24 + 24, 12, 308),
33
+ cy: clamp(148 - datum.y * 24, 12, 148),
34
+ r: "5",
35
+ }, [h("title", {}, datum.label ?? `${datum.x}, ${datum.y}`)])),
36
+ ]),
37
+ ]);
38
+ };
39
+ },
40
+ });
41
+ //# sourceMappingURL=ScatterPlot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScatterPlot.js","sourceRoot":"","sources":["../src/ScatterPlot.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAa7C,MAAM,UAAU,GAAG;IACjB,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;IAClD,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;CACnD,CAAC;AAEF,SAAS,KAAK,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW;IACpD,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7C,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,KAAiC,EAAE,QAAQ,EAAE,IAAI,EAAE;QACjE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,EAAE;QACjD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC5C,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE;QACpB,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,eAAe,CAAC;YAC7C,OAAO,CAAC,CACN,QAAQ,EACR;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC;gBAChD,YAAY,EAAE,KAAK;aACpB,EACD;gBACE,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,KAAK,CAAC;gBACjD,CAAC,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE;oBAC1D,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACjC,CAAC,CACC,QAAQ,EACR;wBACE,GAAG,EAAE,KAAK;wBACV,KAAK,EAAE,UAAU,CACf,uBAAuB,EACvB,0BAA0B,KAAK,CAAC,IAAI,IAAI,UAAU,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,CAChF;wBACD,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;wBACrC,EAAE,EAAE,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC;wBACtC,CAAC,EAAE,GAAG;qBACP,EACD,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,EAAE,KAAK,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAC1D,CACF;iBACF,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
@@ -0,0 +1,85 @@
1
+ export type SearchSize = "sm" | "md" | "lg";
2
+ export type SearchProps = {
3
+ label?: unknown;
4
+ size?: SearchSize;
5
+ modelValue?: string;
6
+ placeholder?: string;
7
+ disabled?: boolean;
8
+ id?: string;
9
+ class?: string;
10
+ };
11
+ export declare const Search: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
12
+ label: {
13
+ type: () => unknown;
14
+ default: undefined;
15
+ };
16
+ size: {
17
+ type: () => SearchSize;
18
+ default: string;
19
+ };
20
+ modelValue: {
21
+ type: StringConstructor;
22
+ default: undefined;
23
+ };
24
+ placeholder: {
25
+ type: StringConstructor;
26
+ default: undefined;
27
+ };
28
+ disabled: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ id: {
33
+ type: StringConstructor;
34
+ default: undefined;
35
+ };
36
+ class: {
37
+ type: StringConstructor;
38
+ default: undefined;
39
+ };
40
+ }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
41
+ [key: string]: any;
42
+ }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue")[], "change" | "input" | "clear" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
43
+ label: {
44
+ type: () => unknown;
45
+ default: undefined;
46
+ };
47
+ size: {
48
+ type: () => SearchSize;
49
+ default: string;
50
+ };
51
+ modelValue: {
52
+ type: StringConstructor;
53
+ default: undefined;
54
+ };
55
+ placeholder: {
56
+ type: StringConstructor;
57
+ default: undefined;
58
+ };
59
+ disabled: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ id: {
64
+ type: StringConstructor;
65
+ default: undefined;
66
+ };
67
+ class: {
68
+ type: StringConstructor;
69
+ default: undefined;
70
+ };
71
+ }>> & Readonly<{
72
+ onChange?: ((...args: any[]) => any) | undefined;
73
+ onInput?: ((...args: any[]) => any) | undefined;
74
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
75
+ onClear?: ((...args: any[]) => any) | undefined;
76
+ }>, {
77
+ class: string;
78
+ label: undefined;
79
+ id: string;
80
+ disabled: boolean;
81
+ size: SearchSize;
82
+ placeholder: string;
83
+ modelValue: string;
84
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
85
+ //# sourceMappingURL=Search.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../src/Search.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,MAAM;;cAG+B,MAAM,OAAO;;;;cACnC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;cADM,MAAM,OAAO;;;;cACnC,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA2D1C,CAAC"}
package/dist/Search.js ADDED
@@ -0,0 +1,54 @@
1
+ import { defineComponent, h, ref } from "vue";
2
+ import { classNames } from "./classNames.js";
3
+ let _counter = 0;
4
+ function nextId() {
5
+ return `st-search-${++_counter}`;
6
+ }
7
+ export const Search = defineComponent({
8
+ name: "Search",
9
+ props: {
10
+ label: { type: [String, Object], default: undefined },
11
+ size: { type: String, default: "md" },
12
+ modelValue: { type: String, default: undefined },
13
+ placeholder: { type: String, default: undefined },
14
+ disabled: { type: Boolean, default: false },
15
+ id: { type: String, default: undefined },
16
+ class: { type: String, default: undefined },
17
+ },
18
+ emits: ["update:modelValue", "change", "input", "clear"],
19
+ setup(props, { emit, attrs }) {
20
+ const autoId = ref(nextId());
21
+ return () => {
22
+ const inputId = props.id ?? autoId.value;
23
+ return h("div", {
24
+ class: classNames("st-search", `st-search--${props.size}`, props.class),
25
+ }, [
26
+ props.label
27
+ ? h("label", { class: "st-field__label", for: inputId }, props.label)
28
+ : null,
29
+ h("span", {
30
+ class: "st-search__icon",
31
+ "aria-hidden": "true",
32
+ innerHTML: "⌕",
33
+ }),
34
+ h("input", {
35
+ ...attrs,
36
+ id: inputId,
37
+ class: "st-search__control st-search__input",
38
+ type: "search",
39
+ value: props.modelValue,
40
+ placeholder: props.placeholder,
41
+ disabled: props.disabled,
42
+ onInput: (event) => {
43
+ emit("update:modelValue", event.target.value);
44
+ emit("input", event);
45
+ },
46
+ onChange: (event) => {
47
+ emit("change", event);
48
+ },
49
+ }),
50
+ ]);
51
+ };
52
+ },
53
+ });
54
+ //# sourceMappingURL=Search.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Search.js","sourceRoot":"","sources":["../src/Search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAc7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,MAAM;IACb,OAAO,aAAa,EAAE,QAAQ,EAAE,CAAC;AACnC,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,eAAe,CAAC;IACpC,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,IAAI,EAAE,EAAE,IAAI,EAAE,MAA0B,EAAE,OAAO,EAAE,IAAI,EAAE;QACzD,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACjD,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QACxC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;IACxD,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QAC1B,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;QAE7B,OAAO,GAAG,EAAE;YACV,MAAM,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,MAAM,CAAC,KAAK,CAAC;YAEzC,OAAO,CAAC,CACN,KAAK,EACL;gBACE,KAAK,EAAE,UAAU,CACf,WAAW,EACX,cAAc,KAAK,CAAC,IAAI,EAAE,EAC1B,KAAK,CAAC,KAAK,CACZ;aACF,EACD;gBACE,KAAK,CAAC,KAAK;oBACT,CAAC,CAAC,CAAC,CACC,OAAO,EACP,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,OAAO,EAAE,EAC1C,KAAK,CAAC,KAAe,CACtB;oBACH,CAAC,CAAC,IAAI;gBACR,CAAC,CAAC,MAAM,EAAE;oBACR,KAAK,EAAE,iBAAiB;oBACxB,aAAa,EAAE,MAAM;oBACrB,SAAS,EAAE,GAAG;iBACf,CAAC;gBACF,CAAC,CAAC,OAAO,EAAE;oBACT,GAAG,KAAK;oBACR,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,qCAAqC;oBAC5C,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE,KAAK,CAAC,UAAU;oBACvB,WAAW,EAAE,KAAK,CAAC,WAAW;oBAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;wBACxB,IAAI,CACF,mBAAmB,EAClB,KAAK,CAAC,MAA2B,CAAC,KAAK,CACzC,CAAC;wBACF,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;oBACvB,CAAC;oBACD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;wBACzB,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;oBACxB,CAAC;iBACF,CAAC;aACH,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}