Removed classic layout and ember-decorators

addon/components/basic-dialog.js

@@ -1,15 +1,14 @@
-import { tagName, layout as templateLayout } from '@ember-decorators/component';
 import { computed, set } from '@ember/object';
 import { inject as service } from '@ember/service';
 import Component from '@ember/component';
 import { isEmpty } from '@ember/utils';
-import layout from '../templates/components/basic-dialog';
 import { dasherize } from '@ember/string';
+
 import { isIOS, clickHandlerDelay } from '../utils/config-utils';
 
-@tagName('')
-@templateLayout(layout)
 export default class BasicDialog extends Component {
+  tagName = '';
+
   containerClassNames = null;
   overlayClassNames = null;
   wrapperClassNames = null;

addon/components/in-place-dialog.js

@@ -1,10 +1,8 @@
-import { tagName, layout as templateLayout } from '@ember-decorators/component';
 import Component from '@ember/component';
-import layout from '../templates/components/in-place-dialog';
 
-@tagName('')
-@templateLayout(layout)
 export default class InPlaceDialog extends Component {
+  tagName = '';
+
   get containerClassNamesString() {
     const addonClassNamesString = [
       'ember-modal-dialog',

addon/components/liquid-dialog.js

@@ -1,8 +1,5 @@
-import { layout as templateLayout } from '@ember-decorators/component';
 import BasicDialog from './basic-dialog';
-import layout from '../templates/components/liquid-dialog';
 
-@templateLayout(layout)
 export default class LiquidDialog extends BasicDialog {
   hasOverlay = true;
   variantWrapperClass = 'emd-animatable';

addon/components/liquid-tether-dialog.js

@@ -1,11 +1,9 @@
 /* eslint-disable ember/no-computed-properties-in-native-classes */
-import { layout as templateLayout } from '@ember-decorators/component';
 import { computed, set } from '@ember/object';
 import { dasherize } from '@ember/string';
+
 import BasicDialog from './basic-dialog';
-import layout from '../templates/components/liquid-tether-dialog';
 
-@templateLayout(layout)
 export default class LiquidTetherDialog extends BasicDialog {
   @computed('targetAttachment')
   get targetAttachmentClass() {

addon/components/overlay/index.js → addon/components/overlay.js

@@ -1,7 +1,8 @@
 import Component from '@glimmer/component';
-import { isIOS } from '../../utils/config-utils';
 import { htmlSafe } from '@ember/template';
 
+import { isIOS } from '../utils/config-utils';
+
 export default class OverlayComponent extends Component {
   get cssClasses() {
     return htmlSafe(`emd-debug ${isIOS ? 'pointer-cursor' : ''}`);

addon/components/positioned-container.js

@@ -4,6 +4,7 @@ import Component from '@ember/component';
 import { capitalize } from '@ember/string';
 import { observer, computed } from '@ember/object';
 import { on } from '@ember/object/evented';
+
 const SUPPORTED_TARGET_ATTACHMENTS = [
   'top',
   'right',

addon/components/tether-dialog.js

@@ -1,10 +1,8 @@
-import { layout as templateLayout } from '@ember-decorators/component';
 import { computed, set } from '@ember/object';
 import { dasherize } from '@ember/string';
+
 import BasicDialog from './basic-dialog';
-import layout from '../templates/components/tether-dialog';
 
-@templateLayout(layout)
 export default class TetherDialog extends BasicDialog {
   init() {
     super.init(...arguments);

package.json

@@ -34,7 +34,6 @@
     "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0",
     "ember-cli-version-checker": "^5.1.2",
-    "ember-decorators": "^6.1.1",
     "ember-wormhole": "^0.6.0"
   },
   "devDependencies": {

tests/integration/components/ember-modal-dialog-positioned-container-test.js

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module(
+  'Integration | Component | ember-modal-dialog-positioned-container',
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+      await render(hbs`
+        <EmberModalDialogPositionedContainer>
+          Hello world!
+        </EmberModalDialogPositionedContainer>
+      `);
+
+      assert.dom().hasText('Hello world!');
+    });
+  },
+);

tests/integration/components/ember-modal-dialog/-basic-dialog-test.js

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module(
+  'Integration | Component | ember-modal-dialog/-basic-dialog',
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+      await render(hbs`
+        <EmberModalDialog::-BasicDialog>
+          Hello world!
+        </EmberModalDialog::-BasicDialog>
+      `);
+
+      assert.dom().hasText('Hello world!');
+    });
+  },
+);

tests/integration/components/ember-modal-dialog/-in-place-dialog-test.js

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module(
+  'Integration | Component | ember-modal-dialog/-in-place-dialog',
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+      await render(hbs`
+        <EmberModalDialog::-InPlaceDialog>
+          Hello world!
+        </EmberModalDialog::-InPlaceDialog>
+      `);
+
+      assert.dom().hasText('Hello world!');
+    });
+  },
+);

tests/integration/components/ember-modal-dialog/-liquid-dialog-test.js

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module(
+  'Integration | Component | ember-modal-dialog/-liquid-dialog',
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+      await render(hbs`
+        <EmberModalDialog::-LiquidDialog>
+          Hello world!
+        </EmberModalDialog::-LiquidDialog>
+      `);
+
+      assert.dom().hasText('Hello world!');
+    });
+  },
+);

tests/integration/components/ember-modal-dialog/-liquid-tether-dialog-test.js

@@ -0,0 +1,23 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module(
+  'Integration | Component | ember-modal-dialog/-liquid-tether-dialog',
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+      await render(hbs`
+        <EmberModalDialog::-LiquidTetherDialog
+          @tetherTarget="body"
+        >
+          Hello world!
+        </EmberModalDialog::-LiquidTetherDialog>
+      `);
+
+      assert.dom().hasText('Hello world!');
+    });
+  },
+);

tests/integration/components/ember-modal-dialog/-tether-dialog-test.js

@@ -0,0 +1,21 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module(
+  'Integration | Component | ember-modal-dialog/-tether-dialog',
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+      await render(hbs`
+        <EmberModalDialog::-TetherDialog>
+          Hello world!
+        </EmberModalDialog::-TetherDialog>
+      `);
+
+      assert.dom().hasText('Hello world!');
+    });
+  },
+);

tests/integration/components/ember-modal-dialog/overlay-test.js

@@ -0,0 +1,19 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module(
+  'Integration | Component | ember-modal-dialog/overlay',
+  function (hooks) {
+    setupRenderingTest(hooks);
+
+    test('it renders', async function (assert) {
+      await render(hbs`
+        <EmberModalDialog::Overlay />
+      `);
+
+      assert.ok(true);
+    });
+  },
+);

tests/integration/components/modal-dialog-test.js

@@ -0,0 +1,16 @@
+import { module, test } from 'qunit';
+import { setupRenderingTest } from 'ember-qunit';
+import { render } from '@ember/test-helpers';
+import { hbs } from 'ember-cli-htmlbars';
+
+module('Integration | Component | modal-dialog', function (hooks) {
+  setupRenderingTest(hooks);
+
+  test('it renders', async function (assert) {
+    await render(hbs`
+      <ModalDialog />
+    `);
+
+    assert.ok(true);
+  });
+});