run the tagless component codemod

addon/components/paper-autocomplete/component.js

@@ -13,7 +13,7 @@ import { assert } from '@ember/debug';
 import { indexOfOption } from 'ember-power-select/utils/group-utils';
 @tagName('')
 @layout(template)
-class PaperAutocomplete extends Component.extend(ValidationMixin) {
+export default class PaperAutocomplete extends Component.extend(ValidationMixin) {
 
   isTouched = false;
 
@@ -168,5 +168,3 @@ class PaperAutocomplete extends Component.extend(ValidationMixin) {
   }
 
 }
-
-export default PaperAutocomplete;

addon/components/paper-autocomplete/ebd-content/component.js

@@ -6,7 +6,7 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperAutocompleteEbdContent extends Component {
+export default class PaperAutocompleteEbdContent extends Component {
 
   customStyles = {
     'overflow-y': 'auto',
@@ -35,5 +35,3 @@ class PaperAutocompleteEbdContent extends Component {
   }
 
 }
-
-export default PaperAutocompleteEbdContent;

addon/components/paper-autocomplete/ebd-trigger/component.js

@@ -7,11 +7,9 @@ import { and } from '@ember/object/computed';
 
 @tagName('')
 @layout(template)
-class PaperSelectEbdTrigger extends Component {
+export default class PaperSelectEbdTrigger extends Component {
 
   @and('label', 'selected')
   shouldShowLabel;
 
 }
-
-export default PaperSelectEbdTrigger;

addon/components/paper-autocomplete/eps-trigger/component.js

@@ -8,7 +8,7 @@ import unwrapProxy from 'ember-paper/utils/unwrap-proxy';
 
 @tagName('')
 @layout(template)
-class PaperSelectEpsTrigger extends Component {
+export default class PaperSelectEpsTrigger extends Component {
 
   @computed('select.{searchText,selected}')
   get text() {
@@ -76,5 +76,3 @@ class PaperSelectEpsTrigger extends Component {
   }
 
 }
-
-export default PaperSelectEpsTrigger;

addon/components/paper-autocomplete/highlight/component.js

@@ -15,7 +15,7 @@ import { tagName, layout } from '@ember-decorators/component';
  */
 @tagName('')
 @layout(template)
-class PaperAutocompleteHighlight extends Component {
+export default class PaperAutocompleteHighlight extends Component {
   flags = '';
 
   @computed('regex', 'label')
@@ -84,5 +84,3 @@ class PaperAutocompleteHighlight extends Component {
   }
 
 }
-
-export default PaperAutocompleteHighlight;

addon/components/paper-autocomplete/no-matches-message/component.js

@@ -7,8 +7,6 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperAutocompleteNoMatchesMessage extends Component {
+export default class PaperAutocompleteNoMatchesMessage extends Component {
 
 }
-
-export default PaperAutocompleteNoMatchesMessage;

addon/components/paper-card-header-text.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  title=(component "paper-card-header-title")
-  subhead=(component "paper-card-header-subhead")
-)}}
+<md-card-header-text ...attributes>
+  {{yield (hash
+    title=(component "paper-card-header-title")
+    subhead=(component "paper-card-header-subhead")
+  )}}
+</md-card-header-text>

addon/components/paper-card-header-text.js

@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-header-text',
+  tagName: "",
 });

addon/components/paper-card-header.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  text=(component "paper-card-header-text")
-  avatar=(component "paper-card-avatar")
-)}}
+<md-card-header ...attributes>
+  {{yield (hash
+    text=(component "paper-card-header-text")
+    avatar=(component "paper-card-avatar")
+  )}}
+</md-card-header>

addon/components/paper-card-header.js

@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-header',
+  tagName: "",
 });

addon/components/paper-card-title-media.hbs

