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.
- package/README.md +2 -2
- package/dist/charts/ArcChart.svelte +0 -1
- package/dist/control/Fab.svelte +103 -0
- package/dist/control/Fab.svelte.d.ts +25 -0
- package/dist/control/Record.svelte +0 -3
- package/dist/control/ToggleTheme.svelte +1 -1
- package/dist/control/Video.svelte +2 -0
- package/dist/control/css/btn.css +17 -17
- package/dist/control/css/fab.css +84 -0
- package/dist/control/css/media.css +7 -7
- package/dist/control/css/toggle-group.css +1 -17
- package/dist/css/decorations.css +348 -189
- package/dist/css/utilities.css +0 -4
- package/dist/display/Accordion.svelte +3 -3
- package/dist/display/Accordion.svelte.d.ts +1 -1
- package/dist/display/Card.svelte +3 -3
- package/dist/display/Card.svelte.d.ts +1 -1
- package/dist/display/Code.svelte +1 -1
- package/dist/display/Collapsible.svelte +3 -3
- package/dist/display/Collapsible.svelte.d.ts +1 -1
- package/dist/display/Countdown.svelte +169 -0
- package/dist/display/Countdown.svelte.d.ts +21 -0
- package/dist/display/Item.svelte +12 -0
- package/dist/display/Item.svelte.d.ts +2 -0
- package/dist/display/Marquee.svelte +0 -2
- package/dist/display/Section.svelte +3 -3
- package/dist/display/Section.svelte.d.ts +1 -1
- package/dist/display/css/accordion.css +14 -14
- package/dist/display/css/alert.css +42 -15
- package/dist/display/css/avatar.css +36 -36
- package/dist/display/css/card.css +108 -36
- package/dist/display/css/chip.css +16 -16
- package/dist/display/css/collapsible.css +32 -32
- package/dist/display/css/countdown.css +206 -0
- package/dist/display/css/item.css +24 -0
- package/dist/display/css/marquee.css +0 -3
- package/dist/display/css/section.css +88 -109
- package/dist/display/css/table.css +1 -16
- package/dist/form/ColorField.svelte +60 -2
- package/dist/form/DragDrop.svelte +317 -87
- package/dist/form/DragDrop.svelte.d.ts +1 -0
- package/dist/form/Dropzone.svelte +3 -3
- package/dist/form/Dropzone.svelte.d.ts +1 -1
- package/dist/form/ImageCropper.svelte +135 -4
- package/dist/form/RadioGroup.svelte +6 -2
- package/dist/form/RadioGroup.svelte.d.ts +1 -1
- package/dist/form/Slider.svelte +6 -2
- package/dist/form/Slider.svelte.d.ts +1 -1
- package/dist/form/TextField.svelte +13 -4
- package/dist/form/TextField.svelte.d.ts +3 -2
- package/dist/form/Toggle.svelte +6 -2
- package/dist/form/Toggle.svelte.d.ts +1 -1
- package/dist/form/css/control.css +14 -14
- package/dist/form/css/csv-field.css +8 -13
- package/dist/form/css/drag-drop.css +90 -127
- package/dist/form/css/dropzone.css +8 -8
- package/dist/form/css/editor.css +14 -14
- package/dist/form/css/image-cropper.css +28 -7
- package/dist/form/css/radio-group.css +25 -0
- package/dist/form/css/slider.css +36 -0
- package/dist/form/css/textarea.css +14 -14
- package/dist/form/css/toggle.css +12 -0
- package/dist/hooks/use-chat.svelte.js +1 -1
- package/dist/hooks/use-form.svelte.js +3 -3
- package/dist/hooks/use-search.svelte.js +0 -3
- package/dist/icons/index.d.ts +4 -0
- package/dist/icons/index.js +4 -0
- package/dist/index.css +28 -48
- package/dist/index.d.ts +4 -2
- package/dist/index.js +3 -1
- package/dist/layout/Provider.svelte +5 -5
- package/dist/layout/Sidebar.svelte +17 -8
- package/dist/layout/Sidebar.svelte.d.ts +2 -1
- package/dist/layout/css/app-bar.css +7 -7
- package/dist/layout/css/footer.css +7 -7
- package/dist/layout/css/sidebar.css +120 -59
- package/dist/navigation/BottomNav.svelte +23 -14
- package/dist/navigation/css/bottom-nav.css +74 -34
- package/dist/navigation/css/nav-menu.css +14 -15
- package/dist/navigation/css/side-nav.css +14 -15
- package/dist/overlay/AlertDialog.svelte +58 -0
- package/dist/overlay/AlertDialog.svelte.d.ts +14 -25
- package/dist/overlay/Command.svelte +177 -170
- package/dist/overlay/Command.svelte.d.ts +12 -3
- package/dist/overlay/Drawer.svelte +4 -4
- package/dist/overlay/Drawer.svelte.d.ts +1 -1
- package/dist/overlay/Modal.svelte +4 -4
- package/dist/overlay/Modal.svelte.d.ts +1 -1
- package/dist/overlay/Tooltip.svelte +0 -5
- package/dist/overlay/css/command.css +30 -42
- package/dist/overlay/css/drawer.css +10 -10
- package/dist/overlay/css/modal.css +70 -18
- package/dist/overlay/css/toast.css +42 -14
- package/dist/overlay/css/tooltip.css +49 -23
- package/dist/stores/theme.svelte.js +19 -12
- package/package.json +1 -1
- package/dist/utils/charts.d.ts +0 -27
- package/dist/utils/charts.js +0 -140
package/dist/utils/charts.js
DELETED
|
@@ -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
|
-
}
|