@sentropic/design-system-vue 0.3.0 → 0.5.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 (103) hide show
  1. package/dist/Accordion.d.ts +26 -4
  2. package/dist/Accordion.d.ts.map +1 -1
  3. package/dist/Accordion.js +7 -4
  4. package/dist/Accordion.js.map +1 -1
  5. package/dist/AreaChart.d.ts +38 -21
  6. package/dist/AreaChart.d.ts.map +1 -1
  7. package/dist/AreaChart.js +154 -40
  8. package/dist/AreaChart.js.map +1 -1
  9. package/dist/BackToTop.d.ts +1 -1
  10. package/dist/BarChart.d.ts +23 -16
  11. package/dist/BarChart.d.ts.map +1 -1
  12. package/dist/BarChart.js +137 -30
  13. package/dist/BarChart.js.map +1 -1
  14. package/dist/Combobox.d.ts +1 -1
  15. package/dist/ContentSwitcher.d.ts +10 -0
  16. package/dist/ContentSwitcher.d.ts.map +1 -1
  17. package/dist/ContentSwitcher.js +5 -1
  18. package/dist/ContentSwitcher.js.map +1 -1
  19. package/dist/CopyButton.d.ts +1 -1
  20. package/dist/DataTable.d.ts +208 -18
  21. package/dist/DataTable.d.ts.map +1 -1
  22. package/dist/DataTable.js +267 -26
  23. package/dist/DataTable.js.map +1 -1
  24. package/dist/DonutChart.d.ts +33 -26
  25. package/dist/DonutChart.d.ts.map +1 -1
  26. package/dist/DonutChart.js +104 -26
  27. package/dist/DonutChart.js.map +1 -1
  28. package/dist/Drawer.d.ts +1 -1
  29. package/dist/Dropdown.d.ts +11 -1
  30. package/dist/Dropdown.d.ts.map +1 -1
  31. package/dist/Dropdown.js +1 -0
  32. package/dist/Dropdown.js.map +1 -1
  33. package/dist/FileUploader.d.ts +10 -1
  34. package/dist/FileUploader.d.ts.map +1 -1
  35. package/dist/FileUploader.js +33 -9
  36. package/dist/FileUploader.js.map +1 -1
  37. package/dist/ForceGraph.d.ts +38 -2
  38. package/dist/ForceGraph.d.ts.map +1 -1
  39. package/dist/ForceGraph.js +279 -62
  40. package/dist/ForceGraph.js.map +1 -1
  41. package/dist/LanguageSelector.d.ts +1 -1
  42. package/dist/LineChart.d.ts +42 -16
  43. package/dist/LineChart.d.ts.map +1 -1
  44. package/dist/LineChart.js +146 -35
  45. package/dist/LineChart.js.map +1 -1
  46. package/dist/Menu.d.ts +7 -3
  47. package/dist/Menu.d.ts.map +1 -1
  48. package/dist/Menu.js +17 -7
  49. package/dist/Menu.js.map +1 -1
  50. package/dist/MenuPopover.d.ts +1 -1
  51. package/dist/MenuTriggerButton.d.ts +13 -3
  52. package/dist/MenuTriggerButton.d.ts.map +1 -1
  53. package/dist/MenuTriggerButton.js +4 -2
  54. package/dist/MenuTriggerButton.js.map +1 -1
  55. package/dist/MessageActions.d.ts +7 -1
  56. package/dist/MessageActions.d.ts.map +1 -1
  57. package/dist/MessageActions.js +4 -1
  58. package/dist/MessageActions.js.map +1 -1
  59. package/dist/Modal.d.ts +1 -1
  60. package/dist/MultiSelect.d.ts +1 -1
  61. package/dist/NumberInput.d.ts +13 -2
  62. package/dist/NumberInput.d.ts.map +1 -1
  63. package/dist/NumberInput.js +2 -1
  64. package/dist/NumberInput.js.map +1 -1
  65. package/dist/OverflowMenu.d.ts +1 -1
  66. package/dist/PaginationNav.d.ts +12 -2
  67. package/dist/PaginationNav.d.ts.map +1 -1
  68. package/dist/PaginationNav.js +3 -2
  69. package/dist/PaginationNav.js.map +1 -1
  70. package/dist/Popover.d.ts +1 -1
  71. package/dist/ProgressBar.d.ts +1 -1
  72. package/dist/ScatterPlot.d.ts +43 -14
  73. package/dist/ScatterPlot.d.ts.map +1 -1
  74. package/dist/ScatterPlot.js +113 -25
  75. package/dist/ScatterPlot.js.map +1 -1
  76. package/dist/Search.d.ts +11 -0
  77. package/dist/Search.d.ts.map +1 -1
  78. package/dist/Search.js +2 -1
  79. package/dist/Search.js.map +1 -1
  80. package/dist/Slider.d.ts +2 -2
  81. package/dist/Sparkline.d.ts +47 -7
  82. package/dist/Sparkline.d.ts.map +1 -1
  83. package/dist/Sparkline.js +57 -21
  84. package/dist/Sparkline.js.map +1 -1
  85. package/dist/StackedBarChart.d.ts +25 -16
  86. package/dist/StackedBarChart.d.ts.map +1 -1
  87. package/dist/StackedBarChart.js +131 -39
  88. package/dist/StackedBarChart.js.map +1 -1
  89. package/dist/Tabs.d.ts +10 -0
  90. package/dist/Tabs.d.ts.map +1 -1
  91. package/dist/Tabs.js +2 -0
  92. package/dist/Tabs.js.map +1 -1
  93. package/dist/Toggletip.d.ts +1 -1
  94. package/dist/Transcription.d.ts +1 -1
  95. package/dist/chartScale.d.ts +22 -0
  96. package/dist/chartScale.d.ts.map +1 -0
  97. package/dist/chartScale.js +70 -0
  98. package/dist/chartScale.js.map +1 -0
  99. package/dist/index.d.ts +1 -1
  100. package/dist/index.d.ts.map +1 -1
  101. package/dist/index.js.map +1 -1
  102. package/dist/styles.css +24 -0
  103. package/package.json +1 -1
