mjml-carousel - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1

lib/Carousel.js

@@ -219,3 +219,3 @@ 'use strict';
         width: '100%',
-        role: "presentation",
+        role: 'presentation',
         class: 'mj-carousel-main'
@@ -250,7 +250,7 @@ }) + '\n      >\n        <tbody>\n          <tr>\n            ' + this.generateControls('previous', this.getAttribute('left-icon')) + '\n            ' + this.generateImages() + '\n            ' + this.generateControls('next', this.getAttribute('right-icon')) + '\n          </tr>\n        </tbody>\n      </table>\n    ';
 }(_mjmlCore.BodyComponent), _class.allowedAttributes = {
-  'align': 'enum(left,center,right)',
+  align: 'enum(left,center,right)',
   'border-radius': 'unit(px,%)',
   'icon-width': 'unit(px,%)',
   'left-icon': 'string',
-  'padding': 'unit(px,%){1,4}',
+  padding: 'unit(px,%){1,4}',
   'padding-top': 'unit(px,%)',
@@ -261,3 +261,3 @@ 'padding-bottom': 'unit(px,%)',
   'right-icon': 'string',
-  'thumbnails': 'enum(visible,hidden)',
+  thumbnails: 'enum(visible,hidden)',
   'tb-border': 'string',
@@ -269,3 +269,3 @@ 'tb-border-radius': 'unit(px,%)',
 }, _class.defaultAttributes = {
-  'align': 'center',
+  align: 'center',
   'border-radius': '6px',
@@ -275,3 +275,3 @@ 'icon-width': '44px',
   'right-icon': 'http://i.imgur.com/os7o9kz.png',
-  'thumbnails': 'visible',
+  thumbnails: 'visible',
   'tb-border': '2px solid transparent',
@@ -278,0 +278,0 @@ 'tb-border-radius': '6px',

lib/CarouselImage.js

@@ -91,3 +91,4 @@ 'use strict';
           alt = _attributes.alt,
-          width = _attributes['tb-width'];
+          width = _attributes['tb-width'],
+          target = _attributes.target;
 
@@ -99,4 +100,7 @@ var imgIndex = this.props.index + 1;
         href: '#' + imgIndex,
+        target: target,
         class: 'mj-carousel-thumbnail mj-carousel-' + carouselId + '-thumbnail mj-carousel-' + carouselId + '-thumbnail-' + imgIndex
-      }) + '\n      >\n        <label ' + this.htmlAttributes({ for: 'mj-carousel-' + carouselId + '-radio-' + imgIndex }) + '>\n          <img\n            ' + this.htmlAttributes({
+      }) + '\n      >\n        <label ' + this.htmlAttributes({
+        for: 'mj-carousel-' + carouselId + '-radio-' + imgIndex
+      }) + '>\n          <img\n            ' + this.htmlAttributes({
         style: 'thumbnails.img',
@@ -153,7 +157,7 @@ src: this.getAttribute('thumbnails-src') || src,
 }(_mjmlCore.BodyComponent), _class.endingTag = true, _class.allowedAttributes = {
-  'alt': 'string',
-  'href': 'string',
-  'rel': 'string',
-  'title': 'string',
-  'src': 'string',
+  alt: 'string',
+  href: 'string',
+  rel: 'string',
+  title: 'string',
+  src: 'string',
   'thumbnails-src': 'string',
@@ -163,4 +167,6 @@ 'border-radius': 'unit(px,%){1,4}',
   'tb-border-radius': 'unit(px,%){1,4}'
+}, _class.defaultAttributes = {
+  target: '_blank'
 }, _temp);
 exports.default = MjCarouselImage;
 module.exports = exports['default'];

package.json

 {
   "name": "mjml-carousel",
   "description": "mjml-carousel",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "main": "lib/index.js",
@@ -21,4 +21,4 @@ "repository": {
     "lodash": "^4.17.2",
-    "mjml-core": "^4.0.0"
+    "mjml-core": "^4.0.1"
   }
 }

README.md

@@ -59,2 +59,3 @@ ## mjml-carousel
 href | url | link to redirect to on click | n/a
+target | string | link target on click | \_blank
 rel | string | specify the rel attribute | n/a
@@ -61,0 +62,0 @@ alt | string | image description | n/a

No alert changes

Improved metrics

Total package byte prevSize

21995

increased by0.72%

Lines of code

392

increased by1.55%

Number of lines in readme file

64

increased by1.59%

Dependency changes

• Updatedmjml-core@^4.0.1