@haventmet/carousel 1.0.0 → 1.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -43
- package/dist/carousel.css +1 -0
- package/dist/carousel.d.ts +17 -0
- package/dist/carousel.js +387 -0
- package/dist/carousel.umd.cjs +1 -0
- package/dist/index.d.ts +1 -0
- package/package.json +29 -17
- package/.mcp.json +0 -8
- package/CLAUDE.md +0 -177
- package/LICENSE +0 -21
- package/biome.json +0 -174
- package/packages/alpine/index.html +0 -50
- package/packages/alpine/package.json +0 -70
- package/packages/alpine/src/index.ts +0 -46
- package/packages/alpine/style.css +0 -76
- package/packages/alpine/tsconfig.json +0 -28
- package/packages/alpine/vite.config.ts +0 -28
- package/packages/core/README.md +0 -69
- package/packages/core/package.json +0 -45
- package/packages/core/src/carousel.ts +0 -842
- package/packages/core/src/index.ts +0 -2
- package/packages/core/src/style.css +0 -46
- package/packages/core/vite.config.js +0 -14
- package/packages/react/.vite/deps/_metadata.json +0 -25
- package/packages/react/.vite/deps/chunk-7CQ73C3Q.js +0 -1908
- package/packages/react/.vite/deps/chunk-7CQ73C3Q.js.map +0 -7
- package/packages/react/.vite/deps/package.json +0 -3
- package/packages/react/.vite/deps/react-dom_client.js +0 -21712
- package/packages/react/.vite/deps/react-dom_client.js.map +0 -7
- package/packages/react/.vite/deps/react.js +0 -4
- package/packages/react/.vite/deps/react.js.map +0 -7
- package/packages/react/README.md +0 -75
- package/packages/react/index.html +0 -12
- package/packages/react/package.json +0 -74
- package/packages/react/src/App.tsx +0 -38
- package/packages/react/src/BlossomCarousel.tsx +0 -77
- package/packages/react/src/index.ts +0 -2
- package/packages/react/src/main.jsx +0 -6
- package/packages/react/src/style.css +0 -50
- package/packages/react/tsconfig.json +0 -17
- package/packages/react/vite.config.js +0 -27
- package/packages/svelte/README.md +0 -58
- package/packages/svelte/index.html +0 -12
- package/packages/svelte/package.json +0 -71
- package/packages/svelte/src/App.svelte +0 -12
- package/packages/svelte/src/BlossomCarousel.svelte +0 -39
- package/packages/svelte/src/BlossomCarousel.svelte.d.ts +0 -8
- package/packages/svelte/src/index.ts +0 -2
- package/packages/svelte/src/main.js +0 -10
- package/packages/svelte/src/style.css +0 -52
- package/packages/svelte/tsconfig.json +0 -16
- package/packages/svelte/vite.config.js +0 -45
- package/packages/vue/README.md +0 -70
- package/packages/vue/index.html +0 -12
- package/packages/vue/package.json +0 -69
- package/packages/vue/src/App.vue +0 -82
- package/packages/vue/src/BlossomCarousel.vue +0 -52
- package/packages/vue/src/index.ts +0 -2
- package/packages/vue/src/main.js +0 -5
- package/packages/vue/src/style.css +0 -18
- package/packages/vue/vite.config.js +0 -25
- package/packages/web/README.md +0 -44
- package/packages/web/index.html +0 -29
- package/packages/web/package.json +0 -65
- package/packages/web/src/index.ts +0 -27
- package/packages/web/src/style.css +0 -53
- package/packages/web/style.css +0 -54
- package/packages/web/tsconfig.json +0 -18
- package/packages/web/vite.config.ts +0 -23
- package/pnpm-workspace.yaml +0 -8
- package/public/cover.jpg +0 -0
- package/turbo.json +0 -12
package/packages/core/README.md
DELETED
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
# Blossom Core
|
|
2
|
-
|
|
3
|
-
A native-scroll-first carousel for the web.
|
|
4
|
-
|
|
5
|
-
## Installation
|
|
6
|
-
|
|
7
|
-
Add the blossom-carousel package to your project.
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install @numbered/carousel/core
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
Then, create a Blossom instance and initialize it.
|
|
14
|
-
|
|
15
|
-
```js
|
|
16
|
-
import { Blossom } from "@numbered/carousel/core";
|
|
17
|
-
import "@numbered/carousel/core/style.css";
|
|
18
|
-
|
|
19
|
-
const element = document.querySelector("#my-carousel-element");
|
|
20
|
-
// prepare the Blossom carousel
|
|
21
|
-
const blossom = Blossom(element);
|
|
22
|
-
// initialize whenever you want
|
|
23
|
-
blossom.init();
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
## Lazy loading
|
|
27
|
-
|
|
28
|
-
Load Blossom only when needed.
|
|
29
|
-
|
|
30
|
-
```js
|
|
31
|
-
const hasMouse = window.matchMedia(
|
|
32
|
-
"(hover: hover) and (pointer: fine)"
|
|
33
|
-
).matches;
|
|
34
|
-
|
|
35
|
-
// We don't need Blossom's engine on touch devices
|
|
36
|
-
if (!hasMouse) return;
|
|
37
|
-
|
|
38
|
-
const { Blossom } = await import("@numbered/carousel/core");
|
|
39
|
-
|
|
40
|
-
const element = document.querySelector("#my-carousel-element");
|
|
41
|
-
const blossom = Blossom(element);
|
|
42
|
-
blossom.init();
|
|
43
|
-
```
|
|
44
|
-
|
|
45
|
-
### Destroy
|
|
46
|
-
|
|
47
|
-
Destroy the Blossom instance when you no longer need it to free up resources.
|
|
48
|
-
|
|
49
|
-
```js
|
|
50
|
-
blossom.destroy();
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
### Get started in your favorite framework:
|
|
54
|
-
|
|
55
|
-
- [React](https://www.npmjs.com/package/@numbered/carousel/react)
|
|
56
|
-
- [Vue](https://www.npmjs.com/package/@numbered/carousel/vue)
|
|
57
|
-
- [Svelte](https://www.npmjs.com/package/@numbered/carousel/svelte)
|
|
58
|
-
- [Web Component](https://www.npmjs.com/package/@numbered/carousel/web)
|
|
59
|
-
|
|
60
|
-
## Examples
|
|
61
|
-
|
|
62
|
-
- [Simple](https://www.blossom-carousel.com/docs/examples#simple)
|
|
63
|
-
- [Variable widths](https://www.blossom-carousel.com/docs/examples#variable-widths)
|
|
64
|
-
- [CSS Grid](https://www.blossom-carousel.com/docs/examples#css-grid)
|
|
65
|
-
- [Multiple rows](https://www.blossom-carousel.com/docs/examples#multiple-rows)
|
|
66
|
-
- [Snapping](https://www.blossom-carousel.com/docs/examples#snapping)
|
|
67
|
-
- [Grouping](https://www.blossom-carousel.com/docs/examples#grouping)
|
|
68
|
-
- [Sticky](https://www.blossom-carousel.com/docs/examples#sticky)
|
|
69
|
-
- [Coverflow](https://www.blossom-carousel.com/docs/examples#cover-flow)
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@haventmet/carousel",
|
|
3
|
-
"version": "0.1.9",
|
|
4
|
-
"author": "Loris",
|
|
5
|
-
"license": "MIT",
|
|
6
|
-
"description": "A native-scroll-first carousel component for the web.",
|
|
7
|
-
"repository": {
|
|
8
|
-
"type": "git",
|
|
9
|
-
"url": "git+https://github.com/loris-numbered/carousel"
|
|
10
|
-
},
|
|
11
|
-
"bugs": {
|
|
12
|
-
"url": "https://github.com/loris-numbered/carousel/issues"
|
|
13
|
-
},
|
|
14
|
-
"homepage": "https://www.blossom-carousel.com",
|
|
15
|
-
"type": "module",
|
|
16
|
-
"files": [
|
|
17
|
-
"dist"
|
|
18
|
-
],
|
|
19
|
-
"main": "dist/carousel.umd.cjs",
|
|
20
|
-
"module": "dist/carousel.js",
|
|
21
|
-
"types": "dist/index.d.ts",
|
|
22
|
-
"exports": {
|
|
23
|
-
".": {
|
|
24
|
-
"types": "./dist/index.d.ts",
|
|
25
|
-
"import": "./dist/carousel.js",
|
|
26
|
-
"require": "./dist/carousel.umd.cjs"
|
|
27
|
-
},
|
|
28
|
-
"./style.css": "./dist/carousel.css"
|
|
29
|
-
},
|
|
30
|
-
"publishConfig": {
|
|
31
|
-
"access": "public"
|
|
32
|
-
},
|
|
33
|
-
"scripts": {
|
|
34
|
-
"dev": "vite",
|
|
35
|
-
"build": "vite build",
|
|
36
|
-
"preview": "vite preview"
|
|
37
|
-
},
|
|
38
|
-
"devDependencies": {
|
|
39
|
-
"tsup": "^6.0.0"
|
|
40
|
-
},
|
|
41
|
-
"dependencies": {
|
|
42
|
-
"vite": "^6.3.3",
|
|
43
|
-
"vite-plugin-dts": "^4.5.3"
|
|
44
|
-
}
|
|
45
|
-
}
|