svelte-range-slider-pips
Advanced tools
Comparing version 3.0.0 to 3.1.0
import { SvelteComponent } from "svelte"; | ||
import './RangeSlider.css'; | ||
import { type SpringOpts } from 'svelte/motion'; | ||
@@ -4,0 +3,0 @@ import type { Pip, Formatter } from '../types.js'; |
@@ -1,1 +0,3 @@ | ||
export { default as RangeSlider } from './components/RangeSlider.svelte'; | ||
import RangeSlider from './components/RangeSlider.svelte'; | ||
export { RangeSlider }; | ||
export default RangeSlider; |
@@ -1,1 +0,3 @@ | ||
export { default as RangeSlider } from './components/RangeSlider.svelte'; | ||
import RangeSlider from './components/RangeSlider.svelte'; | ||
export { RangeSlider }; | ||
export default RangeSlider; |
{ | ||
"name": "svelte-range-slider-pips", | ||
"version": "3.0.0", | ||
"version": "3.1.0", | ||
"description": "Multi-Thumb, Accessible, Beautiful Range Slider with Pips", | ||
@@ -14,20 +14,30 @@ "repository": { | ||
"module": "./dist/range-slider-pips.mjs", | ||
"main": "./dist/range-slider-pips.js", | ||
"svelte": "./dist/svelte/index.js", | ||
"types": "./dist/svelte/index.d.ts", | ||
"exports": { | ||
".": { | ||
"types": "./dist/svelte/index.d.ts", | ||
"svelte": "./dist/svelte/index.js", | ||
"import": "./dist/range-slider-pips.mjs", | ||
"require": "./dist/range-slider-pips.js", | ||
"style": "./dist/range-slider-pips.css" | ||
}, | ||
"./dist/*.css": { | ||
"import": "./dist/range-slider-pips.css", | ||
"require": "./dist/range-slider-pips.css" | ||
} | ||
".": [ | ||
{ | ||
"types": "./dist/svelte/index.d.ts", | ||
"svelte": "./dist/svelte/index.js", | ||
"import": "./dist/range-slider-pips.mjs", | ||
"require": "./dist/range-slider-pips.js", | ||
"style": "./dist/range-slider-pips.css", | ||
"default": "./dist/range-slider-pips.js" | ||
}, | ||
"./dist/range-slider-pips.js" | ||
], | ||
"./dist/*.css": [ | ||
{ | ||
"import": "./dist/range-slider-pips.css", | ||
"require": "./dist/range-slider-pips.css", | ||
"default": "./dist/range-slider-pips.css" | ||
}, | ||
"./dist/range-slider-pips.css" | ||
], | ||
"./RangeSlider.svelte": "./src/lib/RangeSlider.svelte", | ||
"./RangePips.svelte": "./src/lib/RangePips.svelte" | ||
}, | ||
"files": [ | ||
"dist", | ||
"src/lib", | ||
"!dist/**/*.test.*", | ||
@@ -34,0 +44,0 @@ "!dist/**/*.spec.*" |
@@ -30,12 +30,4 @@ <div align="center"> | ||
<br> | ||
</div> | ||
_🆕 = New/Changed in version 3.0.0_ | ||
--- | ||
<br> | ||
## Features | ||
@@ -74,3 +66,3 @@ | ||
<script> | ||
import { RangeSlider } from 'svelte-range-slider-pips'; | ||
import RangeSlider from 'svelte-range-slider-pips'; | ||
</script> | ||
@@ -81,3 +73,10 @@ | ||
- 🆕 _see [test folder](./tests/) for examples of [usage with Svelte 4](./tests/svelte4/src/App.svelte) or [Svelte 5](./tests/svelte5/src/routes/+page.svelte)_ | ||
<ul> | ||
<li> | ||
<img height="16" src="./public/icons/svelte-svgrepo-com.png" alt="Svelte Icon"> <em>see <a href="./tests/">test folder</a> for examples of <a href="./tests/svelte4/src/App.svelte">usage with Svelte 4</a></em> | ||
</li> | ||
<li> | ||
<img height="16" src="./public/icons/svelte-svgrepo-com.png" alt="Svelte Icon"> <em>or <a href="./tests/svelte5/src/routes/+page.svelte">Svelte 5</em></a> | ||
</li> | ||
</ul> | ||
@@ -95,3 +94,2 @@ --- | ||
<!-- in the <head> of your html --> | ||
<link rel="stylesheet" href="./js/vendor/svelte-range-slider-pips.css" /> | ||
<script src="./js/vendor/svelte-range-slider-pips.js" /> | ||
@@ -98,0 +96,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
359069
22
8923
231