5.0.0-alpha.4

Click here for the official live example

Features

• change all "Size" objects using strings to be able to set also 'auto' (apply the same fix to ksSize)
• update all default sizes to support rectangle images (not only squared)
• initial implementation of plain gallery with different layouts (row, column, grid) #91
• re-implement 'image pointer' feature #49
• add square thumbnails feature #76 with an API to choose between <img> and <a> for thumbs
• new class Image API (with modal and plain inner objects)
• add official examples of plain gallery (row with breakConfig, column with breakConfig, grid, row with image pointer, column with image pointer, custom row of images with description)
• define APIs for plain gallery:

  PlainGalleryConfig = {
    strategy: ENUM of type PlainGalleryStrategy (ROW, COLUM, GRID, CUSTOM)
    layout: // PlainGalleryLayout type that can be either LineLayout, GridLayout or AdvancedLayout
    advanced?: AdvancedConfig {
      aTags: boolean // images will be shown as <a> tags with background instead of <img>
    }
  }
  
  Size = {
    width: string, // it can be '50px', percentage, 'auto' and so on
    height: string // the same for width
  }
  
  BreakConfig = {
    length: number,  //  number of images to show
    wrap: boolean // refers to the [wrap property of flex-box](https://css-tricks.com/snippets/css/a-guide-to-flexbox/#article-header-id-4)
  }
  
  LineLayout = {
    breakConfig: BreakConfig;
    justify: string; string // refers to the [justify property of flex-box](https://css-tricks.com/snippets/css/a-guide-to-flexbox/#article-header-id-6)
    size: Size;
  }
  
  GridLayout = {
    breakConfig: BreakConfig;
    size: Size;
  }
    
  AdvancedLayout = {
    modalOpenerByIndex: number, // index of the image to open
    hideDefaultPlainGallery: boolean  // set to true to hide the defaut gallery (prevent multiple plain galleries)
  }
  

Bugfixes

• central image is now shown on Microsoft Edge Desktop #108
• fix click-outside.directive on both Edge, IE and Firefox, changing event.toElement to event.target
• fix typedoc support to build the documentation

Chores

• add license attributions (in README and in the main angular-cli example) to both icons and spinners authors
• add CI scripts (TravisCI, AppVeyor, CircleCI)
• badges in README.md

Demos

• update all demos to alpha 4
• refactor systemjs demo moving html in an external file

Docs

• Complete library documentation with typedocs