updated placeholder constants data structure (#270)

Author: strausr

projects/angular-cld/src/lib/cloudinary-placeholder.component.ts

@@ -43,7 +43,7 @@ export class CloudinaryPlaceHolder implements AfterContentChecked {
     if (this.type === 'predominant-color' && this.itemHeight && this.itemWidth) {
       return this.cloudinary.url(this.publicId, {transformation: [this.options, ...predominantColorTransformPxl]});
     } else {
-      return this.cloudinary.url(this.publicId, {transformation: [this.options, ...placeholderImageOptions[this.type] || placeholderImageOptions['blur']]});
+      return this.cloudinary.url(this.publicId, {transformation: [this.options, ...(placeholderImageOptions[this.type] || placeholderImageOptions['blur'])]});
     }
   }
 }

projects/angular-cld/src/lib/constants.ts

@@ -18,8 +18,8 @@ export const predominantColorTransform  = [
   {fetch_format: 'auto', quality: 'auto'}];
 
 export const placeholderImageOptions = {
-  'vectorize': {effect: 'vectorize:3:0.1', fetch_format: 'svg'},
-  'pixelate': {effect: 'pixelate', quality: 1, fetch_format: 'auto'},
-  'blur': {effect: 'blur:2000', quality: 1, fetch_format: 'auto'},
+  'vectorize': [{effect: 'vectorize:3:0.1', fetch_format: 'svg'}],
+  'pixelate': [{effect: 'pixelate', quality: 1, fetch_format: 'auto'}],
+  'blur': [{effect: 'blur:2000', quality: 1, fetch_format: 'auto'}],
   'predominant-color': predominantColorTransform
 };