From 425dca1f8a92d4f94617f2b190c7c9e7796a7df3 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 16:15:02 +1300
Subject: [PATCH 01/13] feat(addon/components/paper-select-ebd-trigger):
 converts to a glimmer component.

---
 ...emplate.hbs => paper-select-ebd-trigger.hbs} |  3 +--
 .../paper-select/ebd-trigger/component.js       | 17 -----------------
 2 files changed, 1 insertion(+), 19 deletions(-)
 rename addon/components/{paper-select/ebd-trigger/template.hbs => paper-select-ebd-trigger.hbs} (94%)
 delete mode 100644 addon/components/paper-select/ebd-trigger/component.js

diff --git a/addon/components/paper-select/ebd-trigger/template.hbs b/addon/components/paper-select-ebd-trigger.hbs
similarity index 94%
rename from addon/components/paper-select/ebd-trigger/template.hbs
rename to addon/components/paper-select-ebd-trigger.hbs
index 12866d204..48e7b91f4 100644
--- a/addon/components/paper-select/ebd-trigger/template.hbs
+++ b/addon/components/paper-select-ebd-trigger.hbs
@@ -1,5 +1,4 @@
-
-{{#if this.shouldShowLabel}}
+{{#if (and @label @selected)}}
   <label
     for="ember-basic-dropdown-trigger-{{@dropdown.uniqueId}}"
     class={{if @required "md-required"}}>
diff --git a/addon/components/paper-select/ebd-trigger/component.js b/addon/components/paper-select/ebd-trigger/component.js
deleted file mode 100644
index d957c1e10..000000000
--- a/addon/components/paper-select/ebd-trigger/component.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/* eslint-disable ember/no-classic-components, ember/no-computed-properties-in-native-classes, prettier/prettier */
-import Component from '@ember/component';
-import template from './template';
-
-import { tagName, layout } from '@ember-decorators/component';
-import { and } from '@ember/object/computed';
-
-@tagName('')
-@layout(template)
-class PaperSelectEbdTrigger extends Component {
-
-  @and('label', 'selected')
-  shouldShowLabel;
-
-}
-
-export default PaperSelectEbdTrigger;

From 5e45a27ba88654e7881ed8b4f61483d5f01be9f7 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 16:15:31 +1300
Subject: [PATCH 02/13] feat(addon/components/paper-select-eps-trigger):
 converts to a glimmer component.

---
 ...plate.hbs => paper-select-eps-trigger.hbs} |  0
 addon/components/paper-select-eps-trigger.js  | 19 +++++++++++++
 .../paper-select/eps-trigger/component.js     | 28 -------------------
 3 files changed, 19 insertions(+), 28 deletions(-)
 rename addon/components/{paper-select/eps-trigger/template.hbs => paper-select-eps-trigger.hbs} (100%)
 create mode 100644 addon/components/paper-select-eps-trigger.js
 delete mode 100644 addon/components/paper-select/eps-trigger/component.js

diff --git a/addon/components/paper-select/eps-trigger/template.hbs b/addon/components/paper-select-eps-trigger.hbs
similarity index 100%
rename from addon/components/paper-select/eps-trigger/template.hbs
rename to addon/components/paper-select-eps-trigger.hbs
diff --git a/addon/components/paper-select-eps-trigger.js b/addon/components/paper-select-eps-trigger.js
new file mode 100644
index 000000000..13494df34
--- /dev/null
+++ b/addon/components/paper-select-eps-trigger.js
@@ -0,0 +1,19 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+
+export default class PaperSelectEpsTrigger extends Component {
+  get isPlaceholder() {
+    return (
+      (this.args.placeholder || this.args.extra.label) &&
+      !this.args.select.selected
+    );
+  }
+
+  @action clear(e) {
+    e.stopPropagation();
+    this.args.select.actions.select(null);
+    if (e.type === 'touchstart') {
+      return false;
+    }
+  }
+}
diff --git a/addon/components/paper-select/eps-trigger/component.js b/addon/components/paper-select/eps-trigger/component.js
deleted file mode 100644
index 49fb45848..000000000
--- a/addon/components/paper-select/eps-trigger/component.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/* eslint-disable ember/no-classic-components, ember/no-computed-properties-in-native-classes, prettier/prettier */
-import Component from '@ember/component';
-import template from './template';
-
-import { tagName, layout } from '@ember-decorators/component';
-import { computed, action } from '@ember/object';
-
-@tagName('')
-@layout(template)
-class PaperSelectEpsTrigger extends Component {
-
-  @computed('placeholder', 'extra.label', 'select.selected')
-  get isPlaceholder() {
-    return (this.placeholder || this.extra.label) && !this.select.selected;
-  }
-
-  @action
-  clear(e) {
-    e.stopPropagation();
-    this.select.actions.select(null);
-    if (e.type === 'touchstart') {
-      return false;
-    }
-  }
-
-}
-
-export default PaperSelectEpsTrigger;

From e7226bc22fd2e1c48488ae650f3536f4574e23d7 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 16:16:21 +1300
Subject: [PATCH 03/13] feat(addon/components/paper-select-no-matches-message):
 converts to a glimmer component.

---
 .../components/paper-select-no-matches-message.hbs |  7 +++++++
 .../paper-select/no-matches-message/component.js   | 14 --------------
 .../paper-select/no-matches-message/template.hbs   |  5 -----
 3 files changed, 7 insertions(+), 19 deletions(-)
 create mode 100644 addon/components/paper-select-no-matches-message.hbs
 delete mode 100644 addon/components/paper-select/no-matches-message/component.js
 delete mode 100644 addon/components/paper-select/no-matches-message/template.hbs

diff --git a/addon/components/paper-select-no-matches-message.hbs b/addon/components/paper-select-no-matches-message.hbs
new file mode 100644
index 000000000..76b0d2a89
--- /dev/null
+++ b/addon/components/paper-select-no-matches-message.hbs
@@ -0,0 +1,7 @@
+{{#if @noMatchesMessage}}
+  <md-content class="ember-power-select-options" role="listbox">
+    <md-option class="ember-power-select-option ember-power-select-option--no-matches-message" role="option" aria-selected={{false}}>>
+      {{@noMatchesMessage}}
+    </md-option>
+  </md-content>
+{{/if}}
\ No newline at end of file
diff --git a/addon/components/paper-select/no-matches-message/component.js b/addon/components/paper-select/no-matches-message/component.js
deleted file mode 100644
index f2db6eacd..000000000
--- a/addon/components/paper-select/no-matches-message/component.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/* eslint-disable ember/no-classic-components, prettier/prettier */
-import Component from '@ember/component';
-
-import template from './template';
-
-import { tagName, layout } from '@ember-decorators/component';
-
-@tagName('')
-@layout(template)
-class PaperSelectNoMatchesMessage extends Component {
-
-}
-
-export default PaperSelectNoMatchesMessage;
diff --git a/addon/components/paper-select/no-matches-message/template.hbs b/addon/components/paper-select/no-matches-message/template.hbs
deleted file mode 100644
index eaaa7433e..000000000
--- a/addon/components/paper-select/no-matches-message/template.hbs
+++ /dev/null
@@ -1,5 +0,0 @@
-<md-content class="ember-power-select-options" role="listbox">
-  <md-option class="ember-power-select-option ember-power-select-option--no-matches-message" role="option">
-    {{@noMatchesMessage}}
-  </md-option>
-</md-content>
\ No newline at end of file

From 22a429881c3fff84b288c6770a525b1c7c581f81 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 16:16:44 +1300
Subject: [PATCH 04/13] feat(addon/components/paper-select-option): converts to
 a glimmer component.

---
 .../template.hbs => paper-select-option.hbs}  |  0
 .../paper-select/option/component.js          | 20 -------------------
 2 files changed, 20 deletions(-)
 rename addon/components/{paper-select/option/template.hbs => paper-select-option.hbs} (100%)
 delete mode 100644 addon/components/paper-select/option/component.js

diff --git a/addon/components/paper-select/option/template.hbs b/addon/components/paper-select-option.hbs
similarity index 100%
rename from addon/components/paper-select/option/template.hbs
rename to addon/components/paper-select-option.hbs
diff --git a/addon/components/paper-select/option/component.js b/addon/components/paper-select/option/component.js
deleted file mode 100644
index 999a05ac9..000000000
--- a/addon/components/paper-select/option/component.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/* eslint-disable ember/no-classic-components, prettier/prettier */
-/**
- * @module ember-paper
- */
-
-import Component from '@ember/component';
-import template from './template';
-
-import { tagName, layout } from '@ember-decorators/component';
-
-/**
- * @class PaperOption
- * @extends Component
- */
-@tagName('')
-@layout(template)
-class PaperSelectOption extends Component {
-}
-
-export default PaperSelectOption;

From 9b8874341801fd5d00037c07b7ac3c1b18e6c2be Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 16:17:27 +1300
Subject: [PATCH 05/13] feat(addon/components/paper-select-search-message):
 converts to a glimmer component.

---
 ...emplate.hbs => paper-select-search-message.hbs} |  0
 .../paper-select/search-message/component.js       | 14 --------------
 2 files changed, 14 deletions(-)
 rename addon/components/{paper-select/search-message/template.hbs => paper-select-search-message.hbs} (100%)
 delete mode 100644 addon/components/paper-select/search-message/component.js

diff --git a/addon/components/paper-select/search-message/template.hbs b/addon/components/paper-select-search-message.hbs
similarity index 100%
rename from addon/components/paper-select/search-message/template.hbs
rename to addon/components/paper-select-search-message.hbs
diff --git a/addon/components/paper-select/search-message/component.js b/addon/components/paper-select/search-message/component.js
deleted file mode 100644
index 6256e6e99..000000000
--- a/addon/components/paper-select/search-message/component.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/* eslint-disable ember/no-classic-components, prettier/prettier */
-import Component from '@ember/component';
-
-import template from './template';
-
-import { tagName, layout } from '@ember-decorators/component';
-
-@tagName('')
-@layout(template)
-class PaperSelectSearchMessage extends Component {
-
-}
-
-export default PaperSelectSearchMessage;

From d607a272958c06d0934d366349827ea5e0f7d3e2 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 16:54:14 +1300
Subject: [PATCH 06/13] feat(addon/components/paper-select-search-message):
 converts to a glimmer component.

---
 ...plate.hbs => paper-select-ebd-content.hbs} |   1 -
 addon/components/paper-select-ebd-content.js  | 212 ++++++++++++++++++
 .../paper-select/ebd-content/component.js     | 187 ---------------
 3 files changed, 212 insertions(+), 188 deletions(-)
 rename addon/components/{paper-select/ebd-content/template.hbs => paper-select-ebd-content.hbs} (99%)
 create mode 100644 addon/components/paper-select-ebd-content.js
 delete mode 100644 addon/components/paper-select/ebd-content/component.js

diff --git a/addon/components/paper-select/ebd-content/template.hbs b/addon/components/paper-select-ebd-content.hbs
similarity index 99%
rename from addon/components/paper-select/ebd-content/template.hbs
rename to addon/components/paper-select-ebd-content.hbs
index 833613cc5..ca7bf5159 100644
--- a/addon/components/paper-select/ebd-content/template.hbs
+++ b/addon/components/paper-select-ebd-content.hbs
@@ -29,7 +29,6 @@
   class="md-select-menu-container md-clickable {{if this.isActive "md-active"}}"
 
   ...attributes>
-
   {{! template-lint-disable no-invalid-interactive }}
   <md-select-menu class="md-default-theme {{if @searchEnabled "md-overflow"}}" {{on "keydown" this.handleKeyDown}}>
     {{yield}}
diff --git a/addon/components/paper-select-ebd-content.js b/addon/components/paper-select-ebd-content.js
new file mode 100644
index 000000000..26bd489e6
--- /dev/null
+++ b/addon/components/paper-select-ebd-content.js
@@ -0,0 +1,212 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { getOwner } from '@ember/application';
+import { action } from '@ember/object';
+import { nextTick } from 'ember-css-transitions/utils/transition-utils';
+import { advanceSelectableOption } from 'ember-power-select/utils/group-utils';
+import ebdGetParent from 'ember-paper/utils/ebd-get-parent';
+import {
+  ESCAPE,
+  LEFT_ARROW,
+  UP_ARROW,
+  RIGHT_ARROW,
+  DOWN_ARROW,
+  ENTER,
+} from 'ember-paper/utils/key-constants';
+
+function waitForAnimations(element, callback) {
+  let computedStyle = window.getComputedStyle(element);
+  if (
+    computedStyle.transitionDuration &&
+    computedStyle.transitionDuration !== '0s'
+  ) {
+    let eventCallback = function () {
+      element.removeEventListener('transitionend', eventCallback);
+      callback();
+    };
+    element.addEventListener('transitionend', eventCallback);
+  } else if (
+    computedStyle.animationName !== 'none' &&
+    computedStyle.animationPlayState === 'running'
+  ) {
+    let eventCallback = function () {
+      element.removeEventListener('animationend', eventCallback);
+      callback();
+    };
+    element.addEventListener('animationend', eventCallback);
+  } else {
+    callback();
+  }
+}
+
+export default class PaperSelectEbdContent extends Component {
+  @tracked isActive = false;
+
+  get customStyles() {
+    if (this.isActive) {
+      return {};
+    } else {
+      return this.args.otherStyles;
+    }
+  }
+
+  get destinationElement() {
+    return document.getElementById(this.args.destination);
+  }
+
+  @action async animateIn(dropdownElement) {
+    await nextTick();
+    this.afterAnimateIn(dropdownElement);
+  }
+
+  @action afterAnimateIn(dropdownElement) {
+    this.args.dropdown.actions.reposition();
+    this.isActive = true;
+    this.focusItem(dropdownElement);
+  }
+
+  @action async animateOut(dropdownElement) {
+    let parentElement = this.args.renderInPlace
+      ? dropdownElement.parentElement.parentElement
+      : dropdownElement.parentElement;
+
+    // workaround for https://github.com/adopted-ember-addons/ember-paper/issues/1166
+    if (!parentElement) {
+      parentElement = ebdGetParent(getOwner(this));
+    }
+
+    let clone = dropdownElement.cloneNode(true);
+    clone.id = `${clone.id}--clone`;
+    parentElement.appendChild(clone);
+
+    clone.children[0].children[0].scrollTop =
+      dropdownElement.children[0].children[0].scrollTop;
+
+    await nextTick();
+
+    if (!this.isDestroyed) {
+      this.isActive = false;
+      clone.classList.add('md-leave');
+      waitForAnimations(clone, function () {
+        clone.classList.remove('md-active');
+        parentElement.removeChild(clone);
+      });
+    } else {
+      parentElement.removeChild(clone);
+    }
+  }
+
+  @action focusItem(element) {
+    let focusTarget = element.querySelector('md-option[aria-selected="true"]');
+
+    // default to first not disabled option
+    if (!focusTarget) {
+      focusTarget = element.querySelector(
+        'md-option:not([aria-disabled="true"])'
+      );
+    }
+
+    if (focusTarget) {
+      focusTarget.focus();
+    }
+  }
+
+  @action handleKeyDown(ev) {
+    switch (ev.which) {
+      case ESCAPE: {
+        this.args.dropdown.actions.close();
+        break;
+      }
+      case LEFT_ARROW:
+      case UP_ARROW: {
+        ev.preventDefault();
+        let newHighlighted = advanceSelectableOption(
+          this.args.select.results,
+          this.args.select.highlighted,
+          -1
+        );
+        this.args.select.actions.highlight(newHighlighted, ev);
+        this.args.select.actions.scrollTo(newHighlighted);
+        this.focusOption(ev, -1);
+        break;
+      }
+      case RIGHT_ARROW:
+      case DOWN_ARROW: {
+        ev.preventDefault();
+        let newHighlighted = advanceSelectableOption(
+          this.args.select.results,
+          this.args.select.highlighted,
+          1
+        );
+        this.args.select.actions.highlight(newHighlighted, ev);
+        this.args.select.actions.scrollTo(newHighlighted);
+        this.focusOption(ev, 1);
+        break;
+      }
+      case ENTER: {
+        ev.preventDefault();
+        this.args.select.actions.choose(this.args.select.highlighted);
+        break;
+      }
+    }
+  }
+
+  focusOption(e, direction) {
+    let focusTarget = e.target.closest('md-option');
+
+    do {
+      if (direction > 0) {
+        focusTarget = focusTarget.nextElementSibling;
+      } else {
+        focusTarget = focusTarget.previousElementSibling;
+      }
+    } while (focusTarget && !isFocusable(focusTarget));
+
+    if (focusTarget) {
+      focusTarget.focus();
+    }
+  }
+
+  shouldReposition(mutations) {
+    let shouldReposition = false;
+
+    shouldReposition = Array.prototype.slice
+      .call(mutations[0].addedNodes)
+      .some((node) => {
+        if (node.classList) {
+          return (
+            !node.classList.contains('md-ripple') &&
+            node.nodeName !== '#comment' &&
+            !(node.nodeName === '#text' && node.nodeValue === '')
+          );
+        }
+        return false;
+      });
+
+    shouldReposition =
+      shouldReposition ||
+      Array.prototype.slice.call(mutations[0].removedNodes).some((node) => {
+        if (node.classList) {
+          return (
+            !node.classList.contains('md-ripple') &&
+            node.nodeName !== '#comment' &&
+            !(node.nodeName === '#text' && node.nodeValue === '')
+          );
+        }
+        return false;
+      });
+
+    return shouldReposition;
+  }
+}
+
+function isFocusable(el) {
+  // is a menu-item, doesn't have tabindex -1 and is not disabled
+  return (
+    el &&
+    el.tagName === 'MD-OPTION' &&
+    el.getAttribute('tabindex') !== -1 &&
+    el.getAttribute('disabled') === null &&
+    el.getAttribute('aria-disabled') !== true
+  );
+}
diff --git a/addon/components/paper-select/ebd-content/component.js b/addon/components/paper-select/ebd-content/component.js
deleted file mode 100644
index 0688c62d0..000000000
--- a/addon/components/paper-select/ebd-content/component.js
+++ /dev/null
@@ -1,187 +0,0 @@
-/* eslint-disable ember/classic-decorator-no-classic-methods, ember/no-classic-components, ember/no-computed-properties-in-native-classes, prettier/prettier */
-import Component from '@ember/component';
-import template from './template';
-
-import { tagName, layout } from '@ember-decorators/component';
-import { computed, action } from '@ember/object';
-
-import { next, scheduleOnce } from '@ember/runloop';
-import { nextTick } from 'ember-css-transitions/utils/transition-utils';
-
-import { ESCAPE, LEFT_ARROW, UP_ARROW, RIGHT_ARROW, DOWN_ARROW, ENTER } from 'ember-paper/utils/key-constants';
-
-import { advanceSelectableOption } from 'ember-power-select/utils/group-utils';
-
-import { getOwner } from '@ember/application';
-import ebdGetParent from 'ember-paper/utils/ebd-get-parent';
-
-function waitForAnimations(element, callback) {
-  let computedStyle = window.getComputedStyle(element);
-  if (computedStyle.transitionDuration && computedStyle.transitionDuration !== '0s') {
-    let eventCallback = function() {
-      element.removeEventListener('transitionend', eventCallback);
-      callback();
-    };
-    element.addEventListener('transitionend', eventCallback);
-  } else if (computedStyle.animationName !== 'none' && computedStyle.animationPlayState === 'running') {
-    let eventCallback = function() {
-      element.removeEventListener('animationend', eventCallback);
-      callback();
-    };
-    element.addEventListener('animationend', eventCallback);
-  } else {
-    callback();
-  }
-}
-
-@tagName('')
-@layout(template)
-class PaperSelectEbdContent extends Component {
-
-  @computed('otherStyles', 'isActive')
-  get customStyles() {
-    if (this.isActive) {
-      return {};
-    } else {
-      return this.otherStyles;
-    }
-  }
-
-  @computed('destination')
-  get destinationElement() {
-    return document.getElementById(this.destination);
-  }
-
-  @action
-  animateIn(dropdownElement) {
-    next(() => {
-      scheduleOnce('afterRender', this, this.afterAnimateIn, dropdownElement);
-    });
-  }
-
-  afterAnimateIn(dropdownElement) {
-    this.dropdown.actions.reposition();
-    this.set('isActive', true);
-    this.focusItem(dropdownElement);
-  }
-
-  @action
-  async animateOut(dropdownElement) {
-    let parentElement = this.renderInPlace ? dropdownElement.parentElement.parentElement : dropdownElement.parentElement;
-
-    // workaround for https://github.com/adopted-ember-addons/ember-paper/issues/1166
-    if (!parentElement) {
-      parentElement = ebdGetParent(getOwner(this));
-    }
-
-    let clone = dropdownElement.cloneNode(true);
-    clone.id = `${clone.id}--clone`;
-    parentElement.appendChild(clone);
-
-    clone.children[0].children[0].scrollTop = dropdownElement.children[0].children[0].scrollTop;
-
-    await nextTick();
-
-    if (!this.isDestroyed) {
-      this.set('isActive', false);
-      clone.classList.add('md-leave');
-      waitForAnimations(clone, function() {
-        clone.classList.remove('md-active');
-        parentElement.removeChild(clone);
-      });
-    } else {
-      parentElement.removeChild(clone);
-    }
-  }
-
-  @action
-  focusItem(element) {
-    let focusTarget = element.querySelector('md-option[aria-selected="true"]');
-
-    // default to first not disabled option
-    if (!focusTarget) {
-      focusTarget = element.querySelector('md-option:not([aria-disabled="true"])');
-    }
-
-    if (focusTarget) {
-      focusTarget.focus();
-    }
-  }
-
-  @action
-  handleKeyDown(ev) {
-    switch (ev.which) {
-      case ESCAPE: {
-        this.dropdown.actions.close();
-        break;
-      }
-      case LEFT_ARROW:
-      case UP_ARROW: {
-        ev.preventDefault();
-        let newHighlighted = advanceSelectableOption(this.select.results, this.select.highlighted, -1);
-        this.select.actions.highlight(newHighlighted, ev);
-        this.select.actions.scrollTo(newHighlighted);
-        this.focusOption(ev, -1);
-        break;
-      }
-      case RIGHT_ARROW:
-      case DOWN_ARROW: {
-        ev.preventDefault();
-        let newHighlighted = advanceSelectableOption(this.select.results, this.select.highlighted, 1);
-        this.select.actions.highlight(newHighlighted, ev);
-        this.select.actions.scrollTo(newHighlighted);
-        this.focusOption(ev, 1);
-        break;
-      }
-      case ENTER: {
-        ev.preventDefault();
-        this.select.actions.choose(this.select.highlighted);
-        break;
-      }
-    }
-  }
-
-  focusOption(e, direction) {
-    let focusTarget = e.target.closest('md-option');
-
-    do {
-      if (direction > 0) {
-        focusTarget = focusTarget.nextElementSibling;
-      } else {
-        focusTarget = focusTarget.previousElementSibling;
-      }
-    } while (focusTarget && !isFocusable(focusTarget));
-
-    if (focusTarget) {
-      focusTarget.focus();
-    }
-  }
-
-  shouldReposition(mutations) {
-    let shouldReposition = false;
-
-    shouldReposition = Array.prototype.slice.call(mutations[0].addedNodes).some((node) => {
-      if (node.classList) {
-        return !node.classList.contains('md-ripple') && (node.nodeName !== '#comment') && !(node.nodeName === '#text' && node.nodeValue === '');
-      }
-      return false;
-    });
-
-    shouldReposition = shouldReposition || Array.prototype.slice.call(mutations[0].removedNodes).some((node) => {
-      if (node.classList) {
-        return !node.classList.contains('md-ripple') && (node.nodeName !== '#comment') && !(node.nodeName === '#text' && node.nodeValue === '');
-      }
-      return false;
-    });
-
-    return shouldReposition;
-  }
-
-}
-
-function isFocusable(el) {
-  // is a menu-item, doesn't have tabindex -1 and is not disabled
-  return el && el.tagName === 'MD-OPTION' && el.getAttribute('tabindex') !== -1 && el.getAttribute('disabled') === null && el.getAttribute('aria-disabled') !== true;
-}
-
-export default PaperSelectEbdContent;

From bc5096f911e3d702f18dd5d8f1c03b047d36b242 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 17:00:11 +1300
Subject: [PATCH 07/13] chore(addon/components/paper-select-options): migrate
 from pod to colocated template.

---
 .../options/index.hbs => paper-select-options.hbs}        | 8 ++++----
 .../options/index.js => paper-select-options.js}          | 0
 2 files changed, 4 insertions(+), 4 deletions(-)
 rename addon/components/{paper-select/options/index.hbs => paper-select-options.hbs} (96%)
 rename addon/components/{paper-select/options/index.js => paper-select-options.js} (100%)