@@ -5,6 +5,8 @@ export type NumberInputProps = {
5
5
  errorText?: unknown;
6
6
  size?: NumberInputSize;
7
7
  modelValue?: number | string;
8
+ /** Svelte/React-canonical alias for `modelValue`. */
9
+ value?: number | string | null;
8
10
  disabled?: boolean;
9
11
  readonly?: boolean;
10
12
  min?: number | string;
@@ -33,6 +35,10 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
33
35
  type: (StringConstructor | NumberConstructor)[];
34
36
  default: undefined;
35
37
  };
38
+ value: {
39
+ type: () => number | string | null;
40
+ default: undefined;
41
+ };
36
42
  disabled: {
37
43
  type: BooleanConstructor;
38
44
  default: boolean;
@@ -80,6 +86,10 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
80
86
  type: (StringConstructor | NumberConstructor)[];
81
87
  default: undefined;
82
88
  };
89
+ value: {
90
+ type: () => number | string | null;
91
+ default: undefined;
92
+ };
83
93
  disabled: {
84
94
  type: BooleanConstructor;
85
95
  default: boolean;
@@ -112,13 +122,14 @@ export declare const NumberInput: import("vue").DefineComponent<import("vue").Ex
112
122
  class: string;
113
123
  label: undefined;
114
124
  disabled: boolean;
125
+ min: string | number;
126
+ max: string | number;
115
127
  size: NumberInputSize;
128
+ value: string | number | null;
116
129
  helperText: undefined;
117
130
  modelValue: string | number;
118
131
  errorText: undefined;
119
132
  readonly: boolean;
120
- min: string | number;
121
- max: string | number;
122
133
  step: string | number;
123
134
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
124
135
  //# sourceMappingURL=NumberInput.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAHC,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA6E/C,CAAC"}
1
+ {"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,eAAO,MAAM,WAAW;;cAG0B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;cAEC,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAL5B,MAAM,OAAO;;;;cACR,MAAM,OAAO;;;;cACd,MAAM,OAAO;;;;cACvC,MAAM,eAAe;;;;;;;;cAEC,MAAM,MAAM,GAAG,MAAM,GAAG,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4E5E,CAAC"}
@@ -12,6 +12,7 @@ export const NumberInput = defineComponent({
12
12
  errorText: { type: [String, Object], default: undefined },
13
13
  size: { type: String, default: "md" },
14
14
  modelValue: { type: [Number, String], default: undefined },
15
+ value: { type: [Number, String], default: undefined },
15
16
  disabled: { type: Boolean, default: false },
16
17
  readonly: { type: Boolean, default: false },
17
18
  min: { type: [Number, String], default: undefined },
@@ -38,7 +39,7 @@ export const NumberInput = defineComponent({
38
39
  class: "st-control st-numberInput__control",
39
40
  type: "number",
40
41
  "aria-invalid": isInvalid ? "true" : undefined,
41
- value: props.modelValue,
42
+ value: props.modelValue ?? props.value ?? undefined,
42
43
  disabled: props.disabled,
43
44
  readonly: props.readonly,
44
45
  min: props.min,
@@ -1 +1 @@
1
- {"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../src/NumberInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAoB7C,IAAI,QAAQ,GAAG,CAAC,CAAC;AACjB,SAAS,MAAM;IACb,OAAO,kBAAkB,EAAE,QAAQ,EAAE,CAAC;AACxC,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,eAAe,CAAC;IACzC,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE;QACL,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACjF,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACtF,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA6B,EAAE,OAAO,EAAE,SAAS,EAAE;QACrF,IAAI,EAAE,EAAE,IAAI,EAAE,MAA+B,EAAE,OAAO,EAAE,IAAI,EAAE;QAC9D,UAAU,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QAC1D,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAA4C,EAAE,OAAO,EAAE,SAAS,EAAE;QAChG,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QACnD,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QACnD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE;QACpD,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;KAC5C;IACD,KAAK,EAAE,CAAC,mBAAmB,EAAE,QAAQ,EAAE,OAAO,CAAC;IAC/C,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,MAAM,CAAC,KAAK,CAAC;YAC7B,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;YAE3C,OAAO,CAAC,CACN,KAAK,EACL;gBACE,KAAK,EAAE,UAAU,CACf,UAAU,EACV,gBAAgB,EAChB,mBAAmB,KAAK,CAAC,IAAI,EAAE,EAC/B,KAAK,CAAC,KAAK,CACZ;aACF,EACD;gBACE,CAAC,CACC,OAAO,EACP,EAAE,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,OAAO,EAAE,EAC5C;oBACE,KAAK,CAAC,KAAK;wBACT,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,KAAK,CAAC,KAAe,CAAC;wBAChE,CAAC,CAAC,IAAI;oBACR,CAAC,CAAC,OAAO,EAAE;wBACT,GAAG,KAAK;wBACR,EAAE,EAAE,OAAO;wBACX,KAAK,EAAE,oCAAoC;wBAC3C,IAAI,EAAE,QAAQ;wBACd,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;wBAC9C,KAAK,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,KAAK,IAAI,SAAS;wBACnD,QAAQ,EAAE,KAAK,CAAC,QAAQ;wBACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;wBACxB,GAAG,EAAE,KAAK,CAAC,GAAG;wBACd,GAAG,EAAE,KAAK,CAAC,GAAG;wBACd,IAAI,EAAE,KAAK,CAAC,IAAI;wBAChB,OAAO,EAAE,CAAC,KAAY,EAAE,EAAE;4BACxB,IAAI,CACF,mBAAmB,EAClB,KAAK,CAAC,MAA2B,CAAC,KAAK,CACzC,CAAC;4BACF,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;wBACvB,CAAC;wBACD,QAAQ,EAAE,CAAC,KAAY,EAAE,EAAE;4BACzB,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;wBACxB,CAAC;qBACF,CAAC;iBACH,CACF;gBACD,KAAK,CAAC,SAAS;oBACb,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAC5B,KAAK,CAAC,SAAmB,CAC1B;oBACH,CAAC,CAAC,KAAK,CAAC,UAAU;wBAChB,CAAC,CAAC,CAAC,CACC,MAAM,EACN,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAC3B,KAAK,CAAC,UAAoB,CAC3B;wBACH,CAAC,CAAC,IAAI;aACX,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
@@ -64,9 +64,9 @@ export declare const OverflowMenu: import("vue").DefineComponent<import("vue").E
64
64
  }>> & Readonly<{
65
65
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
66
66
  }>, {
67
+ open: boolean;
67
68
  class: string;
68
69
  label: string;
69
- open: boolean;
70
70
  placement: OverflowMenuPlacement;
71
71
  dense: boolean;
72
72
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,6 +1,7 @@
1
1
  export type PaginationNavProps = {
2
2
  page?: number;
3
3
  totalPages?: number;
4
+ pageCount?: number;
4
5
  previousHref?: string;
5
6
  nextHref?: string;
6
7
  class?: string;
@@ -12,7 +13,11 @@ export declare const PaginationNav: import("vue").DefineComponent<import("vue").
12
13
  };
13
14
  totalPages: {
14
15
  type: NumberConstructor;
15
- default: number;
16
+ default: undefined;
17
+ };
18
+ pageCount: {
19
+ type: NumberConstructor;
20
+ default: undefined;
16
21
  };
17
22
  previousHref: {
18
23
  type: StringConstructor;
@@ -35,7 +40,11 @@ export declare const PaginationNav: import("vue").DefineComponent<import("vue").
35
40
  };
36
41
  totalPages: {
37
42
  type: NumberConstructor;
38
- default: number;
43
+ default: undefined;
44
+ };
45
+ pageCount: {
46
+ type: NumberConstructor;
47
+ default: undefined;
39
48
  };
40
49
  previousHref: {
41
50
  type: StringConstructor;
@@ -53,6 +62,7 @@ export declare const PaginationNav: import("vue").DefineComponent<import("vue").
53
62
  class: string;
54
63
  page: number;
55
64
  totalPages: number;
65
+ pageCount: number;
56
66
  previousHref: string;
57
67
  nextHref: string;
58
68
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationNav.d.ts","sourceRoot":"","sources":["../src/PaginationNav.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAmDxB,CAAC"}
1
+ {"version":3,"file":"PaginationNav.d.ts","sourceRoot":"","sources":["../src/PaginationNav.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAoDxB,CAAC"}
@@ -4,7 +4,8 @@ export const PaginationNav = defineComponent({
4
4
  name: "PaginationNav",
5
5
  props: {
6
6
  page: { type: Number, default: 1 },
7
- totalPages: { type: Number, default: 1 },
7
+ totalPages: { type: Number, default: undefined },
8
+ pageCount: { type: Number, default: undefined },
8
9
  previousHref: { type: String, default: undefined },
9
10
  nextHref: { type: String, default: undefined },
10
11
  class: { type: String, default: undefined },
@@ -12,7 +13,7 @@ export const PaginationNav = defineComponent({
12
13
  setup(props, { attrs }) {
13
14
  return () => {
14
15
  const page = props.page ?? 1;
15
- const totalPages = props.totalPages ?? 1;
16
+ const totalPages = props.totalPages ?? props.pageCount ?? 1;
16
17
  return h("nav", {
17
18
  ...attrs,
18
19
  class: classNames("st-paginationNav", props.class),
@@ -1 +1 @@
1
- {"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/PaginationNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAU7C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QAClC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QACxC,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAClD,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,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,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;YAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC;YAEzC,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;gBAClD,YAAY,EAAE,uBAAuB;aACtC,EACD;gBACE,KAAK,CAAC,YAAY;oBAChB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,UAAU,CAAC;oBAClD,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC;gBACpE,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACnC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;oBACrB,CAAC,CACC,QAAQ,EACR;wBACE,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,UAAU,CACf,wBAAwB,EACxB,IAAI,KAAK,IAAI,IAAI,gCAAgC,CAClD;qBACF,EACD,QAAQ,IAAI,EAAE,CACf;iBACF,CAAC,CACH,CACF;gBACD,KAAK,CAAC,QAAQ;oBACZ,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC;oBAC1C,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,EAAE,MAAM,CAAC;aAC1E,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"PaginationNav.js","sourceRoot":"","sources":["../src/PaginationNav.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAY7C,MAAM,CAAC,MAAM,aAAa,GAAG,eAAe,CAAC;IAC3C,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;QAClC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAChD,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/C,YAAY,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAClD,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9C,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,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,CAAC;YAC7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC;YAE5D,OAAO,CAAC,CACN,KAAK,EACL;gBACE,GAAG,KAAK;gBACR,KAAK,EAAE,UAAU,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC;gBAClD,YAAY,EAAE,uBAAuB;aACtC,EACD;gBACE,KAAK,CAAC,YAAY;oBAChB,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,EAAE,UAAU,CAAC;oBAClD,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC;gBACpE,CAAC,CACC,IAAI,EACJ,EAAE,KAAK,EAAE,wBAAwB,EAAE,EACnC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACvE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;oBACrB,CAAC,CACC,QAAQ,EACR;wBACE,IAAI,EAAE,QAAQ;wBACd,KAAK,EAAE,UAAU,CACf,wBAAwB,EACxB,IAAI,KAAK,IAAI,IAAI,gCAAgC,CAClD;qBACF,EACD,QAAQ,IAAI,EAAE,CACf;iBACF,CAAC,CACH,CACF;gBACD,KAAK,CAAC,QAAQ;oBACZ,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,MAAM,CAAC;oBAC1C,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,IAAI,UAAU,EAAE,EAAE,MAAM,CAAC;aAC1E,CACF,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC;CACF,CAAC,CAAC"}
package/dist/Popover.d.ts CHANGED
@@ -44,9 +44,9 @@ export declare const Popover: import("vue").DefineComponent<import("vue").Extrac
44
44
  }>> & Readonly<{
45
45
  "onUpdate:open"?: ((...args: any[]) => any) | undefined;
46
46
  }>, {
47
+ open: boolean;
47
48
  class: string;
48
49
  content: string;
49
- open: boolean;
50
50
  placement: PopoverPlacement;
51
51
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
52
52
  //# sourceMappingURL=Popover.d.ts.map
@@ -73,9 +73,9 @@ export declare const ProgressBar: import("vue").DefineComponent<import("vue").Ex
73
73
  class: string;
74
74
  label: undefined;
75
75
  tone: ProgressBarTone;
76
+ max: number;
76
77
  size: ProgressBarSize;
77
78
  value: number;
78
- max: number;
79
79
  indeterminate: boolean;
80
80
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
81
81
  //# sourceMappingURL=ProgressBar.d.ts.map
@@ -1,15 +1,18 @@
1
+ export type ScatterPlotTone = "category1" | "category2" | "category3" | "category4" | "category5" | "category6" | "category7" | "category8";
1
2
  export type ScatterPlotDatum = {
2
3
  x: number;
3
4
  y: number;
4
5
  label?: string;
5
- tone?: string;
6
+ tone?: ScatterPlotTone;
6
7
  };
7
- export type ScatterPlotTone = string;
8
8
  export type ScatterPlotProps = {
9
9
  data: ScatterPlotDatum[];
10
- label?: string;
11
10
  width?: number;
12
11
  height?: number;
12
+ xLabel?: string;
13
+ yLabel?: string;
14
+ radius?: number;
15
+ label: string;
13
16
  class?: string;
14
17
  };
15
18
  export declare const ScatterPlot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -17,18 +20,30 @@ export declare const ScatterPlot: import("vue").DefineComponent<import("vue").Ex
17
20
  type: () => ScatterPlotDatum[];
18
21
  required: true;
19
22
  };
20
- label: {
21
- type: StringConstructor;
22
- default: string;
23
- };
24
23
  width: {
25
24
  type: NumberConstructor;
26
- default: undefined;
25
+ default: number;
27
26
  };
28
27
  height: {
29
28
  type: NumberConstructor;
29
+ default: number;
30
+ };
31
+ xLabel: {
32
+ type: StringConstructor;
30
33
  default: undefined;
31
34
  };
35
+ yLabel: {
36
+ type: StringConstructor;
37
+ default: undefined;
38
+ };
39
+ radius: {
40
+ type: NumberConstructor;
41
+ default: number;
42
+ };
43
+ label: {
44
+ type: StringConstructor;
45
+ required: true;
46
+ };
32
47
  class: {
33
48
  type: StringConstructor;
34
49
  default: undefined;
@@ -40,26 +55,40 @@ export declare const ScatterPlot: import("vue").DefineComponent<import("vue").Ex
40
55
  type: () => ScatterPlotDatum[];
41
56
  required: true;
42
57
  };
43
- label: {
44
- type: StringConstructor;
45
- default: string;
46
- };
47
58
  width: {
48
59
  type: NumberConstructor;
49
- default: undefined;
60
+ default: number;
50
61
  };
51
62
  height: {
52
63
  type: NumberConstructor;
64
+ default: number;
65
+ };
66
+ xLabel: {
67
+ type: StringConstructor;
68
+ default: undefined;
69
+ };
70
+ yLabel: {
71
+ type: StringConstructor;
53
72
  default: undefined;
54
73
  };
74
+ radius: {
75
+ type: NumberConstructor;
76
+ default: number;
77
+ };
78
+ label: {
79
+ type: StringConstructor;
80
+ required: true;
81
+ };
55
82
  class: {
56
83
  type: StringConstructor;
57
84
  default: undefined;
58
85
  };
59
86
  }>> & Readonly<{}>, {
60
87
  class: string;
61
- label: string;
62
88
  width: number;
63
89
  height: number;
90
+ xLabel: string;
91
+ yLabel: string;
92
+ radius: number;
64
93
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
65
94
  //# sourceMappingURL=ScatterPlot.d.ts.map
@@ -1 +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"}
1
+ {"version":3,"file":"ScatterPlot.d.ts","sourceRoot":"","sources":["../src/ScatterPlot.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAeF,eAAO,MAAM,WAAW;;cAGG,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAAxB,MAAM,gBAAgB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAmKjD,CAAC"}
@@ -1,39 +1,127 @@
1
- import { defineComponent, h } from "vue";
1
+ import { defineComponent, h, ref } from "vue";
2
2
  import { classNames } from "./classNames.js";
3
- const DATA_TONES = [
4
- "category1", "category2", "category3", "category4",
5
- "category5", "category6", "category7", "category8",
3
+ import { chartDataList, formatTick, niceTicks, scaleLinear } from "./chartScale.js";
4
+ const MARGIN = { top: 14, right: 18, bottom: 36, left: 48 };
5
+ const TONES = [
6
+ "category1",
7
+ "category2",
8
+ "category3",
9
+ "category4",
10
+ "category5",
11
+ "category6",
12
+ "category7",
13
+ "category8",
6
14
  ];
7
- function clamp(value, min, max) {
8
- return Math.min(max, Math.max(min, value));
9
- }
10
15
  export const ScatterPlot = defineComponent({
11
16
  name: "ScatterPlot",
12
17
  props: {
13
18
  data: { type: Array, required: true },
14
- label: { type: String, default: "Scatter chart" },
15
- width: { type: Number, default: undefined },
16
- height: { type: Number, default: undefined },
19
+ width: { type: Number, default: 480 },
20
+ height: { type: Number, default: 280 },
21
+ xLabel: { type: String, default: undefined },
22
+ yLabel: { type: String, default: undefined },
23
+ radius: { type: Number, default: 5 },
24
+ label: { type: String, required: true },
17
25
  class: { type: String, default: undefined },
18
26
  },
19
27
  setup(props, { attrs }) {
28
+ const hoveredIndex = ref(null);
29
+ function handleLeave() {
30
+ hoveredIndex.value = null;
31
+ }
32
+ function handleVisualPointerMove(event) {
33
+ const target = event.target;
34
+ if (!(target instanceof Element)) {
35
+ hoveredIndex.value = null;
36
+ return;
37
+ }
38
+ const index = Number(target.getAttribute("data-chart-index"));
39
+ hoveredIndex.value = Number.isInteger(index) ? index : null;
40
+ }
20
41
  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}`)])),
42
+ const width = props.width ?? 480;
43
+ const height = props.height ?? 280;
44
+ const radius = props.radius ?? 5;
45
+ const label = props.label;
46
+ const data = props.data;
47
+ const xs = data.map((d) => d.x);
48
+ const ys = data.map((d) => d.y);
49
+ const xTicks = niceTicks(Math.min(...xs), Math.max(...xs));
50
+ const yTicks = niceTicks(Math.min(...ys), Math.max(...ys));
51
+ const plotW = Math.max(width - MARGIN.left - MARGIN.right, 1);
52
+ const plotH = Math.max(height - MARGIN.top - MARGIN.bottom, 1);
53
+ const xMin = xTicks[0];
54
+ const xMax = xTicks[xTicks.length - 1];
55
+ const yMin = yTicks[0];
56
+ const yMax = yTicks[yTicks.length - 1];
57
+ const points = data.map((d, i) => ({
58
+ cx: MARGIN.left + scaleLinear(d.x, xMin, xMax, 0, plotW),
59
+ cy: MARGIN.top + scaleLinear(d.y, yMin, yMax, plotH, 0),
60
+ datum: d,
61
+ tone: (d.tone ?? TONES[i % TONES.length]),
62
+ }));
63
+ const dataValueItems = data.map((d) => (d.label ? `${d.label}: x ${d.x}, y ${d.y}` : `x ${d.x}, y ${d.y}`));
64
+ const svgChildren = [];
65
+ for (const t of yTicks) {
66
+ const y = MARGIN.top + scaleLinear(t, yMin, yMax, plotH, 0);
67
+ svgChildren.push(h("line", { key: `gy${t}`, class: "st-scatterPlot__grid", x1: MARGIN.left, x2: width - MARGIN.right, y1: y, y2: y }), h("text", { key: `ty${t}`, class: "st-scatterPlot__tick", x: MARGIN.left - 6, y, "text-anchor": "end", "dominant-baseline": "middle" }, formatTick(t)));
68
+ }
69
+ for (const t of xTicks) {
70
+ const x = MARGIN.left + scaleLinear(t, xMin, xMax, 0, plotW);
71
+ svgChildren.push(h("text", { key: `tx${t}`, class: "st-scatterPlot__tick", x, y: height - MARGIN.bottom + 16, "text-anchor": "middle" }, formatTick(t)));
72
+ }
73
+ svgChildren.push(h("line", { class: "st-scatterPlot__axis", x1: MARGIN.left, x2: MARGIN.left, y1: MARGIN.top, y2: height - MARGIN.bottom }), h("line", { class: "st-scatterPlot__axis", x1: MARGIN.left, x2: width - MARGIN.right, y1: height - MARGIN.bottom, y2: height - MARGIN.bottom }));
74
+ if (props.xLabel) {
75
+ svgChildren.push(h("text", { class: "st-scatterPlot__axisLabel", x: MARGIN.left + plotW / 2, y: height - 4, "text-anchor": "middle" }, props.xLabel));
76
+ }
77
+ if (props.yLabel) {
78
+ svgChildren.push(h("text", {
79
+ class: "st-scatterPlot__axisLabel",
80
+ x: 12,
81
+ y: MARGIN.top + plotH / 2,
82
+ "text-anchor": "middle",
83
+ transform: `rotate(-90 12 ${MARGIN.top + plotH / 2})`,
84
+ }, props.yLabel));
85
+ }
86
+ points.forEach((p, i) => {
87
+ svgChildren.push(h("circle", {
88
+ key: `p${i}`,
89
+ class: classNames("st-scatterPlot__point", `st-scatterPlot__point--${p.tone}`),
90
+ cx: p.cx,
91
+ cy: p.cy,
92
+ r: radius,
93
+ "data-chart-index": i,
94
+ }));
95
+ });
96
+ const hovered = hoveredIndex.value !== null ? points[hoveredIndex.value] : undefined;
97
+ return h("div", { ...attrs, class: classNames("st-scatterPlot", props.class) }, [
98
+ h("div", {
99
+ class: "st-scatterPlot__visual",
100
+ role: "img",
101
+ "aria-label": label,
102
+ onPointermove: handleVisualPointerMove,
103
+ onPointerleave: handleLeave,
104
+ }, [
105
+ h("svg", {
106
+ viewBox: `0 0 ${width} ${height}`,
107
+ preserveAspectRatio: "xMidYMid meet",
108
+ width: "100%",
109
+ height: "100%",
110
+ focusable: "false",
111
+ "aria-hidden": "true",
112
+ }, svgChildren),
36
113
  ]),
114
+ chartDataList(label, dataValueItems),
115
+ hovered
116
+ ? h("div", {
117
+ class: "st-scatterPlot__tooltip",
118
+ role: "presentation",
119
+ style: `left: ${(hovered.cx / width) * 100}%; top: ${(hovered.cy / height) * 100}%`,
120
+ }, [
121
+ hovered.datum.label ? h("span", { class: "st-scatterPlot__tooltipLabel" }, hovered.datum.label) : null,
122
+ h("span", { class: "st-scatterPlot__tooltipValue" }, `x ${hovered.datum.x} · y ${hovered.datum.y}`),
123
+ ])
124
+ : null,
37
125
  ]);
38
126
  };
39
127
  },
@@ -1 +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"}
1
+ {"version":3,"file":"ScatterPlot.js","sourceRoot":"","sources":["../src/ScatterPlot.ts"],"names":[],"mappings":"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"}
package/dist/Search.d.ts CHANGED
@@ -3,6 +3,8 @@ export type SearchProps = {
3
3
  label?: unknown;
4
4
  size?: SearchSize;
5
5
  modelValue?: string;
6
+ /** Svelte/React-canonical alias for `modelValue`. */
7
+ value?: string;
6
8
  placeholder?: string;
7
9
  disabled?: boolean;
8
10
  id?: string;
@@ -21,6 +23,10 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
21
23
  type: StringConstructor;
22
24
  default: undefined;
23
25
  };
26
+ value: {
27
+ type: StringConstructor;
28
+ default: undefined;
29
+ };
24
30
  placeholder: {
25
31
  type: StringConstructor;
26
32
  default: undefined;
@@ -52,6 +58,10 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
52
58
  type: StringConstructor;
53
59
  default: undefined;
54
60
  };
61
+ value: {
62
+ type: StringConstructor;
63
+ default: undefined;
64
+ };
55
65
  placeholder: {
56
66
  type: StringConstructor;
57
67
  default: undefined;
@@ -79,6 +89,7 @@ export declare const Search: import("vue").DefineComponent<import("vue").Extract
79
89
  id: string;
80
90
  disabled: boolean;
81
91
  size: SearchSize;
92
+ value: string;
82
93
  placeholder: string;
83
94
  modelValue: string;
84
95
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1 +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"}
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,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4D1C,CAAC"}
package/dist/Search.js CHANGED
@@ -10,6 +10,7 @@ export const Search = defineComponent({
10
10
  label: { type: [String, Object], default: undefined },
11
11
  size: { type: String, default: "md" },
12
12
  modelValue: { type: String, default: undefined },
13
+ value: { type: String, default: undefined },
13
14
  placeholder: { type: String, default: undefined },
14
15
  disabled: { type: Boolean, default: false },
15
16
  id: { type: String, default: undefined },
@@ -36,7 +37,7 @@ export const Search = defineComponent({
36
37
  id: inputId,
37
38
  class: "st-search__control st-search__input",
38
39
  type: "search",
39
- value: props.modelValue,
40
+ value: props.modelValue ?? props.value,
40
41
  placeholder: props.placeholder,
41
42
  disabled: props.disabled,
42
43
  onInput: (event) => {
@@ -1 +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"}
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;AAgB7C,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,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE;QAC3C,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,IAAI,KAAK,CAAC,KAAK;oBACtC,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"}
package/dist/Slider.d.ts CHANGED
@@ -83,11 +83,11 @@ export declare const Slider: import("vue").DefineComponent<import("vue").Extract
83
83
  }>, {
84
84
  class: string;
85
85
  label: string;
86
+ min: number;
87
+ max: number;
86
88
  size: SliderSize;
87
89
  value: number;
88
90
  modelValue: number;
89
- min: number;
90
- max: number;
91
91
  defaultValue: number;
92
92
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
93
93
  //# sourceMappingURL=Slider.d.ts.map