feat(HXPillElement): add declarative functionality

* Add `dismiss()` to simulate clicking "x"

Author: Ryan A. Johnson

docs/elements/hx-pill/index.html

@@ -39,7 +39,7 @@
     <h2 id="methods">Methods</h2>
     <dl>
       <dt>dismiss()</dt>
-      <dd>Dismisses the pill.</dd>
+      <dd>Dismiss the pill (removes element from the DOM).</dd>
     </dl>
   </section>
 {% endblock %}

src/helix-ui/elements/HXPillElement.js

@@ -39,20 +39,19 @@ export class HXPillElement extends HXElement {
     }
 
     /**
-     * Programmatically dismiss the pill (removes element from the DOM).
+     * Dismiss the pill (removes element from the DOM)
      */
     dismiss () {
-        this.remove();
+        if (this.$emit('dismiss')) {
+            // only if event was not canceled by consumer
+            this.remove();
+        }
     }
 
     /** @private */
     _onDismiss (evt) {
         evt.preventDefault();
-
-        if (this.$emit('dismiss')) {
-            // only if event was not canceled by consumer
-            this.dismiss();
-        }
+        this.dismiss();
     }
 
     /** @private */