diff --git a/addon/components/paper-select/options/index.hbs b/addon/components/paper-select-options.hbs
similarity index 96%
rename from addon/components/paper-select/options/index.hbs
rename to addon/components/paper-select-options.hbs
index 27f7ce7c5..de4d1657b 100644
--- a/addon/components/paper-select/options/index.hbs
+++ b/addon/components/paper-select-options.hbs
@@ -29,7 +29,7 @@
 
       {{else}}
 
-        <PaperSelect::Option
+        <PaperSelectOption
           class="ember-power-select-option"
           aria-selected="{{ember-power-select-is-selected opt @select.selected}}"
           aria-disabled={{if opt.disabled "true"}}
@@ -39,7 +39,7 @@
           tabindex={{if opt.disabled "-1" "0"}}
           selected={{if (ember-power-select-is-selected opt @select.selected) "selected" undefined}}>
           {{yield opt @select}}
-        </PaperSelect::Option>
+        </PaperSelectOption>
 
       {{/if}}
 
@@ -76,7 +76,7 @@
 
         {{else}}
 
-          <PaperSelect::Option
+          <PaperSelectOption
             class="ember-power-select-option"
             aria-selected="{{ember-power-select-is-selected opt @select.selected}}"
             aria-disabled={{if opt.disabled "true"}}
