Cc 5545: Upgrade HDS packages and modifiers (#19226)

* Upgrade @hashicorp/design-system-tokens to 1.9.0

* Upgrade @hashicorp/design-system-components to 1.8.1

* Upgrade @hashicorp/design-system-components and ember-in-viewport

* Explicitly install ember-modifier@4.1.0

* rename copy-button

* Fix how cleanup is done in with-copyable

* Update aria-menu modifier for new structure

* Update css-prop modifier to new structure

* Convert did-upsert to regular class modifier

* Update notification modifier for new structure

* Update on-oustside modifier for new structure

* Move destroy handler registration in with-copyable

* Update style modifier for new structure

* Update validate modifier for new structure

* Guard against setting on destroyed object

* Upgrade @hashicorp/design-system-components to 2.14.1

* Remove debugger

* Guard against null in aria-menu

* Fix undefined hash in validate addon

* Upgrade ember-on-resize-modifier

* Fix copy button import, missing import and array destructuring

---------

Co-authored-by: wenincode <tyler.wendlandt@hashicorp.com>

ui/packages/consul-lock-sessions/app/components/consul/lock-session/list/index.hbs

@@ -14,7 +14,7 @@ as |item index|>
   {{else}}
     <span>
       {{item.ID}}
-      <CopyButton
+      <ConsulCopyButton
         @value={{item.ID}}
         @name="ID"
       />
@@ -28,7 +28,7 @@ as |item index|>
         ID
       </dt>
       <dd>
-        <CopyButton
+        <ConsulCopyButton
           @value={{item.ID}}
           @name="ID"
         />

ui/packages/consul-peerings/app/components/consul/peer/address/list/index.hbs

@@ -18,7 +18,7 @@
           <div
             class="hds-typography-display-300 text-hds-foreground-strong hds-font-weight-semibold"
           >{{address}}</div>
-          <CopyButton
+          <ConsulCopyButton
             @value={{address}}
             @name="Address"
             class="opacity-0 group-hover:opacity-100"

ui/packages/consul-ui/app/components/code-editor/README.mdx

@@ -38,7 +38,7 @@ A code-editor with syntax highlighting supporting multiple languages (JSON, HCL,
 | Name | Description | Behaviour if empty |
 | --- | --- | --- |
 | `:label` | Used to define the title that's displayed on the left inside the toolbar above the CodeEditor | Nothing is displayed |
-| `:tools` | Used to define tools, buttons, widgets that will be displayed on the right inside the toolbar above the CodeEditor | By default it renders a `language selector` dropdown (if `readonly`== false and `syntax` is falsy) and a `CopyButton`
+| `:tools` | Used to define tools, buttons, widgets that will be displayed on the right inside the toolbar above the CodeEditor | By default it renders a `language selector` dropdown (if `readonly`== false and `syntax` is falsy) and a `ConsulCopyButton`
 | `:content` | Used to display specific content such as code templates inside the CodeEditor | if the block is defined, @value will be displayed instead |
 
 

ui/packages/consul-ui/app/components/code-editor/index.hbs

@@ -23,7 +23,7 @@
             {{mode.name}}
           </PowerSelect>
           <div class="toolbar-separator"></div>
-          <CopyButton
+          <ConsulCopyButton
             @value={{value}}
             @name="value"
           />

ui/packages/consul-ui/app/components/code-editor/index.js

@@ -36,22 +36,24 @@ export default Component.extend({
     }
   },
   setMode: function (mode) {
-    let options = {
+    if (!this.isDestroying && !this.isDestroyed) {
-      ...DEFAULTS,
+      let options = {
-      mode: mode.mime,
+        ...DEFAULTS,
-      readOnly: this.readonly,
+        mode: mode.mime,
-    };
+        readOnly: this.readonly,
-    if (mode.name === 'XML') {
+      };
-      options.htmlMode = mode.htmlMode;
+      if (mode.name === 'XML') {
-      options.matchClosing = mode.matchClosing;
+        options.htmlMode = mode.htmlMode;
-      options.alignCDATA = mode.alignCDATA;
+        options.matchClosing = mode.matchClosing;
-    }
+        options.alignCDATA = mode.alignCDATA;
-    set(this, 'options', options);
+      }
+      set(this, 'options', options);
 
-    const editor = this.editor;
+      const editor = this.editor;
-    editor.setOption('mode', mode.mime);
+      editor.setOption('mode', mode.mime);
-    this.helper.lint(editor, mode.mode);
+      this.helper.lint(editor, mode.mode);
-    set(this, 'mode', mode);
+      set(this, 'mode', mode);
+    }
   },
   willDestroyElement: function () {
     this._super(...arguments);

ui/packages/consul-ui/app/components/consul-copy-button/README.mdx

@@ -1,4 +1,4 @@
-# CopyButton
+# ConsulCopyButton
 
 Button component used for copy-to-clipboard functionality so the user can easily copy specified text to their clipboard, along with tooltip-like notifications so the user has some sort of feedback to know the value has been copied.
 
@@ -10,7 +10,7 @@ Can be used inline to render only a small icon for the button with no other text
 <figure>
   <figcaption>Icon only</figcaption>
 
-  <CopyButton
+  <ConsulCopyButton
     @value={{'stringToCopy'}}
     @name="Thing"
   />
@@ -20,12 +20,12 @@ Can be used inline to render only a small icon for the button with no other text
 <figure>
   <figcaption>Icon and text</figcaption>
 
-  <CopyButton
+  <ConsulCopyButton
     @value={{'stringToCopy'}}
     @name="Thing"
   >
     Copy me!
-  </CopyButton>
+  </ConsulCopyButton>
 </figure>
 ```
 

ui/packages/consul-ui/app/components/consul-copy-button/index.hbs

@@ -14,12 +14,12 @@
 {{#let (fn dispatch 'SUCCESS') (fn dispatch 'ERROR') (fn dispatch 'RESET') as |success error reset|}}
     <button
       {{with-copyable @value success=success error=error}}
-      aria-label={{t 'components.copy-button.title' name=@name}}
+      aria-label={{t 'components.consul-copy-button.title' name=@name}}
       type="button"
       class="copy-btn"
       ...attributes
       {{tooltip
-        (if (state-matches state 'success') (t 'components.copy-button.success' name=@name) (t 'components.copy-button.error'))
+        (if (state-matches state 'success') (t 'components.consul-copy-button.success' name=@name) (t 'components.consul-copy-button.error'))
         options=(hash
           trigger='manual'
           showOnCreate=(not (state-matches state 'idle'))

ui/packages/consul-ui/app/components/consul-copy-button/index.js

@@ -6,7 +6,7 @@
 import Component from '@glimmer/component';
 import chart from './chart.xstate';
 
-export default class CopyButton extends Component {
+export default class ConsulCopyButton extends Component {
   constructor() {
     super(...arguments);
     this.chart = chart;

ui/packages/consul-ui/app/components/consul/exposed-path/list/index.hbs

@@ -18,7 +18,7 @@
           <span>
             {{combinedAddress}}
           </span>
-          <CopyButton
+          <ConsulCopyButton
             @value={{combinedAddress}}
             @name="Address"
           />

ui/packages/consul-ui/app/components/consul/health-check/list/index.hbs

@@ -47,7 +47,7 @@
           <dt>Output</dt>
           <dd>
               <pre><code>{{item.Output}}</code></pre>
-              <CopyButton @value={{item.Output}} @name="output" />
+              <ConsulCopyButton @value={{item.Output}} @name="output" />
           </dd>
         </dl>
       </div>

ui/packages/consul-ui/app/components/consul/node/list/index.hbs

@@ -43,7 +43,7 @@ as |item index|>
         <span>Address</span>
       </dt>
       <dd>
-        <CopyButton
+        <ConsulCopyButton
           @value={{item.Address}}
           @name="Address"
         />

ui/packages/consul-ui/app/components/consul/token/list/index.hbs

@@ -36,12 +36,12 @@ as |item|>
     </BlockSlot>
     <BlockSlot @name="actions" as |Actions|>
     {{#if item.hasSecretID}}
-      <CopyButton
+      <ConsulCopyButton
         @value={{item.SecretID}}
         @name={{t "components.consul.token.secretID"}}
       >
         {{t "components.consul.token.secretID"}}
-      </CopyButton>
+      </ConsulCopyButton>
     {{/if}}
       <Actions as |Action|>
         <Action data-test-edit-action @href={{href-to 'dc.acls.tokens.edit' item.AccessorID}}>

ui/packages/consul-ui/app/components/consul/upstream-instance/list/index.hbs

@@ -49,7 +49,7 @@
               Local bind socket path
           </dt>
           <dd>
-            <CopyButton
+            <ConsulCopyButton
               @value={{item.LocalBindSocketPath}}
               @name="Local bind socket path"
             />
@@ -73,7 +73,7 @@
             Address
           </dt>
           <dd>
-            <CopyButton
+            <ConsulCopyButton
               @value={{combinedAddress}}
               @name="Address"
             />

ui/packages/consul-ui/app/components/consul/upstream/list/index.hbs

@@ -66,7 +66,7 @@ as |item index|>
         Address
       </dt>
       <dd>
-        <CopyButton
+        <ConsulCopyButton
           @value={{address}}
           @name="Address"
         />

ui/packages/consul-ui/app/components/copyable-code/index.hbs

@@ -33,7 +33,7 @@
     </disclosure.Details>
   </Disclosure>
 
-  <CopyButton
+  <ConsulCopyButton
     @value={{@value}}
     @name={{@name}}
   />
@@ -41,7 +41,7 @@
 {{else}}
   <pre><code
   >{{@value}}</code></pre>
-  <CopyButton
+  <ConsulCopyButton
     @value={{@value}}
     @name={{@name}}
   />

ui/packages/consul-ui/app/components/disclosure-menu/menu/index.hbs

@@ -4,9 +4,7 @@
 }}
 
 <@disclosure.Details as |details|>
-  <PagedCollection
+  <PagedCollection @items={{or @items (array)}} as |pager|>
-    @items={{or @items (array)}}
-  as |pager|>
     <div
       {{on-outside 'click' @disclosure.close}}
       {{did-insert pager.viewport}}
@@ -14,17 +12,13 @@
       {{css-prop '--paged-row-height' returns=pager.rowHeight}}
       {{css-prop 'max-height' returns=pager.maxHeight}}
       class={{class-map
-        (array 'paged-collection-scroll' (includes pager.type (array 'virtual-scroll' 'native-scroll')))
+        (array
+          'paged-collection-scroll' (includes pager.type (array 'virtual-scroll' 'native-scroll'))
+        )
       }}
       ...attributes
     >
-      {{yield (hash
+      {{yield (hash Menu=(component 'menu' disclosure=@disclosure pager=pager))}}
-        Menu=(component 'menu'
-          disclosure=@disclosure
-          pager=pager
-        )
-      )}}
     </div>
   </PagedCollection>
-</@disclosure.Details>
+</@disclosure.Details>
-

ui/packages/consul-ui/app/components/horizontal-kv-list/README.mdx

@@ -19,7 +19,7 @@ to provide a textual tooltip for the icon. Using the `{{tooltip}}` modifier
 with no arguments will make it use the text/DOM content of the DOM element it
 is attached to, see below for a full usage example.
 
-`<CopyButton />` components are commonly added to the value, and can be added
+`<ConsulCopyButton />` components are commonly added to the value, and can be added
 to the left or right of the value.
 
 ```hbs preview-template
@@ -49,7 +49,7 @@ to the left or right of the value.
       TTL
     </dt>
     <dd>
-      <CopyButton
+      <ConsulCopyButton
         @value={{"1m30s10ms"}}
         @name="TTL"
       />
@@ -96,7 +96,7 @@ to the left or right of the value.
     </dt>
     <dd>
       1m30s10ms
-      <CopyButton
+      <ConsulCopyButton
         @value={{"1m30s10ms"}}
         @name="TTL"
       />
@@ -147,7 +147,7 @@ to the left or right of the value.
       TTL
     </dt>
     <dd>
-      <CopyButton
+      <ConsulCopyButton
         @value={{"1m30s10ms"}}
         @name="TTL"
       />

ui/packages/consul-ui/app/components/menu/index.hbs

@@ -4,21 +4,22 @@
 }}
 
 <ul
-  role="menu"
+  role='menu'
   style={{{style-map
     (array 'height' (if (and @pager (not-eq @pager.type 'native-scroll')) @pager.totalHeight) 'px')
-    (array '--paged-start' (if (and @pager (not-eq @pager.type 'native-scroll')) @pager.startHeight) 'px')
+    (array
+      '--paged-start' (if (and @pager (not-eq @pager.type 'native-scroll')) @pager.startHeight) 'px'
+    )
   }}}
   {{did-insert (optional @pager.pane)}}
-  {{aria-menu
+  {{aria-menu onclose=(or @onclose @disclosure.close) openEvent=(or @event @disclosure.event)}}
-    onclose=(or @onclose @disclosure.close)
-    openEvent=(or @event @disclosure.event)
-  }}
 >
-  {{yield (hash
+  {{yield
-    Action=(component 'menu/action' disclosure=@disclosure)
+    (hash
-    Item=(component 'menu/item')
+      Action=(component 'menu/action' disclosure=@disclosure)
-    Separator=(component 'menu/separator')
+      Item=(component 'menu/item')
-    items=@pager.items
+      Separator=(component 'menu/separator')
-  )}}
+      items=@pager.items
+    )
+  }}
 </ul>

ui/packages/consul-ui/app/modifiers/aria-menu.js

@@ -6,6 +6,7 @@
 import Modifier from 'ember-modifier';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
+import { registerDestructor } from '@ember/destroyable';
 
 const TAB = 9;
 const ESC = 27;
@@ -38,6 +39,12 @@ const keys = {
 
 const MENU_ITEMS = '[role^="menuitem"]';
 
+function cleanup(instance) {
+  if (instance) {
+    instance?.doc?.removeEventListener('keydown', instance?.keydown);
+  }
+}
+
 export default class AriaMenuModifier extends Modifier {
   @service('-document') doc;
   orientation = 'vertical';
@@ -46,7 +53,7 @@ export default class AriaMenuModifier extends Modifier {
   async keydown(e) {
     if (e.keyCode === ESC) {
       this.options.onclose(e);
-      this.$trigger.focus();
+      this.$trigger?.focus();
       return;
     }
     const $items = [...this.element.querySelectorAll(MENU_ITEMS)];
@@ -55,7 +62,7 @@ export default class AriaMenuModifier extends Modifier {
       if (e.shiftKey) {
         if (pos === 0) {
           this.options.onclose(e);
-          this.$trigger.focus();
+          this.$trigger?.focus();
         }
       } else {
         if (pos === $items.length - 1) {
@@ -68,7 +75,7 @@ export default class AriaMenuModifier extends Modifier {
     if (typeof keys[this.orientation][e.keyCode] === 'undefined') {
       return;
     }
-    $items[keys[this.orientation][e.keyCode]($items, pos)].focus();
+    $items[keys[this.orientation][e.keyCode]($items, pos)]?.focus();
     e.stopPropagation();
     e.preventDefault();
   }
@@ -85,28 +92,19 @@ export default class AriaMenuModifier extends Modifier {
     }
   }
 
-  connect(params, named) {
+  modify(element, positional, named) {
-    this.$trigger = this.doc.getElementById(this.element.getAttribute('aria-labelledby'));
+    this.params = positional;
-    if (typeof named.openEvent !== 'undefined') {
+    this.options = named;
-      this.focus(named.openEvent);
+
+    if (!this.$trigger) {
+      this.element = element;
+      this.$trigger = this.doc.getElementById(element.getAttribute('aria-labelledby'));
+      if (typeof named.openEvent !== 'undefined') {
+        this.focus(named.openEvent);
+      }
+
+      this.doc.addEventListener('keydown', this.keydown);
     }
-    this.doc.addEventListener('keydown', this.keydown);
+    registerDestructor(this, cleanup);
-  }
-
-  disconnect() {
-    this.doc.removeEventListener('keydown', this.keydown);
-  }
-
-  didReceiveArguments() {
-    this.params = this.args.positional;
-    this.options = this.args.named;
-  }
-
-  didInstall() {
-    this.connect(this.args.positional, this.args.named);
-  }
-
-  willRemove() {
-    this.disconnect();
   }
 }

ui/packages/consul-ui/app/modifiers/css-prop.js

@@ -8,10 +8,9 @@ import { inject as service } from '@ember/service';
 
 export default class CSSPropModifier extends Modifier {
   @service('-document') doc;
-  didReceiveArguments() {
+
-    const params = this.args.positional;
+  modify(element, positional, named) {
-    const options = this.args.named;
+    const returns = positional[1] || named?.returns;
-    const returns = params[1] || options.returns;
+    returns(this.doc.defaultView.getComputedStyle(element).getPropertyValue(positional[0]));
-    returns(this.doc.defaultView.getComputedStyle(this.element).getPropertyValue(params[0]));
   }
 }

ui/packages/consul-ui/app/modifiers/did-upsert.js

@@ -3,8 +3,7 @@
  * SPDX-License-Identifier: BUSL-1.1
  */
 
-import { setModifierManager, capabilities } from '@ember/modifier';
+import Modifier from 'ember-modifier';
-import { gte } from 'ember-compatibility-helpers';
 
 const createEventLike = (state) => {
   return {
@@ -12,40 +11,11 @@ const createEventLike = (state) => {
     currentTarget: state.element,
   };
 };
-export default setModifierManager(
-  () => ({
-    capabilities: capabilities(gte('3.22.0') ? '3.22' : '3.13', { disableAutoTracking: true }),
 
-    createModifier() {
+export default class DidUpsertModifier extends Modifier {
-      return { element: null };
+  modify(element, positional, named) {
-    },
+    this.element = element;
-
+    const [fn, ...rest] = positional;
-    installModifier(state, element, args) {
+    fn(createEventLike(this), rest, named);
-      state.element = element;
+  }
-      if (gte('3.22.0')) {
+}
-        // Consume individual properties to entangle tracking.
-        // https://github.com/emberjs/ember.js/issues/19277
-        // https://github.com/ember-modifier/ember-modifier/pull/63#issuecomment-815908201
-        args.positional.forEach(() => {});
-        args.named && Object.values(args.named);
-      }
-      const [fn, ...positional] = args.positional;
-      fn(createEventLike(state), positional, args.named);
-    },
-
-    updateModifier(state, args) {
-      if (gte('3.22.0')) {
-        // Consume individual properties to entangle tracking.
-        // https://github.com/emberjs/ember.js/issues/19277
-        // https://github.com/ember-modifier/ember-modifier/pull/63#issuecomment-815908201
-        args.positional.forEach(() => {});
-        args.named && Object.values(args.named);
-      }
-      const [fn, ...positional] = args.positional;
-      fn(createEventLike(state), positional, args.named);
-    },
-
-    destroyModifier() {},
-  }),
-  class DidUpsertModifier {}
-);

ui/packages/consul-ui/app/modifiers/notification.js

@@ -5,20 +5,28 @@
 
 import Modifier from 'ember-modifier';
 import { inject as service } from '@ember/service';
+import { registerDestructor } from '@ember/destroyable';
 
+function cleanup(instance) {
+  if (instance && instance?.named?.sticky) {
+    instance.notify?.clearMessages();
+  }
+}
 export default class NotificationModifier extends Modifier {
   @service('flashMessages') notify;
 
-  didInstall() {
+  modify(element, _, named) {
-    this.element.setAttribute('role', 'alert');
+    this.named = named;
-    this.element.dataset['notification'] = null;
+    element.setAttribute('role', 'alert');
+    element.dataset['notification'] = null;
+
     const options = {
       timeout: 6000,
       extendedTimeout: 300,
-      ...this.args.named,
+      ...named,
     };
-    options.dom = this.element.outerHTML;
+    options.dom = element.outerHTML;
-    this.element.remove();
+    element.remove();
     this.notify.clearMessages();
     if (typeof options.after === 'function') {
       Promise.resolve()
@@ -28,16 +36,13 @@ export default class NotificationModifier extends Modifier {
             throw e;
           }
         })
-        .then((res) => {
+        .then((_) => {
           this.notify.add(options);
         });
     } else {
       this.notify.add(options);
     }
-  }
+
-  willDestroy() {
+    registerDestructor(this, cleanup);
-    if (this.args.named.sticky) {
-      this.notify.clearMessages();
-    }
   }
 }

ui/packages/consul-ui/app/modifiers/on-outside.js

@@ -6,18 +6,34 @@
 import Modifier from 'ember-modifier';
 import { action } from '@ember/object';
 import { inject as service } from '@ember/service';
+import { registerDestructor } from '@ember/destroyable';
+
+function cleanup(instance) {
+  if (instance) {
+    instance.doc?.removeEventListener('click', instance.listen);
+  }
+}
 
 export default class OnOutsideModifier extends Modifier {
   @service('dom') dom;
 
-  constructor() {
+  constructor(owner, args) {
-    super(...arguments);
+    super(owner, args);
     this.doc = this.dom.document();
+
+    registerDestructor(this, cleanup);
   }
-  async connect(params, options) {
+
+  async modify(element, positional, named) {
+    cleanup.call(this);
+
+    this.params = positional;
+    this.options = named;
+    this.element = element;
+
     await new Promise((resolve) => setTimeout(resolve, 0));
     try {
-      this.doc.addEventListener(params[0], this.listen);
+      this.doc.addEventListener(positional[0], this.listen);
     } catch (e) {
       // continue
     }
@@ -25,26 +41,9 @@ export default class OnOutsideModifier extends Modifier {
 
   @action
   listen(e) {
-    if (this.dom.isOutside(this.element, e.target)) {
+    if (this.element && this.dom.isOutside(this.element, e.target)) {
       const dispatch = typeof this.params[1] === 'function' ? this.params[1] : (_) => {};
       dispatch.apply(this.element, [e]);
     }
   }
-
-  disconnect() {
-    this.doc.removeEventListener('click', this.listen);
-  }
-
-  didReceiveArguments() {
-    this.params = this.args.positional;
-    this.options = this.args.named;
-  }
-
-  didInstall() {
-    this.connect(this.args.positional, this.args.named);
-  }
-
-  willRemove() {
-    this.disconnect();
-  }
 }

ui/packages/consul-ui/app/modifiers/style.js

@@ -40,15 +40,17 @@ export default class StyleModifier extends Modifier {
     this._oldStyles = new Set(newStyles.map((e) => e[0]));
   }
 
-  didReceiveArguments() {
+  modify(element, positional, named) {
-    if (typeof this.args.named.delay !== 'undefined') {
+    this.element = element;
+
+    if (typeof named.delay !== 'undefined') {
       setTimeout((_) => {
-        if (typeof this !== this.args.positional[0]) {
+        if (typeof this !== positional[0]) {
-          this.setStyles(this.args.positional[0]);
+          this.setStyles(positional[0]);
         }
-      }, this.args.named.delay);
+      }, named?.delay);
     } else {
-      this.setStyles(this.args.positional[0]);
+      this.setStyles(positional[0]);
     }
   }
 }

ui/packages/consul-ui/app/modifiers/validate.js

@@ -5,9 +5,17 @@
 
 import Modifier from 'ember-modifier';
 import { action } from '@ember/object';
+import { registerDestructor } from '@ember/destroyable';
 
 class ValidationError extends Error {}
 
+function cleanup(instance) {
+  if (instance && instance?.element) {
+    instance?.element?.removeEventListener('input', instance?.listen);
+    instance?.element?.removeEventListener('blur', instance?.reset);
+  }
+}
+
 export default class ValidateModifier extends Modifier {
   item = null;
   hash = null;
@@ -70,37 +78,24 @@ export default class ValidateModifier extends Modifier {
     }
   }
 
-  async connect([value], _hash) {
-    this.element.addEventListener('input', this.listen);
-    this.element.addEventListener('blur', this.reset);
-    if (this.element.value.length > 0) {
-      await Promise.resolve();
-      if (this && this.element) {
-        this.validate(this.element.value, this.hash.validations);
-      }
-    }
-  }
-
   @action
   listen(e) {
     this.validate(e.target.value, this.hash.validations);
   }
 
-  disconnect() {
+  constructor(owner, args) {
-    this.item = null;
+    super(owner, args);
-    this.hash = null;
+    registerDestructor(this, cleanup);
-    this.element.removeEventListener('input', this.listen);
-    this.element.removeEventListener('blur', this.reset);
   }
 
-  didReceiveArguments() {
+  async modify(element, positional, named) {
-    const [value] = this.args.positional;
+    cleanup.call(this);
-    const _hash = this.args.named;
 
-    this.item = value;
+    this.element = element;
-    this.hash = _hash;
+    this.hash = named;
+    this.item = positional[0];
 
-    if (typeof _hash.chart === 'undefined') {
+    if (typeof this.hash.chart === 'undefined') {
       this.hash.chart = {
         state: {
           context: {},
@@ -108,22 +103,24 @@ export default class ValidateModifier extends Modifier {
         dispatch: (state) => {
           switch (state) {
             case 'ERROR':
-              _hash.onchange(this.hash.chart.state.context.errors);
+              this.hash.onchange(this.hash.chart.state.context.errors);
               break;
             case 'RESET':
-              _hash.onchange();
+              this.hash.onchange();
               break;
           }
         },
       };
     }
-  }
 
-  didInstall() {
+    this.element.addEventListener('input', this.listen);
-    this.connect(this.args.positional, this.args.named);
+    this.element.addEventListener('blur', this.reset);
-  }
 
-  willRemove() {
+    if (this.element.value.length > 0) {
-    this.disconnect();
+      await Promise.resolve();
+      if (this && this.element) {
+        this.validate(this.element.value, this.hash.validations);
+      }
+    }
   }
 }

ui/packages/consul-ui/app/modifiers/with-copyable.js

@@ -6,10 +6,21 @@
 import Modifier from 'ember-modifier';
 import { inject as service } from '@ember/service';
 import { runInDebug } from '@ember/debug';
+import { registerDestructor } from '@ember/destroyable';
 
 const typeAssertion = (type, value, withDefault) => {
   return typeof value === type ? value : withDefault;
 };
+
+function cleanup(instance) {
+  if (instance && instance?.source && instance?.hash) {
+    instance.source?.off('success', instance.hash.success)?.off('error', instance.hash.error);
+
+    instance.source?.destroy();
+    instance.hash = null;
+    instance.source = null;
+  }
+}
 export default class WithCopyableModifier extends Modifier {
   @service('clipboard/os') clipboard;
 
@@ -39,23 +50,18 @@ export default class WithCopyableModifier extends Modifier {
     this.hash = hash;
   }
 
+  constructor() {
+    super(...arguments);
+    registerDestructor(this, cleanup);
+  }
+
+  modify(element, value, namedArgs) {
+    this.element = element;
+    this.disconnect();
+    this.connect(value, namedArgs);
+  }
+
   disconnect() {
-    if (this.source && this.hash) {
+    cleanup.call(this);
-      this.source.off('success', this.hash.success).off('error', this.hash.error);
-
-      this.source.destroy();
-      this.hash = null;
-      this.source = null;
-    }
-  }
-
-  // lifecycle hooks
-  didReceiveArguments() {
-    this.disconnect();
-    this.connect(this.args.positional, this.args.named);
-  }
-
-  willRemove() {
-    this.disconnect();
   }
 }

ui/packages/consul-ui/app/styles/components.scss

@@ -16,7 +16,7 @@
 @import 'consul-ui/components/code-editor';
 @import 'consul-ui/components/composite-row';
 @import 'consul-ui/components/confirmation-dialog';
-@import 'consul-ui/components/copy-button';
+@import 'consul-ui/components/consul-copy-button';
 @import 'consul-ui/components/definition-table';
 @import 'consul-ui/components/disclosure-menu';
 @import 'consul-ui/components/display-toggle';

ui/packages/consul-ui/app/templates/dc/nodes/show.hbs

@@ -123,7 +123,7 @@ as |item tomography|}}
             }}/>
           </BlockSlot>
           <BlockSlot @name="actions">
-            <CopyButton @value={{item.Address}} @name="Address">{{item.Address}}</CopyButton>
+            <ConsulCopyButton @value={{item.Address}} @name="Address">{{item.Address}}</ConsulCopyButton>
           </BlockSlot>
           <BlockSlot @name="content">
             <Outlet

ui/packages/consul-ui/app/templates/dc/services/instance.hbs

@@ -162,7 +162,7 @@
           </BlockSlot>
           <BlockSlot @name='actions'>
             {{#let (or item.Service.Address item.Node.Address) as |address|}}
-              <CopyButton @value={{address}} @name='Address'>{{address}}</CopyButton>
+              <ConsulCopyButton @value={{address}} @name='Address'>{{address}}</ConsulCopyButton>
             {{/let}}
           </BlockSlot>
           <BlockSlot @name='content'>

ui/packages/consul-ui/package.json

@@ -69,10 +69,10 @@
     "@ember/test-helpers": "^2.6.0",
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",
-    "@hashicorp/design-system-components": "^1.6.0",
+    "@hashicorp/design-system-components": "^2.14.1",
-    "@hashicorp/design-system-tokens": "^1.0.0",
+    "@hashicorp/design-system-tokens": "^1.9.0",
     "@hashicorp/ember-cli-api-double": "^4.0.0",
-    "@hashicorp/ember-flight-icons": "^3.0.2",
+    "@hashicorp/ember-flight-icons": "^3.1.3",
     "@html-next/vertical-collection": "^4.0.0",
     "@lit/reactive-element": "^1.2.1",
     "@xstate/fsm": "^1.4.0",
@@ -134,16 +134,16 @@
     "ember-decorators": "^6.1.1",
     "ember-exam": "^6.1.0",
     "ember-export-application-global": "^2.0.1",
-    "ember-in-viewport": "^3.8.1",
+    "ember-in-viewport": "^4.0.0",
     "ember-inflector": "^4.0.1",
     "ember-intl": "^5.7.0",
     "ember-load-initializers": "^2.1.2",
     "ember-math-helpers": "^2.4.0",
     "ember-maybe-import-regenerator": "^0.1.6",
-    "ember-modifier": "^2.1.1",
+    "ember-modifier": "^4.1.0",
-    "ember-named-blocks-polyfill": "^0.2.3",
+    "ember-named-blocks-polyfill": "^0.2.5",
     "ember-on-helper": "^0.1.0",
-    "ember-on-resize-modifier": "^0.3.0",
+    "ember-on-resize-modifier": "^2.0.2",
     "ember-page-title": "^6.2.2",
     "ember-power-select": "^4.0.5",
     "ember-power-select-with-create": "^0.8.0",

ui/yarn.lock

@@ -985,6 +985,13 @@
   dependencies:
     regenerator-runtime "^0.13.11"
 
+"@babel/runtime@^7.17.8":
+  version "7.23.2"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.2.tgz#062b0ac103261d68a966c4c7baf2ae3e62ec3885"
+  integrity sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/template@^7.18.10", "@babel/template@^7.20.7":
   version "7.20.7"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
@@ -1280,6 +1287,15 @@
     ember-cli-babel "^7.26.11"
     ember-modifier-manager-polyfill "^1.2.0"
 
+"@ember/render-modifiers@^2.0.5":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@ember/render-modifiers/-/render-modifiers-2.1.0.tgz#f4fff95a8b5cfbe947ec46644732d511711c5bf9"
+  integrity sha512-LruhfoDv2itpk0fA0IC76Sxjcnq/7BC6txpQo40hOko8Dn6OxwQfxkPIbZGV0Cz7df+iX+VJrcYzNIvlc3w2EQ==
+  dependencies:
+    "@embroider/macros" "^1.0.0"
+    ember-cli-babel "^7.26.11"
+    ember-modifier-manager-polyfill "^1.2.0"
+
 "@ember/string@^3.0.0":
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/@ember/string/-/string-3.0.1.tgz#42cf032031a4432c2dd69c327ae1876d2c13df9c"
@@ -1301,7 +1317,7 @@
     ember-cli-htmlbars "^6.1.1"
     ember-destroyable-polyfill "^2.0.3"
 
-"@ember/test-waiters@^3.0.0":
+"@ember/test-waiters@^3.0.0", "@ember/test-waiters@^3.0.2":
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/@ember/test-waiters/-/test-waiters-3.0.2.tgz#5b950c580a1891ed1d4ee64f9c6bacf49a15ea6f"
   integrity sha512-H8Q3Xy9rlqhDKnQpwt2pzAYDouww4TZIGSI1pZJhM7mQIGufQKuB0ijzn/yugA6Z+bNdjYp1HioP8Y4hn2zazQ==
@@ -1311,7 +1327,7 @@
     ember-cli-version-checker "^5.1.2"
     semver "^7.3.5"
 
-"@embroider/addon-shim@^1.0.0", "@embroider/addon-shim@^1.5.0", "@embroider/addon-shim@^1.8.4":
+"@embroider/addon-shim@^1.0.0", "@embroider/addon-shim@^1.8.4":
   version "1.8.4"
   resolved "https://registry.yarnpkg.com/@embroider/addon-shim/-/addon-shim-1.8.4.tgz#0e7f32c5506bf0f3eb0840506e31c36c7053763c"
   integrity sha512-sFhfWC0vI18KxVenmswQ/ShIvBg4juL8ubI+Q3NTSdkCTeaPQ/DIOUF6oR5DCQ8eO/TkIaw+kdG3FkTY6yNJqA==
@@ -1320,6 +1336,15 @@
     broccoli-funnel "^3.0.8"
     semver "^7.3.8"
 
+"@embroider/addon-shim@^1.2.0":
+  version "1.8.6"
+  resolved "https://registry.yarnpkg.com/@embroider/addon-shim/-/addon-shim-1.8.6.tgz#b676991b4fa32c3a98dc7db7dc6cd655029c3f09"
+  integrity sha512-siC9kP78uucEbpDcVyxjkwa76pcs5rVzDVpWO4PDc9EAXRX+pzmUuSTLAK3GztUwx7/PWhz1BenAivqdSvSgfg==
+  dependencies:
+    "@embroider/shared-internals" "^2.2.3"
+    broccoli-funnel "^3.0.8"
+    semver "^7.3.8"
+
 "@embroider/core@0.36.0":
   version "0.36.0"
   resolved "https://registry.yarnpkg.com/@embroider/core/-/core-0.36.0.tgz#fbbd60d29c3fcbe02b4e3e63e6043a43de2b9ce3"
@@ -1411,6 +1436,20 @@
     resolve "^1.20.0"
     semver "^7.3.2"
 
+"@embroider/macros@^0.50.0 || ^1.0.0", "@embroider/macros@^1.2.0", "@embroider/macros@^1.8.1", "@embroider/macros@^1.8.3":
+  version "1.13.2"
+  resolved "https://registry.yarnpkg.com/@embroider/macros/-/macros-1.13.2.tgz#07dda11313a2539f403404881b729e622a80ca17"
+  integrity sha512-AUgJ71xG8kjuTx8XB1AQNBiebJuXRfhcHr318dCwnQz9VRXdYSnEEqf38XRvGYIoCvIyn/3c72LrSwzaJqknOA==
+  dependencies:
+    "@embroider/shared-internals" "2.5.0"
+    assert-never "^1.2.1"
+    babel-import-util "^2.0.0"
+    ember-cli-babel "^7.26.6"
+    find-up "^5.0.0"
+    lodash "^4.17.21"
+    resolve "^1.20.0"
+    semver "^7.3.2"
+
 "@embroider/macros@^1.0.0", "@embroider/macros@^1.10.0":
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/@embroider/macros/-/macros-1.10.0.tgz#af3844d5db48f001b85cfb096c76727c72ad6c1e"
@@ -1478,6 +1517,21 @@
     semver "^7.3.5"
     typescript-memoize "^1.0.1"
 
+"@embroider/shared-internals@2.5.0", "@embroider/shared-internals@^2.2.3":
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/@embroider/shared-internals/-/shared-internals-2.5.0.tgz#4a0b5127c589718fae60fc22f81374ed558b944a"
+  integrity sha512-7qzrb7GVIyNqeY0umxoeIvjDC+ay1b+wb2yCVuYTUYrFfLAkLEy9FNI3iWCi3RdQ9OFjgcAxAnwsAiPIMZZ3pQ==
+  dependencies:
+    babel-import-util "^2.0.0"
+    debug "^4.3.2"
+    ember-rfc176-data "^0.3.17"
+    fs-extra "^9.1.0"
+    js-string-escape "^1.0.1"
+    lodash "^4.17.21"
+    resolve-package-path "^4.0.1"
+    semver "^7.3.5"
+    typescript-memoize "^1.0.1"
+
 "@embroider/shared-internals@^1.0.0":
   version "1.8.3"
   resolved "https://registry.yarnpkg.com/@embroider/shared-internals/-/shared-internals-1.8.3.tgz#52d868dc80016e9fe983552c0e516f437bf9b9f9"
@@ -1580,7 +1634,7 @@
   dependencies:
     tslib "^2.1.0"
 
-"@glimmer/component@^1.0.0", "@glimmer/component@^1.0.4":
+"@glimmer/component@^1.0.0", "@glimmer/component@^1.0.4", "@glimmer/component@^1.1.2":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@glimmer/component/-/component-1.1.2.tgz#892ec0c9f0b6b3e41c112be502fde073cf24d17c"
   integrity sha512-XyAsEEa4kWOPy+gIdMjJ8XlzA3qrGH55ZDv6nA16ibalCR17k74BI0CztxuRds+Rm6CtbUVgheCVlcCULuqD7A==
@@ -1632,6 +1686,13 @@
   dependencies:
     "@simple-dom/interface" "^1.4.0"
 
+"@glimmer/interfaces@0.84.3":
+  version "0.84.3"
+  resolved "https://registry.yarnpkg.com/@glimmer/interfaces/-/interfaces-0.84.3.tgz#629777a4abe373b0785656f6c8d08989f5784805"
+  integrity sha512-dk32ykoNojt0mvEaIW6Vli5MGTbQo58uy3Epj7ahCgTHmWOKuw/0G83f2UmFprRwFx689YTXG38I/vbpltEjzg==
+  dependencies:
+    "@simple-dom/interface" "^1.4.0"
+
 "@glimmer/interfaces@^0.42.2":
   version "0.42.2"
   resolved "https://registry.yarnpkg.com/@glimmer/interfaces/-/interfaces-0.42.2.tgz#9cf8d6f8f5eee6bfcfa36919ca68ae716e1f78db"
@@ -1702,6 +1763,16 @@
     "@handlebars/parser" "^1.1.0"
     simple-html-tokenizer "^0.5.10"
 
+"@glimmer/syntax@^0.84.3":
+  version "0.84.3"
+  resolved "https://registry.yarnpkg.com/@glimmer/syntax/-/syntax-0.84.3.tgz#4045a1708cef7fd810cff42fe6deeba40c7286d0"
+  integrity sha512-ioVbTic6ZisLxqTgRBL2PCjYZTFIwobifCustrozRU2xGDiYvVIL0vt25h2c1ioDsX59UgVlDkIK4YTAQQSd2A==
+  dependencies:
+    "@glimmer/interfaces" "0.84.3"
+    "@glimmer/util" "0.84.3"
+    "@handlebars/parser" "~2.0.0"
+    simple-html-tokenizer "^0.5.11"
+
 "@glimmer/tracking@^1.0.0", "@glimmer/tracking@^1.0.1", "@glimmer/tracking@^1.0.4":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@glimmer/tracking/-/tracking-1.1.2.tgz#74e71be07b0a7066518d24044d2665d0cf8281eb"
@@ -1719,6 +1790,15 @@
     "@glimmer/interfaces" "0.65.4"
     "@simple-dom/interface" "^1.4.0"
 
+"@glimmer/util@0.84.3":
+  version "0.84.3"
+  resolved "https://registry.yarnpkg.com/@glimmer/util/-/util-0.84.3.tgz#9ae0166982c0b48aa94b02d6ba8c2c81976ade4b"
+  integrity sha512-qFkh6s16ZSRuu2rfz3T4Wp0fylFj3HBsONGXQcrAdZjdUaIS6v3pNj6mecJ71qRgcym9Hbaq/7/fefIwECUiKw==
+  dependencies:
+    "@glimmer/env" "0.1.7"
+    "@glimmer/interfaces" "0.84.3"
+    "@simple-dom/interface" "^1.4.0"
+
 "@glimmer/util@^0.42.2":
   version "0.42.2"
   resolved "https://registry.yarnpkg.com/@glimmer/util/-/util-0.42.2.tgz#9ca1631e42766ea6059f4b49d0bdfb6095aad2c4"
@@ -1770,6 +1850,11 @@
   resolved "https://registry.yarnpkg.com/@handlebars/parser/-/parser-1.1.0.tgz#d6dbc7574774b238114582410e8fee0dc3532bdf"
   integrity sha512-rR7tJoSwJ2eooOpYGxGGW95sLq6GXUaS1UtWvN7pei6n2/okYvCGld9vsUTvkl2migxbkszsycwtMf/GEc1k1A==
 
+"@handlebars/parser@~2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@handlebars/parser/-/parser-2.0.0.tgz#5e8b7298f31ff8f7b260e6b7363c7e9ceed7d9c5"
+  integrity sha512-EP9uEDZv/L5Qh9IWuMUGJRfwhXJ4h1dqKTT4/3+tY0eu7sPis7xh23j61SYUnNF4vqCQvvUXpDo9Bh/+q1zASA==
+
 "@hashicorp/api-double@^1.6.1":
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/@hashicorp/api-double/-/api-double-1.6.1.tgz#67c4c4c5cbf9f51f3b8bc992ab2df21acf63b318"
@@ -1783,31 +1868,36 @@
     faker "^4.1.0"
     js-yaml "^3.13.1"
 
-"@hashicorp/design-system-components@^1.6.0":
+"@hashicorp/design-system-components@^2.14.1":
-  version "1.7.3"
+  version "2.14.1"
-  resolved "https://registry.yarnpkg.com/@hashicorp/design-system-components/-/design-system-components-1.7.3.tgz#27c15baf2abec67a7126cb63e7126da867196a9d"
+  resolved "https://registry.yarnpkg.com/@hashicorp/design-system-components/-/design-system-components-2.14.1.tgz#4e8aa8f8740c151a3bad56ba9aadada540805201"
-  integrity sha512-c6p8bl6BqWK4sx1EgKB0/Il2deIDy7CCwFFWrOkXHLHMLZQDL5IUXOrqcAQl5Q0L2MkoSc8P6cC90DU4kCbihg==
+  integrity sha512-EgUpKUAQlTXKnJfv98RHFz1rqcb3xWE8CiLgiEcjN8RuX5P05D0llHKMlbdhsuzqe0D72c//wesk9Mlbb9tngw==
   dependencies:
-    "@hashicorp/design-system-tokens" "^1.4.1"
+    "@ember/render-modifiers" "^2.0.5"
-    "@hashicorp/ember-flight-icons" "^3.0.2"
+    "@ember/test-waiters" "^3.0.2"
+    "@hashicorp/design-system-tokens" "^1.9.0"
+    "@hashicorp/ember-flight-icons" "^3.1.3"
     dialog-polyfill "^0.5.6"
-    ember-auto-import "^2.6.0"
+    ember-a11y-refocus "^3.0.2"
+    ember-auto-import "^2.6.3"
     ember-cached-decorator-polyfill "^0.1.4"
     ember-cli-babel "^7.26.11"
+    ember-cli-clipboard "^1.0.0"
     ember-cli-htmlbars "^6.2.0"
     ember-cli-sass "^10.0.1"
     ember-composable-helpers "^4.5.0"
-    ember-focus-trap "^1.0.1"
+    ember-focus-trap "^1.0.2"
-    ember-keyboard "^8.1.0"
+    ember-keyboard "^8.2.0"
-    ember-named-blocks-polyfill "^0.2.5"
+    ember-stargate "^0.4.3"
-    ember-style-modifier "^0.8.0"
+    ember-style-modifier "^3.0.1"
-    ember-truth-helpers "^3.0.0"
+    ember-truth-helpers "^3.1.1"
-    sass "^1.58.3"
+    sass "^1.62.1"
+    tippy.js "^6.3.7"
 
-"@hashicorp/design-system-tokens@^1.0.0", "@hashicorp/design-system-tokens@^1.4.1":
+"@hashicorp/design-system-tokens@^1.9.0":
-  version "1.4.1"
+  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@hashicorp/design-system-tokens/-/design-system-tokens-1.4.1.tgz#461ee2ff7ccc46eb83098c30c20c6bba33e49cd0"
+  resolved "https://registry.yarnpkg.com/@hashicorp/design-system-tokens/-/design-system-tokens-1.9.0.tgz#1cfd2627d838214c609f25ff6696b3f3d516d9e5"
-  integrity sha512-e5bolI2Ch1+AW2/tQrkHG6QPx4g1oONum36CfhBmX4gDChpAVoBbTG2BT+XnlBJOM5vk1uuL39ysM5QSn/BZYQ==
+  integrity sha512-zmMpnKv4vulhVFVCpqf3oAAR5fQeDDnMxbeJIZllLFCgF2JFoL6C/Irghx4WnBAG8GkLs8CbxjPVtFjSYq+V8w==
 
 "@hashicorp/ember-cli-api-double@^4.0.0":
   version "4.0.0"
@@ -1824,20 +1914,20 @@
     pretender "^3.2.0"
     recursive-readdir-sync "^1.0.6"
 
-"@hashicorp/ember-flight-icons@^3.0.2":
+"@hashicorp/ember-flight-icons@^3.1.3":
-  version "3.0.2"
+  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/@hashicorp/ember-flight-icons/-/ember-flight-icons-3.0.2.tgz#8d884c07842a6c88df18ca680d7883a59222a2ba"
+  resolved "https://registry.yarnpkg.com/@hashicorp/ember-flight-icons/-/ember-flight-icons-3.1.3.tgz#0a28667c1cb5908dd1bb73d30991508bfbf399d3"
-  integrity sha512-WomQg1hw/IHA1N9hC77WbTNazVXqu2RdRoaVCGT99NTXQ4S7Bw7vhHheR4JAgt10ksMZFI3X/bJVHxFfjUCkSQ==
+  integrity sha512-Cy/zD6aKqwN1Q+jnF1wJ2QzRx4/6XIVM4x3qO0poi2RHBSzZS/jxwAIqyDXdKiqJha7i/vWP3aGQmDEBqoGKjA==
   dependencies:
-    "@hashicorp/flight-icons" "^2.12.0"
+    "@hashicorp/flight-icons" "^2.20.0"
-    ember-auto-import "^2.4.2"
+    ember-auto-import "^2.6.3"
     ember-cli-babel "^7.26.11"
-    ember-cli-htmlbars "^6.1.0"
+    ember-cli-htmlbars "^6.2.0"
 
-"@hashicorp/flight-icons@^2.12.0":
+"@hashicorp/flight-icons@^2.20.0":
-  version "2.12.0"
+  version "2.20.0"
-  resolved "https://registry.yarnpkg.com/@hashicorp/flight-icons/-/flight-icons-2.12.0.tgz#48bc21f21678668ffe9147b181a2991d8b151fc7"
+  resolved "https://registry.yarnpkg.com/@hashicorp/flight-icons/-/flight-icons-2.20.0.tgz#ef187e9295b2778b24f206ca10ab20f3a627ff76"
-  integrity sha512-PhjTTHCjoq4EJirifbxLxnxXnCRf1NUAYZ1WnFW8i0yOmmax6fgjsJRPlf0VIGsR8R7isFpjuy6gJ5c7mNhE0w==
+  integrity sha512-CYIY5yAkYzi8Q+w86Mk41IK1/1X+AoQUtxK3Yt48ZHzulsz3Wlvg91YvnOGntxjqcp7AGwpOYnq7xM2W4bummQ==
 
 "@html-next/vertical-collection@^4.0.0":
   version "4.0.2"
@@ -3215,6 +3305,11 @@ babel-import-util@^1.1.0, babel-import-util@^1.3.0:
   resolved "https://registry.yarnpkg.com/babel-import-util/-/babel-import-util-1.3.0.tgz#dc9251ea39a7747bd586c1c13b8d785a42797f8e"
   integrity sha512-PPzUT17eAI18zn6ek1R3sB4Krc/MbnmT1MkZQFmyhjoaEGBVwNABhfVU9+EKcDSKrrOm9OIpGhjxukx1GCiy1g==
 
+babel-import-util@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/babel-import-util/-/babel-import-util-2.0.1.tgz#263a2963ee9208428c04f05326c6ea32b2206ac6"
+  integrity sha512-N1ZfNprtf/37x0R05J0QCW/9pCAcuI+bjZIK9tlu0JEkwEST7ssdD++gxHRbD58AiG5QE5OuNYhRoEFsc1wESw==
+
 babel-loader@^8.0.6, babel-loader@^8.1.0:
   version "8.3.0"
   resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8"
@@ -3281,6 +3376,14 @@ babel-plugin-ember-template-compilation@^2.0.0:
   dependencies:
     babel-import-util "^1.3.0"
 
+babel-plugin-ember-template-compilation@^2.0.1:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-ember-template-compilation/-/babel-plugin-ember-template-compilation-2.2.0.tgz#b119fadcd5c831299fbd706420d2ea742848a659"
+  integrity sha512-1I7f5gf06h5wKdKUvaYEIaoSFur5RLUvTMQG4ak0c5Y11DWUxcoX9hrun1xe9fqfY2dtGFK+ZUM6sn6z8sqK/w==
+  dependencies:
+    "@glimmer/syntax" "^0.84.3"
+    babel-import-util "^2.0.0"
+
 babel-plugin-filter-imports@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-filter-imports/-/babel-plugin-filter-imports-4.0.0.tgz#068f8da15236a96a9602c36dc6f4a6eeca70a4f4"
@@ -5653,7 +5756,7 @@ debug@2.6.9, debug@^2.1.0, debug@^2.1.1, debug@^2.1.3, debug@^2.2.0, debug@^2.3.
   dependencies:
     ms "2.0.0"
 
-debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0, debug@^4.3.1, debug@^4.3.4, debug@~4.3.1, debug@~4.3.2:
+debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.2.0, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4, debug@~4.3.1, debug@~4.3.2:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
   integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -6009,6 +6112,26 @@ elliptic@^6.5.3:
     minimalistic-assert "^1.0.1"
     minimalistic-crypto-utils "^1.0.1"
 
+ember-a11y-refocus@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/ember-a11y-refocus/-/ember-a11y-refocus-3.0.2.tgz#e648c491d3a8d84cb594679bafc8430cd22b2ed4"
+  integrity sha512-5T9kAvl0RUBF6SSeaaWpVS2WC8MTktgqiGdLAbxVjT2f2NGrDDPmv7riDVNMsuL5sHRwSKm0EHCIzZ4M3aFMow==
+  dependencies:
+    ember-cli-babel "^7.26.11"
+    ember-cli-htmlbars "^6.0.1"
+
+ember-arg-types@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/ember-arg-types/-/ember-arg-types-1.1.0.tgz#6af1dba117aee0cfd92766be37e0e014224fb5e4"
+  integrity sha512-hWpUz0eiNkWzi3FgHW5QU6LyCDyUlTWwuIROHluEKZoa9m6LJVXbb/EVFgIG3FkAib6a5Ie00WvkXEZFXxh3+A==
+  dependencies:
+    "@embroider/macros" "^1.8.1"
+    ember-auto-import "^2.4.2"
+    ember-cli-babel "^7.26.11"
+    ember-cli-typescript "^5.1.1"
+    ember-get-config "^2.1.1"
+    prop-types "^15.8.1"
+
 ember-array-fns@^1.4.0:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/ember-array-fns/-/ember-array-fns-1.4.2.tgz#7087cbedcde195dcae25576832920499171b1749"
@@ -6024,7 +6147,7 @@ ember-assign-helper@^0.3.0:
     ember-cli-babel "^7.19.0"
     ember-cli-htmlbars "^4.3.1"
 
-ember-auto-import@^1.10.1, ember-auto-import@^1.11.2, ember-auto-import@^1.11.3, ember-auto-import@^1.5.3:
+ember-auto-import@^1.10.1, ember-auto-import@^1.11.3, ember-auto-import@^1.5.3:
   version "1.12.2"
   resolved "https://registry.yarnpkg.com/ember-auto-import/-/ember-auto-import-1.12.2.tgz#cc7298ee5c0654b0249267de68fb27a2861c3579"
   integrity sha512-gLqML2k77AuUiXxWNon1FSzuG1DV7PEPpCLCU5aJvf6fdL6rmFfElsZRh+8ELEB/qP9dT+LHjNEunVzd2dYc8A==
@@ -6059,7 +6182,7 @@ ember-auto-import@^1.10.1, ember-auto-import@^1.11.2, ember-auto-import@^1.11.3,
     walk-sync "^0.3.3"
     webpack "^4.43.0"
 
-ember-auto-import@^2.2.3, ember-auto-import@^2.4.2, ember-auto-import@^2.6.0:
+ember-auto-import@^2.2.3, ember-auto-import@^2.4.2:
   version "2.6.1"
   resolved "https://registry.yarnpkg.com/ember-auto-import/-/ember-auto-import-2.6.1.tgz#bd8d434143bd411b99f4a8f32d8b58414d7da4f3"
   integrity sha512-3bCRi/pXp4QslmuCXGlSz9xwR7DF5oDx3zZO5OXKzNZihtkqAM1xvGuRIdQSl46pvbAXOkp8Odl5fOen1i0dRw==
@@ -6095,6 +6218,43 @@ ember-auto-import@^2.2.3, ember-auto-import@^2.4.2, ember-auto-import@^2.6.0:
     typescript-memoize "^1.0.0-alpha.3"
     walk-sync "^3.0.0"
 
+ember-auto-import@^2.5.0, ember-auto-import@^2.6.3:
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/ember-auto-import/-/ember-auto-import-2.6.3.tgz#f18d1b93dd10b08ba5496518436f9d56dd4e000a"
+  integrity sha512-uLhrRDJYWCRvQ4JQ1e64XlSrqAKSd6PXaJ9ZsZI6Tlms9T4DtQFxNXasqji2ZRJBVrxEoLCRYX3RTldsQ0vNGQ==
+  dependencies:
+    "@babel/core" "^7.16.7"
+    "@babel/plugin-proposal-class-properties" "^7.16.7"
+    "@babel/plugin-proposal-decorators" "^7.16.7"
+    "@babel/preset-env" "^7.16.7"
+    "@embroider/macros" "^1.0.0"
+    "@embroider/shared-internals" "^2.0.0"
+    babel-loader "^8.0.6"
+    babel-plugin-ember-modules-api-polyfill "^3.5.0"
+    babel-plugin-ember-template-compilation "^2.0.1"
+    babel-plugin-htmlbars-inline-precompile "^5.2.1"
+    babel-plugin-syntax-dynamic-import "^6.18.0"
+    broccoli-debug "^0.6.4"
+    broccoli-funnel "^3.0.8"
+    broccoli-merge-trees "^4.2.0"
+    broccoli-plugin "^4.0.0"
+    broccoli-source "^3.0.0"
+    css-loader "^5.2.0"
+    debug "^4.3.1"
+    fs-extra "^10.0.0"
+    fs-tree-diff "^2.0.0"
+    handlebars "^4.3.1"
+    js-string-escape "^1.0.1"
+    lodash "^4.17.19"
+    mini-css-extract-plugin "^2.5.2"
+    parse5 "^6.0.1"
+    resolve "^1.20.0"
+    resolve-package-path "^4.0.3"
+    semver "^7.3.4"
+    style-loader "^2.0.0"
+    typescript-memoize "^1.0.0-alpha.3"
+    walk-sync "^3.0.0"
+
 ember-basic-dropdown@3.0.21, ember-basic-dropdown@^3.0.21:
   version "3.0.21"
   resolved "https://registry.yarnpkg.com/ember-basic-dropdown/-/ember-basic-dropdown-3.0.21.tgz#5711d071966919c9578d2d5ac2c6dcadbb5ea0e0"
@@ -6197,7 +6357,7 @@ ember-cli-babel@^6.0.0, ember-cli-babel@^6.0.0-beta.4, ember-cli-babel@^6.6.0, e
     ember-cli-version-checker "^2.1.2"
     semver "^5.5.0"
 
-ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.3, ember-cli-babel@^7.10.0, ember-cli-babel@^7.12.0, ember-cli-babel@^7.13.0, ember-cli-babel@^7.13.2, ember-cli-babel@^7.17.2, ember-cli-babel@^7.18.0, ember-cli-babel@^7.19.0, ember-cli-babel@^7.20.0, ember-cli-babel@^7.20.5, ember-cli-babel@^7.21.0, ember-cli-babel@^7.22.1, ember-cli-babel@^7.23.0, ember-cli-babel@^7.23.1, ember-cli-babel@^7.26.0, ember-cli-babel@^7.26.1, ember-cli-babel@^7.26.10, ember-cli-babel@^7.26.11, ember-cli-babel@^7.26.3, ember-cli-babel@^7.26.4, ember-cli-babel@^7.26.5, ember-cli-babel@^7.26.6, ember-cli-babel@^7.7.3:
+ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.3, ember-cli-babel@^7.10.0, ember-cli-babel@^7.12.0, ember-cli-babel@^7.13.0, ember-cli-babel@^7.13.2, ember-cli-babel@^7.17.2, ember-cli-babel@^7.18.0, ember-cli-babel@^7.19.0, ember-cli-babel@^7.20.0, ember-cli-babel@^7.21.0, ember-cli-babel@^7.22.1, ember-cli-babel@^7.23.0, ember-cli-babel@^7.23.1, ember-cli-babel@^7.26.0, ember-cli-babel@^7.26.1, ember-cli-babel@^7.26.10, ember-cli-babel@^7.26.11, ember-cli-babel@^7.26.3, ember-cli-babel@^7.26.4, ember-cli-babel@^7.26.5, ember-cli-babel@^7.26.6, ember-cli-babel@^7.7.3:
   version "7.26.11"
   resolved "https://registry.yarnpkg.com/ember-cli-babel/-/ember-cli-babel-7.26.11.tgz#50da0fe4dcd99aada499843940fec75076249a9f"
   integrity sha512-JJYeYjiz/JTn34q7F5DSOjkkZqy8qwFOOxXfE6pe9yEJqWGu4qErKxlz8I22JoVEQ/aBUO+OcKTpmctvykM9YA==
@@ -6233,6 +6393,20 @@ ember-cli-babel@^7.0.0, ember-cli-babel@^7.1.3, ember-cli-babel@^7.10.0, ember-c
     rimraf "^3.0.1"
     semver "^5.5.0"
 
+ember-cli-clipboard@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/ember-cli-clipboard/-/ember-cli-clipboard-1.1.0.tgz#0c79dd51c236a9346825d285a533a864ad27d21c"
+  integrity sha512-gqFMeLCMe7OKP8rtZluV3BsP03bnjqD/f1QQLdOB9gAbdiHzMIAbwIA/RhccGtGQgy5AlnxkkQ+7j/h6UDluPQ==
+  dependencies:
+    "@embroider/macros" "^1.10.0"
+    clipboard "^2.0.11"
+    ember-arg-types "^1.0.0"
+    ember-auto-import "^2.4.2"
+    ember-cli-babel "^7.26.11"
+    ember-cli-htmlbars "^6.1.0"
+    ember-modifier "^3.2.7 || ^4.1.0"
+    prop-types "^15.8.1"
+
 ember-cli-code-coverage@^1.0.0-beta.4:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/ember-cli-code-coverage/-/ember-cli-code-coverage-1.0.3.tgz#9a6e5e6350d70761eba749d68ebe2e0d9aa3492f"
@@ -6557,7 +6731,7 @@ ember-cli-typescript@^3.1.3, ember-cli-typescript@^3.1.4:
     stagehand "^1.0.0"
     walk-sync "^2.0.0"
 
-ember-cli-typescript@^4.0.0, ember-cli-typescript@^4.1.0, ember-cli-typescript@^4.2.0:
+ember-cli-typescript@^4.0.0, ember-cli-typescript@^4.1.0, ember-cli-typescript@^4.2.0, ember-cli-typescript@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/ember-cli-typescript/-/ember-cli-typescript-4.2.1.tgz#54d08fc90318cc986f3ea562f93ce58a6cc4c24d"
   integrity sha512-0iKTZ+/wH6UB/VTWKvGuXlmwiE8HSIGcxHamwNhEC5x1mN3z8RfvsFZdQWYUzIWFN2Tek0gmepGRPTwWdBYl/A==
@@ -6573,7 +6747,7 @@ ember-cli-typescript@^4.0.0, ember-cli-typescript@^4.1.0, ember-cli-typescript@^
     stagehand "^1.0.0"
     walk-sync "^2.2.0"
 
-ember-cli-typescript@^5.0.0, ember-cli-typescript@^5.1.0:
+ember-cli-typescript@^5.0.0, ember-cli-typescript@^5.1.0, ember-cli-typescript@^5.1.1:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/ember-cli-typescript/-/ember-cli-typescript-5.2.1.tgz#553030f1ce3e8958b8e4fc34909acd1218cb35f2"
   integrity sha512-qqp5TAIuPHxHiGXJKL+78Euyhy0zSKQMovPh8sJpN/ZBYx0H90pONufHR3anaMcp1snVfx4B+mb9+7ijOik8ZA==
@@ -6897,10 +7071,10 @@ ember-factory-for-polyfill@^1.3.1:
   dependencies:
     ember-cli-version-checker "^2.1.0"
 
-ember-focus-trap@^1.0.1:
+ember-focus-trap@^1.0.2:
-  version "1.0.1"
+  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/ember-focus-trap/-/ember-focus-trap-1.0.1.tgz#a99565f6ce55d500b92a0965e79e3ad04219f157"
+  resolved "https://registry.yarnpkg.com/ember-focus-trap/-/ember-focus-trap-1.1.0.tgz#e3c47c6e916e838af3884b43e2794e87088d2bac"
-  integrity sha512-ZUyq5ZkIuXp+ng9rCMkqBh36/V95PltL7iljStkma4+651xlAy3Z84L9WOu/uOJyVpNUxii8RJBbAySHV6c+RQ==
+  integrity sha512-KxbCKpAJaBVZm+bW4tHPoBJAZThmxa6pI+WQusL+bj0RtAnGUNkWsVy6UBMZ5QqTQzf4EvGHkCVACVp5lbAWMQ==
   dependencies:
     "@embroider/addon-shim" "^1.0.0"
     focus-trap "^6.7.1"
@@ -6913,6 +7087,14 @@ ember-get-config@^0.3.0:
     broccoli-file-creator "^1.1.1"
     ember-cli-babel "^7.0.0"
 
+ember-get-config@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/ember-get-config/-/ember-get-config-2.1.1.tgz#bede76c25d95dbefab8d30064abf7aa00bc19235"
+  integrity sha512-uNmv1cPG/4qsac8oIf5txJ2FZ8p88LEpG4P3dNcjsJS98Y8hd0GPMFwVqpnzI78Lz7VYRGQWY4jnE4qm5R3j4g==
+  dependencies:
+    "@embroider/macros" "^0.50.0 || ^1.0.0"
+    ember-cli-babel "^7.26.6"
+
 ember-getowner-polyfill@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/ember-getowner-polyfill/-/ember-getowner-polyfill-2.2.0.tgz#38e7dccbcac69d5ec694000329ec0b2be651d2b2"
@@ -6931,14 +7113,16 @@ ember-in-element-polyfill@^1.0.0:
     ember-cli-htmlbars "^5.3.1"
     ember-cli-version-checker "^5.1.2"
 
-ember-in-viewport@^3.8.1:
+ember-in-viewport@^4.0.0:
-  version "3.10.3"
+  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/ember-in-viewport/-/ember-in-viewport-3.10.3.tgz#317472bb82bed11f7895821b799349c6a7406e81"
+  resolved "https://registry.yarnpkg.com/ember-in-viewport/-/ember-in-viewport-4.1.0.tgz#a9359a1e4a99d9d6ab32e926749dc131084ed896"
-  integrity sha512-hSX7p+G6hJjZaY2BAqzyuiMP7QIHzQ4g0+ZBnEwAa8GMbILFAtzPx5A4XEX8wY6dSzhHB9n9jkcWZdmaML6q8A==
+  integrity sha512-3y6qWXuJPPc6vX2GfxWgtr+sDjb+bdZF9babstr0lTd8t8c1b42gJ13GaJqlylZIyZz2dEXFCimX9WAeudPv9g==
   dependencies:
-    ember-auto-import "^1.11.2"
+    "@embroider/macros" "^1.8.3"
-    ember-cli-babel "^7.26.3"
+    ember-auto-import "^2.2.3"
-    ember-modifier "^2.1.0"
+    ember-cli-babel "^7.26.6"
+    ember-destroyable-polyfill "^2.0.3"
+    ember-modifier "^2.1.2 || ^3.0.0 || ^4.0.0"
     fast-deep-equal "^2.0.1"
     intersection-observer-admin "~0.3.2"
     raf-pool "~0.1.4"
@@ -6980,12 +7164,12 @@ ember-intl@^5.7.0:
     mkdirp "^1.0.4"
     silent-error "^1.1.1"
 
-ember-keyboard@^8.1.0:
+ember-keyboard@^8.2.0:
-  version "8.2.0"
+  version "8.2.1"
-  resolved "https://registry.yarnpkg.com/ember-keyboard/-/ember-keyboard-8.2.0.tgz#d11fa7f0443606b7c1850bbd8253274a00046e11"
+  resolved "https://registry.yarnpkg.com/ember-keyboard/-/ember-keyboard-8.2.1.tgz#945a8a71068d81c06ad26851008ef81061db2a59"
-  integrity sha512-h2kuS2irtIyvNbAMkGDlDTB4TPXwgmC6Nu9bIuGWoCjkGdgJbUg0VegfyRJ1TlxbIHlAelbqVpE8UhfgY5wEag==
+  integrity sha512-wT9xpt3GKsiodGZoifKU4OyeRjXWlmKV9ZHHsp6wJBwMFpl4wWPjTNdINxivk2qg/WFNIh8nUiwuG4+soWXPdw==
   dependencies:
-    "@embroider/addon-shim" "^1.5.0"
+    "@embroider/addon-shim" "^1.8.4"
     ember-destroyable-polyfill "^2.0.3"
     ember-modifier "^2.1.2 || ^3.1.0 || ^4.0.0"
     ember-modifier-manager-polyfill "^1.2.0"
@@ -7035,7 +7219,7 @@ ember-modifier-manager-polyfill@^1.1.0, ember-modifier-manager-polyfill@^1.2.0:
     ember-cli-version-checker "^2.1.2"
     ember-compatibility-helpers "^1.2.0"
 
-ember-modifier@^2.1.0, ember-modifier@^2.1.1:
+ember-modifier@^2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ember-modifier/-/ember-modifier-2.1.2.tgz#62d18faedf972dcd9d34f90d5321fbc943d139b1"
   integrity sha512-3Lsu1fV1sIGa66HOW07RZc6EHISwKt5VA5AUnFss2HX6OTfpxTJ2qvPctt2Yt0XPQXJ4G6BQasr/F35CX7UGJA==
@@ -7048,7 +7232,7 @@ ember-modifier@^2.1.0, ember-modifier@^2.1.1:
     ember-destroyable-polyfill "^2.0.2"
     ember-modifier-manager-polyfill "^1.2.0"
 
-"ember-modifier@^2.1.2 || ^3.1.0 || ^4.0.0":
+"ember-modifier@^2.1.2 || ^3.0.0 || ^4.0.0", "ember-modifier@^2.1.2 || ^3.1.0 || ^4.0.0", "ember-modifier@^3.2.7 || ^4.0.0", "ember-modifier@^3.2.7 || ^4.1.0", ember-modifier@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/ember-modifier/-/ember-modifier-4.1.0.tgz#cb91efbf8ca4ff4a1a859767afa42dddba5a2bbd"
   integrity sha512-YFCNpEYj6jdyy3EjslRb2ehNiDvaOrXTilR9+ngq+iUqSHYto2zKV0rleiA1XJQ27ELM1q8RihT29U6Lq5EyqQ==
@@ -7068,7 +7252,7 @@ ember-modifier@^3.2.7:
     ember-cli-typescript "^5.0.0"
     ember-compatibility-helpers "^1.2.5"
 
-ember-named-blocks-polyfill@^0.2.3, ember-named-blocks-polyfill@^0.2.5:
+ember-named-blocks-polyfill@^0.2.5:
   version "0.2.5"
   resolved "https://registry.yarnpkg.com/ember-named-blocks-polyfill/-/ember-named-blocks-polyfill-0.2.5.tgz#d5841406277026a221f479c815cfbac6cdcaeecb"
   integrity sha512-OVMxzkfqJrEvmiky7gFzmuTaImCGm7DOudHWTdMBPO7E+dQSunrcRsJMgO9ZZ56suqBIz/yXbEURrmGS+avHxA==
@@ -7091,15 +7275,16 @@ ember-on-helper@^0.1.0:
   dependencies:
     ember-cli-babel "^7.7.3"
 
-ember-on-resize-modifier@^0.3.0:
+ember-on-resize-modifier@^2.0.2:
-  version "0.3.0"
+  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ember-on-resize-modifier/-/ember-on-resize-modifier-0.3.0.tgz#6c8b0fda3cd77c9f51c5e8394ed7af13b2c20fcb"
+  resolved "https://registry.yarnpkg.com/ember-on-resize-modifier/-/ember-on-resize-modifier-2.0.2.tgz#a1e2ab86e69c825a6851e63261263b1610ef9e15"
-  integrity sha512-LUZcO3dYJXTcUFI2/8X+wyZXEp0p/xDZS3UHxwI/j99MprL4ZNxdYELQ5Rhq0sR/eGMBaJMEMzgM7I62+irOrg==
+  integrity sha512-7mcD7CNbiCaZEIASWlRz/Wmn47afCMSFTdQJSSUe0WCgnXxn9DVoqZ39B7ZuddTHa0V6otTFrV/lIRYpggQ+eg==
   dependencies:
-    ember-cli-babel "^7.20.5"
+    ember-auto-import "^2.5.0"
-    ember-cli-htmlbars "^5.1.2"
+    ember-cli-babel "^7.26.6"
-    ember-modifier "^2.1.0"
+    ember-cli-htmlbars "^5.7.1"
-    ember-resize-observer-service "^0.3.0"
+    ember-modifier "^3.2.7 || ^4.0.0"
+    ember-resize-observer-service "^1.1.0"
 
 ember-page-title@^6.2.2:
   version "6.2.2"
@@ -7173,13 +7358,13 @@ ember-render-helpers@^0.2.0:
     ember-cli-babel "^7.23.0"
     ember-cli-typescript "^4.0.0"
 
-ember-resize-observer-service@^0.3.0:
+ember-resize-observer-service@^1.1.0:
-  version "0.3.0"
+  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/ember-resize-observer-service/-/ember-resize-observer-service-0.3.0.tgz#69b6e29bd6d742001ebe0ec70249f20f46fedc4a"
+  resolved "https://registry.yarnpkg.com/ember-resize-observer-service/-/ember-resize-observer-service-1.1.0.tgz#62729a9de656e8eade4b3e65bd9999840dc44f65"
-  integrity sha512-FrKPowJ9CwLBok+WZOhudoRXPg9xHArpotMdZ2FyztcBHIb8D1mVB6ELLw62KGa62Wf7RoRhfmkloZax/5WHwg==
+  integrity sha512-/vbfxtHSyOGSNdjPKL8X3SyvUnYo3z88sJtD/bLJ0ZGhqVPaXCmtSkLyr/Fh75ckJDixRFxK4i4zEUSlrbk0PA==
   dependencies:
-    ember-cli-babel "^7.20.5"
+    ember-cli-babel "^7.26.6"
-    ember-cli-htmlbars "^5.1.2"
+    ember-cli-htmlbars "^5.7.1"
 
 ember-resolver@^8.0.3:
   version "8.1.0"
@@ -7193,6 +7378,15 @@ ember-resolver@^8.0.3:
     ember-cli-version-checker "^5.1.2"
     resolve "^1.20.0"
 
+ember-resources@^5.0.1:
+  version "5.6.4"
+  resolved "https://registry.yarnpkg.com/ember-resources/-/ember-resources-5.6.4.tgz#1ae05bb5398ab0d8fab8c0925c5bf679ee86e327"
+  integrity sha512-ShdosnruPm37jPpzPOgPVelymEDJT/27Jz/j5AGPVAfCaUhRIocTxNMtPx13ox890A2babuPF5M3Ur8UFidqtw==
+  dependencies:
+    "@babel/runtime" "^7.17.8"
+    "@embroider/addon-shim" "^1.2.0"
+    "@embroider/macros" "^1.2.0"
+
 ember-rfc176-data@^0.3.13, ember-rfc176-data@^0.3.15, ember-rfc176-data@^0.3.17:
   version "0.3.18"
   resolved "https://registry.yarnpkg.com/ember-rfc176-data/-/ember-rfc176-data-0.3.18.tgz#bb6fdcef49999981317ea81b6cc9210fb4108d65"
@@ -7299,6 +7493,17 @@ ember-stargate@^0.2.0:
     ember-in-element-polyfill "^1.0.0"
     tracked-maps-and-sets "^2.1.0"
 
+ember-stargate@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.yarnpkg.com/ember-stargate/-/ember-stargate-0.4.3.tgz#93e92e4928d489557401d70e52b242b38f36f9ab"
+  integrity sha512-GeT5n+TT3Lfl335f16fx9ms0Jap+v5LTs8otIaQEGtFbSP5Jj/hlT3JPB9Uo8IDLXdjejxJsKRpCEzRD43g5dg==
+  dependencies:
+    "@ember/render-modifiers" "^2.0.0"
+    "@embroider/addon-shim" "^1.0.0"
+    "@glimmer/component" "^1.1.2"
+    ember-resources "^5.0.1"
+    tracked-maps-and-sets "^3.0.1"
+
 ember-string-fns@^1.4.0:
   version "1.4.1"
   resolved "https://registry.yarnpkg.com/ember-string-fns/-/ember-string-fns-1.4.1.tgz#3890c80e4d73db78a5d3027c0ec9a3e677b3813a"
@@ -7314,13 +7519,14 @@ ember-style-modifier@^0.6.0:
     ember-cli-babel "^7.21.0"
     ember-modifier "^2.1.0"
 
-ember-style-modifier@^0.8.0:
+ember-style-modifier@^3.0.1:
-  version "0.8.0"
+  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/ember-style-modifier/-/ember-style-modifier-0.8.0.tgz#ef46b3f288e63e3d850418ea8dc6f7b12edde721"
+  resolved "https://registry.yarnpkg.com/ember-style-modifier/-/ember-style-modifier-3.0.1.tgz#96aaaa2b713108725b81d8b934ec445ece6b89c3"
-  integrity sha512-I7M+oZ+poYYOP7n521rYv7kkYZbxotL8VbtHYxLQ3tasRZYQJ21qfu3vVjydSjwyE3w7EZRgKngBoMhKSAEZnw==
+  integrity sha512-WHRVIiqY/dpwDtVWlnHW0P4Z+Jha8QEwfaQdIF2ckJL77ZKdjbV2j1XZymS0Nzj61EGx5BM+YEsGL16r3hLv2A==
   dependencies:
-    ember-cli-babel "^7.26.6"
+    ember-auto-import "^2.5.0"
-    ember-modifier "^3.2.7"
+    ember-cli-babel "^7.26.11"
+    ember-modifier "^3.2.7 || ^4.0.0"
 
 ember-template-lint@^2.0.1:
   version "2.21.0"
@@ -7373,7 +7579,7 @@ ember-text-measurer@^0.6.0:
     ember-cli-babel "^7.19.0"
     ember-cli-htmlbars "^4.3.1"
 
-ember-tracked-storage-polyfill@^1.0.0:
+ember-tracked-storage-polyfill@1.0.0, ember-tracked-storage-polyfill@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/ember-tracked-storage-polyfill/-/ember-tracked-storage-polyfill-1.0.0.tgz#84d307a1e4badc5f84dca681db2cfea9bdee8a77"
   integrity sha512-eL7lZat68E6P/D7b9UoTB5bB5Oh/0aju0Z7PCMi3aTwhaydRaxloE7TGrTRYU+NdJuyNVZXeGyxFxn2frvd3TA==
@@ -7381,7 +7587,7 @@ ember-tracked-storage-polyfill@^1.0.0:
     ember-cli-babel "^7.26.3"
     ember-cli-htmlbars "^5.7.1"
 
-"ember-truth-helpers@^2.1.0 || ^3.0.0", ember-truth-helpers@^3.0.0:
+"ember-truth-helpers@^2.1.0 || ^3.0.0", ember-truth-helpers@^3.0.0, ember-truth-helpers@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/ember-truth-helpers/-/ember-truth-helpers-3.1.1.tgz#434715926d72bcc63b8a115dec09745fda4474dc"
   integrity sha512-FHwJAx77aA5q27EhdaaiBFuy9No+8yaWNT5A7zs0sIFCmf14GbcLn69vJEp6mW7vkITezizGAWhw7gL0Wbk7DA==
@@ -10678,7 +10884,7 @@ longest-streak@^2.0.0:
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4"
   integrity sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==
 
-loose-envify@^1.0.0:
+loose-envify@^1.0.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -12372,6 +12578,15 @@ promise.hash.helper@^1.0.7:
   resolved "https://registry.yarnpkg.com/promise.hash.helper/-/promise.hash.helper-1.0.8.tgz#8c5fa0570f6f96821f52364fd72292b2c5a114f7"
   integrity sha512-KYcnXctWUWyVD3W3Ye0ZDuA1N8Szrh85cVCxpG6xYrOk/0CttRtYCmU30nWsUch0NuExQQ63QXvzRE6FLimZmg==
 
+prop-types@^15.8.1:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
 property-information@^5.0.0:
   version "5.6.0"
   resolved "https://registry.yarnpkg.com/property-information/-/property-information-5.6.0.tgz#61675545fb23002f245c6540ec46077d4da3ed69"
@@ -12569,6 +12784,11 @@ raw-body@~1.1.0:
     bytes "1"
     string_decoder "0.10"
 
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
 react-is@^17.0.1:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
@@ -12730,6 +12950,11 @@ regenerator-runtime@^0.13.11, regenerator-runtime@^0.13.4:
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
   integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
 
+regenerator-runtime@^0.14.0:
+  version "0.14.0"
+  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
+  integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
+
 regenerator-runtime@^0.9.5:
   version "0.9.6"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.9.6.tgz#d33eb95d0d2001a4be39659707c51b0cb71ce029"
@@ -13214,7 +13439,7 @@ sane@^4.0.0, sane@^4.1.0:
     minimist "^1.1.1"
     walker "~1.0.5"
 
-sass@^1.28.0, sass@^1.49.7, sass@^1.58.3:
+sass@^1.28.0, sass@^1.49.7:
   version "1.59.2"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.59.2.tgz#537f6d11614d4f20f97696f23ad358ee398b1937"
   integrity sha512-jJyO6SmbzkJexF8MUorHx5tAilcgabioYxT/BHbY4+OvoqmbHxsYlrjZ8Adhqcgl6Zqwie0TgMXLCAmPFxXOuw==
@@ -13223,6 +13448,15 @@ sass@^1.28.0, sass@^1.49.7, sass@^1.58.3:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
+sass@^1.62.1:
+  version "1.69.3"
+  resolved "https://registry.yarnpkg.com/sass/-/sass-1.69.3.tgz#f8a0c488697e6419519834a13335e7b65a609c11"
+  integrity sha512-X99+a2iGdXkdWn1akFPs0ZmelUzyAQfvqYc2P/MPTrJRuIRoTffGzT9W9nFqG00S+c8hXzVmgxhUuHFdrwxkhQ==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
 saxes@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
@@ -13435,7 +13669,7 @@ silent-error@^1.0.0, silent-error@^1.0.1, silent-error@^1.1.1:
   dependencies:
     debug "^2.2.0"
 
-simple-html-tokenizer@^0.5.10, simple-html-tokenizer@^0.5.8:
+simple-html-tokenizer@^0.5.10, simple-html-tokenizer@^0.5.11, simple-html-tokenizer@^0.5.8:
   version "0.5.11"
   resolved "https://registry.yarnpkg.com/simple-html-tokenizer/-/simple-html-tokenizer-0.5.11.tgz#4c5186083c164ba22a7b477b7687ac056ad6b1d9"
   integrity sha512-C2WEK/Z3HoSFbYq8tI7ni3eOo/NneSPRoPpcM7WdLjFOArFuyXEjAoCdOC3DgMfRyziZQ1hCNR4mrNdWEvD0og==
@@ -14337,7 +14571,7 @@ tiny-lr@^2.0.0:
     object-assign "^4.1.0"
     qs "^6.4.0"
 
-tippy.js@^6.2.7:
+tippy.js@^6.2.7, tippy.js@^6.3.7:
   version "6.3.7"
   resolved "https://registry.yarnpkg.com/tippy.js/-/tippy.js-6.3.7.tgz#8ccfb651d642010ed9a32ff29b0e9e19c5b8c61c"
   integrity sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==
@@ -14484,6 +14718,16 @@ tracked-maps-and-sets@^2.1.0:
     "@glimmer/tracking" "^1.0.0"
     ember-cli-babel "^7.17.2"
 
+tracked-maps-and-sets@^3.0.1:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/tracked-maps-and-sets/-/tracked-maps-and-sets-3.0.2.tgz#6ea1b9f2a367d24f2e9905b74b24437fbce76ea6"
+  integrity sha512-UIRcWsX1kDOcC/Q2R58weYWlw01EnmWWBwUv3okWS+zMBvsgIfYoO6veHhuNE3hgzWCEImNp46QS5CyKnw5QUA==
+  dependencies:
+    "@glimmer/tracking" "^1.0.0"
+    ember-cli-babel "^7.26.6"
+    ember-cli-typescript "^4.2.1"
+    ember-tracked-storage-polyfill "1.0.0"
+
 traverse@^0.6.7:
   version "0.6.7"
   resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.6.7.tgz#46961cd2d57dd8706c36664acde06a248f1173fe"