- Add LICENSE and other .md files to the released bundle
- #83 #101 Angular 5.x.x support
- #100 Angular Package Format v4.0 support (very important feature)
- #101 remove dependencies and devDependencies from /angular-modal-gallery/package.json
- Angular 2 is no longer officially supported, please upgrade to Angular >= 4
- SystemJs users have to change their
systemjs.config.js
from
let map = {
...
'angular-modal-gallery' : 'node_modules/angular-modal-gallery/dist/bundles',
...
};
to:
let map = {
...
'angular-modal-gallery' : 'node_modules/angular-modal-gallery/bundles',
...
};
This is required by Angular Package Format v4.0 specifications.
A special thanks to maxkorz for the support.
- #101 remove dependencies and devDependencies from /angular-modal-gallery/package.json
See 4.0.0-rc.1 for other info.
- #83 #101 Angular 5.x.x support
- #100 Angular Package Format v4.0 support (very important feature)
- SystemJs users have to change their
systemjs.config.js
from
let map = {
...
'angular-modal-gallery' : 'node_modules/angular-modal-gallery/dist/bundles',
...
};
to:
let map = {
...
'angular-modal-gallery' : 'node_modules/angular-modal-gallery/bundles',
...
};
This is required by Angular Package Format v4.0 specifications.
- #96 Update FAQ with question "Error: No provider for KeyboardService!"
- #97 [DOC] fix wrong introduction in demo/no-infinite-sliding
- #93 [DOC] fix wrong introduction in demo/keyboard-config
- Update official webpack demo to bootstrap 4 beta #87
- refactoring and cleanup + tslint improved + ci improved #88
- Update docs + add faqs + create templates for github #75
- update to circleci 2.0 and add circleci 2.0 also to the doc website #78
- update all dependencies
- fix config for all CIs
- Fix documentation website to be able to navigate to inner routes directly #86
- Fix for version 3.3.2 (broken)
- Revert refactoring of 3.3.1
- Small refactoring
- #73 Trying to fix again "ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function ..."
- #41 KeyboardService should be capable to receive an object with an array of shortcuts from outside to configure Mousetrap. This is available as Global configuration of the Root Module.
- #73 Fix again "ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function ..."
Note: revert version 3.2.2
- #73 Fix again with a different approach this error: "ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function ..."
- #73 Fix: "ERROR in Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function ..."
- all dependencies updated
- #71 'ButtonsConfig' was not found in './modal-gallery.component' (bug of angular-cli -> I used a temporary workaround)
- #62 add 'alt' attribute to all img tags
- #45 Both at the beginning and at the end, side arrows should be hidden
- #44 Infinite sliding (configurable)
- official documentation updated HERE.
- all demos updated
- #66 improve unit testing with swipe events
- fix error in README.md
- #43
ButtonsConfig
object to configure button's visibility - #57
KeyboardConfig
object to customize keyboard's actions (replacingesc
,left arrow
,right arrow
, with other keys) - #40 new @Input to enable Click outside Directive to close modal-gallery clicking on the semi-transparent background
- #67 Angular 2 is still supported
- official documentation updated HERE.
- #68 angular-cli demo updated to the latest release of angular-cli and with 3 new live examples for angular-modal-gallery 3.1.0
- #68 webpack and systemjs demos updated with 3 new live examples for angular-modal-gallery 3.1.0
- #64 hasData event emitted multiple time while initializing the component
- #65 wrong result into ImageModalEvent when clicking left arrow button
- #63 Add minimum IE version supported by this library (IE 11)
- #14 unit testing
- #59 basic tslint config for angular-modal-gallery lib
- #69 improve CIs config for unit testing (adding also coveralls ad codeclimate's reports)
- #60 build env with npm>=5.0.0 and node>=8.0.0
- #61 replace elementref with renderer to prepare this project to angular-universal (still not supported, but this is the first step)
- Angular 4.1.0 #50
- dependencies updated
- Improved official documentation website (scroll bug fixed #47 and improved responsiveness #38)
- dependencies updated
- tslint 5 in all demos #54
- Official demos: IE performance issue with debug mode #51
- dependencies updated
- readme fix wrong link (exactly the same library of 3.0.0)
THIS VERSION IS A VERY BIG RELEASE. IF YOU WANT TO MIGRATE FROM 2.x.x to 3.0.0 PLEASE CHECK THE OFFICIAL DOCUMENTATION HERE
hammerjs
andmousetrap
are mandatory libraries (install they withnpm install --save hammerjs mousetrap
).(cancelEvent)="myfunction($event)"
replaced by(close)="myfunction($event)"
.<imageModal></imageModal>
replaced by<modal-gallery></modal-gallery>
.- You have to init input images with an
Array<Image>
or anObservable<Array<Image>>
as explained HERE.
- swipe support for mobile devices with touch-screen.
- optional thumbnail (if you provide only the bigger version, this library will scale down your image).
- downloadable images with both a button and keyboard shortcuts. You have to set
[downloadable]="true"
and[showExtUrlButton]="true"
. - optional external url button. You have to set
[showExtUrlButton]="true"
. - fully configurable description using
[description]="yourDescriptionInterfaceVariable"
passingDescription
interface withcustomFullDescription
,imageText
,numberSeparator
,beforeTextDescription
. If you passcustomFullDescription
, all the others will be overwritten. - new output events available:
(hasData)="myfunction($event)"
,(show)="myfunction($event)"
,(firstImage)="myfunction($event)"
,(lastImage)="myfunction($event)"
. - new classes/enums exported and available to all users:
Image
,Action
,ImageModalEvent
,Description
.Image
is the input class with the following (mandatory) string properties:thumb
,img
,description
andextUrl
.Action
is the enum that specify the origin of the action. It can beNORMAL
,CLICK
,KEYBOARD
,SWIPE
,LOAD
.ImageModalEvent
is the output class emitted as payload of an event. It contains both anAction
and a result (boolean or number).Description
is the description interface withcustomFullDescription
,imageText
,numberSeparator
,beforeTextDescription
.
myfunction(event: ImageModalEvent)
can use the Action name as a string with this syntax:Action[event.action]
, because I exportedAction
enum to all users.- support for
ModalGalleryModule.forRoot()
to import this module inside your root module (as recommended by Angular). For a child NgModule, you must use simplyModalGalleryModule
.
- official documentation (bootstrap-like :)) with live demo, migration guide and features showcase HERE.
- new angular-cli official demo inside
demo/angular-cli
- official systemjs demo updated to 0.20.x with some breaking changes.
- official webpack demo updated to Angular 4 RC :)
- big refactoring splitting the sourcecode and using directives, services, sub-components and so on.
- new library structure thanks to cankayacan.
- css rewritten using scss and a dedicated rollup's plugin.
- lot of bug fixes everywhere (.ts, .css but also for mobile devices) :).
- description is now displayed correctly (issue #21)
- documentation improvements
- npm scripts improved with
ncp
andmkdirp
- added
prebuild
andpostbuild
scripts - building process improved to prevent some errors
- Stability improvements + bugfixes
- CI support improved but still WIP
- documentation improvements
- first release based on
vimalavinisha/angular2-image-popup
- AOT support
- Angular 4 compatibility
- New build system with rollup js
- Experimental CI support
- Two official demo applications (systemjs + webpack 2)
- Live demo with webpack available at https://ks89.github.io/angular-modal-gallery/