@functionalcms/svelte-components 3.0.5 → 3.0.7

package/dist/components/presentation/Carusel.svelte

@@ -1,75 +1,80 @@
-<script>import { Splide, SplideSlide } from "@splidejs/svelte-splide";
-export let items = [];
-export let perPage = 1;
-export let rewind = true;
-export let type = "loop";
-export let waitForTransition = true;
-export let autoWidth = void 0;
-export let autoHeight = void 0;
-export let start = void 0;
-export let arrowPath = void 0;
-export let autoplay = void 0;
-export let interval = void 0;
-export let pauseOnHover = void 0;
-export let pauseOnFocus = void 0;
-export let resetProgress = void 0;
-export let lazyLoad = void 0;
-export let preloadPages = void 0;
-export let keyboard = void 0;
-export let wheel = void 0;
-export let wheelMinThreshold = void 0;
-export let wheelSleep = void 0;
-export let releaseWheel = void 0;
-export let direction = "ltr";
-export let cover = void 0;
-export let slideFocus = void 0;
-export let isNavigation = void 0;
-export let trimSpace = void 0;
-export let omitEnd = void 0;
-export let updateOnMove = void 0;
-export let mediaQuery = void 0;
-export let focusableNodes = void 0;
-export let noDrag = void 0;
-export let live = void 0;
-export let useScroll = void 0;
-export let reducedMotion = void 0;
-export let padding = "";
-let options = {
-  perPage,
-  rewind,
-  type,
-  waitForTransition,
-  autoWidth,
-  autoHeight,
-  start,
-  arrowPath,
-  autoplay,
-  interval,
-  pauseOnHover,
-  pauseOnFocus,
-  resetProgress,
-  lazyLoad,
-  preloadPages,
-  keyboard,
-  wheel,
-  wheelMinThreshold,
-  wheelSleep,
-  releaseWheel,
-  direction,
-  cover,
-  slideFocus,
-  isNavigation,
-  trimSpace,
-  omitEnd,
-  updateOnMove,
-  mediaQuery,
-  focusableNodes,
-  noDrag,
-  live,
-  useScroll,
-  reducedMotion,
-  padding
-};
+<script lang="ts">
+	import { Splide, SplideSlide } from '@splidejs/svelte-splide';
+	import type { Options } from '@splidejs/splide';
+	import type { CaruseleItem } from './Carusele';
+
+	export let items: Array<CaruseleItem> = [];
+	export let perPage: number = 1;
+	export let rewind: boolean = true;
+	export let type: 'slide' | 'loop' | 'fade' = 'loop';
+	export let waitForTransition: boolean = true;
+	export let autoWidth: boolean | undefined = undefined;
+	export let autoHeight: boolean | undefined = undefined;
+	export let start: number | undefined = undefined;
+	export let arrowPath: string | undefined = undefined;
+	export let autoplay: boolean | 'pause' | undefined = undefined;
+	export let interval: number | undefined = undefined;
+	export let pauseOnHover: boolean | undefined = undefined;
+	export let pauseOnFocus: boolean | undefined = undefined;
+	export let resetProgress: boolean | undefined = undefined;
+	export let lazyLoad: boolean | 'nearby' | 'sequential' | undefined = undefined;
+	export let preloadPages: number | undefined = undefined;
+	export let keyboard: boolean | 'global' | 'focused' | undefined = undefined;
+	export let wheel: boolean | undefined = undefined;
+	export let wheelMinThreshold: number | undefined = undefined;
+	export let wheelSleep: number | undefined = undefined;
+	export let releaseWheel: boolean | undefined = undefined;
+	export let direction: 'ltr' | 'rtl' | 'ttb' = 'ltr';
+	export let cover: boolean | undefined = undefined;
+	export let slideFocus: boolean | undefined = undefined;
+	export let isNavigation: boolean | undefined = undefined;
+	export let trimSpace: boolean | 'move' | undefined = undefined;
+	export let omitEnd: boolean | undefined = undefined;
+	export let updateOnMove: boolean | undefined = undefined;
+	export let mediaQuery: 'min' | 'max' | undefined = undefined;
+	export let focusableNodes: string | undefined = undefined;
+	export let noDrag: string | undefined = undefined;
+	export let live: boolean | undefined = undefined;
+	export let useScroll: boolean | undefined = undefined;
+	export let reducedMotion: Options | undefined = undefined;
+	export let padding : string = "";
+
+	let options = {
+		perPage: perPage,
+		rewind: rewind,
+		type: type,
+		waitForTransition: waitForTransition,
+		autoWidth: autoWidth,
+		autoHeight: autoHeight,
+		start: start,
+		arrowPath: arrowPath,
+		autoplay: autoplay,
+		interval: interval,
+		pauseOnHover: pauseOnHover,
+		pauseOnFocus: pauseOnFocus,
+		resetProgress: resetProgress,
+		lazyLoad: lazyLoad,
+		preloadPages: preloadPages,
+		keyboard: keyboard,
+		wheel: wheel,
+		wheelMinThreshold: wheelMinThreshold,
+		wheelSleep: wheelSleep,
+		releaseWheel: releaseWheel,
+		direction: direction,
+		cover: cover,
+		slideFocus: slideFocus,
+		isNavigation: isNavigation,
+		trimSpace: trimSpace,
+		omitEnd: omitEnd,
+		updateOnMove: updateOnMove,
+		mediaQuery: mediaQuery,
+		focusableNodes: focusableNodes,
+		noDrag: noDrag,
+		live: live,
+		useScroll: useScroll,
+		reducedMotion: reducedMotion,
+		padding
+	} satisfies Options;
 </script>
 
 <Splide class="carusele" aria-label="gallery" {options}>

