Merge pull request #542 from Windvis/template-tag-conversion

`.gjs` conversion

Author: mansona

.git-blame-ignore-revs

@@ -1,2 +1,4 @@
 # running prettier on hbs files
 41fab357234f02fd59519ccee1b1121114dedf62
+
+3e7dbbde705866f3e3a2418951dcbec39c5777b5

addon/components/es-banner.gjs

@@ -0,0 +1,5 @@
+<template>
+  <div class="es-banner" data-test-es-banner>
+    {{yield}}
+  </div>
+</template>

addon/components/es-banner.hbs

@@ -1,4 +1,5 @@
 import Component from '@glimmer/component';
+import { on } from '@ember/modifier';
 import { action } from '@ember/object';
 
 export default class EsButtonComponent extends Component {
@@ -32,4 +33,20 @@ export default class EsButtonComponent extends Component {
   buttonClicked() {
     this._onClicked();
   }
+
+  <template>
+    <button
+      class={{if @secondary "es-button-secondary" "es-button"}}
+      aria-label={{@label}}
+      type={{this._type}}
+      ...attributes
+      {{on "click" this.buttonClicked}}
+    >
+      {{#if (has-block)}}
+        {{yield}}
+      {{else}}
+        {{@label}}
+      {{/if}}
+    </button>
+  </template>
 }

addon/components/es-button.js addon/components/es-button.gjsaddon/components/es-button.js renamed to addon/components/es-button.gjs

@@ -0,0 +1,25 @@
+import EsIcon from './es-icon';
+
+<template>
+  {{! template-lint-disable require-valid-alt-text }}
+  {{! Bug link: https://github.com/ember-template-lint/ember-template-lint/issues/1286 }}
+
+  {{#if @icon}}
+    <EsIcon @icon={{@icon}} @class="card__icon" width="60px" />
+  {{/if}}
+
+  {{#if @image}}
+    <img
+      class="card__image"
+      src={{@image.src}}
+      alt={{if @image.alt @image.alt ""}}
+      role={{unless @image.alt "presentation"}}
+      width={{@image.width}}
+      height={{@image.width}}
+    />
+  {{/if}}
+
+  <div class="card__content">
+    {{yield}}
+  </div>
+</template>

addon/components/es-button.hbs

@@ -0,0 +1,9 @@
+import EsCardContent from './es-card-content';
+
+<template>
+  <li class="card {{if @image 'card--image'}}" ...attributes>
+    <EsCardContent @icon={{@icon}} @image={{@image}}>
+      {{yield}}
+    </EsCardContent>
+  </li>
+</template>