All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
3.0.4 (2024-02-21)
- gallery: re-center when items change in loop mode (548ed56)
3.0.3 (2024-02-07)
- do not reset items when different input is changed (834a23e)
3.0.2 (2023-12-17)
- check that changes are defined (ebdc346)
3.0.1 (2023-12-02)
- demo: fix inflexible form field labels (0698ed2)
- demo: fix links to documentation (ff7c86b)
- demo: use showErrors where needed (7d989cf)
- make
itemsalways defined (319ad43) - prevent looping being stuck in disabled state (df4b06c)
- remove wiki from readme, rename demos to showcase (9dd9366)
3.0.0 (2023-10-02)
- add option not to display media error (4182376)
- demo: fix compilation issue (d0385a2)
- add JS docs to the inputs/outputs (ec5018b)
3.0.0-RC.11 (2023-09-28)
- remove media loading indicator
- remove media loading indicator (e43ff13)
3.0.0-RC.10 (2023-09-15)
- add smoother multi-item navigation WIP (f748f1e)
- demo: display just 1 item on mobile (ed793f9)
- prevent type error when video doesn't exist (1c12e47)
- update fringe count and respective items on change (3d9791e)
3.0.0-RC.9 (2023-09-04)
- rename imageClick to itemClick
- add clip option (5ff8a5e)
- demo: create a carousel example (1433d0f)
- support navigation by multiple items WIP (9ff0fae)
- rename imageClick to itemClick (8aa1545)
3.0.0-RC.8 (2023-08-27)
- improve infinte loop (0bd6c4c)
3.0.0-RC.7 (2023-08-13)
- prevent loop from animated scrolling (97a8f68)
- prevent on init centering animation (4d65e22)
- swipe by pixels only on loop (1015d84)
3.0.0-RC.6 (2023-08-11)
- turn item width into visible item count
- turn item width into visible item count (80cce04)
3.0.0-RC.5 (2023-08-06)
- make lazy loading default
3.0.0-RC.4 (2023-08-05)
- get rid of direct rxjs dependency (8f50899)
3.0.0-RC.3 (2023-08-05)
- use standalone components everywhere
- reshape gallery items
- unify counter and description (a240ccc)
3.0.0-RC.2 (2023-07-30)
- upgrade to ng16
- add aria labels and make arrows into buttons (397ad99)
- do not require media directive for custom views (c0015aa)
- upgrade to ng16 (1850435)
3.0.0-RC.1 (2023-07-30)
- upgrade ng to v15
- upgrade ng to v15 (28a1b69)
- update browserslist (37f46d3)
3.0.0-RC.0 (2023-07-24)
- remove tslib
- upgrade angular to v14
2.0.0 (2022-01-03)
2.0.0-RC.0 (2021-12-23)
- Upgrades angular from 8 to 13
- Drops support for IE
- Drops support for ViewEngine. Only projects using Ivy are supported. This shouldn't be a problem going forward, since Ivy is opt-in since ng9, and default since ng12 with ViewEngine support completely removed in ng13.
1.1.3 - 2021-12-12
- Upgraded to ng-packagr@10, which removes esm5 and fesm5 package formats. This leads to smaller package size.
1.1.2 - 2021-07-22
- Added missing is-browser check to support file, to prevent issues in non-browser envs
1.1.1 - 2020-12-5
- Fixed IE11 and older Safari freezes caused by polyfill for IntersectionObserver
- Fixed gallery's appearance on IE11 (except for multiple items in scrollport are not currently working, only 1 item at a time is being displayed in the viewer)
- Using scale(-1) instead of rotate(180deg) to mirror navigation arrow buttons, which fixes issues with eg. material ripple effect
1.1.0 - 2020-11-21
1.1.0-RC1 - 2020-11-15
- Support for right-to-left UI composition and swiping, thanks to @chemiu-mipo
- During initialization of thumbs, if selected thumb needs to be scrolled to, it happens smoothly. Previously, there was no animation.
- During initialization of thumbs, if the selected thumb is not visible in scroll port, it gets scrolled to regardless of autoScroll setting.
- Fixed video pausing when navigating away from it and video is still playing
- Not attempting re-centering of selected image when thumbnails orientation didn't change its axis (either stayed horizontal or stayed vertical)
1.0.0 - 2020-08-22
- Added missing es6 export of MediaDirective.
1.0.0-beta.3 - 2020-08-15
- Added
[contentTemplate]@Input with which an arbitrary content can be injected directly into the gallery viewer.
- Reinstated angular/animations for adding/removing media elements (img, video, iframe) to/from the DOM
- Refined navigation through gallery via tools like NVDA or JAWS
- Removed unused peer dependency on @angular/animations
- Removed img/video opacity while it is loading due to problems with occasional flashes during gallery's init phase. The class
doe-viewer-media-loadingon the img/video elements can still be used for style assignments though. - Fixed tabbing through gallery with infinite looping. The tabbing is finite now.
1.0.0-beta.2 - 2020-07-06
- BrowserAnimationsModule removed as it was causing issues where BrowserModule was already imported.
- Removed :leave animation from gallery item elements
1.0.0-beta.0 - 2020-07-01
- Added
[media]directive, which is to be used in custom item templates ([itemTemplate]@Input). It is not mandatory, but if used it makes the gallery aware of the custom provided media (<img>or<video>), them failing or successfully loading in particular. Without it, the user is responsible for providing some kind of a loading animation and, if needed, reflect on failure to load media, himself. - Gallery now loads only those media, that are displayed in the scrollport of the gallery. Once there is an interaction though of any kind with the gallery, it starts preloading also item which are in immediate proximity of the scrollport, but not visible yet. This is done to improve first load performance.
- Item enter animation in form of a fade-in.
- Custom item template uses now default or provided templates for error and loading states - when main image is being loaded or failed to load, the viewer shows loading animation or error message + icon respectively. Previously, using custom item template meant taking care of displaying loading or error states on user's own.
- If thumbnail can't be loaded or is simply not provided, a placeholder icon is shown instead, hinting on the type of asset (image/video)
- If no thumbnail provided, the main image is not used instead anymore, as this was defeating purpose of lazy loading. There is a room for improvement in future releases by eg. displaying placeholder until the main image is loaded, and then using the main image.
- Selected thumbnail gets a semi-transparent white frame instead of previous thich dash-like rectangle.
- Gallery background made lighter
- Looping only when there are more than 1 items in the gallery.
- Request for video poster is not made if poster not specified. This was failing before with 404.
- Fixed broken custom viewer item template, which wasn't really working at all due to template variable name conflict.
- When selecting outside of indexes known to gallery (0...items.length - 1), either the first or the last item is selected in the end.
1.0.0-alpha.1 - 2020-06-07
- Infinite loop when navigating between items, activated by setting
[loop]@Input totrue. This now replaces old way of looping, which always slid through all the middle items. [itemWidth]@Input. This input accepts any valid css width value, which in turn sets width of individual gallery items.- Ability to jump over items when dragging far enough. Previosly, only adjacent items could be selected, no matter how far one dragged.
- Detaching items from DOM which are out of scroll proximity. That means that in any given time, only visible items are displayed together with not yet displayed item on each side closest to the displayed ones. That means that if items 4,5,6 are visible, also items 3 and 7 will be in the DOM, but others won't. The number of those items, that are not visible, but still present in the DOM, is dependent on the number of items visible in the gallery viewer.
- Old way of looping, which always slid through all the middle items.
1.0.0-alpha.0 - 2020-05-23
- Ability to display multiple items in gallery viewer at once. This is very easily done by setting CSS
widthofdoe-viewer lito eg.50%. Selected item is always centered and items around it are preloaded if lazy loading is on - Type definition for ng-template context of thumbnail custom template. It's called
ThumbTemplateContext
- Fixed background flashes in Firefox when new images slide into doe-viewer's scrollport.