New Twiddle

controllers.application.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

templates.application.hbs

<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{outlet}}
<br>
<br>

<span class='{{popoverTargetClassName}} {{priorityClassName}}'>
  <div class='list-item-content-popover-target'>
    {{#if hasBlock}}
      {{yield}}
    {{else if labelAndValue}}
      <span class='{{elementPrefix}}-label'>{{label}}:</span>{{value}}
    {{else if value}}
      {{value}}
    {{/if}}
    {{#tooltip-on-element enableLazyRendering=true updateFor=(array values label value)}}
      <span class='inside {{elementPrefix}}-tertiary'>
        {{#if values}}
          <div class='values-container'>
            {{#each values as |item|}}
              <div class='value-items'>
                <span class='{{elementPrefix}}-label frost-tooltip-label'>{{item.label}}: </span>
                <span>{{item.value}}</span>
              </div>
            {{/each}}
          </div>
        {{else}}
          {{#if label}}
            <span class='{{elementPrefix}}-label frost-tooltip-label'>{{label}}: </span>
          {{/if}}

          {{#if value}}
            {{value}}
          {{else}}
            foooo
          {{/if}}
        {{/if}}
      </span>
    {{/tooltip-on-element}}
  </div>
</span>

twiddle.json

{
  "version": "0.15.0",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
    "ember": "3.2.2",
    "ember-template-compiler": "3.2.2",
    "ember-testing": "3.2.2"
  },
  "addons": {
    "ember-data": "3.2.0",
    "ember-tooltips": "^2.9.2"
  }
}