@@ -86,7 +86,7 @@
             tabindex={{if opt.disabled "-1" "0"}}
             selected={{if (ember-power-select-is-selected opt @select.selected) "selected" undefined}}>
             {{yield opt @select}}
-          </PaperSelect::Option>
+          </PaperSelectOption>
 
         {{/if}}
 
diff --git a/addon/components/paper-select/options/index.js b/addon/components/paper-select-options.js
similarity index 100%
rename from addon/components/paper-select/options/index.js
rename to addon/components/paper-select-options.js

From 07b230c5dc648a9fb61836507ed53eadce310ae6 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 17:00:34 +1300
Subject: [PATCH 08/13] chore(addon/components/paper-select-search): migrate
 from pod to colocated template.

---
 .../{paper-select/search/index.hbs => paper-select-search.hbs}    | 0
 .../{paper-select/search/index.js => paper-select-search.js}      | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename addon/components/{paper-select/search/index.hbs => paper-select-search.hbs} (100%)
 rename addon/components/{paper-select/search/index.js => paper-select-search.js} (100%)

diff --git a/addon/components/paper-select/search/index.hbs b/addon/components/paper-select-search.hbs
similarity index 100%
rename from addon/components/paper-select/search/index.hbs
rename to addon/components/paper-select-search.hbs
diff --git a/addon/components/paper-select/search/index.js b/addon/components/paper-select-search.js
similarity index 100%
rename from addon/components/paper-select/search/index.js
rename to addon/components/paper-select-search.js

From 4140acb652ff874afcc8f05e47b8e3a32dd7e9d7 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 17:01:11 +1300
Subject: [PATCH 09/13] feat(addon/components/paper-select): converts to a
 glimmer component.

---
 addon/components/paper-select.hbs          |  56 ++++
 addon/components/paper-select.js           | 329 +++++++++++++++++++++
 addon/components/paper-select/component.js | 205 -------------
 addon/components/paper-select/template.hbs |  36 ---
 4 files changed, 385 insertions(+), 241 deletions(-)
 create mode 100644 addon/components/paper-select.hbs
 create mode 100644 addon/components/paper-select.js
 delete mode 100644 addon/components/paper-select/component.js
 delete mode 100644 addon/components/paper-select/template.hbs

