@xdam/ember-partials 0.10.0 → 0.11.0

package/README.md

@@ -18,6 +18,7 @@ Compatibility
 
 * Ember.js v2.18 or above
 * Ember CLI v2.13 or above
+* Node.js v8 or above
 
 
 Installation

package/addon/components/xep-avatar.js

@@ -3,10 +3,8 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-avatar';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
-import { computed } from '@ember-decorators/object';
-import { inject as service } from '@ember-decorators/service';
+import { computed } from '@ember/object';
+import { inject as service } from '@ember/service';
 
 import styleString from '@xdam/ember-partials/utils/style-string';
 
@@ -29,7 +27,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-avatar')
   testSelector;
 
@@ -38,7 +35,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [href]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute
   href;
 
@@ -47,7 +43,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -55,7 +50,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [firstName]
    * @type {String}
    */
-  @argument(optional('string'))
   firstName;
 
   /**
@@ -63,7 +57,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [lastName]
    * @type {String}
    */
-  @argument(optional('string'))
   lastName;
 
   /**
@@ -71,7 +64,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [entityName]
    * @type {String}
    */
-  @argument(optional('string'))
   entityName;
 
   /**
@@ -79,7 +71,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [textContent]
    * @type {String}
    */
-  @argument(optional('string'))
   textContent;
 
   /**
@@ -87,7 +78,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [image]
    * @type {String}
    */
-  @argument(optional('string'))
   image;
 
   /**
@@ -96,7 +86,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [backgroundColor]
    * @type {String}
    */
-  @argument(optional('string'))
   backgroundColor;
 
   /**
@@ -104,7 +93,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [width]
    * @type {Number}
    */
-  @argument('number')
   width = 32;
 
   /**
@@ -112,7 +100,6 @@ export default class XepAvatarComponent extends Component {
    * @argument [border]
    * @type {String}
    */
-  @argument(optional('string'))
   border;
 
   /**

package/addon/components/xep-bubble.js

@@ -3,9 +3,7 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-bubble';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 
 /**
  * Component description...
@@ -25,7 +23,6 @@ export default class XepBubbleComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-bubble')
   testSelector;
 
@@ -34,7 +31,6 @@ export default class XepBubbleComponent extends Component {
    * @argument [floating]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('xep-bubble--floating')
   floating;
 
@@ -43,7 +39,6 @@ export default class XepBubbleComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   init() {

package/addon/components/xep-button.js

@@ -2,12 +2,9 @@ import Component from '@ember/component';
 import {
   classNames, attribute, className, tagName, layout,
 } from '@ember-decorators/component';
-import { argument } from '@ember-decorators/argument';
-import { computed } from '@ember-decorators/object';
-import { oneOf, optional, Action } from '@ember-decorators/argument/types';
-import EmberObject from '@ember/object';
+import EmberObject, { computed } from '@ember/object';
 import template from '@xdam/ember-partials/templates/components/xep-button';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 
 const VARIANT_TYPES = {
   // Defaults to a text button that is flush with the surface.
@@ -44,7 +41,6 @@ export default class XepButtonComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-button')
   testSelector;
 
@@ -53,7 +49,6 @@ export default class XepButtonComponent extends Component {
    * @argument [tabindex]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute
   title;
 
@@ -62,7 +57,6 @@ export default class XepButtonComponent extends Component {
    * @argument [tabindex]
    * @type {Number}
    */
-  @argument(optional('number'))
   @attribute
   tabindex;
 
