feat(addon/components/paper-ink-bar): converts to a glimmer component.

adopted-ember-addons · Dec 17, 2024 · e04003c · e04003c
1 parent 78c3c36
commit e04003c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/addon/components/paper-ink-bar.hbs b/addon/components/paper-ink-bar.hbs
@@ -0,0 +1,2 @@
+<md-ink-bar class={{if @movingRight 'md-right' 'md-left'}} style={{this.style}}>
+</md-ink-bar>
diff --git a/addon/components/paper-ink-bar.js b/addon/components/paper-ink-bar.js
@@ -1,15 +1,8 @@
-/* eslint-disable ember/no-classic-components, ember/require-tagless-components, prettier/prettier */
-import { computed } from '@ember/object';
-import Component from '@ember/component';
+import Component from '@glimmer/component';
 import { htmlSafe } from '@ember/template';
 
-export default Component.extend({
-  tagName: 'md-ink-bar',
-
-  attributeBindings: ['style'],
-  classNameBindings: ['movingRight:md-right:md-left'],
-
-  style: computed('left', 'right', function() {
-    return htmlSafe(`left: ${this.left}px; right: ${this.right}px;`);
-  })
-});
+export default class PaperInkBar extends Component {
+  get style() {
+    return htmlSafe(`left: ${this.args.left}px; right: ${this.args.right}px;`);
+  }
+}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		<md-ink-bar class={{if @movingRight 'md-right' 'md-left'}} style={{this.style}}>
		</md-ink-bar>