diff --git a/addon/components/paper-select.hbs b/addon/components/paper-select.hbs
new file mode 100644
index 000000000..e54d2b85a
--- /dev/null
+++ b/addon/components/paper-select.hbs
@@ -0,0 +1,56 @@
+{{! template-lint-disable no-action }}
+<md-input-container
+  class='{{@class}}
+    {{~if @selected " md-input-has-value"}}
+    {{~if this.validation.isInvalidAndTouched " md-input-invalid"}}
+    {{~if this.isFocusedAndSelected " md-input-focused"}}'
+  {{did-insert this.didInsertNode}}
+  {{did-update this.didUpdateNode @selected}}
+  ...attributes
+>
+
+  <PowerSelect
+    @selected={{@selected}}
+    @options={{@options}}
+    @onChange={{@onChange}}
+    @disabled={{@disabled}}
+    @placeholder={{@placeholder}}
+    @search={{@search}}
+    @searchEnabled={{@searchEnabled}}
+    @searchField={{@searchField}}
+    @searchPlaceholder={{@searchPlaceholder}}
+    @registerAPI={{action (mut this.publicAPI)}}
+    @animationEnabled={{false}}
+    @calculatePosition={{this.calculatePosition}}
+    @extra={{hash label=@label}}
+    @ebdTriggerComponent={{component
+      'paper-select-ebd-trigger'
+      label=@label
+      selected=@selected
+      required=@required
+      disabled=@disabled
+    }}
+    @triggerComponent='paper-select-eps-trigger'
+    @triggerClass='{{if this.validation.isInvalid "ng-invalid"}} {{if
+      this.validation.isTouched
+      "ng-dirty"
+    }}'
+    @ebdContentComponent={{component
+      'paper-select-ebd-content'
+      searchEnabled=@searchEnabled
+      select=this.publicAPI
+    }}
+    @optionsComponent='paper-select-options'
+    @beforeOptionsComponent='paper-select-search'
+    @noMatchesMessageComponent='paper-select-no-matches-message'
+    @searchMessageComponent='paper-select-search-message'
+    @onClose={{this.handleClose}}
+    @onOpen={{this.handleOpen}}
+    @onFocus={{this.handleFocus}}
+    @onBlur={{this.handleBlur}}
+    as |opt term|
+  >
+    {{yield opt term}}
+  </PowerSelect>
+
+</md-input-container>
\ No newline at end of file
diff --git a/addon/components/paper-select.js b/addon/components/paper-select.js
new file mode 100644
index 000000000..86f1d00f9
--- /dev/null
+++ b/addon/components/paper-select.js
@@ -0,0 +1,329 @@
+/**
+ * @module ember-paper
+ */
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { action } from '@ember/object';
+import { guidFor } from '@ember/object/internals';
+import { assert } from '@ember/debug';
+import Validation from 'ember-paper/lib/validation';
+import clamp from 'ember-paper/utils/clamp';
+
+const SELECT_EDGE_MARGIN = 8;
+
+function getOffsetRect(node) {
+  return node
+    ? {
+        left: node.offsetLeft,
+        top: node.offsetTop,
+        width: node.offsetWidth,
+        height: node.offsetHeight,
+      }
+    : { left: 0, top: 0, width: 0, height: 0 };
+}
+
+/**
+ * @class PaperSelect
+ * @extends Component
+ */
+export default class PaperSelect extends Component {
+  /**
+   * tracks the validity of an input.
+   *
+   * @type {Validation}
+   * @private
+   */
+  validation;
+
+  /**
+   * The parent this component is bound to.
+   *
+   * @type {PaperRadioGroup|PaperForm|PaperItem|PaperTabs}
+   * @private
+   */
+  #parent;
+  /**
+   * Marks whether the component should register itself to the supplied parent.
+   *
+   * @type {Boolean}
+   * @public
+   */
+  shouldRegister;
+
+  /**
+   * true after having animated scaling out the element.
+   *
+   * @type {boolean}
+   */
+  @tracked didAnimateScale;
+  /**
+   * true when the element is currently focused.
+   *
+   * @type {boolean}
+   */
+  @tracked isFocused;
+
+  constructor(owner, args) {
+    super(owner, args);
+
+    this.didAnimateScale = false;
+    this.isFocused = false;
+
+    const elementId =
+      this.args.elementId || this.args.inputElementId || guidFor(this);
+
+    // Construct Input Validation and pass through of custom attributes.
+    this.validation = new Validation(
+      elementId,
+      this.args.onValidityChange || null,
+      this.args.validations,
+      this.args.customValidations,
+      this.args.errors,
+      this.args.errorMessages,
+      this.args.isTouched
+    );
+
+    if (this.shouldRegister) {
+      assert(
+        'A parent component should be supplied to <PaperInput> when shouldRegister=true',
+        this.args.parentComponent
+      );
+      this.#parent = this.args.parentComponent;
+    }
+
+    assert(
+      '<PaperSelect> requires an `onChange` action or null for no action.',
+      this.args.onChange !== undefined
+    );
+  }
+
+  /**
+   * Performs any required DOM setup.
+   *
+   * @param {HTMLElement} element - the node that has been added to the DOM.
+   */
+  @action didInsertNode() {
+    // setValue ensures that the input value is the same as this.value
+    this.validation.value = this.args.selected;
+
+    if (this.shouldRegister) {
+      this.#parent.registerChild(this);
+    }
+  }
+
+  /**
+   * didUpdateNode is called when tracked component attributes change.
+   */
+  @action didUpdateNode() {
+    // update validation checking
+    if (this.args.errors) {
+      this.validation.errors = this.args.errors;
+    }
+
+    this.validation.value = this.args.selected;
+    this.validation.validate(this.args);
+    this.validation.notifyOnChange();
+  }
+
+  /**
+   * Performs any required DOM teardown.
+   *
+   * @param {HTMLElement} element - the node to be removed from the DOM.
+   */
+  @action willDestroyNode() {
+    // noop
+  }
+
+  /**
+   * lifecycle hook to perform non-DOM related teardown.
+   */
+  willDestroy() {
+    super.willDestroy(...arguments);
+
+    if (this.shouldRegister) {
+      this.#parent.unregisterChild(this);
+    }
+  }
+
+  get isFocusedAndSelected() {
+    return this.isFocused && this.args.isSelected;
+  }
+
+  @action handleClose() {
+    this.didAnimateScale = false;
+
+    this.validation.isTouched = true;
+    this.validation.value = this.args.selected;
+    this.validation.validate(this.args);
+    this.validation.notifyOnValidityChange();
+  }
+
+  @action handleOpen() {
+    this.didAnimateScale = false;
+
+    this.validation.notifyOnValidityChange();
+  }
+
+  @action handleFocus() {
+    this.isFocused = true;
+  }
+
+  @action handleBlur() {
+    this.isFocused = false;
+  }
+
+  @action calculatePosition(trigger, content) {
+    let opts = {
+      target: trigger,
+      parent: document.body,
+      selectEl: content.querySelector('md-select-menu'),
+      contentEl: content.querySelector('md-content'),
+    };
+
+    let containerNode = content;
+    let targetNode = opts.target.firstElementChild; // target the label
+    let parentNode = opts.parent;
+    let selectNode = opts.selectEl;
+    let contentNode = opts.contentEl;
+    let parentRect = parentNode.getBoundingClientRect();
+    let targetRect = targetNode.getBoundingClientRect();
+    let shouldOpenAroundTarget = false;
+    let bounds = {
+      left: parentRect.left + SELECT_EDGE_MARGIN,
+      top: SELECT_EDGE_MARGIN,
+      bottom: parentRect.height - SELECT_EDGE_MARGIN,
+      right: parentRect.width - SELECT_EDGE_MARGIN,
+    };
+    let spaceAvailable = {
+      top: targetRect.top - bounds.top,
+      left: targetRect.left - bounds.left,
+      right: bounds.right - (targetRect.left + targetRect.width),
+      bottom: bounds.bottom - (targetRect.top + targetRect.height),
+    };
+    let maxWidth = parentRect.width - SELECT_EDGE_MARGIN * 2;
+    let selectedNode = selectNode.querySelector('md-option[selected]');
+    let optionNodes = selectNode.getElementsByTagName('md-option');
+    let optgroupNodes = selectNode.getElementsByTagName('md-optgroup');
+
+    let centeredNode, left, top, transformOrigin;
+
+    // If a selected node, center around that
+    if (selectedNode) {
+      centeredNode = selectedNode;
+      // If there are option groups, center around the first option group
+    } else if (optgroupNodes.length) {
+      centeredNode = optgroupNodes[0];
+      // Otherwise, center around the first optionNode
+    } else if (optionNodes.length) {
+      centeredNode = optionNodes[0];
+      // In case there are no options, center on whatever's in there... (eg progress indicator)
+    } else {
+      centeredNode = contentNode.firstElementChild || contentNode;
+    }
+
+    if (contentNode.offsetWidth > maxWidth) {
+      contentNode.style['max-width'] = `${maxWidth}px`;
+    }
+    if (shouldOpenAroundTarget) {
+      contentNode.style['min-width'] = `${targetRect.width}px`;
+    }
+
+    // Remove padding before we compute the position of the menu
+
+    let focusedNode = centeredNode;
+    if ((focusedNode.tagName || '').toUpperCase() === 'MD-OPTGROUP') {
+      focusedNode =
+        optionNodes[0] || contentNode.firstElementChild || contentNode;
+      centeredNode = focusedNode;
+    }
+
+    // Get the selectMenuRect *after* max-width is possibly set above
+    containerNode.style.display = 'block';
+    let selectMenuRect = selectNode.getBoundingClientRect();
+    let centeredRect = getOffsetRect(centeredNode);
+
+    if (centeredNode) {
+      let centeredStyle = window.getComputedStyle(centeredNode);
+      centeredRect.paddingLeft = parseInt(centeredStyle.paddingLeft, 10) || 0;
+      centeredRect.paddingRight = parseInt(centeredStyle.paddingRight, 10) || 0;
+    }
+
+    // Get scrollHeight/offsetHeight *after* container is set with display:block
+    let isScrollable = contentNode.scrollHeight > contentNode.offsetHeight;
+    if (isScrollable) {
+      let scrollBuffer = contentNode.offsetHeight / 2;
+      contentNode.scrollTop =
+        centeredRect.top + centeredRect.height / 2 - scrollBuffer;
+
+      if (spaceAvailable.top < scrollBuffer) {
+        contentNode.scrollTop = Math.min(
+          centeredRect.top,
+          contentNode.scrollTop + scrollBuffer - spaceAvailable.top
+        );
+      } else if (spaceAvailable.bottom < scrollBuffer) {
+        contentNode.scrollTop = Math.max(
+          centeredRect.top + centeredRect.height - selectMenuRect.height,
+          contentNode.scrollTop - scrollBuffer + spaceAvailable.bottom
+        );
+      }
+    }
+
+    if (shouldOpenAroundTarget) {
+      left = targetRect.left;
+      top = targetRect.top + targetRect.height;
+      transformOrigin = '50% 0';
+      if (top + selectMenuRect.height > bounds.bottom) {
+        top = targetRect.top - selectMenuRect.height;
+        transformOrigin = '50% 100%';
+      }
+    } else {
+      left = targetRect.left + centeredRect.left - centeredRect.paddingLeft + 2;
+      top =
+        Math.floor(
+          targetRect.top +
+            targetRect.height / 2 -
+            centeredRect.height / 2 -
+            centeredRect.top +
+            contentNode.scrollTop
+        ) + 2;
+
+      transformOrigin = `${centeredRect.left + targetRect.width / 2}px
+        ${
+          centeredRect.top + centeredRect.height / 2 - contentNode.scrollTop
+        }px 0px`;
+
+      containerNode.style.minWidth = `${
+        targetRect.width + centeredRect.paddingLeft + centeredRect.paddingRight
+      }px`;
+    }
+
+    let containerRect = containerNode.getBoundingClientRect();
+
+    let dropdownTop = clamp(
+      bounds.top,
+      top,
+      bounds.bottom - containerRect.height
+    );
+    let dropdownLeft = clamp(
+      bounds.left,
+      left,
+      bounds.right - containerRect.width
+    );
+
+    let scaleX = Math.min(targetRect.width / selectMenuRect.width, 1.0);
+    let scaleY = Math.min(targetRect.height / selectMenuRect.height, 1.0);
+    let style = {
+      top: dropdownTop,
+      left: dropdownLeft,
+      // Animate a scale out if we aren't just repositioning
+      transform: !this.didAnimateScale
+        ? `scale(${scaleX}, ${scaleY})`
+        : undefined,
+      'transform-origin': transformOrigin,
+    };
+
+    this.didAnimateScale = true;
+
+    return { style, horizontalPosition: '', verticalPosition: '' };
+  }
+}
diff --git a/addon/components/paper-select/component.js b/addon/components/paper-select/component.js
deleted file mode 100644
index 3d31a4c27..000000000
--- a/addon/components/paper-select/component.js
+++ /dev/null
@@ -1,205 +0,0 @@
-/* eslint-disable ember/classic-decorator-no-classic-methods, ember/no-classic-components, ember/no-computed-properties-in-native-classes, ember/no-mixins, prettier/prettier */
-import Component from '@ember/component';
-import template from './template';
-
-import { tagName, layout } from '@ember-decorators/component';
-import { action } from '@ember/object';
-import { and } from '@ember/object/computed';
-import ChildMixin from 'ember-paper/mixins/child-mixin';
-
-import ValidationMixin from 'ember-paper/mixins/validation-mixin';
-
-import clamp from 'ember-paper/utils/clamp';
-
-const SELECT_EDGE_MARGIN = 8;
-
-function getOffsetRect(node) {
-  return node ? {
-    left: node.offsetLeft,
-    top: node.offsetTop,
-    width: node.offsetWidth,
-    height: node.offsetHeight
-  } : { left: 0, top: 0, width: 0, height: 0 };
-}
-
-@tagName('')
-@layout(template)
-class PaperSelect extends Component.extend(ValidationMixin, ChildMixin) {
-
-  validationProperty = 'selected';
-  isTouched = false;
-  isFocused = false;
-
-  @and('isInvalid', 'isTouched')
-  isInvalidAndTouched;
-
-  @and('isFocused', 'selected')
-  isFocusedAndSelected;
-
-  didReceiveAttrs() {
-    super.didReceiveAttrs(...arguments);
-    this.notifyValidityChange();
-  }
-
-  @action
-  close() {
-    this.didAnimateScale = false;
-    this.set('isTouched', true);
-    this.notifyValidityChange();
-  }
-
-  @action
-  open() {
-    this.didAnimateScale = false;
-    this.notifyValidityChange();
-  }
-
-  @action
-  focus() {
-    this.set('isFocused', true);
-  }
-
-  @action
-  blur() {
-    this.set('isFocused', false);
-  }
-
-  @action
-  calculatePosition(trigger, content) {
-
-    let opts = {
-      target: trigger,
-      parent: document.body,
-      selectEl: content.querySelector('md-select-menu'),
-      contentEl: content.querySelector('md-content')
-    };
-
-    let containerNode = content;
-    let targetNode = opts.target.firstElementChild; // target the label
-    let parentNode = opts.parent;
-    let selectNode = opts.selectEl;
-    let contentNode = opts.contentEl;
-    let parentRect = parentNode.getBoundingClientRect();
-    let targetRect = targetNode.getBoundingClientRect();
-    let shouldOpenAroundTarget = false;
-    let bounds = {
-      left: parentRect.left + SELECT_EDGE_MARGIN,
-      top: SELECT_EDGE_MARGIN,
-      bottom: parentRect.height - SELECT_EDGE_MARGIN,
-      right: parentRect.width - SELECT_EDGE_MARGIN
-    };
-    let spaceAvailable = {
-      top: targetRect.top - bounds.top,
-      left: targetRect.left - bounds.left,
-      right: bounds.right - (targetRect.left + targetRect.width),
-      bottom: bounds.bottom - (targetRect.top + targetRect.height)
-    };
-    let maxWidth = parentRect.width - SELECT_EDGE_MARGIN * 2;
-    let selectedNode = selectNode.querySelector('md-option[selected]');
-    let optionNodes = selectNode.getElementsByTagName('md-option');
-    let optgroupNodes = selectNode.getElementsByTagName('md-optgroup');
-
-    let centeredNode, left, top, transformOrigin;
-
-    // If a selected node, center around that
-    if (selectedNode) {
-      centeredNode = selectedNode;
-      // If there are option groups, center around the first option group
-    } else if (optgroupNodes.length) {
-      centeredNode = optgroupNodes[0];
-      // Otherwise, center around the first optionNode
-    } else if (optionNodes.length) {
-      centeredNode = optionNodes[0];
-      // In case there are no options, center on whatever's in there... (eg progress indicator)
-    } else {
-      centeredNode = contentNode.firstElementChild || contentNode;
-    }
-
-    if (contentNode.offsetWidth > maxWidth) {
-      contentNode.style['max-width'] = `${maxWidth}px`;
-    }
-    if (shouldOpenAroundTarget) {
-      contentNode.style['min-width'] = `${targetRect.width}px`;
-    }
-
-    // Remove padding before we compute the position of the menu
-
-    let focusedNode = centeredNode;
-    if ((focusedNode.tagName || '').toUpperCase() === 'MD-OPTGROUP') {
-      focusedNode = optionNodes[0] || contentNode.firstElementChild || contentNode;
-      centeredNode = focusedNode;
-    }
-
-    // Get the selectMenuRect *after* max-width is possibly set above
-    containerNode.style.display = 'block';
-    let selectMenuRect = selectNode.getBoundingClientRect();
-    let centeredRect = getOffsetRect(centeredNode);
-
-    if (centeredNode) {
-      let centeredStyle = window.getComputedStyle(centeredNode);
-      centeredRect.paddingLeft = parseInt(centeredStyle.paddingLeft, 10) || 0;
-      centeredRect.paddingRight = parseInt(centeredStyle.paddingRight, 10) || 0;
-    }
-
-    // Get scrollHeight/offsetHeight *after* container is set with display:block
-    let isScrollable = contentNode.scrollHeight > contentNode.offsetHeight;
-    if (isScrollable) {
-      let scrollBuffer = contentNode.offsetHeight / 2;
-      contentNode.scrollTop = centeredRect.top + centeredRect.height / 2 - scrollBuffer;
-
-      if (spaceAvailable.top < scrollBuffer) {
-        contentNode.scrollTop = Math.min(
-          centeredRect.top,
-          contentNode.scrollTop + scrollBuffer - spaceAvailable.top
-        );
-      } else if (spaceAvailable.bottom < scrollBuffer) {
-        contentNode.scrollTop = Math.max(
-          centeredRect.top + centeredRect.height - selectMenuRect.height,
-          contentNode.scrollTop - scrollBuffer + spaceAvailable.bottom
-        );
-      }
-    }
-
-    if (shouldOpenAroundTarget) {
-      left = targetRect.left;
-      top = targetRect.top + targetRect.height;
-      transformOrigin = '50% 0';
-      if (top + selectMenuRect.height > bounds.bottom) {
-        top = targetRect.top - selectMenuRect.height;
-        transformOrigin = '50% 100%';
-      }
-    } else {
-      left = (targetRect.left + centeredRect.left - centeredRect.paddingLeft) + 2;
-      top = Math.floor(targetRect.top + targetRect.height / 2 - centeredRect.height / 2
-        - centeredRect.top + contentNode.scrollTop) + 2;
-
-      transformOrigin = `${centeredRect.left + targetRect.width / 2}px
-        ${centeredRect.top + centeredRect.height / 2 - contentNode.scrollTop}px 0px`;
-
-      containerNode.style.minWidth = `${targetRect.width + centeredRect.paddingLeft
-        + centeredRect.paddingRight}px`;
-    }
-
-    let containerRect = containerNode.getBoundingClientRect();
-
-    let dropdownTop = clamp(bounds.top, top, bounds.bottom - containerRect.height);
-    let dropdownLeft = clamp(bounds.left, left, bounds.right - containerRect.width);
-
-    let scaleX = Math.min(targetRect.width / selectMenuRect.width, 1.0);
-    let scaleY = Math.min(targetRect.height / selectMenuRect.height, 1.0);
-    let style = {
-      top: dropdownTop,
-      left: dropdownLeft,
-      // Animate a scale out if we aren't just repositioning
-      transform: !this.didAnimateScale ? `scale(${scaleX}, ${scaleY})` : undefined,
-      'transform-origin': transformOrigin
-    };
-
-    this.didAnimateScale = true;
-
-    return { style, horizontalPosition: '', verticalPosition: '' };
-  }
-
-}
-
-export default PaperSelect;
diff --git a/addon/components/paper-select/template.hbs b/addon/components/paper-select/template.hbs
deleted file mode 100644
index eb54cf7fd..000000000
--- a/addon/components/paper-select/template.hbs
+++ /dev/null
@@ -1,36 +0,0 @@
-{{! template-lint-disable no-action }}
-<md-input-container class="{{@class}} {{if @selected "md-input-has-value"}} {{if this.isInvalidAndTouched "md-input-invalid"}} {{if this.isFocusedAndSelected "md-input-focused"}}" ...attributes>
-
-  <PowerSelect
-    @selected={{@selected}}
-    @options={{@options}}
-    @onChange={{@onChange}}
-    @disabled={{@disabled}}
-    @placeholder={{@placeholder}}
-    @search={{@search}}
-    @searchEnabled={{@searchEnabled}}
-    @searchField={{@searchField}}
-    @searchPlaceholder={{@searchPlaceholder}}
-    @registerAPI={{action (mut this.publicAPI)}}
-    @animationEnabled={{false}}
-
-    @calculatePosition={{this.calculatePosition}}
-    @extra={{hash label=@label}}
-    @ebdTriggerComponent={{component "paper-select/ebd-trigger" label=@label selected=@selected required=@required disabled=@disabled}}
-    @triggerComponent="paper-select/eps-trigger"
-    @triggerClass="{{if this.isInvalid "ng-invalid"}} {{if this.isTouched "ng-dirty"}}"
-
-    @ebdContentComponent={{component "paper-select/ebd-content" searchEnabled=@searchEnabled select=this.publicAPI}}
-    @optionsComponent="paper-select/options"
-    @beforeOptionsComponent="paper-select/search"
-    @noMatchesMessageComponent="paper-select/no-matches-message"
-    @searchMessageComponent="paper-select/search-message"
-    @onClose={{this.close}}
-    @onOpen={{this.open}}
-    @onFocus={{this.focus}}
-    @onBlur={{this.blur}}
-    as |opt term|>
-    {{yield opt term}}
-  </PowerSelect>
-
-</md-input-container>
\ No newline at end of file

