@ascua/gravatar 0.13.1 → 0.14.0

package/addon/components/gravatar.js

@@ -1,19 +1,20 @@
 import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { arg } from '@ascua/decorators';
 import avatar from '../utils/avatar';
 import md5 from "../utils/md5";
 
 export default class extends Component {
 
-	get md5() {
-		return md5(this.args.email);
-	}
+	@tracked failed = null;
 
-	get size() {
-		return this.args.size || 80;
-	}
+	@arg size = 80;
+
+	@arg gender = 'm';
 
-	get gender() {
-		return this.args.gender || 'm';
+	get md5() {
+		return md5(this.args.email);
 	}
 
 	get err() {
@@ -24,8 +25,12 @@ export default class extends Component {
 		return `https://secure.gravatar.com/avatar/${this.md5}?s=${this.size}&d=404`;
 	}
 
-	get image() {
-		return `url('${this.src}'), url('${this.err}')`;
+	get current() {
+		return this.failed === this.args.email ? this.err : this.src;
+	}
+
+	@action handleError() {
+		this.failed = this.args.email;
 	}
 
 }

package/addon/styles/addon.css

@@ -1,8 +1,13 @@
 app-gravatar {
 	display:inline-block;
-	background-size:cover;
+}
+
+app-gravatar img {
+	display:block;
+	object-fit:cover;
 }
 
 app-gravatar[circular] {
 	border-radius:100%;
+	img { border-radius:100%; }
 }

package/app/templates/components/ascua/gravatar.hbs

@@ -1 +1,3 @@
-<app-gravatar {{style width=this.size height=this.size backgroundImage=this.image}} circular={{@circular}} ...attributes></app-gravatar>
+<app-gravatar {{style width=this.size height=this.size}} circular={{@circular}} ...attributes>
+	<img src={{this.current}} width={{this.size}} height={{this.size}} {{on "error" this.handleError}} />
+</app-gravatar>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascua/gravatar",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "Small description for @ascua/gravatar goes here",
   "keywords": [
     "ember-addon"
@@ -15,7 +15,7 @@
     "url": "https://surrealdb.com"
   },
   "dependencies": {
-    "@ascua/modifiers": "^0.13.1",
+    "@ascua/modifiers": "^0.14.0",
     "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0"
   },
@@ -26,5 +26,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b82210aa718b64830c1a2d503158cfbd30d06839"
+  "gitHead": "e9440da123a861e13175cbfa7947f129e5a69759"
 }