feat(addon/components/paper-radio-group-label): converts to a glimmer…

… component.

addon/components/paper-radio-group-label.hbs

@@ -1,7 +1,7 @@
-{{! template-lint-disable no-curly-component-invocation }}
-{{#if (has-block)}}
-  {{yield}}
-{{else}}
-  {{@text}}
-{{/if}}
-
+<md-label id={{this.labelId}} {{did-insert this.didInsertNode}} ...attributes>
+  {{#if (has-block)}}
+    {{yield}}
+  {{else}}
+    {{@text}}
+  {{/if}}
+</md-label>

addon/components/paper-radio-group-label.js

@@ -1,14 +1,28 @@
-/* eslint-disable ember/no-classic-components, ember/no-component-lifecycle-hooks, ember/require-tagless-components */
-import Component from '@ember/component';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { guidFor } from '@ember/object/internals';
 
-export default Component.extend({
-  tagName: 'md-label',
+export default class PaperRadioGroupLabel extends Component {
+  /**
+   * provides a globally unique component id for tracking bindings between aria
+   * tags and labels.
+   * @type {string}
+   */
+  labelId;
 
-  didInsertElement() {
-    this._super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
 
-    if (this.setAriaLabelledby) {
-      this.setAriaLabelledby(this.elementId);
+    this.labelId = this.args.labelId || `${guidFor(this)}-label`;
+  }
+
+  /**
+   * Performs any required DOM setup.
+   * @param element
+   */
+  @action didInsertNode() {
+    if (this.args.setAriaLabelledby) {
+      this.args.setAriaLabelledby(this.labelId);
     }
-  },
-});
+  }
+}