CHANGELOG.md

Changelog

3.7.0 - @slidy/plugins

@slidy/plugins

1.1.0 - add autoplay() plugin

1.0.0 - first release

@slidy/core

3.7.2 - cleanup

3.7.1 - fix duplicated options

• fix duplicated options

3.7.0 - add options.plugins, fix issues & updates

• add plugins to iife
• fix default options
• options.plugins: []
• fix unsnapped loop mode
• guard loop in mutate
• fix snap === 'deck'
• ix types

@slidy/element

1.2.2 - update core

1.2.1 - update core

1.2.0 - add options.plugins

• add plugins to iife

@slidy/solid

1.4.0 - add plugins option

@slidy/svelte

3.4.0 - add plugins option

@slidy/react

1.2.0 - add plugins option

3.6.0 - @slidy/element

@slidy/element

1.1.0 - fix issues & updates

• add window check
• improve init, optimise & cleanup
• add core methods & cleanup

1.0.0 - first pre-release

@slidy/core

3.6.0 - on:mutate event, auto reinit, improvments & fixes

• fix dom() init
• fix snap behaviour
• add scrollable option
• add reactive position
• fix axis: 'y' behaviour
• add on:mutate event & auto reinit
• add -webkit-user-select:none css rule

@slidy/svelte

3.3.0 - core futures & fixes

3.2.2 - test release

@slidy/solid

1.3.0 - core futures & fixes

@slidy/react

1.1.0 - core futures & fixes

3.5.3 - @slidy/react

@slidy/react

1.0.0

• first release

@slidy/solid

1.2.1

• implement groups prop to control the number of items displayed per viewport

@slidy/svelte

3.2.1

• implement groups prop to control the number of items displayed per viewport;
• inherit clamp value by control buttons;

@slidy/core

3.5.3

• decrease bundle size
• window.Slidy object contain @slidy/core, @slidy/animation, @slidy/easing & @slidy/media functions

window.Slidy = {
    animation, // animation functions
    core, // core function
    easing, // easing functions
    media, // global media store
};

@slidy/media

1.2.7

• IIFE global name window.SlidyMedia

@slidy/animation

1.0.7

• IIFE global name window.SlidyAnimation

@slidy/easing

1.0.5

• IIFE global name window.SlidyEasing

3.5.2 - @slidy/solid

@slidy/solid

1.2.0

• first release

@slidy/svelte

3.2.0

• add autoplay action
• add i18n localization script

3.1.3 - 3.1.5

• testing releases

@slidy/core

3.5.2

• remove browser field for modern bundlers & CDN compatibility
• remove duration from to(index) method

@slidy/media

1.2.6

• fix window availability

1.2.5

• use generic for better DX https://github.com/Valexr/Slidy/commit/36ecdd8c086d18e0a72805de11b63fdcfd4b58f9

3.5.1 - fix issues & updates

@slidycore

3.5.1

• remove duration from to() function

@slidy/svelte

3.1.2

• correct classname for arrow orientation

3.1.1

• update overlay slot description
• typo within a classname

3.5.0 - modulated & fully rethinkin

Simple, configurable, nested & reusable sliding action script with templates, animations, easings & some useful plugins.

Сompletely mimics the behavior of a native scroll with mouse drag, index navigation, acceleration, gravity & infinite loop mode.

Packages

• @slidy/core - Core sliding script
• @slidy/media - Observable media
• @slidy/easing - Easing functions
• @slidy/animation - Animation functions
• @slidy/svelte - SvelteJS template

Todo

• Demo docs site based on SvelteKit
• @slidy/react - ReactJS template
• @slidy/vue - VueJS template
• @slidy/wc - WebComponent template
• @slidy/malina - MalinaJS template
• @slidy/solid - SolidJS template

2.8.2

• fix index on stop;

2.8.1

• fix index limits;

2.8.0

• new option immutable={true};

2.7.1

• new prop options.sensity: 0.3 for next slidy scroll sensitivity;

2.7.0

• rename slidyinit to init, now it's true by default. Example;

2.6.9

• keyExtractor() now key() & by default:

key = (item) => item.id || item[slide.imgsrckey];

Slides may not have id's, but you must have imgsrckey (by default imgsrckey="src"). Svelte needs some unique identifier for {#each} loop.

You can customize key() in template instead:

<Slidy key="{(item) => uid()}" />

2.6.5

• Add keyExtractor props as function to customize svelte loop key. The default return value is item.id, defaults to array's index if there is no id key.

keyExtractor = (item, i) => item.id || i;

Tx @axmad386👍🏻 for PR & @tehnolog for issue

Usage example:

<Slidy keyExtractor="{(item, index) => item.id + index + uid()}" />

or

<Slidy keyExtractor="{(item) => item.id.toString()}" />

Previous changes (Pre 2.6.5)

• timeout prop: 0 Number - set timeout to slidyinit: true - like example time for spinner;
• Named export import { Slidy } from 'svelte-slidy'; and esbuild bundler;
• <Spinner /> removed loader from tje core and replaced with custom slot <slot name="loader" />;
• Simplified sizes props initializion;
• Move pannable.js listeners to wrap
  node;
• Rename resobserver.js to resize.js
• { overflow: 'hidden' } option;
• Fully reactive Slidy for update slides in runtime;
• New block of options: { axis: 'x', loop: false, duration: 550 } in settings object;
• { loop: true/false } option;
• { objectfit: 'cover' } option;
• { align: 'middle', alignmargin: 50 } option;
• Slide now places in default slot, <slot name="slide" /> was removed;
• Add functionality for external slides control;
• External thumbs/dots navigation;
• Internal option shift + mousewheel functionality;
• New props names & settings;
• New classNames && slots in Slidy nodes tree;
• New settings for preloader;
• Axis Y direction;
• Classnames on state:
  • .loaded – on init Slidy;
  • .autowidth – on slide.width: 'auto';
  • .axisy – on axis: 'y' direction;
• Keyboard arrowkeys navigation only Slidy in focus;
• "slide.backimg", "slide.imgsrckey", "slide.class" options, example;
• If you are using slot content and slide.backimg option: as false you need to tag <img /> inside slot. By default empty slot have <img /> tag;
• Rename directive property name let:slide to let:item;