Paper-toolbar glimmerization

.prettierrc.js

@@ -1,5 +1,12 @@
 'use strict';
 
 module.exports = {
-  singleQuote: true,
+  overrides: [
+    {
+      files: '*.{js,ts}',
+      options: {
+        singleQuote: true,
+      },
+    },
+  ],
 };

addon/components/paper-grid-list.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-computed-properties-in-native-classes, ember/classic-decorator-no-classic-methods, ember/no-classic-components, ember/require-tagless-components, ember/no-component-lifecycle-hooks, ember/no-get */
+/* eslint-disable ember/no-computed-properties-in-native-classes, ember/classic-decorator-no-classic-methods, ember/no-classic-components, ember/no-component-lifecycle-hooks, ember/no-get */
 /**
  * @module ember-paper
  */

addon/components/paper-toolbar-tools/template.hbs

@@ -0,0 +1 @@
+<div class="md-toolbar-tools">{{yield}}</div>

addon/components/paper-toolbar/component.js

@@ -0,0 +1,17 @@
+import Component from '@glimmer/component';
+import { addColors } from 'ember-paper/mixins-class';
+
+export default class PaperToolbarComponent extends addColors(Component) {
+  get tall() {
+    return this.args.tall ?? false;
+  }
+
+  get classes() {
+    const { tall, colorClasses } = this;
+    const classes = ['md-default-theme'];
+
+    if (tall) classes.push('md-tall');
+
+    return [...classes, ...colorClasses].join(' ');
+  }
+}

addon/components/paper-toolbar/template.hbs

@@ -0,0 +1,3 @@
+<md-toolbar class={{this.classes}} ...attributes>
+  {{yield (hash tools=(component "paper-toolbar-tools"))}}
+</md-toolbar>

addon/mixins-class/add-colors.js

@@ -0,0 +1,14 @@
+export default function addColors(Base) {
+  return class extends Base {
+    get colorClasses() {
+      const { warn, accent, primary } = this.args;
+      const colorClasses = [];
+
+      if (warn) colorClasses.push('md-warn');
+      if (accent) colorClasses.push('md-accent');
+      if (primary) colorClasses.push('md-primary');
+
+      return colorClasses;
+    }
+  };
+}

addon/mixins-class/index.js

@@ -0,0 +1 @@
+export { default as addColors } from './add-colors';

app/components/paper-toolbar-tools/template.js

@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-toolbar-tools/template';

app/components/paper-toolbar/component.js

@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-toolbar/component';

app/components/paper-toolbar/template.js

@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-toolbar/template';