main from d032d2a

main/_app/immutable/chunks/Custom.route.CrZ8BNU6.js → main/_app/immutable/chunks/Custom.route.DQ9EwKCz.js

@@ -14,11 +14,10 @@ const t=`<script lang="ts">
 	max={100}
 	stepSize={1}
 	bind:values={sliderCustomLabelControl}
-	slotLabel={({value}) => '' + value + '%'}
+	label={({value}) => '' + value + '%'}
 	className="au-custom-slider-container"
 ></Slider>
 <hr />
 <h2>Slider with custom handle</h2>
-<Slider min={0} max={100} stepSize={1} bind:values={sliderCustomHandleControl} slotHandle={CustomHandle} className="au-custom-slider-container"
-></Slider>
+<Slider min={0} max={100} stepSize={1} bind:values={sliderCustomHandleControl} handle={CustomHandle} className="au-custom-slider-container"></Slider>
 `;export{t as default};

main/_app/immutable/chunks/Custom.route.lZID_AQ6.js → main/_app/immutable/chunks/Custom.route.DgoqkcQE.js

@@ -16,7 +16,7 @@ const CustomSliderDemo = () => {
 				stepSize={1}
 				values={sliderCustomLabelControl}
 				onValuesChange={setSliderCustomLabelControl}
-				slotLabel={({value}: {value: number}) => '' + value + '%'}
+				label={({value}: {value: number}) => '' + value + '%'}
 				className="au-custom-slider-container"
 			/>
 			<hr />
@@ -27,7 +27,7 @@ const CustomSliderDemo = () => {
 				stepSize={1}
 				values={sliderCustomHandleControl}
 				onValuesChange={setSliderCustomHandleControl}
-				slotHandle={CustomSlotHandle}
+				handle={CustomSlotHandle}
 				className="au-custom-slider-container"
 			/>
 		</>

main/_app/immutable/chunks/FullCustom.route.D8TDmj4j.js → main/_app/immutable/chunks/FullCustom.route.BVOIXKWl.js

@@ -15,7 +15,7 @@ const FullCustomSliderDemo = () => {
 				stepSize={1}
 				values={sliderControl}
 				onValuesChange={setSliderControl}
-				slotStructure={CustomSliderComponent}
+				structure={CustomSliderComponent}
 				vertical
 				className="custom-slider"
 			/>

main/_app/immutable/chunks/FullCustom.route.CGdWdcjz.js

@@ -0,0 +1,13 @@
+const e=`<script lang="ts">
+	import {Slider} from '@agnos-ui/svelte-bootstrap/components/slider';
+	import CoffeeSlider from './CoffeeSlider.svelte';
+
+	let sliderControl = [50];
+
+	import './custom.scss';
+<\/script>
+
+<h2>Fully custom slider</h2>
+
+<Slider min={0} max={100} stepSize={1} bind:values={sliderControl} vertical className="custom-slider" structure={CoffeeSlider} />
+`;export{e as default};