YoranBrondsema

[
    [
        "1997-May",
        "2002-May"
    ],
    [
        "1997-Jun",
        "2002-Jun"
    ],
    [

YoranBrondsema

import Controller from '@ember/controller';
import { action } from '@ember/object';
import { inject as service } from '@ember/service';

export default class ApplicationController extends Controller {
  appName = 'Ember Twiddle';

	@service store;

	get numberOfComments() {

YoranBrondsema

import { useEffect, useRef, useCallback } from 'react';

export default function useOnElementResize(didResize) {
  const ro = useRef(null);

  const ref = useCallback(
    (element) => {
      if (element) {
        if (ro.current) {
          ro.current.disconnect();

YoranBrondsema

import { modifier } from 'ember-modifier';
import { run } from '@ember/runloop';

export default modifier(function onElementResize(element, [fn]) {
  const observer = new window.ResizeObserver(() => {
    run(() => {
      fn(element);
    });
 });
 observer.observe(element);

YoranBrondsema

import { task, waitForProperty } from 'ember-concurrency';
import EmberObject from '@ember/object';

function waitForPropertyChange(object, prop) {
  const curValue = object.get(prop);
  return waitForProperty(object, prop, (newValue) => {
    return newValue !== curValue;
  });
}

YoranBrondsema

import Adapter from "ember-data/adapters/json-api";

export default Adapter.extend();

YoranBrondsema

import Adapter from "ember-data/adapters/json-api";

export default Adapter.extend();

YoranBrondsema

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    
    this.set('step', 'source-selector');
  },
  
	isSourceSelector: Ember.computed.equal('step', 'source-selector'),

YoranBrondsema

{{yield
  (
    hash
      trigger=(
        component 'pop-over-trigger'
        onClick=(action 'toggleDialog')
      )
  )
}}

YoranBrondsema

{{#pop-over
    as |p|
}}

  {{#p.trigger}}
    Click me
  {{/p.trigger}}
  
  {{#p.dialog}}
    <p>Some interesting content here.</p>