@@ -71,7 +65,6 @@ export default class XepButtonComponent extends Component {
    * @argument [type]
    * @type {String}
    */
-  @argument(optional(oneOf('submit', 'reset', 'button')))
   @attribute
   type;
 
@@ -80,7 +73,6 @@ export default class XepButtonComponent extends Component {
    * @argument [name]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute
   name;
 
@@ -89,7 +81,6 @@ export default class XepButtonComponent extends Component {
    * @argument [value]
    * @type {*}
    */
-  @argument(optional('any'))
   @attribute
   value;
 
@@ -98,7 +89,6 @@ export default class XepButtonComponent extends Component {
    * @argument [disabled]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @attribute
   disabled;
 
@@ -107,7 +97,6 @@ export default class XepButtonComponent extends Component {
    * @argument [dense]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-button--dense')
   dense;
 
@@ -117,7 +106,6 @@ export default class XepButtonComponent extends Component {
    * @argument [active]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('xep-button--active')
   active;
 
@@ -126,7 +114,6 @@ export default class XepButtonComponent extends Component {
    * @argument [dialogActionName]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-mdc-dialog-action')
   dialogActionName;
 
@@ -135,7 +122,6 @@ export default class XepButtonComponent extends Component {
    * @argument [dialogActionName]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-dialog__button--default')
   dialogDefaultAction;
 
@@ -144,7 +130,6 @@ export default class XepButtonComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -152,7 +137,6 @@ export default class XepButtonComponent extends Component {
    * @argument [click]
    * @type {Action}
    */
-  @argument(optional(Action))
   click;
 
   /**
@@ -160,7 +144,6 @@ export default class XepButtonComponent extends Component {
    * @argument variant
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(VARIANT_TYPES))))
   variant = 'standard';
 
   // Map of classNames for each variant type
@@ -186,7 +169,6 @@ export default class XepButtonComponent extends Component {
    * @argument color
    * @type {String}
    */
-  @argument('string')
   color = 'primary';
 
   /**

package/addon/components/xep-checkbox.js

@@ -3,11 +3,9 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-checkbox';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 import { guidFor } from '@ember/object/internals';
 import { MDCCheckbox } from '@material/checkbox';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 import { addEventListener, runDisposables } from 'ember-lifeline';
 
 import updateDirtyProps from '@xdam/ember-partials/utils/update-dirty-props';
@@ -29,7 +27,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-checkbox')
   testSelector;
 
@@ -38,7 +35,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -46,7 +42,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [checkboxId]
    * @type {String}
    */
-  @argument('string')
   checkboxId = guidFor(Symbol('Input Id'));
 
   /**
@@ -54,7 +49,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [label]
    * @type {String}
    */
-  @argument(optional('string'))
   label;
 
   /**
@@ -62,7 +56,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [checked]
    * @type {String}
    */
-  @argument(optional('boolean'))
   checked;
 
   /**
@@ -70,7 +63,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [value]
    * @type {String}
    */
-  @argument(optional('string'))
   value;
 
   /**
@@ -78,7 +70,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [indeterminate]
    * @type {String}
    */
-  @argument(optional('boolean'))
   indeterminate;
 
   /**
@@ -86,7 +77,6 @@ export default class XepCheckboxComponent extends Component {
    * @argument [disabled]
    * @type {String}
    */
-  @argument(optional('boolean'))
   disabled;
 
   trackedProps = ['indeterminate', 'disabled', 'checked', 'value'];

package/addon/components/xep-chip-icon.js

@@ -3,8 +3,6 @@ import {
   classNames, layout, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip-icon';
-import { argument } from '@ember-decorators/argument';
-import { optional, Action } from '@ember-decorators/argument/types';
 
 /**
  * You can optionally add a leading icon (i.e. thumbnail) and/or a trailing “remove” icon to a chip.
@@ -23,7 +21,6 @@ export default class XepChipIconComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip-icon')
   testSelector;
 
@@ -32,6 +29,5 @@ export default class XepChipIconComponent extends Component {
    * @argument [click]
    * @type {Action}
    */
-  @argument(optional(Action))
   click;
 }

package/addon/components/xep-chip-set.js

@@ -1,18 +1,13 @@
-import {
-  oneOf, optional,
-} from '@ember-decorators/argument/types';
 import Component from '@ember/component';
 import {
   classNames, layout, className, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip-set';
-import { alias } from '@ember-decorators/object/computed';
-import { argument } from '@ember-decorators/argument';
-import { inject as service } from '@ember-decorators/service';
-import { computed } from '@ember-decorators/object';
+import { alias } from '@ember/object/computed';
+import { inject as service } from '@ember/service';
 import { MDCChipSet } from '@material/chips';
 import { addEventListener, runDisposables } from 'ember-lifeline';
-import EmberObject from '@ember/object';
+import EmberObject, { computed } from '@ember/object';
 
 const VARIANT_TYPES = {
   standard: '',
@@ -53,7 +48,6 @@ export default class XepChipSetComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip-set')
   testSelector;
 
@@ -62,7 +56,6 @@ export default class XepChipSetComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -70,7 +63,6 @@ export default class XepChipSetComponent extends Component {
    * @argument variant
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(VARIANT_TYPES))))
   variant = 'standard';
 
   // Map of classNames for each variant type

package/addon/components/xep-chip-text.js

@@ -1,8 +1,6 @@
 import Component from '@ember/component';
 import { classNames, layout, attribute } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip-text';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @layout(template)
 @classNames('xep-chip-text', 'mdc-chip__text')
@@ -12,7 +10,6 @@ export default class XepChipTextComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip-text')
   testSelector;
 }

package/addon/components/xep-chip.js

@@ -3,8 +3,6 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-chip';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 import { addEventListener, runDisposables } from 'ember-lifeline';
 
 /**
@@ -24,7 +22,6 @@ export default class XepChipComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-chip')
   testSelector;
 
@@ -33,7 +30,6 @@ export default class XepChipComponent extends Component {
    * @argument [tabindex]
    * @type {Number}
    */
-  @argument(optional('number'))
   @attribute
   tabindex = 0;
 
@@ -42,7 +38,6 @@ export default class XepChipComponent extends Component {
    * @argument [elementId]
    * @type {String}
    */
-  @argument(optional('string'))
   elementId;
 
   /**
@@ -50,7 +45,6 @@ export default class XepChipComponent extends Component {
    * @argument [selected]
    * @type {Boolean}
    */
-  @argument('boolean')
   @className('mdc-chip--selected')
   selected = false;
 
@@ -60,7 +54,6 @@ export default class XepChipComponent extends Component {
    * @argument variant
    * @type {String}
    */
-  @argument('string')
   variant;
 
   didInsertElement() {

package/addon/components/xep-dialog-actions.js

@@ -3,8 +3,6 @@ import {
   classNames, layout, tagName, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-dialog-actions';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @tagName('footer')
 @layout(template)
@@ -15,7 +13,6 @@ export default class XepDialogActionsComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-dialog-actions')
   testSelector;
 }

package/addon/components/xep-dialog-content.js

@@ -1,8 +1,6 @@
 import Component from '@ember/component';
 import { classNames, layout, attribute } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-dialog-content';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @layout(template)
 @classNames('xep-dialog-content', 'mdc-dialog__content')
@@ -12,7 +10,6 @@ export default class XepDialogContentComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-dialog-content')
   testSelector;
 }

package/addon/components/xep-dialog-title.js

@@ -1,8 +1,6 @@
 import Component from '@ember/component';
 import { classNames, layout, attribute } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-dialog-title';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 @layout(template)
 @classNames('xep-dialog-title', 'mdc-dialog__title')
@@ -12,7 +10,6 @@ export default class XepDialogTitleComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-dialog-title')
   testSelector;
 }

package/addon/components/xep-dialog.js

@@ -1,11 +1,9 @@
 import { classNames, layout, attribute } from '@ember-decorators/component';
-import { optional } from '@ember-decorators/argument/types';
-import { argument } from '@ember-decorators/argument';
 import template from '@xdam/ember-partials/templates/components/xep-dialog';
 import Component from '@ember/component';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 import { MDCDialog } from '@material/dialog';
-import { alias, readOnly } from '@ember-decorators/object/computed';
+import { alias, readOnly } from '@ember/object/computed';
 
 import updateDirtyProps from '@xdam/ember-partials/utils/update-dirty-props';
 
@@ -33,7 +31,6 @@ export default class XepDialogComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-dialog')
   testSelector;
 
@@ -72,7 +69,6 @@ export default class XepDialogComponent extends Component {
    * @argument [escapeKeyAction]
    * @type {String}
    */
-  @argument(optional('string'))
   escapeKeyAction;
 
   /**
@@ -80,7 +76,6 @@ export default class XepDialogComponent extends Component {
    * @argument [scrimClickAction]
    * @type {String}
    */
-  @argument(optional('string'))
   scrimClickAction;
 
   /**
@@ -88,7 +83,6 @@ export default class XepDialogComponent extends Component {
    * @argument [autoStackButtons]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   autoStackButtons;
 
   /**
@@ -96,7 +90,6 @@ export default class XepDialogComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -104,7 +97,6 @@ export default class XepDialogComponent extends Component {
    * @argument [initialFocusSelector]
    * @type {String}
    */
-  @argument('string')
   initialFocusSelector = '.mdc-dialog__button--default';
 
   trackedProps = ['escapeKeyAction', 'scrimClickAction', 'autoStackButtons'];

package/addon/components/xep-drawer-content.js

@@ -1,7 +1,5 @@
 import Component from '@ember/component';
 import { attribute, classNames, layout } from '@ember-decorators/component';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 import template from '@xdam/ember-partials/templates/components/xep-drawer-content';
 
 @layout(template)
@@ -12,7 +10,6 @@ export default class XepDrawerContentComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-drawer-content')
   testSelector;
 }

package/addon/components/xep-drawer-header.js

@@ -1,7 +1,5 @@
 import Component from '@ember/component';
 import { classNames, layout, attribute } from '@ember-decorators/component';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 import template from '@xdam/ember-partials/templates/components/xep-drawer-header';
 
 @layout(template)
@@ -12,7 +10,6 @@ export default class XepDrawerHeaderComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-drawer-header')
   testSelector;
 }

package/addon/components/xep-drawer.js

@@ -1,16 +1,11 @@
 import {
   classNames, layout, tagName, className, attribute,
 } from '@ember-decorators/component';
-import {
-  optional, oneOf,
-} from '@ember-decorators/argument/types';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-drawer';
 import { MDCDrawer } from '@material/drawer';
-import EmberObject from '@ember/object';
-import { argument } from '@ember-decorators/argument';
-import { computed } from '@ember-decorators/object';
-import { inject as service } from '@ember-decorators/service';
+import EmberObject, { computed } from '@ember/object';
+import { inject as service } from '@ember/service';
 import { addEventListener, runDisposables } from 'ember-lifeline';
 
 import updateDirtyProps from '@xdam/ember-partials/utils/update-dirty-props';
@@ -43,7 +38,6 @@ export default class XepDrawerComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-drawer')
   testSelector;
 
@@ -67,7 +61,6 @@ export default class XepDrawerComponent extends Component {
    * @argument open
    * @type {Boolean}
    */
-  @argument('boolean')
   open;
 
   /**
@@ -75,7 +68,6 @@ export default class XepDrawerComponent extends Component {
    * @argument register
    * @type {Boolean}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -83,7 +75,6 @@ export default class XepDrawerComponent extends Component {
    * @argument [variantType]
    * @type {'modal'|'dismissible'}
    */
-  @argument(oneOf(...Object.keys(VARIANT_TYPES)))
   variant = 'dismissible';
 
   // Map of classNames for each variant type
@@ -94,7 +85,6 @@ export default class XepDrawerComponent extends Component {
    * @argument [positionType]
    * @type {'left'|'right'}
    */
-  @argument(optional(oneOf(...Object.keys(POSITION_TYPES))))
   positionType = 'left';
 
   // Map of classNames for each positionType