@@ -1,8 +1,10 @@
-{{! template-lint-disable no-implicit-this }}
-{{#if (has-block)}}
-  <div class="md-media-{{size}}">
-    {{yield}}
-  </div>
-{{else}}
-  <img class="md-media-{{size}}" src={{src}} alt={{alt}} title={{title}}>
-{{/if}}
+<md-card-title-media ...attributes>
+  {{! template-lint-disable no-implicit-this }}
+  {{#if (has-block)}}
+    <div class="md-media-{{size}}">
+      {{yield}}
+    </div>
+  {{else}}
+    <img class="md-media-{{size}}" src={{src}} alt={{alt}} title={{title}}>
+  {{/if}}
+</md-card-title-media>

addon/components/paper-card-title-media.js

@@ -9,6 +9,6 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-title-media',
+  tagName: "",
   size: 'md',
 });

addon/components/paper-card-title-text.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  headline=(component "paper-card-header-headline")
-  subhead=(component "paper-card-header-subhead")
-)}}
+<md-card-title-text ...attributes>
+  {{yield (hash
+    headline=(component "paper-card-header-headline")
+    subhead=(component "paper-card-header-subhead")
+  )}}
+</md-card-title-text>

addon/components/paper-card-title-text.js

@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-title-text',
+  tagName: "",
 });

addon/components/paper-card-title.hbs

@@ -1,4 +1,6 @@
-{{yield (hash
-  text=(component "paper-card-title-text")
-  media=(component "paper-card-title-media")
-)}}
+<md-card-title ...attributes>
+  {{yield (hash
+    text=(component "paper-card-title-text")
+    media=(component "paper-card-title-media")
+  )}}
+</md-card-title>

addon/components/paper-card-title.js

@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card-title',
+  tagName: "",
 });

addon/components/paper-card.hbs

@@ -1,8 +1,10 @@
-{{yield (hash
-  title=(component "paper-card-title")
-  content=(component "paper-card-content")
-  actions=(component "paper-card-actions")
-  header=(component "paper-card-header")
-  image=(component "paper-card-image")
-  media=(component "paper-card-media")
-)}}
+<md-card ...attributes>
+  {{yield (hash
+    title=(component "paper-card-title")
+    content=(component "paper-card-content")
+    actions=(component "paper-card-actions")
+    header=(component "paper-card-header")
+    image=(component "paper-card-image")
+    media=(component "paper-card-media")
+  )}}
+</md-card>

addon/components/paper-card.js

@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-card',
+  tagName: "",
 });

addon/components/paper-chips/component.js

