convert to gjs

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 4.6.4
+
+- Convert to `.gjs`
+
 ## 4.6.3
 
 - Run ember-cli-update

addon/components/expander/button.gjs

@@ -0,0 +1,14 @@
+/* https://github.com/ember-cli/eslint-plugin-ember/issues/2035 */
+/* eslint-disable no-unused-expressions */
+
+<template>
+  <button
+    type="button"
+    class="expander__button"
+    aria-controls="{{@aria-controls}}"
+    aria-expanded="{{@aria-expanded}}"
+    ...attributes
+  >
+    {{yield}}
+  </button>
+</template>

addon/components/expander/content.gjs

@@ -0,0 +1,18 @@
+/* https://github.com/ember-cli/eslint-plugin-ember/issues/2035 */
+/* eslint-disable no-unused-expressions */
+
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+
+<template>
+  {{! template-lint-disable no-inline-styles }}
+  {{! Issue: https://github.com/emberjs/rfcs/issues/497 }}
+
+  <div
+    class="expander__content"
+    style={{@style}}
+    ...attributes
+    {{didInsert @onInsert}}
+  >
+    {{yield}}
+  </div>
+</template>

addon/components/expander/index.js → addon/components/expander/index.gjs

@@ -1,17 +1,20 @@
-import Component from '@glimmer/component';
-import ExpanderContent from '@zestia/ember-expander/components/expander/content';
-import ExpanderButton from '@zestia/ember-expander/components/expander/button';
+import { action } from '@ember/object';
+import { guidFor } from '@ember/object/internals';
+import { hash } from '@ember/helper';
 import { htmlSafe } from '@ember/template';
-import { tracked } from '@glimmer/tracking';
-import { waitFor } from '@ember/test-waiters';
 import { next, scheduleOnce } from '@ember/runloop';
-import { action } from '@ember/object';
 import { task } from 'ember-concurrency';
-import { guidFor } from '@ember/object/internals';
+import { tracked } from '@glimmer/tracking';
+import { waitFor } from '@ember/test-waiters';
 import { waitForAnimation } from '@zestia/animation-utils';
+import Component from '@glimmer/component';
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+import didUpdate from '@ember/render-modifiers/modifiers/did-update';
+import ExpanderButton from '@zestia/ember-expander/components/expander/button';
+import ExpanderContent from '@zestia/ember-expander/components/expander/content';
 const { assign } = Object;
 
-class ExpanderComponent extends Component {
+export default class ExpanderComponent extends Component {
   @tracked isExpanded = !!this.args.expanded;
   @tracked isTransitioning = false;
   @tracked maxHeight = null;
@@ -20,8 +23,6 @@ class ExpanderComponent extends Component {
   Button;
   Content;
   contentElement = null;
-  ExpanderButton = ExpanderButton;
-  ExpanderContent = ExpanderContent;
   id = guidFor(this);
 
   registerComponents = (components) => {
@@ -167,6 +168,30 @@ class ExpanderComponent extends Component {
     },
     set() {}
   });
-}
 
-export default ExpanderComponent;
+  <template>
+    {{! template-lint-disable no-unsupported-role-attributes }}
+    {{this.registerComponents
+      (hash
+        Button=(component
+          ExpanderButton aria-controls=this.id aria-expanded=this.isExpanded
+        )
+        Content=(component
+          ExpanderContent onInsert=this.registerContentElement style=this.style
+        )
+      )
+    }}
+    <div
+      id={{this.id}}
+      class="expander"
+      data-transitioning="{{this.isTransitioning}}"
+      data-expanded="{{this.isExpanded}}"
+      role="region"
+      ...attributes
+      {{didInsert this.handleInsertElement}}
+      {{didUpdate this.handleUpdatedArguments @expanded}}
+    >
+      {{yield this.api}}
+    </div>
+  </template>
+}

package.json

@@ -9,7 +9,8 @@
     "ember-auto-import": "^2.7.1",
     "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0",
-    "ember-concurrency": "^3.1.1"
+    "ember-concurrency": "^3.1.1",
+    "ember-template-imports": "^4.0.0"
   },
   "description": "A component to help transition to height auto",
   "devDependencies": {
@@ -37,7 +38,6 @@
     "ember-resolver": "^11.0.1",
     "ember-source": "~5.5.0",
     "ember-source-channel-url": "^3.0.0",
-    "ember-template-imports": "^4.0.0",
     "ember-template-lint": "^5.13.0",
     "ember-try": "^3.0.0",
     "eslint": "^8.55.0",