From 35d40dbe69fb8348a6810f5bce6554170e0a83f3 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 17:02:11 +1300
Subject: [PATCH 10/13] chore(app/components/paper-select-*): updates app
 import references.

---
 app/components/paper-select-ebd-content.js    |   1 +
 app/components/paper-select-ebd-trigger.js    |   1 +
 app/components/paper-select-eps-trigger.js    |   1 +
 .../paper-select-no-matches-message.js        |   1 +
 app/components/paper-select-option.js         |   1 +
 app/components/paper-select-options.js        |   1 +
 app/components/paper-select-search-message.js |   1 +
 app/components/paper-select-search.js         |   1 +
 app/components/paper-select.js                |   2 +-
 app/components/paper-select/ebd-content.js    |   1 -
 app/components/paper-select/ebd-trigger.js    |   1 -
 app/components/paper-select/eps-trigger.js    |   1 -
 .../paper-select/no-matches-message.js        |   1 -
 app/components/paper-select/option.js         |   1 -
 app/components/paper-select/options.js        |   1 -
 app/components/paper-select/search-message.js |   1 -
 app/components/paper-select/search.js         |   1 -
 index.js                                      | 369 ++++++++----------
 18 files changed, 165 insertions(+), 222 deletions(-)
 create mode 100644 app/components/paper-select-ebd-content.js
 create mode 100644 app/components/paper-select-ebd-trigger.js
 create mode 100644 app/components/paper-select-eps-trigger.js
 create mode 100644 app/components/paper-select-no-matches-message.js
 create mode 100644 app/components/paper-select-option.js
 create mode 100644 app/components/paper-select-options.js
 create mode 100644 app/components/paper-select-search-message.js
 create mode 100644 app/components/paper-select-search.js
 delete mode 100644 app/components/paper-select/ebd-content.js
 delete mode 100644 app/components/paper-select/ebd-trigger.js
 delete mode 100644 app/components/paper-select/eps-trigger.js
 delete mode 100644 app/components/paper-select/no-matches-message.js
 delete mode 100644 app/components/paper-select/option.js
 delete mode 100644 app/components/paper-select/options.js
 delete mode 100644 app/components/paper-select/search-message.js
 delete mode 100644 app/components/paper-select/search.js

diff --git a/app/components/paper-select-ebd-content.js b/app/components/paper-select-ebd-content.js
new file mode 100644
index 000000000..09237d3a9
--- /dev/null
+++ b/app/components/paper-select-ebd-content.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-ebd-content';
diff --git a/app/components/paper-select-ebd-trigger.js b/app/components/paper-select-ebd-trigger.js
new file mode 100644
index 000000000..8718072d5
--- /dev/null
+++ b/app/components/paper-select-ebd-trigger.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-ebd-trigger';
diff --git a/app/components/paper-select-eps-trigger.js b/app/components/paper-select-eps-trigger.js
new file mode 100644
index 000000000..6962dd8df
--- /dev/null
+++ b/app/components/paper-select-eps-trigger.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-eps-trigger';
diff --git a/app/components/paper-select-no-matches-message.js b/app/components/paper-select-no-matches-message.js
new file mode 100644
index 000000000..62a2b7eac
--- /dev/null
+++ b/app/components/paper-select-no-matches-message.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-no-matches-message';
diff --git a/app/components/paper-select-option.js b/app/components/paper-select-option.js
new file mode 100644
index 000000000..c83a7d1cd
--- /dev/null
+++ b/app/components/paper-select-option.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-option';
diff --git a/app/components/paper-select-options.js b/app/components/paper-select-options.js
new file mode 100644
index 000000000..78350ac4e
--- /dev/null
+++ b/app/components/paper-select-options.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-options';
diff --git a/app/components/paper-select-search-message.js b/app/components/paper-select-search-message.js
new file mode 100644
index 000000000..5e9a093d5
--- /dev/null
+++ b/app/components/paper-select-search-message.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-search-message';
diff --git a/app/components/paper-select-search.js b/app/components/paper-select-search.js
new file mode 100644
index 000000000..6d7adf726
--- /dev/null
+++ b/app/components/paper-select-search.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select-search';
diff --git a/app/components/paper-select.js b/app/components/paper-select.js
index 4248bd49c..ad09d33e3 100644
--- a/app/components/paper-select.js
+++ b/app/components/paper-select.js
@@ -1 +1 @@
-export { default } from 'ember-paper/components/paper-select/component';
+export { default } from 'ember-paper/components/paper-select';
diff --git a/app/components/paper-select/ebd-content.js b/app/components/paper-select/ebd-content.js
deleted file mode 100644
index 895b99d76..000000000
--- a/app/components/paper-select/ebd-content.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/ebd-content/component';
diff --git a/app/components/paper-select/ebd-trigger.js b/app/components/paper-select/ebd-trigger.js
deleted file mode 100644
index 391c7952e..000000000
--- a/app/components/paper-select/ebd-trigger.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/ebd-trigger/component';
diff --git a/app/components/paper-select/eps-trigger.js b/app/components/paper-select/eps-trigger.js
deleted file mode 100644
index 0045b7132..000000000
--- a/app/components/paper-select/eps-trigger.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/eps-trigger/component';
diff --git a/app/components/paper-select/no-matches-message.js b/app/components/paper-select/no-matches-message.js
deleted file mode 100644
index bf88a2122..000000000
--- a/app/components/paper-select/no-matches-message.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/no-matches-message/component';
diff --git a/app/components/paper-select/option.js b/app/components/paper-select/option.js
deleted file mode 100644
index 47f972716..000000000
--- a/app/components/paper-select/option.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/option/component';
diff --git a/app/components/paper-select/options.js b/app/components/paper-select/options.js
deleted file mode 100644
index e5b604ce9..000000000
--- a/app/components/paper-select/options.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/options/index';
diff --git a/app/components/paper-select/search-message.js b/app/components/paper-select/search-message.js
deleted file mode 100644
index e4326a421..000000000
--- a/app/components/paper-select/search-message.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/search-message/component';
diff --git a/app/components/paper-select/search.js b/app/components/paper-select/search.js
deleted file mode 100644
index 5f5e737dd..000000000
--- a/app/components/paper-select/search.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select/search/index';
diff --git a/index.js b/index.js
index 325b3c8f2..a3eceacad 100644
--- a/index.js
+++ b/index.js
@@ -1,4 +1,3 @@
-/* eslint-disable prettier/prettier */
 'use strict';
 
 const path = require('path');
