ui-svelte 0.2.12 → 0.2.13

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 (98) hide show
  1. package/README.md +2 -2
  2. package/dist/charts/ArcChart.svelte +0 -1
  3. package/dist/control/Fab.svelte +103 -0
  4. package/dist/control/Fab.svelte.d.ts +25 -0
  5. package/dist/control/Record.svelte +0 -3
  6. package/dist/control/ToggleTheme.svelte +1 -1
  7. package/dist/control/Video.svelte +2 -0
  8. package/dist/control/css/btn.css +17 -17
  9. package/dist/control/css/fab.css +84 -0
  10. package/dist/control/css/media.css +7 -7
  11. package/dist/control/css/toggle-group.css +1 -17
  12. package/dist/css/decorations.css +348 -189
  13. package/dist/css/utilities.css +0 -4
  14. package/dist/display/Accordion.svelte +3 -3
  15. package/dist/display/Accordion.svelte.d.ts +1 -1
  16. package/dist/display/Card.svelte +3 -3
  17. package/dist/display/Card.svelte.d.ts +1 -1
  18. package/dist/display/Code.svelte +1 -1
  19. package/dist/display/Collapsible.svelte +3 -3
  20. package/dist/display/Collapsible.svelte.d.ts +1 -1
  21. package/dist/display/Countdown.svelte +169 -0
  22. package/dist/display/Countdown.svelte.d.ts +21 -0
  23. package/dist/display/Item.svelte +12 -0
  24. package/dist/display/Item.svelte.d.ts +2 -0
  25. package/dist/display/Marquee.svelte +0 -2
  26. package/dist/display/Section.svelte +3 -3
  27. package/dist/display/Section.svelte.d.ts +1 -1
  28. package/dist/display/css/accordion.css +14 -14
  29. package/dist/display/css/alert.css +42 -15
  30. package/dist/display/css/avatar.css +36 -36
  31. package/dist/display/css/card.css +108 -36
  32. package/dist/display/css/chip.css +16 -16
  33. package/dist/display/css/collapsible.css +32 -32
  34. package/dist/display/css/countdown.css +206 -0
  35. package/dist/display/css/item.css +24 -0
  36. package/dist/display/css/marquee.css +0 -3
  37. package/dist/display/css/section.css +88 -109
  38. package/dist/display/css/table.css +1 -16
  39. package/dist/form/ColorField.svelte +60 -2
  40. package/dist/form/DragDrop.svelte +317 -87
  41. package/dist/form/DragDrop.svelte.d.ts +1 -0
  42. package/dist/form/Dropzone.svelte +3 -3
  43. package/dist/form/Dropzone.svelte.d.ts +1 -1
  44. package/dist/form/ImageCropper.svelte +135 -4
  45. package/dist/form/RadioGroup.svelte +6 -2
  46. package/dist/form/RadioGroup.svelte.d.ts +1 -1
  47. package/dist/form/Slider.svelte +6 -2
  48. package/dist/form/Slider.svelte.d.ts +1 -1
  49. package/dist/form/TextField.svelte +13 -4
  50. package/dist/form/TextField.svelte.d.ts +3 -2
  51. package/dist/form/Toggle.svelte +6 -2
  52. package/dist/form/Toggle.svelte.d.ts +1 -1
  53. package/dist/form/css/control.css +14 -14
  54. package/dist/form/css/csv-field.css +8 -13
  55. package/dist/form/css/drag-drop.css +90 -127
  56. package/dist/form/css/dropzone.css +8 -8
  57. package/dist/form/css/editor.css +14 -14
  58. package/dist/form/css/image-cropper.css +28 -7
  59. package/dist/form/css/radio-group.css +25 -0
  60. package/dist/form/css/slider.css +36 -0
  61. package/dist/form/css/textarea.css +14 -14
  62. package/dist/form/css/toggle.css +12 -0
  63. package/dist/hooks/use-chat.svelte.js +1 -1
  64. package/dist/hooks/use-form.svelte.js +3 -3
  65. package/dist/hooks/use-search.svelte.js +0 -3
  66. package/dist/icons/index.d.ts +4 -0
  67. package/dist/icons/index.js +4 -0
  68. package/dist/index.css +28 -48
  69. package/dist/index.d.ts +4 -2
  70. package/dist/index.js +3 -1
  71. package/dist/layout/Provider.svelte +5 -5
  72. package/dist/layout/Sidebar.svelte +17 -8
  73. package/dist/layout/Sidebar.svelte.d.ts +2 -1
  74. package/dist/layout/css/app-bar.css +7 -7
  75. package/dist/layout/css/footer.css +7 -7
  76. package/dist/layout/css/sidebar.css +120 -59
  77. package/dist/navigation/BottomNav.svelte +23 -14
  78. package/dist/navigation/css/bottom-nav.css +74 -34
  79. package/dist/navigation/css/nav-menu.css +14 -15
  80. package/dist/navigation/css/side-nav.css +14 -15
  81. package/dist/overlay/AlertDialog.svelte +58 -0
  82. package/dist/overlay/AlertDialog.svelte.d.ts +14 -25
  83. package/dist/overlay/Command.svelte +177 -170
  84. package/dist/overlay/Command.svelte.d.ts +12 -3
  85. package/dist/overlay/Drawer.svelte +4 -4
  86. package/dist/overlay/Drawer.svelte.d.ts +1 -1
  87. package/dist/overlay/Modal.svelte +4 -4
  88. package/dist/overlay/Modal.svelte.d.ts +1 -1
  89. package/dist/overlay/Tooltip.svelte +0 -5
  90. package/dist/overlay/css/command.css +30 -42
  91. package/dist/overlay/css/drawer.css +10 -10
  92. package/dist/overlay/css/modal.css +70 -18
  93. package/dist/overlay/css/toast.css +42 -14
  94. package/dist/overlay/css/tooltip.css +49 -23
  95. package/dist/stores/theme.svelte.js +19 -12
  96. package/package.json +1 -1
  97. package/dist/utils/charts.d.ts +0 -27
  98. package/dist/utils/charts.js +0 -140
