@xdam/ember-partials 0.10.0 → 0.11.0

package/addon/components/xep-slider.js

@@ -1,17 +1,12 @@
 import {
   classNames, layout, attribute, className,
 } 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-slider';
 import { MDCSlider } from '@material/slider';
-import { computed } from '@ember-decorators/object';
-import { alias } from '@ember-decorators/object/computed';
-import { argument } from '@ember-decorators/argument';
-import EmberObject from '@ember/object';
-import { inject as service } from '@ember-decorators/service';
+import { alias } from '@ember/object/computed';
+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';
@@ -39,7 +34,6 @@ export default class XepSliderComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-slider')
   testSelector;
 
@@ -92,7 +86,6 @@ export default class XepSliderComponent extends Component {
    * @argument [disabled]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   disabled;
 
   /**
@@ -100,7 +93,6 @@ export default class XepSliderComponent extends Component {
    * @argument [tabindex]
    * @type {Number}
    */
-  @argument('number')
   @attribute
   tabindex = 0;
 
@@ -109,7 +101,6 @@ export default class XepSliderComponent extends Component {
    * @argument [discrete]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-slider--discrete')
   discrete;
 
@@ -119,7 +110,6 @@ export default class XepSliderComponent extends Component {
    * @argument [step]
    * @type {Number}
    */
-  @argument(optional('number'))
   @attribute('data-step')
   step;
 
@@ -128,7 +118,6 @@ export default class XepSliderComponent extends Component {
    * @argument [value]
    * @type {Number}
    */
-  @argument('number')
   value = 0;
 
   /**
@@ -137,7 +126,6 @@ export default class XepSliderComponent extends Component {
    * @argument [min]
    * @type {Number}
    */
-  @argument('number')
   min = 0;
 
   /**
@@ -146,7 +134,6 @@ export default class XepSliderComponent extends Component {
    * @argument [max]
    * @type {Number}
    */
-  @argument('number')
   max = 100;
 
   /**
@@ -154,7 +141,6 @@ export default class XepSliderComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -162,7 +148,6 @@ export default class XepSliderComponent extends Component {
    * @argument [variantType]
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(VARIANT_TYPES))))
   variant = 'standard';
 
   // Map of classNames for each variant type

package/addon/components/xep-snackbar.js

@@ -2,11 +2,9 @@ import {
   classNames, layout, attribute, className,
 } from '@ember-decorators/component';
 import Component from '@ember/component';
-import { optional, Action } from '@ember-decorators/argument/types';
 import template from '@xdam/ember-partials/templates/components/xep-snackbar';
 import { MDCSnackbar } from '@material/snackbar';
-import { argument } from '@ember-decorators/argument';
-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';
 
@@ -30,7 +28,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [closeOnEscape]
    * @type {Boolean}
    */
-  @argument('boolean')
   closeOnEscape = true;
 
   /**
@@ -39,7 +36,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [timeoutMs]
    * @type {Number}
    */
-  @argument('number')
   timeoutMs = 5000;
 
   /**
@@ -47,7 +43,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [labelText]
    * @type {String}
    */
-  @argument(optional('string'))
   labelText;
 
   /**
@@ -55,7 +50,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [actionButtonText]
    * @type {String}
    */
-  @argument(optional('string'))
   actionButtonText;
 
   /**
@@ -63,7 +57,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [actionClick]
    * @type {ClosureAction}
    */
-  @argument(optional(Action))
   actionClick = () => null;
 
   /**
@@ -71,7 +64,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-snackbar')
   testSelector;
 
@@ -80,7 +72,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [leading]
    * @type {Boolean}
    */
-  @argument('boolean')
   @className('mdc-snackbar--leading')
   leading = false;
 
@@ -89,7 +80,6 @@ export default class XepSnackbarComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   trackedProps = ['closeOnEscape', 'timeoutMs', 'labelText', 'actionButtonText'];

package/addon/components/xep-switch.js

@@ -2,10 +2,8 @@ import Component from '@ember/component';
 import { attribute, classNames, layout } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-switch';
 import { MDCSwitch } from '@material/switch';
-import { argument } from '@ember-decorators/argument';
-import { optional } from '@ember-decorators/argument/types';
 import { guidFor } from '@ember/object/internals';
-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';
@@ -27,7 +25,6 @@ export default class XepSwitchComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-switch')
   testSelector;
 
@@ -36,7 +33,6 @@ export default class XepSwitchComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -44,7 +40,6 @@ export default class XepSwitchComponent extends Component {
    * @argument [switchId]
    * @type {String}
    */
-  @argument('string')
   switchId = guidFor(Symbol('Input Id'));
 
   /**
@@ -52,7 +47,6 @@ export default class XepSwitchComponent extends Component {
    * @argument [checked]
    * @type {String}
    */
-  @argument(optional('boolean'))
   checked;
 
   /**
@@ -60,7 +54,6 @@ export default class XepSwitchComponent extends Component {
    * @argument [disabled]
    * @type {String}
    */
-  @argument(optional('boolean'))
   disabled;
 
   /**
@@ -68,7 +61,6 @@ export default class XepSwitchComponent extends Component {
    * @argument [label]
    * @type {String}
    */
-  @argument(optional('string'))
   label;
 
   trackedProps = ['disabled', 'checked']

package/addon/components/xep-textarea.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-textarea';
 import { guidFor } from '@ember/object/internals';
-import { inject as service } from '@ember-decorators/service';
+import { inject as service } from '@ember/service';
 
 /**
  * Component `<textarea>` element. Implements [material design's
@@ -28,7 +26,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-textarea')
   testSelector;
 
@@ -37,7 +34,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [cols]
    * @type {Boolean}
    */
-  @argument(optional('number'))
   cols;
 
   /**
@@ -45,7 +41,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [rows]
    * @type {Boolean}
    */
-  @argument(optional('number'))
   rows;
 
   /**
@@ -53,7 +48,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [rows]
    * @type {Boolean}
    */
-  @argument(optional(oneOf('hard', 'soft', 'off')))
   wrap;
 
   /**
@@ -61,7 +55,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [minlength]
    * @type {Number}
    */
-  @argument(optional('number'))
   minlength;
 
   /**
@@ -69,7 +62,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [maxlength]
    * @type {Number}
    */
-  @argument(optional('number'))
   maxlength;
 
   /**
@@ -77,7 +69,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [placeholder]
    * @type {String}
    */
-  @argument(optional('string'))
   placeholder;
 
   /**
@@ -85,7 +76,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [value]
    * @type {String}
    */
-  @argument(optional('string'))
   value;
 
   /**
@@ -93,7 +83,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [autofocus]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   autofocus;
 
   /**
@@ -101,7 +90,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [autocomplete]
    * @type {String}
    */
-  @argument(optional(oneOf('off', 'on')))
   autocomplete;
 
   /**
@@ -109,7 +97,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [autocapitalize]
    * @type {String}
    */
-  @argument(optional(oneOf('none', 'words', 'characters', 'sentences')))
   autocapitalize;
 
   /**
@@ -117,7 +104,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [required]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   required;
 
   /**
@@ -125,7 +111,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [step]
    * @type {Number}
    */
-  @argument(optional('number'))
   step;
 
   /**
@@ -133,7 +118,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [pattern]
    * @type {String}
    */
-  @argument(optional('string'))
   pattern;
 
   /**
@@ -141,7 +125,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [multiple]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   multiple;
 
   /**
@@ -149,7 +132,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [readonly]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   readonly;
 
   /**
@@ -157,7 +139,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [spellcheck]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   spellcheck;
 
   /**
@@ -165,7 +146,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [disabled]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--disabled')
   disabled;
 
@@ -174,7 +154,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [outlined]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--outlined')
   outlined;
 
@@ -183,7 +162,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [tabindex]
    * @type {Number}
    */
-  @argument(optional('number'))
   tabindex;
 
   /**
@@ -191,7 +169,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [type]
    * @type {String}
    */
-  @argument(optional('string'))
   type;
 
   /**
@@ -199,7 +176,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [dense]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--dense')
   dense;
 
@@ -208,7 +184,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [fullWidth]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   @className('mdc-text-field--fullwidth')
   fullWidth;
 
@@ -217,7 +192,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [label]
    * @type {String}
    */
-  @argument(optional('string'))
   label;
 
   /**
@@ -226,7 +200,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [helperText]
    * @type {String}
    */
-  @argument(optional('string'))
   helperText;
 
   /**
@@ -234,7 +207,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [persistentHelpText]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   persistentHelperText;
 
   /**
@@ -242,7 +214,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [validationHelperText]
    * @type {Boolean}
    */
-  @argument(optional('boolean'))
   validationHelperText;
 
   /**
@@ -250,7 +221,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [handleKeyDown]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleKeyDown;
 
   /**
@@ -258,7 +228,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [handleFocusIn]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleFocusIn;
 
   /**
@@ -266,7 +235,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [handleFocusOut]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleFocusOut;
 
   /**
@@ -274,7 +242,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [handleChange]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleChange;
 
   /**
@@ -282,7 +249,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [handleInput]
    * @type {Action}
    */
-  @argument(optional(Action))
   handleInput;
 
   /**
@@ -290,7 +256,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [textareaId]
    * @type {String}
    */
-  @argument('string')
   textareaId = guidFor(Symbol('Textarea Id'));
 
   /**
@@ -298,7 +263,6 @@ export default class XepTextareaComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   didInsertElement() {

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

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

package/addon/components/xep-toolbar-item-icon.js

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

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

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

package/addon/components/xep-toolbar-item.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-toolbar-item';
-import { argument } from '@ember-decorators/argument';
-import { optional, Action } from '@ember-decorators/argument/types';
 
 /**
  * Toolbar items are used to expose actions, page titles, breadcrumbs, etc... within
@@ -23,7 +21,6 @@ export default class XepToolbarItemComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-toolbar-item')
   testSelector;
 
@@ -32,6 +29,5 @@ export default class XepToolbarItemComponent extends Component {
    * @argument [click]
    * @type {Action}
    */
-  @argument(optional(Action))
   click;
 }

package/addon/components/xep-toolbar-section.js

@@ -3,10 +3,7 @@ import {
   classNames, layout, tagName, className, attribute,
 } from '@ember-decorators/component';
 import template from '@xdam/ember-partials/templates/components/xep-toolbar-section';
-import { argument } from '@ember-decorators/argument';
-import { optional, oneOf, Action } from '@ember-decorators/argument/types';
-import { computed } from '@ember-decorators/object';
-import EmberObject from '@ember/object';
+import EmberObject, { computed } from '@ember/object';
 
 const ALIGN_TYPES = {
   // Makes section align to the start.
@@ -39,7 +36,6 @@ export default class XepToolbarSectionComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-toolbar-section')
   testSelector;
 
@@ -48,7 +44,6 @@ export default class XepToolbarSectionComponent extends Component {
    * @argument [align]
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(ALIGN_TYPES))))
   align = 'start';
 
   // Map of classNames for each alignment type
@@ -73,7 +68,6 @@ export default class XepToolbarSectionComponent extends Component {
    * @argument [flex]
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(FLEX_TYPES))))
   flex = 'grow';
 
   // Map of classNames for each flex type
@@ -97,6 +91,5 @@ export default class XepToolbarSectionComponent extends Component {
    * @argument [click]
    * @type {Action}
    */
-  @argument(optional(Action))
   click;
 }

package/addon/components/xep-toolbar.js

@@ -1,15 +1,10 @@
 import {
   classNames, layout, className, attribute,
 } from '@ember-decorators/component';
-import {
-  optional, oneOf, shapeOf,
-} from '@ember-decorators/argument/types';
 import template from '@xdam/ember-partials/templates/components/xep-toolbar';
-import { argument } from '@ember-decorators/argument';
-import { computed } from '@ember-decorators/object';
 import Component from '@ember/component';
-import EmberObject from '@ember/object';
-import { inject as service } from '@ember-decorators/service';
+import EmberObject, { computed } from '@ember/object';
+import { inject as service } from '@ember/service';
 
 import styleString from '@xdam/ember-partials/utils/style-string';
 
@@ -40,7 +35,6 @@ export default class XepToolbarComponent extends Component {
    * @argument [testSelector]
    * @type {String}
    */
-  @argument(optional('string'))
   @attribute('data-test-toolbar')
   testSelector;
 
@@ -49,7 +43,6 @@ export default class XepToolbarComponent extends Component {
    * @argument [register]
    * @type {String}
    */
-  @argument(optional('string'))
   register;
 
   /**
@@ -57,12 +50,6 @@ export default class XepToolbarComponent extends Component {
    * @argument [position]
    * @type {Object<top: String, right: String, bottom: String, left: String>}
    */
-  @argument(optional(shapeOf({
-    top: optional('string'),
-    right: optional('string'),
-    bottom: optional('string'),
-    left: optional('string'),
-  })))
   position;
 
   /**
@@ -70,7 +57,6 @@ export default class XepToolbarComponent extends Component {
    * @argument [orientation]
    * @type {"horizontal"|"vertical"}
    */
-  @argument(oneOf('horizontal', 'vertical'))
   orientation = 'horizontal';
 
   /**
@@ -78,7 +64,6 @@ export default class XepToolbarComponent extends Component {
    * @argument [variantType]
    * @type {String}
    */
-  @argument(optional(oneOf(...Object.keys(VARIANT_TYPES))))
   variant = 'standard';
 
   // Map of classNames for each variant type

package/addon/services/xep-manager.js

@@ -1,6 +1,6 @@
 import Service from '@ember/service';
 import Evented from '@ember/object/evented';
-import { action } from '@ember-decorators/object';
+import { action } from '@ember/object';
 import ResizeObserver from 'resize-observer-polyfill';
 
 /**