@@ -12,12 +11,12 @@ const fastbootTransform = require('fastboot-transform');
 /**
  * Component dependencies, extracted from ember-bootstrap
  * https://github.com/kaliber5/ember-bootstrap/blob/master/index.js
-*/
+ */
 const componentDependencies = {
   'paper-autocomplete': {
     styles: [
       'components/autocomplete/autocomplete.scss',
-      'components/autocomplete/autocomplete-theme.scss'
+      'components/autocomplete/autocomplete-theme.scss',
     ],
     dependencies: [
       'paper-autocomplete/ebd-trigger',
@@ -25,8 +24,8 @@ const componentDependencies = {
       'paper-autocomplete/ebd-content',
       'paper-autocomplete/options',
       'paper-autocomplete/no-matches-message',
-      'paper-autocomplete/highlight'
-    ]
+      'paper-autocomplete/highlight',
+    ],
   },
 
   'paper-autocomplete/eps-trigger': {
@@ -34,333 +33,250 @@ const componentDependencies = {
       'paper-progress-linear',
       'paper-input',
       'paper-autocomplete/reset-button',
-      'paper-icon'
-    ]
+      'paper-icon',
+    ],
   },
 
   'paper-backdrop': {
     styles: [
       'components/backdrop/backdrop.scss',
-      'components/backdrop/backdrop-theme.scss'
-    ]
+      'components/backdrop/backdrop-theme.scss',
+    ],
   },
   'paper-button': {
     styles: [
       'components/button/button.scss',
-      'components/button/button-theme.scss'
-    ]
+      'components/button/button-theme.scss',
+    ],
   },
   'paper-card': {
-    styles: [
-      'components/card/card.scss',
-      'components/card/card-theme.scss'
-    ],
+    styles: ['components/card/card.scss', 'components/card/card-theme.scss'],
     dependencies: [
       'paper-card-title',
       'paper-card-content',
       'paper-card-actions',
       'paper-card-header',
       'paper-card-image',
-      'paper-card-media'
-    ]
+      'paper-card-media',
+    ],
   },
   'paper-card-actions': {
-    dependencies: [
-      'paper-card-icon-actions'
-    ]
+    dependencies: ['paper-card-icon-actions'],
   },
   'paper-card-title': {
-    dependencies: [
-      'paper-card-title-text',
-      'paper-card-title-media'
-    ]
+    dependencies: ['paper-card-title-text', 'paper-card-title-media'],
   },
   'paper-card-title-text': {
-    dependencies: [
-      'paper-card-header-headline',
-      'paper-card-header-subhead'
-    ]
+    dependencies: ['paper-card-header-headline', 'paper-card-header-subhead'],
   },
   'paper-card-header': {
-    dependencies: [
-      'paper-card-header-text',
-      'paper-card-avatar'
-    ]
+    dependencies: ['paper-card-header-text', 'paper-card-avatar'],
   },
   'paper-card-header-text': {
-    dependencies: [
-      'paper-card-header-title',
-      'paper-card-header-subhead'
-    ]
+    dependencies: ['paper-card-header-title', 'paper-card-header-subhead'],
   },
   'paper-checkbox': {
     styles: [
       'components/checkbox/checkbox.scss',
-      'components/checkbox/checkbox-theme.scss'
-    ]
+      'components/checkbox/checkbox-theme.scss',
+    ],
   },
   'paper-chips': {
     styles: [
       'components/chips/chips.scss',
-      'components/chips/chips-theme.scss'
+      'components/chips/chips-theme.scss',
     ],
-    dependencies: [
-      'paper-autocomplete',
-      'paper-icon'
-    ]
+    dependencies: ['paper-autocomplete', 'paper-icon'],
   },
   'paper-contact-chips': {
-    dependencies: [
-      'paper-chips'
-    ]
+    dependencies: ['paper-chips'],
   },
   'paper-content': {
     styles: [
       'components/content/content.scss',
-      'components/content/content-theme.scss'
-    ]
+      'components/content/content-theme.scss',
+    ],
   },
   'paper-dialog': {
     styles: [
       'components/dialog/dialog.scss',
-      'components/dialog/dialog-theme.scss'
+      'components/dialog/dialog-theme.scss',
     ],
     dependencies: [
       'paper-dialog-actions',
       'paper-backdrop',
       'paper-dialog-container',
       'paper-dialog-content',
-      'paper-dialog-inner'
-    ]
+      'paper-dialog-inner',
+    ],
   },
   'paper-divider': {
     styles: [
       'components/divider/divider.scss',
-      'components/divider/divider-theme.scss'
-    ]
+      'components/divider/divider-theme.scss',
+    ],
   },
   'paper-form': {
     dependencies: [
       'paper-input',
       'paper-select',
       'paper-autocomplete',
-      'paper-button'
-    ]
+      'paper-button',
+    ],
   },
   'paper-grid-list': {
-    styles: [
-      'components/gridList/grid-list.scss'
-    ],
-    dependencies: [
-      'paper-grid-tile'
-    ]
+    styles: ['components/gridList/grid-list.scss'],
+    dependencies: ['paper-grid-tile'],
   },
   'paper-grid-tile': {
-    dependencies: [
-      'paper-grid-tile-footer'
-    ]
+    dependencies: ['paper-grid-tile-footer'],
   },
   'paper-icon': {
-    styles: [
-      'components/icon/icon.scss',
-      'components/icon/icon-theme.scss'
-    ]
+    styles: ['components/icon/icon.scss', 'components/icon/icon-theme.scss'],
   },
   'paper-input': {
     styles: [
       'components/input/input.scss',
-      'components/input/input-theme.scss'
-    ]
+      'components/input/input-theme.scss',
+    ],
   },
   'paper-item': {
     dependencies: [
       'paper-checkbox',
       'paper-button',
       'paper-switch',
-      'paper-radio-proxiable'
-    ]
+      'paper-radio-proxiable',
+    ],
   },
   'paper-list': {
-    styles: [
-      'components/list/list.scss',
-      'components/list/list-theme.scss'
-    ]
+    styles: ['components/list/list.scss', 'components/list/list-theme.scss'],
   },
   'paper-radio-proxiable': {
-    dependencies: [
-      'paper-radio-base'
-    ]
+    dependencies: ['paper-radio-base'],
   },
 
   'paper-menu': {
-    styles: [
-      'components/menu/menu.scss',
-      'components/menu/menu-theme.scss'
-    ],
-    dependencies: [
-      'paper-menu/trigger',
-      'paper-menu/content'
-    ]
+    styles: ['components/menu/menu.scss', 'components/menu/menu-theme.scss'],
+    dependencies: ['paper-menu/trigger', 'paper-menu/content'],
   },
 
   'paper-menu/content': {
-    dependencies: [
-      'paper-backdrop',
-      'paper-menu/item'
-    ]
+    dependencies: ['paper-backdrop', 'paper-menu/item'],
   },
 
   'paper-menu/item': {
-    dependencies: [
-      'paper-button'
-    ]
+    dependencies: ['paper-button'],
   },
 
   'paper-progress-circular': {
     styles: [
       'components/progressCircular/progress-circular.scss',
-      'components/progressCircular/progress-circular-theme.scss'
-    ]
+      'components/progressCircular/progress-circular-theme.scss',
+    ],
   },
   'paper-progress-linear': {
     styles: [
       'components/progressLinear/progress-linear.scss',
-      'components/progressLinear/progress-linear-theme.scss'
-    ]
+      'components/progressLinear/progress-linear-theme.scss',
+    ],
   },
   'paper-radio': {
-    dependencies: [
-      'paper-radio-base'
-    ]
+    dependencies: ['paper-radio-base'],
   },
   'paper-radio-base': {
     styles: [
       'components/radioButton/radio-button.scss',
-      'components/radioButton/radio-button-theme.scss'
-    ]
+      'components/radioButton/radio-button-theme.scss',
+    ],
   },
   'paper-radio-group': {
-    dependencies: [
-      'paper-radio'
-    ]
+    dependencies: ['paper-radio'],
   },
 
   'paper-select': {
     styles: [
       'components/select/select.scss',
-      'components/select/select-theme.scss'
+      'components/select/select-theme.scss',
     ],
     dependencies: [
-      'paper-select/ebd-trigger',
-      'paper-select/eps-trigger',
-      'paper-select/ebd-content',
-      'paper-select/options',
-      'paper-select/search',
-      'paper-select/no-matches-message',
-      'paper-select/search-message',
-    ]
+      'paper-select-ebd-trigger',
+      'paper-select-eps-trigger',
+      'paper-select-ebd-content',
+      'paper-select-options',
+      'paper-select-search',
+      'paper-select-no-matches-message',
+      'paper-select-search-message',
+    ],
   },
 
