bootstrap-bookingsync-sass 1.0.5 → 2.0.0

data/addon/components/bsy-annotated-section.js

@@ -1,8 +1,8 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../templates/components/bsy-annotated-section';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "section",
-  classNames: "annotated-section"
+  tagName: 'section',
+  classNames: 'annotated-section'
 });

data/addon/components/bsy-annotated-section/annotation.js

@@ -1,8 +1,8 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-annotated-section/annotation';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "header",
-  classNames: "annotated-section-annotation"
+  tagName: 'header',
+  classNames: 'annotated-section-annotation'
 });

data/addon/components/bsy-annotated-section/content.js

@@ -1,8 +1,8 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-annotated-section/content';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "div",
-  classNames: "annotated-section-content"
+  tagName: 'div',
+  classNames: 'annotated-section-content'
 });

data/addon/components/bsy-button.js

@@ -1,34 +1,29 @@
-import Ember from 'ember';
-const { computed } = Ember;
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+import { bool } from '@ember/object/computed';
 import layout from '../templates/components/bsy-button';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "button",
-  classNames: "btn",
-  classNameBindings: ["typeClassName", "loadingClassName"],
+
+  tagName: 'button',
+  classNames: 'btn',
+  classNameBindings: ['typeClassName', 'loadingClassName'],
+  attributeBindings: ['disabled'],
   isLoading: false,
-  loadingLabel: "Loading...",
+  loadingLabel: 'Loading...',
+
+  disabled: bool('isLoading'),
 
   typeClassName: computed('type', function() {
-    if (this.get('type') === "submit") {
-      return "btn-primary";
-    } else {
-      return "btn-" + this.get('type');
-    }
+    return this.type === 'submit' ? 'btn-primary' : `btn-${this.type}`;
   }),
 
   loadingClassName: computed('isLoading', function() {
-    if (this.get('isLoading') === true) {
-      return "btn-loading";
-    } else {
-      return "";
-    }
+    return this.isLoading ? 'btn-loading' : '';
   }),
 
-  click: function() {
-    this.set("isLoading", true);
-    this.$().prop('disabled', 'disabled');
-    this.$().text(this.get("loadingLabel"));
+  click() {
+    this.set('isLoading', true);
   }
 });

data/addon/components/bsy-button/close.js

@@ -1,12 +1,13 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-button/close';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "button",
-  classNames: "btn btn-secondary-inverse btn-round",
 
-  click: function() {
-    this.$().prop('disabled', 'disabled');
+  tagName: 'button',
+  classNames: 'btn btn-secondary-inverse btn-round',
+
+  click() {
+    this.element.disabled = true;
   }
 });

data/addon/components/bsy-checkbox.js

@@ -1,8 +1,16 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../templates/components/bsy-checkbox';
 
-export default Ember.Component.extend({
+const BsyCheckboxComponent = Component.extend({
   layout,
-  tagName: "div",
-  classNames: "checkbox"
+  tagName: 'div',
+  classNames: 'checkbox',
+
+  update() {}
+});
+
+BsyCheckboxComponent.reopenClass({
+  positionalParams: ['checked']
 });
+
+export default BsyCheckboxComponent;

data/addon/components/bsy-icon.js

@@ -0,0 +1,33 @@
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+
+const BsyIconComponent = Component.extend({
+  tagName: 'i',
+  classNameBindings: ['iconClass', 'iconSize', 'iconType', 'fixedWidth:icon-fw'],
+
+  name: '',
+  size: '',
+  type: '',
+  fixedWidth: false,
+
+  iconClass: computed('name', function() {
+    let name = this.get('name');
+    return name ? `icon-${name}` : '';
+  }),
+
+  iconSize: computed('size', function() {
+    let size = this.get('size');
+    return size ? `icon-${size}` : '';
+  }),
+
+  iconType: computed('type', function() {
+    let type = this.get('type');
+    return type ? `icon-${type}` : '';
+  })
+});
+
+BsyIconComponent.reopenClass({
+  positionalParams: ['name']
+});
+
+export default BsyIconComponent;

data/addon/components/bsy-input-addon.js

@@ -1,8 +1,16 @@
 import Ember from 'ember';
+import Component from '@ember/component';
+import { computed } from '@ember/object';
 import layout from '../templates/components/bsy-input-addon';
 
-export default Ember.Component.extend({
+const { generateGuid } = Ember;
+
+export default Component.extend({
   layout,
   tagName: 'div',
-  classNames: 'form-group'
+  classNames: 'form-group',
+
+  inputId: computed(function() {
+    return generateGuid();
+  })
 });

data/addon/components/bsy-input-addon/addon.js

@@ -1,8 +1,8 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-input-addon/addon';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "div",
-  classNames: "input-group-addon"
+  tagName: 'div',
+  classNames: 'input-group-addon'
 });

data/addon/components/bsy-input-addon/input.js

@@ -1,10 +1,13 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-input-addon/input';
 
-const BsyInputAddonInputComponent = Ember.Component.extend({
+const BsyInputAddonInputComponent = Component.extend({
   layout,
-  tagName: "div",
-  type: "text"
+  tagName: 'div',
+  classNameBindings: ['value:filled'],
+  type: 'text',
+
+  update() {}
 });
 
 BsyInputAddonInputComponent.reopenClass({

data/addon/components/bsy-input.js

@@ -1,30 +1,38 @@
 import Ember from 'ember';
+import Component from '@ember/component';
+import { computed } from '@ember/object';
 import layout from '../templates/components/bsy-input';
 
-const { Component, computed } = Ember;
+const { generateGuid } = Ember;
 
 const BsyInputComponent = Component.extend({
   layout,
-  tagName: "div",
-  classNames: "form-group",
-  type: "text",
-  classNameBindings: ["value:filled", "icon:has-icon"],
+  tagName: 'div',
+  classNames: 'form-group',
+  type: 'text',
+  readonly: false,
+  placeholder: '',
+  disabled: false,
+  classNameBindings: ['value:filled', 'icon:has-icon', 'formGroupSize'],
   size: null, // sm, lg
 
-  inputClassNames: computed('size', function () {
-    const size = this.get('size');
-    if (size) {
-      return `form-control input-${size}`;
-    }
-    return "form-control";
+  inputClassNames: computed('size', function() {
+    return this.size ? `form-control input-${this.size}` : 'form-control';
   }),
 
-  iconSize: computed('size', function () {
-    const size = this.get('size');
-    if (size) {
-      return `icon--${size}`;
-    }
-  })
+  iconSize: computed('size', function() {
+    return this.size ? `icon--${this.size}` : '';
+  }),
+
+  formGroupSize: computed('size', function() {
+    return this.size ? `form-group--${this.size}` : '';
+  }),
+
+  inputId: computed(function() {
+    return generateGuid();
+  }),
+
+  update() {}
 });
 
 BsyInputComponent.reopenClass({

data/addon/components/bsy-modal.js

@@ -1,17 +1,17 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../templates/components/bsy-modal';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "div",
+  tagName: 'div',
 
   didRender() {
     this._super(...arguments);
-    Ember.$('body').addClass('modal-open');
+    document.body.classList.add('modal-open');
   },
 
   willDestroyElement() {
     this._super(...arguments);
-    Ember.$('body').removeClass('modal-open');
+    document.body.classList.remove('modal-open');
   }
 });

data/addon/components/bsy-modal/body.js

@@ -1,8 +1,8 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-modal/body';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "div",
-  classNames: "modal-body"
+  tagName: 'div',
+  classNames: 'modal-body'
 });

data/addon/components/bsy-modal/close.js

@@ -1,7 +1,7 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-modal/close';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "div"
+  tagName: 'div'
 });

data/addon/components/bsy-modal/footer.js

@@ -1,8 +1,8 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-modal/footer';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "div",
-  classNames: "modal-footer"
+  tagName: 'div',
+  classNames: 'modal-footer'
 });

data/addon/components/bsy-modal/header.js

@@ -1,8 +1,8 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-modal/header';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
-  tagName: "div",
-  classNames: "modal-header"
+  tagName: 'div',
+  classNames: 'modal-header'
 });