@@ -1,140 +0,0 @@
1
- export function calculateDomain(data, key) {
2
- const values = data.map((d) => Number(d[key])).filter((v) => !isNaN(v));
3
- if (values.length === 0)
4
- return [0, 1];
5
- const min = Math.min(...values);
6
- const max = Math.max(...values);
7
- const padding = (max - min) * 0.1;
8
- return [Math.min(0, min - padding), max + padding];
9
- }
10
- export function createLinearScale(domain, range) {
11
- const [domainMin, domainMax] = domain;
12
- const [rangeMin, rangeMax] = range;
13
- return (value) => {
14
- if (domainMax === domainMin)
15
- return rangeMin;
16
- const ratio = (value - domainMin) / (domainMax - domainMin);
17
- return rangeMin + ratio * (rangeMax - rangeMin);
18
- };
19
- }
20
- export function createBandScale(domain, range, padding = 0.1) {
21
- const [rangeMin, rangeMax] = range;
22
- const rangeSize = rangeMax - rangeMin;
23
- const step = rangeSize / domain.length;
24
- const bandwidth = step * (1 - padding);
25
- const paddingOuter = (step * padding) / 2;
26
- const scale = (value) => {
27
- const index = domain.indexOf(value);
28
- return rangeMin + paddingOuter + index * step;
29
- };
30
- scale.bandwidth = () => bandwidth;
31
- scale.step = () => step;
32
- return scale;
33
- }
34
- export const DEFAULT_MARGIN = {
35
- top: 20,
36
- right: 30,
37
- bottom: 40,
38
- left: 40
39
- };
40
- export function getChartDimensions(width, height, margin) {
41
- return {
42
- width: width - margin.left - margin.right,
43
- height: height - margin.top - margin.bottom
44
- };
45
- }
46
- export function generateGridLines(domain, scale, count = 5) {
47
- const [min, max] = domain;
48
- return Array.from({ length: count + 1 }, (_, i) => {
49
- const value = min + ((max - min) * i) / count;
50
- return {
51
- value,
52
- position: scale(value)
53
- };
54
- });
55
- }
56
- export function polarToCartesian(centerX, centerY, radius, angleInDegrees) {
57
- const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;
58
- return {
59
- x: centerX + radius * Math.cos(angleInRadians),
60
- y: centerY + radius * Math.sin(angleInRadians)
61
- };
62
- }
63
- export function createArcPath(centerX, centerY, radius, startAngle, endAngle, innerRadius = 0) {
64
- const start = polarToCartesian(centerX, centerY, radius, endAngle);
65
- const end = polarToCartesian(centerX, centerY, radius, startAngle);
66
- const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
67
- if (innerRadius > 0) {
68
- // Donut/doughnut chart
69
- const innerStart = polarToCartesian(centerX, centerY, innerRadius, endAngle);
70
- const innerEnd = polarToCartesian(centerX, centerY, innerRadius, startAngle);
71
- return [
72
- 'M',
73
- start.x,
74
- start.y,
75
- 'A',
76
- radius,
77
- radius,
78
- 0,
79
- largeArcFlag,
80
- 0,
81
- end.x,
82
- end.y,
83
- 'L',
84
- innerEnd.x,
85
- innerEnd.y,
86
- 'A',
87
- innerRadius,
88
- innerRadius,
89
- 0,
90
- largeArcFlag,
91
- 1,
92
- innerStart.x,
93
- innerStart.y,
94
- 'Z'
95
- ].join(' ');
96
- }
97
- else {
98
- return [
99
- 'M',
100
- centerX,
101
- centerY,
102
- 'L',
103
- start.x,
104
- start.y,
105
- 'A',
106
- radius,
107
- radius,
108
- 0,
109
- largeArcFlag,
110
- 0,
111
- end.x,
112
- end.y,
113
- 'Z'
114
- ].join(' ');
115
- }
116
- }
117
- export function createSmoothPath(points) {
118
- if (points.length === 0)
119
- return '';
120
- if (points.length === 1)
121
- return `M ${points[0].x} ${points[0].y}`;
122
- let path = `M ${points[0].x} ${points[0].y}`;
123
- for (let i = 1; i < points.length; i++) {
124
- const prev = points[i - 1];
125
- const curr = points[i];
126
- const controlPointX = (prev.x + curr.x) / 2;
127
- path += ` Q ${controlPointX} ${prev.y} ${curr.x} ${curr.y}`;
128
- }
129
- return path;
130
- }
131
- export function createLinearPath(points) {
132
- if (points.length === 0)
133
- return '';
134
- return points
135
- .map((point, i) => (i === 0 ? `M ${point.x} ${point.y}` : `L ${point.x} ${point.y}`))
136
- .join(' ');
137
- }
138
- export function generateColors(count) {
139
- return Array.from({ length: count }, (_, i) => `hsl(${(i * 360) / count}, 70%, 50%)`);
140
- }