-  'paper-select/options': {
-    dependencies: [
-      'paper-progress-circular',
-      'paper-select/option'
-    ]
+  'paper-select-options': {
+    dependencies: ['paper-progress-circular', 'paper-select-option'],
   },
 
-  'paper-select/ebd-content': {
-    dependencies: [
-      'paper-backdrop'
-    ]
+  'paper-select-ebd-content': {
+    dependencies: ['paper-backdrop'],
   },
 
   'paper-sidenav': {
     styles: [
       'components/sidenav/sidenav.scss',
-      'components/sidenav/sidenav-theme.scss'
+      'components/sidenav/sidenav-theme.scss',
     ],
-    dependencies: [
-      'paper-backdrop',
-      'paper-sidenav-inner'
-    ]
+    dependencies: ['paper-backdrop', 'paper-sidenav-inner'],
   },
   'paper-slider': {
     styles: [
       'components/slider/slider.scss',
-      'components/slider/slider-theme.scss'
-    ]
+      'components/slider/slider-theme.scss',
+    ],
   },
   'paper-speed-dial': {
-    styles: [
-      'components/fabSpeedDial/fabSpeedDial.scss'
-    ],
-    dependencies: [
-      'paper-speed-dial-trigger',
-      'paper-speed-dial-actions'
-    ]
+    styles: ['components/fabSpeedDial/fabSpeedDial.scss'],
+    dependencies: ['paper-speed-dial-trigger', 'paper-speed-dial-actions'],
   },
   'paper-subheader': {
     styles: [
       'components/subheader/subheader.scss',
-      'components/subheader/subheader-theme.scss'
-    ]
+      'components/subheader/subheader-theme.scss',
+    ],
   },
   'paper-speed-dial-actions': {
-    dependencies: [
-      'paper-speed-dial-actions-action'
-    ]
+    dependencies: ['paper-speed-dial-actions-action'],
   },
   'paper-switch': {
     styles: [
       'components/switch/switch.scss',
-      'components/switch/switch-theme.scss'
-    ]
+      'components/switch/switch-theme.scss',
+    ],
   },
   'paper-tabs': {
-    styles: [
-      'components/tabs/tabs.scss',
-      'components/tabs/tabs-theme.scss'
-    ],
-    dependencies: [
-      'paper-tab',
-      'paper-ink-bar',
-      'paper-icon'
-    ]
+    styles: ['components/tabs/tabs.scss', 'components/tabs/tabs-theme.scss'],
+    dependencies: ['paper-tab', 'paper-ink-bar', 'paper-icon'],
   },
   'paper-toast': {
     styles: [
       'components/toast/toast.scss',
-      'components/toast/toast-theme.scss'
+      'components/toast/toast-theme.scss',
     ],
-    dependencies: [
-      'paper-toast-inner',
-      'paper-toast-text'
-    ]
+    dependencies: ['paper-toast-inner', 'paper-toast-text'],
   },
   'paper-toaster': {
-    dependencies: [
-      'paper-toast',
-      'paper-button'
-    ]
+    dependencies: ['paper-toast', 'paper-button'],
   },
   'paper-toolbar': {
     styles: [
       'components/toolbar/toolbar.scss',
-      'components/toolbar/toolbar-theme.scss'
+      'components/toolbar/toolbar-theme.scss',
     ],
-    dependencies: [
-      'paper-toolbar-tools'
-    ]
+    dependencies: ['paper-toolbar-tools'],
   },
   'paper-tooltip': {
     styles: [
       'components/tooltip/tooltip.scss',
-      'components/tooltip/tooltip-theme.scss'
+      'components/tooltip/tooltip-theme.scss',
     ],
-    dependencies: [
-      'paper-tooltip-inner'
-    ]
-  }
+    dependencies: ['paper-tooltip-inner'],
+  },
 };
 
 module.exports = {
@@ -371,21 +287,33 @@ module.exports = {
       'polyfill-nodelist-foreach': {
         files: ['index.js'],
         // compatibility from https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach
-        browsers: ['ie > 0', 'chrome < 52', 'ff < 50', 'opera < 38', 'safari < 10', 'edge < 16', 'android < 51', 'and_chr < 51', 'and_ff < 50', 'ios_saf < 10', 'Samsung < 5']
+        browsers: [
+          'ie > 0',
+          'chrome < 52',
+          'ff < 50',
+          'opera < 38',
+          'safari < 10',
+          'edge < 16',
+          'android < 51',
+          'and_chr < 51',
+          'and_ff < 50',
+          'ios_saf < 10',
+          'Samsung < 5',
+        ],
       },
       'classlist-polyfill': {
         files: ['src/index.js'],
-        caniuse: 'classlist'
+        caniuse: 'classlist',
       },
       'element-closest': {
         files: ['browser.js'],
-        caniuse: 'element-closest'
+        caniuse: 'element-closest',
       },
       'matchmedia-polyfill': {
         files: ['matchMedia.js'],
-        caniuse: 'matchmedia'
-      }
-    }
+        caniuse: 'matchmedia',
+      },
+    },
   },
 
   included() {
@@ -414,39 +342,41 @@ module.exports = {
   config() {
     return {
       'ember-paper': {
-        insertFontLinks: true
-      }
+        insertFontLinks: true,
+      },
     };
   },
 
   contentFor(type, config) {
-
     if (type === 'head') {
-
       if (config['ember-paper'].insertFontLinks) {
-
         let whitelist = this.emberPaperOptions.whitelist || [];
         let blacklist = this.emberPaperOptions.blacklist || [];
 
-        let links = '<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">';
+        let links =
+          '<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">';
 
-        let paperIconNotWhitelisted = whitelist.length && !whitelist.includes('paper-icon');
-        let paperIconBlacklisted = blacklist.length && blacklist.includes('paper-icon');
+        let paperIconNotWhitelisted =
+          whitelist.length && !whitelist.includes('paper-icon');
+        let paperIconBlacklisted =
+          blacklist.length && blacklist.includes('paper-icon');
 
         if (paperIconNotWhitelisted || paperIconBlacklisted) {
           return links;
         }
 
         return `${links} <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">`;
-
       }
     } else if (type === 'body-footer') {
       let response = null;
-      let emberPowerSelect = this.addons.filter(function(addon) {
+      let emberPowerSelect = this.addons.filter(function (addon) {
         return addon.name === 'ember-power-select';
       })[0];
       response = emberPowerSelect.contentFor(type, config);
-      if (config.environment !== 'test' &&  !config._emberPaperContentForInvoked) {
+      if (
+        config.environment !== 'test' &&
+        !config._emberPaperContentForInvoked
+      ) {
         config._emberPaperContentForInvoked = true;
         response = `
           ${response || ''}
@@ -461,15 +391,19 @@ module.exports = {
   treeForVendor(tree) {
     let trees = [];
 
-    let hammerJs = fastbootTransform(new Funnel(this.pathBase('hammerjs'), {
-      files: ['hammer.js'],
-      destDir: 'hammerjs'
-    }));
+    let hammerJs = fastbootTransform(
+      new Funnel(this.pathBase('hammerjs'), {
+        files: ['hammer.js'],
+        destDir: 'hammerjs',
+      })
+    );
 
-    let propagatingHammerJs = fastbootTransform(new Funnel(this.pathBase('propagating-hammerjs'), {
-      files: ['propagating.js'],
-      destDir: 'propagating-hammerjs'
-    }));
+    let propagatingHammerJs = fastbootTransform(
+      new Funnel(this.pathBase('propagating-hammerjs'), {
+        files: ['propagating.js'],
+        destDir: 'propagating-hammerjs',
+      })
+    );
 
     trees = trees.concat([hammerJs, propagatingHammerJs]);
 
@@ -498,26 +432,33 @@ module.exports = {
       'components/whiteframe/whiteframe.scss',
 
       'components/panel/panel.scss',
-      'components/panel/panel-theme.scss'
+      'components/panel/panel-theme.scss',
     ];
 
     let filteredScssFiles = this.addStyles(coreScssFiles) || coreScssFiles;
 
-    let angularScssFiles = new Funnel(this.pathBase('angular-material-styles'), {
-      files: filteredScssFiles,
-      srcDir: '/src',
-      destDir: 'angular-material',
-      annotation: 'AngularScssFunnel'
-    });
+    let angularScssFiles = new Funnel(
+      this.pathBase('angular-material-styles'),
+      {
+        files: filteredScssFiles,
+        srcDir: '/src',
+        destDir: 'angular-material',
+        annotation: 'AngularScssFunnel',
+      }
+    );
 
     angularScssFiles = new AngularScssFilter(angularScssFiles);
 
     let importer = writeFile(
       'ember-paper-components.scss',
-      filteredScssFiles.map((path) => `@import './angular-material/${path}';`).join('\n')
+      filteredScssFiles
+        .map((path) => `@import './angular-material/${path}';`)
+        .join('\n')
     );
 
-    let mergedTrees = new MergeTrees([angularScssFiles, importer, tree], { overwrite: true });
+    let mergedTrees = new MergeTrees([angularScssFiles, importer, tree], {
+      overwrite: true,
+    });
     return this._super.treeForStyles(mergedTrees);
   },
 
@@ -534,7 +475,9 @@ module.exports = {
     git, we use this hack. Please change it if you read this and know a better way.
   */
   pathBase(packageName) {
-    return path.dirname(resolve.sync(`${packageName}/package.json`, { basedir: __dirname }));
+    return path.dirname(
+      resolve.sync(`${packageName}/package.json`, { basedir: __dirname })
+    );
   },
 
   treeForApp(tree) {
@@ -558,7 +501,6 @@ module.exports = {
    * @return {Array} - New array with styles appended
    */
   addStyles(core = []) {
-
     let whitelist = this.generateWhitelist(this.emberPaperOptions.whitelist);
     let blacklist = this.emberPaperOptions.blacklist || [];
 
@@ -588,7 +530,6 @@ module.exports = {
     }
 
     return styles;
-
   },
 
   /**
@@ -606,7 +547,6 @@ module.exports = {
         }
       });
     }
-
   },
 
   filterComponents(tree) {
@@ -619,7 +559,7 @@ module.exports = {
     }
 
     return new Funnel(tree, {
-      exclude: [(name) => this.excludeComponent(name, whitelist, blacklist)]
+      exclude: [(name) => this.excludeComponent(name, whitelist, blacklist)],
     });
   },
 
@@ -658,7 +598,10 @@ module.exports = {
       if (list.indexOf(item) === -1) {
         list.push(item);
 
-        if (componentDependencies[item] && componentDependencies[item].dependencies) {
+        if (
+          componentDependencies[item] &&
+          componentDependencies[item].dependencies
+        ) {
           componentDependencies[item].dependencies.forEach(_addToWhitelist);
         }
       }
@@ -666,5 +609,5 @@ module.exports = {
 
     whitelist.forEach(_addToWhitelist);
     return list;
-  }
+  },
 };

From 4fd09163ebffb684b3bbdf4b31340cc487b0608f Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Mon, 9 Dec 2024 17:03:05 +1300
Subject: [PATCH 11/13] ci(tests/integration/components): adds tests to check
 against disabling and validation rules.

---
 .../components/paper-select-test.js           | 70 +++++++++++++++----
 1 file changed, 58 insertions(+), 12 deletions(-)

diff --git a/tests/integration/components/paper-select-test.js b/tests/integration/components/paper-select-test.js
index fbfe8d91b..8802b9b16 100644
--- a/tests/integration/components/paper-select-test.js
+++ b/tests/integration/components/paper-select-test.js
@@ -1,18 +1,25 @@
-/* eslint-disable prettier/prettier */
 import { module, test } from 'qunit';
 import { setupRenderingTest } from 'ember-qunit';
-import { render, fillIn, waitUntil, find } from '@ember/test-helpers';
+import { click, render, fillIn, waitUntil, find } from '@ember/test-helpers';
 import hbs from 'htmlbars-inline-precompile';
-import { clickTrigger, selectChoose } from 'ember-power-select/test-support/helpers';
+import {
+  clickTrigger,
+  selectChoose,
+} from 'ember-power-select/test-support/helpers';
 
-module('Integration | Component | paper-select', function(hooks) {
+module('Integration | Component | paper-select', function (hooks) {
   setupRenderingTest(hooks);
 
-  hooks.beforeEach(function() {
-    this.set('sizes', ['small (12-inch)', 'medium (14-inch)', 'large (16-inch)', 'insane (42-inch)']);
+  hooks.beforeEach(function () {
+    this.set('sizes', [
+      'small (12-inch)',
+      'medium (14-inch)',
+      'large (16-inch)',
+      'insane (42-inch)',
+    ]);
   });
 
-  test('opens on click', async function(assert) {
+  test('opens on click', async function (assert) {
     await render(hbs`{{#paper-select
       disabled=disableSelect
       placeholder="Size"
@@ -29,7 +36,7 @@ module('Integration | Component | paper-select', function(hooks) {
     assert.dom('md-select-menu').exists();
   });
 
-  test('backdrop removed if select closed', async function(assert) {
+  test('backdrop removed if select closed', async function (assert) {
     await render(hbs`{{#paper-select
       disabled=disableSelect
       placeholder="Size"
@@ -54,7 +61,7 @@ module('Integration | Component | paper-select', function(hooks) {
     assert.dom('md-backdrop').doesNotExist();
   });
 
-  test('it can select an option', async function(assert) {
+  test('it can select an option', async function (assert) {
     await render(hbs`{{#paper-select
       disabled=disableSelect
       placeholder="Size"
@@ -73,7 +80,46 @@ module('Integration | Component | paper-select', function(hooks) {
     assert.equal(this.selectedSize, 'large (16-inch)');
   });
 
-  test('header is rendered above content', async function(assert) {
+  test('it can be disabled', async function (assert) {
+    await render(hbs`{{#paper-select
+      disabled=true
+      placeholder="Size"
+      options=sizes
+      selected=selectedSize
+      onChange=(action (mut selectedSize))
+    as |size|
+    }}
+      {{size}}
+    {{/paper-select}}`);
+
+    assert.dom('md-select').exists();
+    assert.dom('md-select').hasProperty('disabled', undefined);
+  });
+
+  test('it can be validated', async function (assert) {
+    await render(hbs`{{#paper-select
+      required=true
+      placeholder="Size"
+      options=sizes
+      selected=selectedSize
+      onChange=(action (mut selectedSize))
+    as |size|}}
+      {{size}}
+    {{/paper-select}}
+    <div id="not-paper-select"></div>`);
+
+    assert.dom('md-select').exists();
+    assert.dom('md-select').doesNotHaveClass('ng-dirty');
+    assert.dom('md-select').doesNotHaveClass('ng-invalid');
+
+    await clickTrigger('md-input-container');
+    await click('#not-paper-select');
+
+    assert.dom('md-select').hasClass('ng-dirty');
+    assert.dom('md-select').hasClass('ng-invalid');
+  });
+
+  test('header is rendered above content', async function (assert) {
     await render(hbs`{{#paper-select
       disabled=disableSelect
       placeholder="Size"
@@ -92,7 +138,7 @@ module('Integration | Component | paper-select', function(hooks) {
     assert.dom('md-select-menu > md-content').exists();
   });
 
-  test('it can search a value', async function(assert) {
+  test('it can search a value', async function (assert) {
     await render(hbs`{{#paper-select
       disabled=disableSelect
       placeholder="Size"
@@ -116,7 +162,7 @@ module('Integration | Component | paper-select', function(hooks) {
     assert.dom('md-select-menu md-option').hasText('small (12-inch)');
   });
 
-  test('it shows search message before entering search string', async function(assert) {
+  test('it shows search message before entering search string', async function (assert) {
     this.search = (value) => this.sizes.filter((size) => size.includes(value));
 
     await render(hbs`{{#paper-select

From 684992636a505e4512b776777cb32b7a496417bc Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Tue, 10 Dec 2024 14:11:34 +1300
Subject: [PATCH 12/13] chore(addon/components/paper-select): put back into
 paper-select folder.

---
 .../ebd-content.hbs}                               |  0
 .../ebd-content.js}                                |  0
 .../ebd-trigger.hbs}                               |  0
 .../eps-trigger.hbs}                               |  0
 .../eps-trigger.js}                                |  0
 .../{paper-select.hbs => paper-select/index.hbs}   | 14 +++++++-------
 .../{paper-select.js => paper-select/index.js}     |  0
 .../no-matches-message.hbs}                        |  0
 .../option.hbs}                                    |  0
 .../options.hbs}                                   |  8 ++++----
 .../options.js}                                    |  0
 .../search-message.hbs}                            |  0
 .../search.hbs}                                    |  0
 .../search.js}                                     |  0
 app/components/paper-select-ebd-content.js         |  1 -
 app/components/paper-select-ebd-trigger.js         |  1 -
 app/components/paper-select-eps-trigger.js         |  1 -
 app/components/paper-select-no-matches-message.js  |  1 -
 app/components/paper-select-option.js              |  1 -
 app/components/paper-select-options.js             |  1 -
 app/components/paper-select-search-message.js      |  1 -
 app/components/paper-select-search.js              |  1 -
 app/components/paper-select/ebd-content.js         |  1 +
 app/components/paper-select/ebd-trigger.js         |  1 +
 app/components/paper-select/eps-trigger.js         |  1 +
 app/components/paper-select/no-matches-message.js  |  1 +
 app/components/paper-select/option.js              |  1 +
 app/components/paper-select/options.js             |  1 +
 app/components/paper-select/search-message.js      |  1 +
 app/components/paper-select/search.js              |  1 +
 30 files changed, 19 insertions(+), 19 deletions(-)
 rename addon/components/{paper-select-ebd-content.hbs => paper-select/ebd-content.hbs} (100%)
 rename addon/components/{paper-select-ebd-content.js => paper-select/ebd-content.js} (100%)
 rename addon/components/{paper-select-ebd-trigger.hbs => paper-select/ebd-trigger.hbs} (100%)
 rename addon/components/{paper-select-eps-trigger.hbs => paper-select/eps-trigger.hbs} (100%)
 rename addon/components/{paper-select-eps-trigger.js => paper-select/eps-trigger.js} (100%)
 rename addon/components/{paper-select.hbs => paper-select/index.hbs} (80%)
 rename addon/components/{paper-select.js => paper-select/index.js} (100%)
 rename addon/components/{paper-select-no-matches-message.hbs => paper-select/no-matches-message.hbs} (100%)
 rename addon/components/{paper-select-option.hbs => paper-select/option.hbs} (100%)
 rename addon/components/{paper-select-options.hbs => paper-select/options.hbs} (96%)
 rename addon/components/{paper-select-options.js => paper-select/options.js} (100%)
 rename addon/components/{paper-select-search-message.hbs => paper-select/search-message.hbs} (100%)
 rename addon/components/{paper-select-search.hbs => paper-select/search.hbs} (100%)
 rename addon/components/{paper-select-search.js => paper-select/search.js} (100%)
 delete mode 100644 app/components/paper-select-ebd-content.js
 delete mode 100644 app/components/paper-select-ebd-trigger.js
 delete mode 100644 app/components/paper-select-eps-trigger.js
 delete mode 100644 app/components/paper-select-no-matches-message.js
 delete mode 100644 app/components/paper-select-option.js
 delete mode 100644 app/components/paper-select-options.js
 delete mode 100644 app/components/paper-select-search-message.js
 delete mode 100644 app/components/paper-select-search.js
 create mode 100644 app/components/paper-select/ebd-content.js
 create mode 100644 app/components/paper-select/ebd-trigger.js
 create mode 100644 app/components/paper-select/eps-trigger.js
 create mode 100644 app/components/paper-select/no-matches-message.js
 create mode 100644 app/components/paper-select/option.js
 create mode 100644 app/components/paper-select/options.js
 create mode 100644 app/components/paper-select/search-message.js
 create mode 100644 app/components/paper-select/search.js

diff --git a/addon/components/paper-select-ebd-content.hbs b/addon/components/paper-select/ebd-content.hbs
similarity index 100%
rename from addon/components/paper-select-ebd-content.hbs
rename to addon/components/paper-select/ebd-content.hbs
diff --git a/addon/components/paper-select-ebd-content.js b/addon/components/paper-select/ebd-content.js
similarity index 100%
rename from addon/components/paper-select-ebd-content.js
rename to addon/components/paper-select/ebd-content.js
diff --git a/addon/components/paper-select-ebd-trigger.hbs b/addon/components/paper-select/ebd-trigger.hbs
similarity index 100%
rename from addon/components/paper-select-ebd-trigger.hbs
rename to addon/components/paper-select/ebd-trigger.hbs
diff --git a/addon/components/paper-select-eps-trigger.hbs b/addon/components/paper-select/eps-trigger.hbs
similarity index 100%
rename from addon/components/paper-select-eps-trigger.hbs
rename to addon/components/paper-select/eps-trigger.hbs
diff --git a/addon/components/paper-select-eps-trigger.js b/addon/components/paper-select/eps-trigger.js
similarity index 100%
rename from addon/components/paper-select-eps-trigger.js
rename to addon/components/paper-select/eps-trigger.js
diff --git a/addon/components/paper-select.hbs b/addon/components/paper-select/index.hbs
similarity index 80%
rename from addon/components/paper-select.hbs
rename to addon/components/paper-select/index.hbs
index e54d2b85a..2e0edad7b 100644
--- a/addon/components/paper-select.hbs
+++ b/addon/components/paper-select/index.hbs
@@ -24,26 +24,26 @@
     @calculatePosition={{this.calculatePosition}}
     @extra={{hash label=@label}}
     @ebdTriggerComponent={{component
-      'paper-select-ebd-trigger'
+      'paper-select/ebd-trigger'
       label=@label
       selected=@selected
       required=@required
       disabled=@disabled
     }}
-    @triggerComponent='paper-select-eps-trigger'
+    @triggerComponent='paper-select/eps-trigger'
     @triggerClass='{{if this.validation.isInvalid "ng-invalid"}} {{if
       this.validation.isTouched
       "ng-dirty"
     }}'
     @ebdContentComponent={{component
-      'paper-select-ebd-content'
+      'paper-select/ebd-content'
       searchEnabled=@searchEnabled
       select=this.publicAPI
     }}
-    @optionsComponent='paper-select-options'
-    @beforeOptionsComponent='paper-select-search'
-    @noMatchesMessageComponent='paper-select-no-matches-message'
-    @searchMessageComponent='paper-select-search-message'
+    @optionsComponent='paper-select/options'
+    @beforeOptionsComponent='paper-select/search'
+    @noMatchesMessageComponent='paper-select/no-matches-message'
+    @searchMessageComponent='paper-select/search-message'
     @onClose={{this.handleClose}}
     @onOpen={{this.handleOpen}}
     @onFocus={{this.handleFocus}}
diff --git a/addon/components/paper-select.js b/addon/components/paper-select/index.js
similarity index 100%
rename from addon/components/paper-select.js
rename to addon/components/paper-select/index.js
diff --git a/addon/components/paper-select-no-matches-message.hbs b/addon/components/paper-select/no-matches-message.hbs
similarity index 100%
rename from addon/components/paper-select-no-matches-message.hbs
rename to addon/components/paper-select/no-matches-message.hbs
diff --git a/addon/components/paper-select-option.hbs b/addon/components/paper-select/option.hbs
similarity index 100%
rename from addon/components/paper-select-option.hbs
rename to addon/components/paper-select/option.hbs
diff --git a/addon/components/paper-select-options.hbs b/addon/components/paper-select/options.hbs
similarity index 96%
rename from addon/components/paper-select-options.hbs
rename to addon/components/paper-select/options.hbs
index de4d1657b..27f7ce7c5 100644
--- a/addon/components/paper-select-options.hbs
+++ b/addon/components/paper-select/options.hbs
@@ -29,7 +29,7 @@
 
       {{else}}
 
-        <PaperSelectOption
+        <PaperSelect::Option
           class="ember-power-select-option"
           aria-selected="{{ember-power-select-is-selected opt @select.selected}}"
           aria-disabled={{if opt.disabled "true"}}
@@ -39,7 +39,7 @@
           tabindex={{if opt.disabled "-1" "0"}}
           selected={{if (ember-power-select-is-selected opt @select.selected) "selected" undefined}}>
           {{yield opt @select}}
-        </PaperSelectOption>
+        </PaperSelect::Option>
 
       {{/if}}
 
@@ -76,7 +76,7 @@
 
         {{else}}
 
-          <PaperSelectOption
+          <PaperSelect::Option
             class="ember-power-select-option"
             aria-selected="{{ember-power-select-is-selected opt @select.selected}}"
             aria-disabled={{if opt.disabled "true"}}
@@ -86,7 +86,7 @@
             tabindex={{if opt.disabled "-1" "0"}}
             selected={{if (ember-power-select-is-selected opt @select.selected) "selected" undefined}}>
             {{yield opt @select}}
-          </PaperSelectOption>
+          </PaperSelect::Option>
 
         {{/if}}
 
diff --git a/addon/components/paper-select-options.js b/addon/components/paper-select/options.js
similarity index 100%
rename from addon/components/paper-select-options.js
rename to addon/components/paper-select/options.js
diff --git a/addon/components/paper-select-search-message.hbs b/addon/components/paper-select/search-message.hbs
similarity index 100%
rename from addon/components/paper-select-search-message.hbs
rename to addon/components/paper-select/search-message.hbs
diff --git a/addon/components/paper-select-search.hbs b/addon/components/paper-select/search.hbs
similarity index 100%
rename from addon/components/paper-select-search.hbs
rename to addon/components/paper-select/search.hbs
diff --git a/addon/components/paper-select-search.js b/addon/components/paper-select/search.js
similarity index 100%
rename from addon/components/paper-select-search.js
rename to addon/components/paper-select/search.js
diff --git a/app/components/paper-select-ebd-content.js b/app/components/paper-select-ebd-content.js
deleted file mode 100644
index 09237d3a9..000000000
--- a/app/components/paper-select-ebd-content.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-ebd-content';
diff --git a/app/components/paper-select-ebd-trigger.js b/app/components/paper-select-ebd-trigger.js
deleted file mode 100644
index 8718072d5..000000000
--- a/app/components/paper-select-ebd-trigger.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-ebd-trigger';
diff --git a/app/components/paper-select-eps-trigger.js b/app/components/paper-select-eps-trigger.js
deleted file mode 100644
index 6962dd8df..000000000
--- a/app/components/paper-select-eps-trigger.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-eps-trigger';
diff --git a/app/components/paper-select-no-matches-message.js b/app/components/paper-select-no-matches-message.js
deleted file mode 100644
index 62a2b7eac..000000000
--- a/app/components/paper-select-no-matches-message.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-no-matches-message';
diff --git a/app/components/paper-select-option.js b/app/components/paper-select-option.js
deleted file mode 100644
index c83a7d1cd..000000000
--- a/app/components/paper-select-option.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-option';
diff --git a/app/components/paper-select-options.js b/app/components/paper-select-options.js
deleted file mode 100644
index 78350ac4e..000000000
--- a/app/components/paper-select-options.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-options';
diff --git a/app/components/paper-select-search-message.js b/app/components/paper-select-search-message.js
deleted file mode 100644
index 5e9a093d5..000000000
--- a/app/components/paper-select-search-message.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-search-message';
diff --git a/app/components/paper-select-search.js b/app/components/paper-select-search.js
deleted file mode 100644
index 6d7adf726..000000000
--- a/app/components/paper-select-search.js
+++ /dev/null
@@ -1 +0,0 @@
-export { default } from 'ember-paper/components/paper-select-search';
diff --git a/app/components/paper-select/ebd-content.js b/app/components/paper-select/ebd-content.js
new file mode 100644
index 000000000..6594d2c63
--- /dev/null
+++ b/app/components/paper-select/ebd-content.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/ebd-content';
diff --git a/app/components/paper-select/ebd-trigger.js b/app/components/paper-select/ebd-trigger.js
new file mode 100644
index 000000000..0e62c6332
--- /dev/null
+++ b/app/components/paper-select/ebd-trigger.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/ebd-trigger';
diff --git a/app/components/paper-select/eps-trigger.js b/app/components/paper-select/eps-trigger.js
new file mode 100644
index 000000000..c5b5c2261
--- /dev/null
+++ b/app/components/paper-select/eps-trigger.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/eps-trigger';
diff --git a/app/components/paper-select/no-matches-message.js b/app/components/paper-select/no-matches-message.js
new file mode 100644
index 000000000..150ffb8e5
--- /dev/null
+++ b/app/components/paper-select/no-matches-message.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/no-matches-message';
diff --git a/app/components/paper-select/option.js b/app/components/paper-select/option.js
new file mode 100644
index 000000000..db18fe829
--- /dev/null
+++ b/app/components/paper-select/option.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/option';
diff --git a/app/components/paper-select/options.js b/app/components/paper-select/options.js
new file mode 100644
index 000000000..27dba4b80
--- /dev/null
+++ b/app/components/paper-select/options.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/options';
diff --git a/app/components/paper-select/search-message.js b/app/components/paper-select/search-message.js
new file mode 100644
index 000000000..1858a05d3
--- /dev/null
+++ b/app/components/paper-select/search-message.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/search-message';
diff --git a/app/components/paper-select/search.js b/app/components/paper-select/search.js
new file mode 100644
index 000000000..be4f42f38
--- /dev/null
+++ b/app/components/paper-select/search.js
@@ -0,0 +1 @@
+export { default } from 'ember-paper/components/paper-select/search';

From 8444359763b871ef5c60e00c1aad4263d04bf995 Mon Sep 17 00:00:00 2001
From: Matthew Hartstonge <matt@mykro.co.nz>
Date: Tue, 10 Dec 2024 14:26:54 +1300
Subject: [PATCH 13/13] chore(tests/dummy/app/templates/demo/select): fixes
 topping selection.

---
 tests/dummy/app/templates/demo/select.hbs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/dummy/app/templates/demo/select.hbs b/tests/dummy/app/templates/demo/select.hbs
index 4b36e8b83..414abeea2 100644
--- a/tests/dummy/app/templates/demo/select.hbs
+++ b/tests/dummy/app/templates/demo/select.hbs
@@ -41,7 +41,7 @@
       {{size}}
     </PaperSelect>
     <PaperSelect @options={{this.groupedToppings}} @label="Topping" @selected={{this.topping}} @onChange={{action (mut this.topping)}} as |topping|>
-      {{this.topping}}
+      {{topping}}
     </PaperSelect>
     {{! END-SNIPPET }}
   </div>