Fix embroider-optimized

README.md

@@ -1,4 +1,4 @@
-[![Build Status](https://travis-ci.org/cibernox/ember-power-select.svg?branch=master)](https://travis-ci.org/cibernox/ember-power-select)
+[![CI](https://github.com/cibernox/ember-power-select/actions/workflows/ci.yml/badge.svg)](https://github.com/cibernox/ember-power-select/actions/workflows/ci.yml)
 [![Ember Observer Score](http://emberobserver.com/badges/ember-power-select.svg)](http://emberobserver.com/addons/ember-power-select)
 [![Code Climate](https://codeclimate.com/github/cibernox/ember-power-select/badges/gpa.svg)](https://codeclimate.com/github/cibernox/ember-power-select)
 [![npm version](https://badge.fury.io/js/ember-power-select.svg)](https://badge.fury.io/js/ember-power-select)

config/ember-try.js

@@ -86,7 +86,11 @@ module.exports = async function () {
         },
       },
       embroiderSafe(),
-      embroiderOptimized(),
+      embroiderOptimized({
+        npm: {
+          devDependencies: { 'ember-data': '^4.6.0' },
+        },
+      }),
     ],
   };
 };

ember-cli-build.js

@@ -21,5 +21,11 @@ module.exports = function (defaults) {
         package: 'qunit',
       },
     ],
+    packageRules: [
+      {
+        package: 'ember-power-select',
+        semverRange: '*',
+      },
+    ],
   });
 };

package.json

@@ -79,7 +79,7 @@
     "ember-cli-typescript-blueprints": "^3.0.0",
     "ember-code-example-component": "^0.4.0",
     "ember-code-snippet": "^2.4.0",
-    "ember-data": "^3.21.0",
+    "ember-data": "^3.28.9",
     "ember-disable-prototype-extensions": "^1.1.3",
     "ember-export-application-global": "^2.0.1",
     "ember-fetch": "^8.1.0",

tests/dummy/app/components/custom-group-component.js

@@ -0,0 +1,9 @@
+/* eslint-disable ember/classic-decorator-hooks, ember/require-tagless-components */
+import Component from '@ember/component';
+
+export default class CustomGroupComponent extends Component {
+  init() {
+    super.init(...arguments);
+    this.onInit?.bind(this)();
+  }
+}

tests/dummy/app/components/list-of-countries.js

@@ -0,0 +1,4 @@
+/* eslint-disable ember/require-tagless-components */
+import Component from '@ember/component';
+
+export default class ListOfCountriesComponent extends Component {}

tests/dummy/app/templates/components/custom-after-options-two.hbs

@@ -0,0 +1 @@
+<button class="custom-after-options2-button" type="button" onclick={{@extra.passedAction}}>Do something</button>

tests/dummy/app/templates/components/custom-after-options.hbs

@@ -0,0 +1 @@
+<p id="custom-after-options-p-tag">Customized after options!</p>

tests/dummy/app/templates/components/custom-before-options-two.hbs

@@ -0,0 +1 @@
+<button class="custom-before-options2-button" type="button" onclick={{@extra.passedAction}}>Do something</button>

tests/dummy/app/templates/components/custom-before-options.hbs

@@ -0,0 +1,7 @@
+<p id='custom-before-options-p-tag'>
+  {{@placeholder}}
+</p>
+{{component
+  (ensure-safe-component @placeholderComponent)
+  placeholder=@placeholder
+}}

tests/dummy/app/templates/components/custom-group-component.hbs

@@ -0,0 +1 @@
+<div class="custom-component">{{yield}}</div>

tests/dummy/app/templates/components/custom-no-matches-message.hbs

@@ -0,0 +1 @@
+<p id="custom-no-matches-message-p-tag">{{@noMatchesMessage}}</p>

tests/dummy/app/templates/components/custom-placeholder.hbs

@@ -0,0 +1,7 @@
+<div class='ember-power-select-placeholder'>
+  This is a very
+  <span style='font-weight:bold'>
+    bold
+  </span>
+  placeholder
+</div>

tests/dummy/app/templates/components/custom-search-message.hbs

@@ -0,0 +1 @@
+<p id="custom-search-message-p-tag">Customized seach message!</p>

tests/dummy/app/templates/components/custom-trigger-component.hbs

@@ -0,0 +1 @@
+<div class="custom-trigger-component">{{@loadingMessage}}</div>

tests/dummy/app/templates/components/custom-trigger-that-handles-focus.hbs

@@ -0,0 +1 @@
+<input type="text" id="focusable-input" onFocus={{@onFocus}}>

tests/dummy/app/templates/components/list-of-countries.hbs

@@ -0,0 +1,18 @@
+<p>
+  Countries:
+</p>
+<ul>
+  {{#if @extra.field}}
+    {{#each @options as |option index|}}
+      <li>
+        {{index}}. {{get option @extra.field}}
+      </li>
+    {{/each}}
+  {{else}}
+    {{#each @options as |option index|}}
+      <li>
+        {{index}}. {{option.name}}
+      </li>
+    {{/each}}
+  {{/if}}
+</ul>

tests/dummy/app/templates/components/selected-country.hbs

@@ -0,0 +1,6 @@
+<img
+  src={{@select.selected.flagUrl}}
+  class='icon-flag {{if @extra.coolFlagIcon 'cool-flag-icon'}}'
+  alt='Flag of {{@select.selected.name}}'
+/>
+{{@select.selected.name}}