@@ -9,7 +9,7 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperChips extends Component {
+export default class PaperChips extends Component {
 
   activeChip = -1;
   searchText = '';
@@ -159,5 +159,3 @@ class PaperChips extends Component {
   @action
   noop() {}
 }
-
-export default PaperChips;

addon/components/paper-contact-chips/component.js

@@ -6,12 +6,10 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperContactChips extends Component {
+export default class PaperContactChips extends Component {
   requireMatch = true;
   searchField = 'email';
   emailField = 'email';
   nameField = 'name';
   imageField = 'image';
 }
-
-export default PaperContactChips;

addon/components/paper-content/component.js

@@ -12,6 +12,4 @@ import template from './template';
  */
 @tagName('')
 @layout(template)
-class PaperContent extends Component {}
-
-export default PaperContent;
+export default class PaperContent extends Component {}

addon/components/paper-divider/component.js

@@ -12,6 +12,4 @@ import template from './template';
  */
 @tagName('')
 @layout(template)
-class PaperDivider extends Component { }
-
-export default PaperDivider;
+export default class PaperDivider extends Component { }

addon/components/paper-grid-tile-footer.hbs

@@ -1,3 +1,5 @@
-<figcaption>
-  {{yield}}  
-</figcaption>
+<md-grid-tile-footer ...attributes>
+  <figcaption>
+    {{yield}}  
+  </figcaption>
+</md-grid-tile-footer>

addon/components/paper-grid-tile-footer.js

@@ -9,5 +9,5 @@ import Component from '@ember/component';
  * @extends Ember.Component
  */
 export default Component.extend({
-  tagName: 'md-grid-tile-footer',
+  tagName: "",
 });

addon/components/paper-menu/component.js

@@ -7,7 +7,7 @@ import template from './template';
 
 @tagName('')
 @layout(template)
-class PaperMenu extends Component {
+export default class PaperMenu extends Component {
 
   @action
   close() {
@@ -51,5 +51,3 @@ class PaperMenu extends Component {
     return positionCalculator.drowdownPosition;
   }
 }
-
-export default PaperMenu;

addon/components/paper-menu/content/component.js

@@ -33,7 +33,7 @@ function waitForAnimations(element, callback) {
 
 @tagName('')
 @layout(template)
-class PaperMenuContent extends Component {
+export default class PaperMenuContent extends Component {
 
   isActive = false;
 
@@ -142,5 +142,3 @@ function isFocusable(el) {
   // is a menu-item, doesn't have tabindex -1 and is not disabled
   return el && el.tagName === 'MD-MENU-ITEM' && el.getAttribute('tabindex') !== -1 && el.getAttribute('disabled') === null;
 }
-
-export default PaperMenuContent;

addon/components/paper-menu/item/component.js

@@ -9,7 +9,7 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperMenuItem extends Component {
+export default class PaperMenuItem extends Component {
 
   @or('onClick', 'href')
   shouldRenderButton;
@@ -32,5 +32,3 @@ class PaperMenuItem extends Component {
     }
   }
 }
-
-export default PaperMenuItem;

addon/components/paper-menu/trigger/component.js

@@ -6,8 +6,6 @@ import { tagName, layout } from '@ember-decorators/component';
 
 @tagName('')
 @layout(template)
-class PaperMenuTrigger extends Component {
+export default class PaperMenuTrigger extends Component {
 
 }
-
-export default PaperMenuTrigger;

addon/components/paper-progress-linear.hbs

@@ -1,6 +1,8 @@
-{{! template-lint-disable no-implicit-this }}
-<div class="md-container {{queryModeClass}}">
-  <div class="md-dashed"></div>
-  <div class="md-bar md-bar1" style={{bar1Style}}></div>
-  <div class="md-bar md-bar2" style={{bar2Style}}></div>
-</div>
+<md-progress-linear md-mode={{this.mode}} md-buffer-value={{this.bufferValue}} class="md-default-theme" ...attributes>
+  {{! template-lint-disable no-implicit-this }}
+  <div class="md-container {{queryModeClass}}">
+    <div class="md-dashed"></div>
+    <div class="md-bar md-bar1" style={{bar1Style}}></div>
+    <div class="md-bar md-bar2" style={{bar2Style}}></div>
+  </div>
+</md-progress-linear>

addon/components/paper-progress-linear.js

@@ -27,9 +27,7 @@ const MODE_QUERY = 'query';
  * @uses ColorMixin
  */
 export default Component.extend(ColorMixin, {
-  tagName: 'md-progress-linear',
-  attributeBindings: ['mode:md-mode', 'bufferValue:md-buffer-value'],
-  classNames: ['md-default-theme'],
+  tagName: "",
   constants: service(),
 
   mode: computed('value', {
@@ -97,5 +95,5 @@ export default Component.extend(ColorMixin, {
   clampedBufferValue: computed('bufferValue', function () {
     let value = this.bufferValue;
     return Math.max(0, Math.min(value || 0, 100));
-  }),
+  })
 });

addon/components/paper-ripple/component.js

@@ -11,7 +11,7 @@ const DURATION = 400;
 
 @tagName('')
 @layout(template)
-class PaperRipple extends Component {
+export default class PaperRipple extends Component {
   _parentFinder = self.document ? self.document.createTextNode('') : '';
 
   center = false;
@@ -309,5 +309,3 @@ class PaperRipple extends Component {
     this.lastRipple = null;
   }
 }
-
-export default PaperRipple;