package/dist/components/presentation/Gallery.svelte

@@ -1,11 +1,17 @@
-<script>import Card from "../agnostic/Card/Card.svelte";
-import { AlignItmes, Justify, Orientation } from "../Styling.js";
-export let items = [];
-export let css = "";
-export let justify = Justify.Between;
-export let alignItems = AlignItmes.Center;
-export let orientation = Orientation.DynamicRow;
-$: galleryKlasses = ["flex", css, `${orientation}`, `${justify}`, `${alignItems}`].filter((c) => c).join(" ");
+<script lang="ts">
+	import Card from '../agnostic/Card/Card.svelte';
+	import type { ShowItem } from './ShowItem.js';
+	import { AlignItmes, Justify, Orientation } from '../Styling.js';
+
+	export let items: Array<ShowItem> = [];
+	export let css: string = '';
+	export let justify: Justify = Justify.Between;
+	export let alignItems: AlignItmes = AlignItmes.Center;
+	export let orientation: Orientation = Orientation.DynamicRow;
+
+	$: galleryKlasses = ['flex', css, `${orientation}`, `${justify}`, `${alignItems}`]
+		.filter((c) => c)
+		.join(' ');
 </script>
 
 <Card css={galleryKlasses}>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "3.0.5",
+	"version": "3.0.7",
 	"watch": {
 		"build": {
 			"patterns": [
@@ -40,34 +40,33 @@
 		"!dist/**/*.test.*",
 		"!dist/**/*.spec.*"
 	],
-	"peerDependencies": {
-	},
 	"devDependencies": {
 		"@functionalcms/services": "latest",
 		"@sveltejs/adapter-auto": "^3.1.0",
-		"@sveltejs/package": "^2.2.5",
 		"@sveltejs/kit": "^2.0.0",
+		"@sveltejs/package": "^2.2.5",
 		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"publint": "^0.2.12",
+		"sass": "^1.69.7",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
+		"tslib": "^2.6.2",
 		"typescript": "^5.0.0",
-		"vite": "^5.4.11",
-		"sass": "^1.69.7",
-		"tslib": "^2.6.2"
+		"vite": "^5.4.11"
 	},
 	"dependencies": {
 		"@floating-ui/dom": "^1.6.12",
 		"@splidejs/svelte-splide": "^0.2.9",
 		"date-picker-svelte": "^2.14.1",
 		"ioredis": "^5.4.1",
+		"mdsvex": "^0.11.2",
 		"node-html-parser": "^6.1.12",
 		"oauth4webapi": "^2.17.0",
-		"svelte-file-dropzone": "^2.0.9",
-		"mdsvex": "^0.11.2",
 		"rehype-autolink-headings": "^7.1.0",
 		"rehype-slug": "^6.0.0",
 		"remark-abbr": "^1.4.2",
-		"remark-github": "^12.0.0"
+		"remark-github": "^12.0.0",
+		"svelte-file-dropzone": "^2.0.9"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",