@xdam/ember-partials 0.10.0 → 0.10.1

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

package/addon/components/xep-input.js

@@ -3,11 +3,9 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import { MDCTextField, MDCTextFieldHelperText } from '@material/textfield';
-import { argument } from '@ember-decorators/argument';
-import { optional, oneOf, Action } from '@ember-decorators/argument/types';
 import template from '@xdam/ember-partials/templates/components/xep-input';
 import { guidFor } from '@ember/object/internals';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 
 import updateDirtyProps from '@xdam/ember-partials/utils/update-dirty-props';
 
@@ -29,7 +27,6 @@ export default class XepInputComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-input')
   testSelector;
 
@@ -38,7 +35,6 @@ export default class XepInputComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -46,7 +42,6 @@ export default class XepInputComponent extends Component {
    * @argument [icon]
    * @type {String}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--with-leading-icon')
   icon;
 
@@ -55,7 +50,6 @@ export default class XepInputComponent extends Component {
    * @argument [iconTrailing]
    * @type {String}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--with-trailing-icon')
   iconTrailing;
 
@@ -64,7 +58,6 @@ export default class XepInputComponent extends Component {
    * @argument [dense]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--dense')
   dense;
 
@@ -73,7 +66,6 @@ export default class XepInputComponent extends Component {
    * @argument [fullWidth]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--fullwidth')
   fullWidth;
 
@@ -82,7 +74,6 @@ export default class XepInputComponent extends Component {
    * @argument [disabled]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--disabled')
   disabled;
 
@@ -91,7 +82,6 @@ export default class XepInputComponent extends Component {
    * @argument [tabindex]
    * @type {Number}
    */
-  @argument(optional('number'))
   tabindex;
 
   /**
@@ -99,7 +89,6 @@ export default class XepInputComponent extends Component {
    * @argument [type]
    * @type {String}
    */
-  @argument(optional('string'))
   type;
 
   /**
@@ -107,7 +96,6 @@ export default class XepInputComponent extends Component {
    * @argument [label]
    * @type {String}
    */
-  @argument(optional('string'))
   label;
 
   /**
@@ -115,7 +103,6 @@ export default class XepInputComponent extends Component {
    * @argument [placeholder]
    * @type {String}
    */
-  @argument(optional('string'))
   placeholder;
 
   /**
@@ -123,7 +110,6 @@ export default class XepInputComponent extends Component {
    * @argument [value]
    * @type {String}
    */
-  @argument(optional('string'))
   value;
 
   /**
@@ -131,7 +117,6 @@ export default class XepInputComponent extends Component {
    * @argument [valid]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   valid;
 
   /**
@@ -139,7 +124,6 @@ export default class XepInputComponent extends Component {
    * @argument [autofocus]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   autofocus;
 
   /**
@@ -147,7 +131,6 @@ export default class XepInputComponent extends Component {
    * @argument [autocomplete]
    * @type {String}
    */
-  @argument(optional(oneOf('off', 'on')))
   autocomplete;
 
   /**
@@ -155,7 +138,6 @@ export default class XepInputComponent extends Component {
    * @argument [autocapitalize]
    * @type {String}
    */
-  @argument(optional(oneOf('off', 'on', 'words', 'characters')))
   autocapitalize;
 
   /**
@@ -163,7 +145,6 @@ export default class XepInputComponent extends Component {
    * @argument [required]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   required;
 
   /**
@@ -171,7 +152,6 @@ export default class XepInputComponent extends Component {
    * @argument [min]
    * @type {Number}
    */
-  @argument(optional('number'))
   min;
 
   /**
@@ -179,7 +159,6 @@ export default class XepInputComponent extends Component {
    * @argument [max]
    * @type {Number}
    */
-  @argument(optional('number'))
   max;
 
   /**
@@ -187,7 +166,6 @@ export default class XepInputComponent extends Component {
    * @argument [step]
    * @type {Number}
    */
-  @argument(optional('number'))
   step;
 
   /**
@@ -195,7 +173,6 @@ export default class XepInputComponent extends Component {
    * @argument [pattern]
    * @type {String}
    */
-  @argument(optional('string'))
   pattern;
 
   /**
@@ -203,7 +180,6 @@ export default class XepInputComponent extends Component {
    * @argument [multiple]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   multiple;
 
   /**
@@ -211,7 +187,6 @@ export default class XepInputComponent extends Component {
    * @argument [readonly]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   readonly;
 
   /**
@@ -219,7 +194,6 @@ export default class XepInputComponent extends Component {
    * @argument [spellcheck]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   spellcheck;
 
   /**
@@ -228,7 +202,6 @@ export default class XepInputComponent extends Component {
    * @argument [helperText]
    * @type {String}
    */
-  @argument(optional('string'))
   helperText;
 
   /**
@@ -236,7 +209,6 @@ export default class XepInputComponent extends Component {
    * @argument [persistentHelpText]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   persistentHelperText;
 
   /**
@@ -244,7 +216,6 @@ export default class XepInputComponent extends Component {
    * @argument [validationHelperText]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   validationHelperText;
 
   /**
@@ -252,7 +223,6 @@ export default class XepInputComponent extends Component {
    * @argument [handleKeyDown]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleKeyDown;
 
   /**
@@ -260,7 +230,6 @@ export default class XepInputComponent extends Component {
    * @argument [handleFocusIn]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleFocusIn;
 
   /**
@@ -268,7 +237,6 @@ export default class XepInputComponent extends Component {
    * @argument [handleFocusOut]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleFocusOut;
 
   /**
@@ -276,7 +244,6 @@ export default class XepInputComponent extends Component {
    * @argument [handleChange]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleChange;
 
   /**
@@ -284,7 +251,6 @@ export default class XepInputComponent extends Component {
    * @argument [handleInput]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleInput;
 
   /**
@@ -292,7 +258,6 @@ export default class XepInputComponent extends Component {
    * @argument [inputId]
    * @type {String}
    */
-  @argument('string')
   inputId = guidFor(Symbol('Input Id'));
 
   /**
@@ -300,7 +265,6 @@ export default class XepInputComponent extends Component {
    * @argument [outlined]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--outlined')
   outlined;
 

package/addon/components/xep-list-divider.js

@@ -3,8 +3,6 @@ import {
   classNames, layout, className, attribute, tagName,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-list-divider';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 
 /**
  * A divider for list elements
@@ -21,7 +19,6 @@ export default class XepListDividerComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-list-divider')
   testSelector;
 
@@ -33,7 +30,6 @@ export default class XepListDividerComponent extends Component {
    * @argument [padded]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list-divider--padded')
   padded;
 
@@ -42,7 +38,6 @@ export default class XepListDividerComponent extends Component {
    * @argument [inset]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list-divider--inset')
   inset;
 }

package/addon/components/xep-list-item-graphic.js

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

package/addon/components/xep-list-item-meta.js

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

package/addon/components/xep-list-item-text.js

@@ -3,10 +3,7 @@ import {
   classNames, layout, tagName, className, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-list-item-text';
-import { argument } from '@ember-decorators/argument';
-import { oneOf, optional } from '@ember-decorators/argument/types';
-import EmberObject from '@ember/object';
-import { computed } from '@ember-decorators/object';
+import EmberObject, { computed } from '@ember/object';
 
 const VARIANT_TYPES = {
   standard: 'mdc-list-item__text',
@@ -31,7 +28,6 @@ export default class XepListItemTextComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-list-item-text')
   testSelector;
 
@@ -44,7 +40,6 @@ export default class XepListItemTextComponent extends Component {
    * @argument [variantType]
    * @type {String}
    */
-  @argument(oneOf(...Object.keys(VARIANT_TYPES)))
   variant = 'standard';
 
   /**

package/addon/components/xep-list-item.js

@@ -3,8 +3,6 @@ import {
 } from '@ember-decorators/component';
 import Component from '@ember/component';
 import template from '@xdam/ember-partials/templates/components/xep-list-item';
-import { argument } from '@ember-decorators/argument';
-import { optional, oneOf, Action } from '@ember-decorators/argument/types';
 
 /**
  * An item contained within a xep-list component.
@@ -23,11 +21,9 @@ export default class XepListItemComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-list-item')
   testSelector;
 
-  @argument(optional('number'))
   @attribute
   tabindex;
 
@@ -36,7 +32,6 @@ export default class XepListItemComponent extends Component {
    * @argument [selected]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list-item--selected')
   selected;
 
@@ -45,7 +40,6 @@ export default class XepListItemComponent extends Component {
    * @argument [tagName]
    * @type {String}
    */
-  @argument(oneOf('li', 'a'))
   tagName = 'li';
 
   /**
@@ -53,7 +47,6 @@ export default class XepListItemComponent extends Component {
    * @argument [active]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list-item--activated')
   active;
 
@@ -62,7 +55,6 @@ export default class XepListItemComponent extends Component {
    * @argument [click]
    * @type {Action}
    */
-  @argument(optional(Action))
   click;
 
   init() {

package/addon/components/xep-list.js

@@ -4,10 +4,8 @@ import {
 import Component from '@ember/component';
 import { MDCList } from '@material/list';
 import template from '@xdam/ember-partials/templates/components/xep-list';
-import { argument } from '@ember-decorators/argument';
-import { optional, oneOf } from '@ember-decorators/argument/types';
-import { inject as service } from '@ember-decorators/service';
-import { alias } from '@ember-decorators/object/computed';
+import { inject as service } from '@ember/service';
+import { alias } from '@ember/object/computed';
 
 import updateDirtyProps from '@xdam/ember-partials/utils/update-dirty-props';
 
@@ -30,7 +28,6 @@ export default class XepListComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-list')
   testSelector;
 
@@ -39,7 +36,6 @@ export default class XepListComponent extends Component {
    * @argument [vertical]
    * @type {Boolean}
    */
-  @argument('boolean')
   vertical = true;
 
   /**
@@ -62,7 +58,6 @@ export default class XepListComponent extends Component {
    * @argument [selectedIndex]
    * @type {Number}
    */
-  @argument(optional('number'))
   selectedIndex;
 
   /**
@@ -70,7 +65,6 @@ export default class XepListComponent extends Component {
    * @argument [twoLine]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list--two-line')
   twoLine;
 
@@ -80,7 +74,6 @@ export default class XepListComponent extends Component {
    * @argument [avatar]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list--avatar-list')
   avatar;
 
@@ -89,7 +82,6 @@ export default class XepListComponent extends Component {
    * @argument [dense]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list--dense')
   dense;
 
@@ -98,7 +90,6 @@ export default class XepListComponent extends Component {
    * @argument [nonInteractive]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-list--non-interactive')
   nonInteractive;
 
@@ -107,7 +98,6 @@ export default class XepListComponent extends Component {
    * @argument [singleSelection]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   singleSelection;
 
   /**
@@ -115,7 +105,6 @@ export default class XepListComponent extends Component {
    * @argument [initialSelection]
    * @type {Boolean}
    */
-  @argument('number')
   initialSelection = 0;
 
   /**
@@ -123,7 +112,6 @@ export default class XepListComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -131,7 +119,6 @@ export default class XepListComponent extends Component {
    * @argument [tagName]
    * @type {String}
    */
-  @argument(oneOf('ul', 'nav'))
   tagName = 'ul';
 
   trackedProps = ['vertical', 'singleSelection', 'selectedIndex'];

package/addon/components/xep-menu-surface.js

@@ -3,10 +3,7 @@ import {
   classNames, layout, className, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-menu-surface';
-import EmberObject from '@ember/object';
-import { argument } from '@ember-decorators/argument';
-import { oneOf, optional } from '@ember-decorators/argument/types';
-import { computed } from '@ember-decorators/object';
+import EmberObject, { computed } from '@ember/object';
 
 const VARIANT_TYPES = {
   anchor: 'mdc-menu-surface--anchor',
@@ -30,7 +27,6 @@ export default class XepMenuSurfaceComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-menu-surface')
   testSelector;
 
@@ -39,7 +35,6 @@ export default class XepMenuSurfaceComponent extends Component {
    * @argument [variantType]
    * @type {'fixed'|'anchor'}
    */
-  @argument(oneOf(...Object.keys(VARIANT_TYPES)))
   variant = 'anchor';
 
   // Map of classNames for each variant type