data/addon/components/bsy-nav.js

@@ -1,7 +1,7 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../templates/components/bsy-nav';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
   tagName: 'ul',
   classNames: 'nav'

data/addon/components/bsy-nav/item.js

@@ -1,19 +1,10 @@
-import Ember from 'ember';
-const { computed } = Ember;
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-nav/item';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
   tagName: 'li',
   classNames: 'nav-item',
-  classNameBindings: ["activeClassName"],
-  active: false,
-
-  activeClassName: computed('active', function() {
-    if (this.get('active') === true) {
-      return "active";
-    } else {
-      return "";
-    }
-  })
+  classNameBindings: ['active'],
+  active: false
 });

data/addon/components/bsy-nav/link.js

@@ -1,19 +1,10 @@
-import Ember from 'ember';
-const { computed } = Ember;
+import Component from '@ember/component';
 import layout from '../../templates/components/bsy-nav/link';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
   tagName: 'a',
   classNames: 'nav-link',
-  classNameBindings: ["activeClassName"],
-  active: false,
-
-  activeClassName: computed('active', function() {
-    if (this.get('active') === true) {
-      return "active";
-    } else {
-      return "";
-    }
-  })
+  classNameBindings: ['active'],
+  active: false
 });

data/addon/components/bsy-popover.js

@@ -0,0 +1,5 @@
+import EmberPopover from 'ember-tooltips/components/ember-popover';
+
+export default EmberPopover.extend({
+  side: 'bottom'
+});

data/addon/components/bsy-radio-buttons.js

@@ -1,7 +1,7 @@
-import Ember from 'ember';
+import Component from '@ember/component';
 import layout from '../templates/components/bsy-radio-buttons';
 
-export default Ember.Component.extend({
+export default Component.extend({
   layout,
   tagName: 'div',
   classNames: 'btn-group',

data/addon/components/bsy-radio-buttons/button.js

@@ -1,22 +1,20 @@
-import Ember from 'ember';
-const { computed } = Ember;
+import Component from '@ember/component';
+import { computed } from '@ember/object';
 import layout from '../../templates/components/bsy-radio-buttons/button';
 
-const BsyRadioButtonsButtonComponent = Ember.Component.extend({
+const BsyRadioButtonsButtonComponent = Component.extend({
   layout,
   tagName: 'label',
   classNames: 'btn btn-secondary',
-  classNameBindings: ['activeClassName'],
+  classNameBindings: ['active'],
 
-  activeClassName: computed('paramValue', function () {
-    if (this.get('paramValue') === this.get('option')) {
-      return 'active';
-    }
-  })
+  active: computed('value', 'option', function() {
+    return this.value === this.option;
+  }).readOnly()
 });
 
 BsyRadioButtonsButtonComponent.reopenClass({
-  positionalParams: ['paramValue']
+  positionalParams: ['value']
 });
 
 export default BsyRadioButtonsButtonComponent;