dlg-ui 1.0.37 → 1.0.38

package/addon/components/button-primary.js

@@ -1,9 +1,9 @@
 import Component from '@glimmer/component';
 
 export default class ButtonPrimaryComponent extends Component {
-    onClick = () => {
-        if (this.args.onClick) {
-            this.args.onClick();
-        }
+  onClick = () => {
+    if (this.args.onClick) {
+      this.args.onClick();
     }
+  };
 }

package/addon/components/checkbox-group.hbs

@@ -1,15 +1,15 @@
 <div class={{@class}} {{did-insert this.initCheckboxGroup}}>
-    <div class="label">
-        {{this.args.label}}
-    </div>
-    <div>
-        {{#each this.args.options as |option|}}
-            <Checkbox 
-                @model={{this.value}}
-                @valuePath={{option.label}}
-                @option={{option}}
-                @onChange={{this.onChange}}
-            />
-        {{/each}}
-    </div>
+  <div class='label'>
+    {{@label}}
+  </div>
+  <div>
+    {{#each @options as |option|}}
+      <Checkbox
+        @model={{this.value}}
+        @valuePath={{option.label}}
+        @option={{option}}
+        @onChange={{this.onChange}}
+      />
+    {{/each}}
+  </div>
 </div>

package/addon/components/checkbox-group.js

@@ -2,30 +2,30 @@ import Component from '@glimmer/component';
 import { get, set } from '@ember/object';
 
 export default class CheckboxGroupComponent extends Component {
-    get value() {
-      const value = get(this.args.model, this.args.valuePath);
-      return value !== undefined ? value : this.placeholder;
-    }
-    
-    set value(newValue) {
-      set(this.args.model, this.args.valuePath, newValue);
-      return newValue;
-    }
-    
-    initCheckboxGroup = () => {
-        if (typeof this.value !== 'object') {
-            this.value = {};
-        }
-        this.args.options.forEach(option => {
-            if (this.value[option.label] === undefined) {
-                set(this.value, option.label, false);
-            } else {
-                set(this.value, option.label, this.value[option.label]);
-            }
-        });
-    }
+  get value() {
+    const value = get(this.args.model, this.args.valuePath);
+    return value !== undefined ? value : this.placeholder;
+  }
 
-    onChange = (value) => {
-        this.args.onChange?.(value);
+  set value(newValue) {
+    set(this.args.model, this.args.valuePath, newValue);
+    return newValue;
+  }
+
+  initCheckboxGroup = () => {
+    if (typeof this.value !== 'object') {
+      this.value = {};
     }
+    this.args.options.forEach((option) => {
+      if (this.value[option.label] === undefined) {
+        set(this.value, option.label, false);
+      } else {
+        set(this.value, option.label, this.value[option.label]);
+      }
+    });
+  };
+
+  onChange = (value) => {
+    this.args.onChange?.(value);
+  };
 }

package/addon/components/checkbox.hbs

@@ -1,11 +1,16 @@
 <div class={{@class}}>
-    <div class="label">
-        {{this.args.label}}
-    </div>
-  <div class="checkbox-container">
+  <div class='label'>
+    {{@label}}
+  </div>
+  <div class='checkbox-container'>
     <div>
-      <input type="checkbox" id="checkboxId" checked={{this.value}} {{on "change" (fn this.onChange)}} />
-      <label for="checkboxId">{{@option.label}}</label>
+      <input
+        type='checkbox'
+        id='checkboxId'
+        checked={{this.value}}
+        {{on 'change' this.onChange}}
+      />
+      <label for='checkboxId'>{{@option.label}}</label>
     </div>
   </div>
 </div>

package/addon/components/checkbox.js

@@ -2,22 +2,22 @@ import Component from '@glimmer/component';
 import { get, set } from '@ember/object';
 
 export default class CheckboxComponent extends Component {
-    get value() {
-      const value = get(this.args.model, this.args.valuePath);
-      return value !== undefined ? value : this.placeholder;
-    }
-    
-    set value(newValue) {
-      set(this.args.model, this.args.valuePath, newValue);
-      return newValue;
-    }
+  get value() {
+    const value = get(this.args.model, this.args.valuePath);
+    return value !== undefined ? value : this.placeholder;
+  }
+
+  set value(newValue) {
+    set(this.args.model, this.args.valuePath, newValue);
+    return newValue;
+  }
 
-    onChange = () => {
-        if (this.value === undefined) {
-            this.value = true;
-        } else {
-            this.value = !this.value;
-        }
-        this.args.onChange?.(this.value);
+  onChange = () => {
+    if (this.value === undefined) {
+      this.value = true;
+    } else {
+      this.value = !this.value;
     }
+    this.args.onChange?.(this.value);
+  };
 }

package/addon/components/date-picker.hbs

@@ -1,13 +1,13 @@
-<div class="date-picker-wrapper {{@class}}">
-  <div class="label">
-    {{this.args.label}}
+<div class='date-picker-wrapper {{@class}}'>
+  <div class='label'>
+    {{@label}}
   </div>
   <input
-    class="date-picker"
-    type="date"
-    id="start"
-    name="trip-start"
+    class='date-picker'
+    type='date'
+    id='start'
+    name='trip-start'
     value={{this.value}}
-    {{on "input" this.onChange}} 
+    {{on 'input' this.onChange}}
   />
 </div>

package/addon/components/date-picker.js

@@ -2,18 +2,18 @@ import Component from '@glimmer/component';
 import { get, set } from '@ember/object';
 
 export default class DatePickerComponent extends Component {
-    get value() {
-      const value = get(this.args.model, this.args.valuePath);
-      return value !== undefined ? value : this.placeholder;
-    }
-    
-    set value(newValue) {
-      set(this.args.model, this.args.valuePath, newValue);
-      return newValue;
-    }
+  get value() {
+    const value = get(this.args.model, this.args.valuePath);
+    return value !== undefined ? value : this.placeholder;
+  }
 
-    onChange = (event) => {
-      this.value = event.target.value;
-      this.args.onChange?.(this.value);
-    }
+  set value(newValue) {
+    set(this.args.model, this.args.valuePath, newValue);
+    return newValue;
+  }
+
+  onChange = (event) => {
+    this.value = event.target.value;
+    this.args.onChange?.(this.value);
+  };
 }

package/addon/components/dropdown.hbs

@@ -1,6 +1,6 @@
 <div class='dropdown-wrapper {{@class}}' {{did-insert this.loadClickListener}}>
   <div class='label'>
-    {{this.args.label}}
+    {{@label}}
   </div>
   <div class='dropdown-select {{if this.isOpen "open"}}'>
     {{#if this.displayValue}}

package/addon/components/dropdown.js

@@ -35,7 +35,7 @@ export default class DropdownComponent extends Component {
     const value = get(this.args.model, this.args.valuePath);
     return value !== undefined ? value : this.placeholder;
   }
-  
+
   set value(newValue) {
     set(this.args.model, this.args.valuePath, newValue);
     return newValue;

package/addon/components/fly-in.js

@@ -2,56 +2,59 @@ import Component from '@glimmer/component';
 import { action } from '@ember/object';
 
 export default class FlyInComponent extends Component {
-    get activeWidth() {
-        return this.args.activeWidth || '300px';
-    }
-
-    get icon() {
-        return this.args.icon || null;
-    }
-
-    get imageSrc() {
-        return this.args.imageSrc || 'https://cdn.nba.com/headshots/nba/latest/1040x760/2544.png';
-    }
-
-    get title() {
-        return this.args.title || 'Title';
-    }
-
-    get titleOffset() {
-        return this.args.titleOffset || '15%';
-    }
-
-    get yPercentage() {
-        return this.args.yPercentage || '10%';
-    }
-
-    @action
-    configContent(element) {
-        element.style.right = this.titleOffset;
-    }
-    
-    @action
-    configWrapper(element) {
-        element.style.top = this.yPercentage;
-
-        element.addEventListener('mouseenter', async () => {
-            element.style.minWidth = this.activeWidth;
-            await new Promise(resolve => setTimeout(resolve, 100));
-            let dropdown = element.querySelector('.fly-in-dropdown');
-            if (dropdown) {
-                dropdown.style.display = 'block';
-                dropdown.classList.add('fly-in-dropdown-hover');
-            }
-        });
-        element.addEventListener('mouseleave', async () => {
-            element.style.minWidth = '';
-            element.querySelector('.fly-in-dropdown').style.display = 'none';
-            let dropdown = element.querySelector('.fly-in-dropdown');
-            if (dropdown) {
-                dropdown.style.display = 'none';
-                dropdown.classList.remove('fly-in-dropdown-hover');
-            }
-        });
-    }
+  get activeWidth() {
+    return this.args.activeWidth || '300px';
+  }
+
+  get icon() {
+    return this.args.icon || null;
+  }
+
+  get imageSrc() {
+    return (
+      this.args.imageSrc ||
+      'https://cdn.nba.com/headshots/nba/latest/1040x760/2544.png'
+    );
+  }
+
+  get title() {
+    return this.args.title || 'Title';
+  }
+
+  get titleOffset() {
+    return this.args.titleOffset || '15%';
+  }
+
+  get yPercentage() {
+    return this.args.yPercentage || '10%';
+  }
+
+  @action
+  configContent(element) {
+    element.style.right = this.titleOffset;
+  }
+
+  @action
+  configWrapper(element) {
+    element.style.top = this.yPercentage;
+
+    element.addEventListener('mouseenter', async () => {
+      element.style.minWidth = this.activeWidth;
+      await new Promise((resolve) => setTimeout(resolve, 100));
+      let dropdown = element.querySelector('.fly-in-dropdown');
+      if (dropdown) {
+        dropdown.style.display = 'block';
+        dropdown.classList.add('fly-in-dropdown-hover');
+      }
+    });
+    element.addEventListener('mouseleave', async () => {
+      element.style.minWidth = '';
+      element.querySelector('.fly-in-dropdown').style.display = 'none';
+      let dropdown = element.querySelector('.fly-in-dropdown');
+      if (dropdown) {
+        dropdown.style.display = 'none';
+        dropdown.classList.remove('fly-in-dropdown-hover');
+      }
+    });
+  }
 }

package/addon/components/footer.hbs

@@ -0,0 +1,10 @@
+<div class='page-footer'>
+  {{#if (has-block)}}
+    <div class='page-footer-yield'>
+      {{yield}}
+    </div>
+  {{/if}}
+  <div class='page-footer-static'>
+    <span>{{@footerTag}}</span>
+  </div>
+</div>

package/addon/components/form/field.js

@@ -2,28 +2,28 @@ import Component from '@glimmer/component';
 import PresenceValidator from '../../validations/presence';
 
 export default class FormFieldComponent extends Component {
-    get error() {
-        return this.args.errors?.[this.args.valuePath] || null;
-    }
+  get error() {
+    return this.args.errors?.[this.args.valuePath] || null;
+  }
 
-    get fieldType() {
-        return this.args.field?.constructor?.name || null;
-    }
+  get fieldType() {
+    return this.args.field?.constructor?.name || null;
+  }
 
-    get didValidate() {
-        return this.args.didValidate;
-    }
+  get didValidate() {
+    return this.args.didValidate;
+  }
 
-    constructor() {
-        super(...arguments);
-        if (this.args.required) {
-            this.args.addValidator(new PresenceValidator(this.args.valuePath));
-        }
+  constructor() {
+    super(...arguments);
+    if (this.args.required) {
+      this.args.addValidator(new PresenceValidator(this.args.valuePath));
     }
+  }
 
-    onChange = () => {
-        if (this.didValidate) {
-            this.args.validate();
-        }
+  onChange = () => {
+    if (this.didValidate) {
+      this.args.validate();
     }
+  };
 }

package/addon/components/form.js

@@ -3,34 +3,34 @@ import ValidationBuilder from '../validations/validation-builder';
 import { tracked } from '@glimmer/tracking';
 
 export default class FormComponent extends Component {
-    @tracked validations = new ValidationBuilder();
-    @tracked errors = null;
+  @tracked validations = new ValidationBuilder();
+  @tracked errors = null;
 
-    get didValidate() {
-        return this.validations.didValidate;
-    }
-
-    get submitButtonText() {
-        return this.args.submitButtonText || 'Submit';
-    }
+  get didValidate() {
+    return this.validations.didValidate;
+  }
 
-    addValidator = (validator) => {
-        this.validations.addValidation(validator);
-    }
+  get submitButtonText() {
+    return this.args.submitButtonText || 'Submit';
+  }
 
-    submitForm = async () => {
-        let errors = await this.validate();
-        console.log(errors);
-        if (errors) {
-            return;
-        }
+  addValidator = (validator) => {
+    this.validations.addValidation(validator);
+  };
 
-        this.args.onSubmit?.();
+  submitForm = async () => {
+    let errors = await this.validate();
+    console.log(errors);
+    if (errors) {
+      return;
     }
 
-    validate = async () => {
-        let errors = await this.validations.validate(this.args.model);
-        this.errors = errors;
-        return errors;
-    }
+    this.args.onSubmit?.();
+  };
+
+  validate = async () => {
+    let errors = await this.validations.validate(this.args.model);
+    this.errors = errors;
+    return errors;
+  };
 }

package/addon/components/header-dropdown.js

@@ -29,7 +29,7 @@ export default class DropdownComponent extends Component {
     const value = get(this.args.model, this.args.valuePath);
     return value !== undefined ? value : this.placeholder;
   }
-  
+
   set value(newValue) {
     set(this.args.model, this.args.valuePath, newValue);
     return newValue;
@@ -74,7 +74,7 @@ export default class DropdownComponent extends Component {
 
   @action
   makeSelection(option) {
-    if (option.value === this.value) {
+    if (option.value != undefined && option.value === this.value) {
       this.saveSelection(null);
     } else {
       this.saveSelection(option);

package/addon/components/modal.js

@@ -2,28 +2,28 @@ import Component from '@glimmer/component';
 import { faCircleXmark } from '@fortawesome/free-solid-svg-icons';
 
 export default class ModalComponent extends Component {
-    get isOpen() {
-        return this.args.isOpen ?? false;
-    }
+  get isOpen() {
+    return this.args.isOpen ?? false;
+  }
 
-    get icon() {
-        return faCircleXmark;
-    }
+  get icon() {
+    return faCircleXmark;
+  }
 
-    get primaryButtonText() {
-        return this.args.primaryButtonText || 'Done';
-    }
-    
-    get secondaryButtonText() {
-        return this.args.secondaryButtonText || 'Cancel';
-    }
+  get primaryButtonText() {
+    return this.args.primaryButtonText || 'Done';
+  }
 
-    acceptAndClose = () => {
-        this.args.onAccept?.();
-        this.toggleModal();
-    }
-    
-    toggleModal = () => {
-        this.args.toggleModal?.();
-    }
+  get secondaryButtonText() {
+    return this.args.secondaryButtonText || 'Cancel';
+  }
+
+  acceptAndClose = () => {
+    this.args.onAccept?.();
+    this.toggleModal();
+  };
+
+  toggleModal = () => {
+    this.args.toggleModal?.();
+  };
 }

package/addon/components/navbar.hbs

@@ -1,39 +1,32 @@
-<div class='navbar-wrapper'>
-  <div class='navbar-container'>
-    <div
-      class='navbar-title cursor-pointer'
-      {{on 'click' (fn this.onSelect this.homeRoute)}}
-    >
-      {{this.title}}
-    </div>
-    <div class='navbar-elements'>
-      {{#each this.navbarOptions as |option|}}
-        {{#if (eq option.type 'link')}}
-          <div
-            class='navbar-selection cursor-pointer'
-            {{on 'click' (fn this.onSelect option)}}
-          >
-            {{option.label}}
-          </div>
-        {{/if}}
-        {{#if (eq option.type 'dropdown')}}
-          <div class='navbar-selection cursor-pointer'>
-            <HeaderDropdown
-              @class='navbar-dropdown'
-              @options={{option.dropdownOptions}}
-              @placeholder={{option.placeholder}}
-              @onSelect={{this.onSelect}}
-              @selectedOption={{this.selectedOption}}
-              @preventDefault={{option.preventDefault}}
-            />
-          </div>
-        {{/if}}
-      {{/each}}
-    </div>
+<div class='navbar-container'>
+  <div
+    class='navbar-title cursor-pointer'
+    {{on 'click' (fn this.onSelect this.homeRoute)}}
+  >
+    {{this.title}}
   </div>
-  <div class='navbar-yield'>
-    <div class='navbar-body'>
-      {{yield}}
-    </div>
+  <div class='navbar-elements'>
+    {{#each this.navbarOptions as |option|}}
+      {{#if (eq option.type 'link')}}
+        <div
+          class='navbar-selection cursor-pointer'
+          {{on 'click' (fn this.onSelect option)}}
+        >
+          {{option.label}}
+        </div>
+      {{/if}}
+      {{#if (eq option.type 'dropdown')}}
+        <div class='navbar-selection cursor-pointer'>
+          <HeaderDropdown
+            @class='navbar-dropdown'
+            @options={{option.dropdownOptions}}
+            @placeholder={{option.placeholder}}
+            @onSelect={{this.onSelect}}
+            @selectedOption={{this.selectedOption}}
+            @preventDefault={{option.preventDefault}}
+          />
+        </div>
+      {{/if}}
+    {{/each}}
   </div>
 </div>

package/addon/components/radio.hbs

@@ -1,23 +1,23 @@
-<div class="radio-container {{@class}}">
-    {{#if this.args.label}}
-      <div class="label">
-          {{this.args.label}}
-      </div>
-    {{/if}}
-    <div class="radio-options">
-        {{#each this.options as |option|}}
-            <div class="radio-option">
-                <input 
-                    type="radio"
-                    id={{option.label}}
-                    checked={{eq option.label this.value.label}}
-                    name={{this.args.name}}
-                    {{on "change" (fn this.onChange option)}}
-                />
-                <label for={{option.label}}>
-                    {{option.label}}
-                </label>
-            </div>
-        {{/each}}
+<div class='radio-container {{@class}}'>
+  {{#if @label}}
+    <div class='label'>
+      {{@label}}
     </div>
+  {{/if}}
+  <div class='radio-options'>
+    {{#each this.options as |option|}}
+      <div class='radio-option'>
+        <input
+          type='radio'
+          id={{option.label}}
+          checked={{eq option.label this.value.label}}
+          name={{@name}}
+          {{on 'change' (fn this.onChange option)}}
+        />
+        <label for={{option.label}}>
+          {{option.label}}
+        </label>
+      </div>
+    {{/each}}
+  </div>
 </div>

package/addon/components/radio.js

@@ -13,7 +13,7 @@ export default class RadioComponent extends Component {
     const value = get(this.args.model, this.args.valuePath);
     return value !== undefined ? value : this.placeholder;
   }
-  
+
   set value(newValue) {
     set(this.args.model, this.args.valuePath, newValue);
     return newValue;
@@ -22,5 +22,5 @@ export default class RadioComponent extends Component {
   onChange = (option) => {
     this.value = option.value;
     this.args.onChange?.(option);
-  }
+  };
 }

package/addon/components/scaffold.hbs

@@ -0,0 +1,15 @@
+<div class='scaffold-wrapper'>
+  <Navbar @options={{@options}} @title={{@title}} />
+  <div class='scaffold-yield'>
+    <div class='scaffold-body'>
+      {{yield to='body'}}
+    </div>
+  </div>
+  {{#if (has-block 'footer')}}
+    <Footer @footerTag={{@footerTag}}>
+      {{yield to='footer'}}
+    </Footer>
+  {{else}}
+    <Footer @footerTag={{@footerTag}} />
+  {{/if}}
+</div>

package/addon/components/text-input.hbs

@@ -1,12 +1,12 @@
-<div class="text-input-wrapper">
-    <div class="label">
-        {{this.args.label}}
-    </div>
-    <input
-        type="text"
-        class="text-input"
-        placeholder={{this.args.placeholder}}
-        value={{this.value}}
-        {{on "input" this.updateValue}}
-    />
+<div class='text-input-wrapper'>
+  <div class='label'>
+    {{@label}}
+  </div>
+  <input
+    type='text'
+    class='text-input'
+    placeholder={{@placeholder}}
+    value={{this.value}}
+    {{on 'input' this.updateValue}}
+  />
 </div>

package/addon/components/text-input.js

@@ -2,23 +2,22 @@ import Component from '@glimmer/component';
 import { get, set } from '@ember/object';
 
 export default class TextInputComponent extends Component {
+  get placeholder() {
+    return this.args.placeholder || 'Enter text...';
+  }
 
-    get placeholder() {
-        return this.args.placeholder || 'Enter text...';
-    }
+  get value() {
+    const value = get(this.args.model, this.args.valuePath);
+    return value !== undefined ? value : null;
+  }
 
-    get value() {
-      const value = get(this.args.model, this.args.valuePath);
-      return value !== undefined ? value : null;
-    }
+  set value(newValue) {
+    set(this.args.model, this.args.valuePath, newValue);
+    return newValue;
+  }
 
-    set value(newValue) {
-      set(this.args.model, this.args.valuePath, newValue);
-      return newValue;
-    }
-
-    updateValue = (event) => {
-      this.value = event.target.value;
-      this.args.onChange?.(this.value);
-    }
+  updateValue = (event) => {
+    this.value = event.target.value;
+    this.args.onChange?.(this.value);
+  };
 }

package/addon/styles/dropdown.css

@@ -23,7 +23,7 @@
 .dropdown-options {
   white-space: normal;
   max-height: 0;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   border-style: solid;
   border-top-style: none;
   border-bottom-style: none;
@@ -97,7 +97,7 @@
 
 .header-dropdown-options {
   white-space: normal;
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
   border-style: solid;
   border-top-style: none;
   border-bottom-style: none;
@@ -167,4 +167,4 @@
 .header-dropdown-wrapper {
   width: 100%;
   position: relative;
-}
+}

package/addon/styles/footer.css

@@ -0,0 +1,14 @@
+.page-footer {
+  background-color: #eee;
+  padding: 1em;
+}
+
+.page-footer-yield {
+  margin-bottom: 1em;
+}
+
+.page-footer-static {
+  font-size: 12px;
+  display: flex;
+  justify-content: end;
+}

package/addon/styles/navbar.css

@@ -1,4 +1,4 @@
-.navbar-body {
+.scaffold-body {
   flex: 1 1 auto;
   padding: 0 1em;
 }
@@ -76,15 +76,15 @@
   align-items: center;
 }
 
-.navbar-wrapper {
+.scaffold-wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
 }
 
-.navbar-yield {
+.scaffold-yield {
   display: flex;
   justify-content: center;
   flex: 1 1 auto;
   padding-top: 8px;
-}
+}

package/addon/validations/base-validator.js

@@ -1,11 +1,11 @@
 import { tracked } from '@glimmer/tracking';
 
 export default class BaseValidator {
-    @tracked errorMessage = '';
-    @tracked isValid = false;
-    @tracked valuePath = '';
+  @tracked errorMessage = '';
+  @tracked isValid = false;
+  @tracked valuePath = '';
 
-    validate(value) {
-        throw new Error('The validate method must be implemented by subclasses');
-    }
-}
+  validate(value) {
+    throw new Error('The validate method must be implemented by subclasses');
+  }
+}

package/addon/validations/presence.js

@@ -1,24 +1,27 @@
 import BaseValidator from './base-validator';
 
 export default class PresenceValidator extends BaseValidator {
-    constructor(valuePath) {
-        super();
-        this.valuePath = valuePath;
-    }
-    
-    validate(value) {
-        if (value === ''
-            || value === null
-            || value === undefined
-            || (typeof value === 'boolean' && value === false)
-            || (typeof value === 'object' && !Object.values(value).some(v => v ? true : false))) {
-            this.errorMessage = 'This field is required';
-            this.isValid = false;
-            return this.errorMessage;
-        }
+  constructor(valuePath) {
+    super();
+    this.valuePath = valuePath;
+  }
 
-        this.isValid = true;
-        this.errorMessage = null;
-        return null;
+  validate(value) {
+    if (
+      value === '' ||
+      value === null ||
+      value === undefined ||
+      (typeof value === 'boolean' && value === false) ||
+      (typeof value === 'object' &&
+        !Object.values(value).some((v) => (v ? true : false)))
+    ) {
+      this.errorMessage = 'This field is required';
+      this.isValid = false;
+      return this.errorMessage;
     }
+
+    this.isValid = true;
+    this.errorMessage = null;
+    return null;
+  }
 }

package/addon/validations/validation-builder.js

@@ -2,27 +2,27 @@ import { tracked } from '@glimmer/tracking';
 import { get } from '@ember/object';
 
 export default class ValidationBuilder {
-    @tracked validations;
-    @tracked didValidate = false;
+  @tracked validations;
+  @tracked didValidate = false;
 
-    constructor() {
-        this.validations = [];
-    }
+  constructor() {
+    this.validations = [];
+  }
 
-    addValidation(validator) {
-        this.validations.push(validator);
-    }
+  addValidation(validator) {
+    this.validations.push(validator);
+  }
 
-    async validate(model) {
-        let errors = {};
-        for (let validator of this.validations) {
-            const value = get(model, validator.valuePath);
-            await validator.validate(value);
-            if (!validator.isValid) {
-                errors[validator.valuePath] = validator.errorMessage;
-            }
-        }
-        this.didValidate = true;
-        return Object.keys(errors).length ? errors : null;
+  async validate(model) {
+    let errors = {};
+    for (let validator of this.validations) {
+      const value = get(model, validator.valuePath);
+      await validator.validate(value);
+      if (!validator.isValid) {
+        errors[validator.valuePath] = validator.errorMessage;
+      }
     }
-}
+    this.didValidate = true;
+    return Object.keys(errors).length ? errors : null;
+  }
+}

package/app/components/button-primary.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/button-primary';
+export { default } from 'dlg-ui/components/button-primary';

package/app/components/checkbox-group.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/checkbox-group';
+export { default } from 'dlg-ui/components/checkbox-group';

package/app/components/checkbox.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/checkbox';
+export { default } from 'dlg-ui/components/checkbox';

package/app/components/date-picker.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/date-picker';
+export { default } from 'dlg-ui/components/date-picker';

package/app/components/fly-in.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/fly-in';
+export { default } from 'dlg-ui/components/fly-in';

package/app/components/footer.js

@@ -0,0 +1 @@
+export { default } from 'dlg-ui/components/footer';

package/app/components/form/field.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/form/field';
+export { default } from 'dlg-ui/components/form/field';

package/app/components/form.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/form';
+export { default } from 'dlg-ui/components/form';

package/app/components/modal.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/modal';
+export { default } from 'dlg-ui/components/modal';

package/app/components/scaffold.js

@@ -0,0 +1 @@
+export { default } from 'dlg-ui/components/scaffold';

package/app/components/text-input.js

@@ -1 +1 @@
-export { default } from 'dlg-ui/components/text-input';
+export { default } from 'dlg-ui/components/text-input';

package/index.js

@@ -7,7 +7,7 @@ const Funnel = require('broccoli-funnel');
 module.exports = {
   name: require('./package').name,
 
-  included(app) {
+  included() {
     this._super.included.apply(this, arguments);
 
     // Concatenate all CSS files into addon.css at build time

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dlg-ui",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "description": "The default blueprint for ember-cli addons.",
   "keywords": [
     "ember-addon"
@@ -22,14 +22,14 @@
     "lint:js:fix": "eslint . --fix",
     "start": "ember serve",
     "test": "npm-run-all --print-name \"lint\" \"test:*\"",
-    "test:ember": "ember test",
-    "test:ember-compatibility": "ember try:each"
+    "test:ember": "ember test"
   },
   "dependencies": {
     "@ember/string": "^3.1.1",
     "@fortawesome/ember-fontawesome": "^3.1.0",
     "@fortawesome/fontawesome-svg-core": "^7.1.0",
     "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "broccoli-funnel": "^3.0.8",
     "ember-auto-import": "^2.4.3",
     "ember-cli-babel": "^8.2.0",
     "ember-cli-htmlbars": "^6.3.0"
@@ -45,7 +45,6 @@
     "@glimmer/component": "^1.1.2",
     "babel-eslint": "^10.1.0",
     "broccoli-asset-rev": "^3.0.0",
-    "broccoli-funnel": "^3.0.8",
     "broccoli-merge-trees": "^4.2.0",
     "ember-cli": "~4.12.0",
     "ember-cli-dependency-checker": "^3.3.1",
@@ -58,7 +57,6 @@
     "ember-qunit": "^6.0.0",
     "ember-resolver": "^10.0.0",
     "ember-source": "~5.4.0",
-    "ember-source-channel-url": "^3.0.0",
     "ember-template-lint": "^4.16.1",
     "ember-truth-helpers": "^4.0.3",
     "eslint": "^7.32.0",