ember-power-calendar 0.17.0 → 0.19.0

package/addon/components/power-calendar/days.js

@@ -1,4 +1,3 @@
-import { layout, tagName } from "@ember-decorators/component";
 import Component from '@ember/component';
 import { computed, action } from '@ember/object';
 import { scheduleOnce } from '@ember/runloop';
@@ -34,7 +33,9 @@ const WEEK_DAYS = [
   'Sun'
 ];
 
-export default @layout(templateLayout) @tagName('') class extends Component {
+export default class extends Component {
+  layout = templateLayout
+  tagName = ''
   focusedId = undefined
   showDaysAround = true
   weekdayFormat = 'short' // "min" | "short" | "long"

package/addon/components/power-calendar/nav.js

@@ -1,8 +1,9 @@
 import Component from '@ember/component';
-import { layout, tagName } from "@ember-decorators/component";
 import templateLayout from '../../templates/components/power-calendar/nav';
 
-export default @layout(templateLayout) @tagName('') class extends Component {
+export default class extends Component {
+  layout = templateLayout
+  tagName = ''
   unit = 'month'
   format = 'MMMM YYYY'
 }

package/addon/components/power-calendar-multiple.js

@@ -7,9 +7,10 @@ import {
 } from 'ember-power-calendar-utils';
 import { assert } from '@ember/debug';
 import { isArray } from '@ember/array';
+import PowerCalendarMultipleDaysComponent from './power-calendar-multiple/days'
 
 export default class extends CalendarComponent {
-  daysComponent = 'power-calendar-multiple/days'
+  daysComponent = PowerCalendarMultipleDaysComponent
   _calendarType = 'multiple'
 
   // CPs

package/addon/components/power-calendar-range.js

@@ -12,10 +12,11 @@ import {
 import { assert } from '@ember/debug';
 
 import ownProp from 'ember-power-calendar/-private/utils/own-prop';
+import PowerCalendarRangeComponent from './power-calendar-range/days'
 
 export default class extends CalendarComponent {
   @fallbackIfUndefined(false) proximitySelection
-  daysComponent = 'power-calendar-range/days'
+  daysComponent = PowerCalendarRangeComponent
   _calendarType = 'range'
 
   // CPs

package/addon/components/power-calendar.js

@@ -1,4 +1,3 @@
-import { layout, tagName } from "@ember-decorators/component";
 import Component from '@ember/component';
 import { computed, action } from '@ember/object';
 import { guidFor } from '@ember/object/internals';
@@ -11,13 +10,17 @@ import {
   normalizeDate,
   normalizeCalendarValue
 } from 'ember-power-calendar-utils';
+import PowerCalendarNavComponent from './power-calendar/nav'
+import PowerCalendarDaysComponent from './power-calendar/days'
 
-export default @layout(templateLayout) @tagName('') class extends Component {
+export default class extends Component {
   @service('power-calendar') powerCalendarService
-  navComponent = 'power-calendar/nav'
-  daysComponent = 'power-calendar/days'
+  navComponent = PowerCalendarNavComponent
+  daysComponent = PowerCalendarDaysComponent
   center = null
   _calendarType = 'single'
+  layout = templateLayout
+  tagName = ''
 
   // Lifecycle hooks
   init() {

package/addon/templates/components/power-calendar.hbs

@@ -1,6 +1,6 @@
-{{#with (assign this.publicAPI (hash
-  Nav=(component this.navComponent calendar=(readonly this.publicAPI))
-  Days=(component this.daysComponent calendar=(readonly this.publicAPI))
+{{#let (assign this.publicAPI (hash
+  Nav=(component (ensure-safe-component this.navComponent) calendar=(readonly this.publicAPI))
+  Days=(component (ensure-safe-component this.daysComponent) calendar=(readonly this.publicAPI))
 )) as |calendar|}}
   {{#let (element this.tagWithDefault) as |Tag|}}
     <Tag class="ember-power-calendar" ...attributes id={{calendar.uniqueId}}>
@@ -12,4 +12,4 @@
       {{/if}}
     </Tag>
   {{/let}}
-{{/with}}
+{{/let}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-power-calendar",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "description": "Powerful and customizable calendar component for Ember",
   "scripts": {
     "build": "ember build --environment=production",
@@ -23,13 +23,13 @@
     "index.js"
   ],
   "devDependencies": {
-    "@ember/optional-features": "^1.3.0",
-    "@glimmer/component": "^1.0.0",
-    "@glimmer/tracking": "^1.0.0",
+    "@ember/optional-features": "^2.0.0",
+    "@glimmer/component": "^1.1.0",
+    "@glimmer/tracking": "^1.1.0",
     "babel-eslint": "^10.1.0",
     "broccoli-asset-rev": "^3.0.0",
     "ember-auto-import": "^2.4.0",
-    "ember-basic-dropdown": "^4.0.3",
+    "ember-basic-dropdown": "^6.0.0",
     "ember-cli": "~3.17.0",
     "ember-cli-app-version": "^3.2.0",
     "ember-cli-custom-assertions": "^0.1.1",
@@ -47,7 +47,7 @@
     "ember-load-initializers": "^2.1.1",
     "ember-maybe-import-regenerator": "^0.1.6",
     "ember-power-calendar-moment": "^0.2.0",
-    "ember-power-select": "^5.0.3",
+    "ember-power-select": "^6.0.0",
     "ember-resolver": "^7.0.0",
     "ember-source": "~3.17.0",
     "ember-source-channel-url": "^2.0.1",
@@ -58,7 +58,7 @@
     "eslint-plugin-node": "^11.0.0",
     "loader.js": "^4.7.0",
     "memory-scroll": "^1.0.0",
-    "moment": "^2.29.1",
+    "moment": "^2.29.4",
     "npm-run-all": "^4.1.5",
     "qunit-dom": "^1.1.0",
     "sass": "^1.15.2",
@@ -83,10 +83,8 @@
   "dependencies": {
     "ember-assign-helper": "^0.3.0 || ^0.4.0",
     "ember-cli-babel": "^7.18.0",
-    "ember-cli-element-closest-polyfill": "^0.0.2",
     "ember-cli-htmlbars": "^4.2.3 || ^5.0.0 || ^6.0.0",
-    "ember-concurrency": "^0.8.27 || ^0.9.0 || ^0.10.0 || ^1.0.0 || ^2.0.0-rc.1",
-    "ember-decorators": "^6.1.1",
+    "ember-concurrency": "^0.8.27 || ^0.9.0 || ^0.10.0 || ^1.0.0 || ^2.0.0",
     "ember-element-helper": "^0.5.0 || ^0.6.0",
     "ember-truth-helpers": "^2.1.0 || ^3.0.0"
   },