LuisAverhoff

import Component from "@glimmer/component";
import { action } from "@ember/object";
import { tracked } from "@glimmer/tracking";

export default class Nav extends Component {
  @tracked collapsed = true;

  get ariaExpanded() {
    return this.collapsed ? "false" : "true";
  }

LuisAverhoff

import Component from "@glimmer/component";
import { action } from "@ember/object";
import { tracked } from "@glimmer/tracking";
//@ts-ignore
import { TrackedSet } from "tracked-maps-and-sets";
 
export default class MultiValuedParameter extends Component {
  @tracked activeOptions = new TrackedSet();
  @tracked selections = [];
 

LuisAverhoff

Ember Twiddle Demo: Simple nested routes

Demo

Basic example of nested routes with some CSS to highlight the active route in the navigation links.

LuisAverhoff

import Controller from '@ember/controller';

export default class ApplicationController extends Controller {
  init() {
   super.init(...arguments);
  }
}

LuisAverhoff

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: null,
  
  init() {
   this._super(...arguments);
   this.set("appName" {data: "Hello"});
  }
});

LuisAverhoff

import Ember from 'ember';

export default Ember.Controller.extend({
  model: null,
  
  init() {
	  this.set("model", {id: "Test Tree",
      type: "out-tree",
      data: {
        root: "http://www.w3.org/2002/07/owl#Thing"

LuisAverhoff

import Ember from 'ember';

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

LuisAverhoff

import Ember from 'ember';

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

LuisAverhoff

import Ember from 'ember';
import { fadeIn, fadeOut } from 'ember-animated/motions/opacity';
import move from 'ember-animated/motions/move';

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

LuisAverhoff

import Ember from 'ember';
import { inject as service } from '@ember/service';
import { task } from "ember-concurrency"

export default Ember.Component.extend({
  poller: service("poller"),
  
  init() {
    let pollerUnit = this.get('poller').track({
    pollingInterval: 1000,