2.0.9

JayChase · Mar 2, 2020 · 9b31b07 · 9b31b07
1 parent 3f2e56c
commit 9b31b07
Show file tree

Hide file tree

Showing 10 changed files with 17,441 additions and 18,273 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,12 @@
+# 2.0.9
+
+- Added classes to picture and imag elements to make more stylable
+
 # 2.0.8
 
 ## Improvements
 
-- set native lazy loading true on img by default (ready for browser support)
+- Set native lazy loading true on img by default (ready for browser support)
 
 # 2.0.0
 

diff --git a/README.md b/README.md
@@ -195,7 +195,7 @@ The data context for the template is:
 ## Example of rendered element
 
 ```html
-<picture>
+<picture class="ngx-picture__picture">
   <source
     srcset="assets/images/banner-300.webp"
     media="(max-width: 599.99px)"
@@ -246,10 +246,30 @@ The data context for the template is:
     media="(min-width: 1920px)"
     type="image/jpeg"
   />
-  <img src="assets/images/banner.jpg" alt="test" loading="lazy" />
+  <img
+    class="ngx-picture__picture__img"
+    src="assets/images/banner.jpg"
+    alt="test"
+    loading="lazy"
+  />
 </picture>
 ```
 
+## Styling
+
+The **picture** element in the component has the class **ngx-picture\_\_picture** and the img element has the class **ngx-picture**picture**img**.
+
+```scss
+.your-picture-class {
+  .ngx-picture__picture {
+    width: 100%;
+    .ngx-picture__picture__img {
+      width: 100%;
+    }
+  }
+}
+```
+
 ## More
 
 To clone this repo and run it locally.

diff --git a/angular.json b/angular.json
@@ -111,7 +111,9 @@
               "projects/demo/tsconfig.app.json",
               "projects/demo/tsconfig.spec.json"
             ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
           }
         },
         "e2e": {
@@ -164,7 +166,9 @@
           "options": {
             "browserTarget": "demo:build:production",
             "serverTarget": "demo:server:production",
-            "routes": ["/"]
+            "routes": [
+              "/"
+            ]
           },
           "configurations": {
             "production": {}
@@ -205,11 +209,16 @@
               "projects/ngx-picture/tsconfig.lib.json",
               "projects/ngx-picture/tsconfig.spec.json"
             ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
           }
         }
       }
     }
   },
-  "defaultProject": "demo"
-}
+  "defaultProject": "demo",
+  "cli": {
+    "analytics": false
+  }
+}