From a comment in #20:

kaermorchen:
@acoustep a property "revealClass" not work in zf-off-canvas component.I try to do {{#zf-off-canvas revealClass="reveal-for-large" as |section| }} but class 'reveal-for-large' not added to element '.off-canvas.position-left'

GCheung55:
Adding revealClass="reveal-for-large" for with [email protected] isn't working either. I just tried it on the dummy app.

What did work was going into addon/templates/components/zf-off-canvas.hbs and adding reveal-for-large class to the elements with off-canvas class.

Something like:

<div class="off-canvas position-left reveal-for-large" id="zf-off-canvas-left" data-off-canvas>
   {{yield offCanvasLeftContent}}
</div>

I think we should rethink how zf-off-canvas works - maybe make it more composable with component closures?

foundation-sites 6.3 now imports SCSS from the _vendor/ directory using @import "../_vendor/normalize-scss/sass/normalize";. This isn't supported by the current broccoli config, because ../_vendor isn't in the tree.

One solution would be to change index.js:

var foundationPath = path.join(app.bowerDirectory, 'foundation-sites');

But then everyone would have to update their SCSS to @import 'scss/foundation'. Not sure what the best solution is here - might need to use some Broccoli magic to make this work. In the meantime we might want to use a version specifier that avoids users getting v6.3.

On ember-cli 2.5.1. $().foundation() is triggered by the initializer but it's not doing anything.

I have a component template that has the example responsive header from Foundation 6 Site docs:

<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
  <button class="menu-icon" type="button" data-toggle></button>
  <div class="title-bar-title">Menu</div>
</div>

<div class="top-bar" id="example-menu">
  <div class="top-bar-left">
    <ul class="dropdown menu" data-dropdown-menu>
      <li class="menu-text">Site Title</li>
      <li>
        <a href="#">One</a>
        <ul class="menu vertical">
          <li><a href="#">One</a></li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </li>
      <li><a href="#">Two</a></li>
      <li><a href="#">Three</a></li>
    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="menu">
      <li><input type="search" placeholder="Search"></li>
      <li><button type="button" class="button">Search</button></li>
    </ul>
  </div>
</div>

The only way I've made it work was to go into web console and type $(document).foundation();

I've tried creating my own initializers/zf-widget.js with $(document).foundation(); and, while that line of code is executed, the menu isn't working correctly. Nothing is hidden and the dropdowns are still expanded.

My ember-cli-build.js looks like:

var app = new EmberApp(defaults, {
        // Add options here
        'ember-cli-foundation-6-sass': {
            'foundationJs': 'all'
        }
});

The template is rendered without error. But immediately displays all menu items.

ember-cli: 2.10.1
node: 4.7.2
in package.json
"ember-cli-foundation-6-sass": "0.0.16"
in bower.json:
"foundation-sites": "~6.2.4"

Template:

zf-dropdown-menu class='horizontal'
  li
    a href=#
      | Link1
    a href=#
      | Link2
  li
    a href=#
      | Link3

Hi there,

Curious how high of priority the liquid fire adapter is?

Best,
.dig

As of Ember 2.12.0, receive the following deprecation error:

DEPRECATION: Addon files were detected in /Users/USER/Documents/Development/ember-vibe/node_modules/ember-cli-foundation-6-sass/addon, but no JavaScript preprocessors were found for ember-cli-foundation-6-sass. Please make sure to add a preprocessor (most likely ember-cli-babel) to in dependencies (NOT devDependencies) in ember-cli-foundation-6-sass's package.json.

When a zf-reveal component is inserted into the page, an overlay is created and injected into the element. But when the zf-reveal component is unloaded the overlay isn't destroyed.

Current master fails with Ember 2.14 and up. The error is attached. Anyone got any ideas on how to approach fixing this? 2.8-lts works fine.

➜  ember-cli-foundation-6-sass git:(master) ✗ ember try:one ember-release test
yarn install v0.27.5
warning package.json: "dependencies" has dependency "ember-cli-htmlbars" with range "^1.0.2" that collides with a dependency in "devDependencies" of the same name with version "^1.1.1"
warning [email protected]: "dependencies" has dependency "ember-cli-htmlbars" with range "^1.0.2" that collides with a dependency in "devDependencies" of the same name with version "^1.1.1"
[1/4] Resolving packages...
warning [email protected]: ..psst! While Bower is maintained, we recommend Yarn and Webpack for *new* front-end projects! Yarn's advantage is security and reliability, and Webpack's is support for both CommonJS and AMD projects. Currently there's no migration path, but please help to create it: https://github.com/bower/bower/issues/2467
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
Done in 8.73s.

=== Scenario: ember-release ====================================================

DEPRECATION: Putting the "includePolyfill" option in "babel" is deprecated, please put it in "ember-cli-babel" instead.
Cannot find module '/Users/gandalf/build/ember-cli-foundation-6-sass/bower_components/ember/ember-template-compiler'
Error: Cannot find module '/Users/gandalf/build/ember-cli-foundation-6-sass/bower_components/ember/ember-template-compiler'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Class.included (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli-htmlbars-inline-precompile/index.js:76:20)
    at Class.superWrapper [as included] (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/core-object/lib/assign-properties.js:34:20)
    at EmberAddon.<anonymous> (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli/lib/broccoli/ember-app.js:527:17)
    at Array.filter (native)
    at EmberAddon._notifyAddonIncluded (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli/lib/broccoli/ember-app.js:524:47)
    at EmberAddon.EmberApp (/Users/gandalf/build/ember-cli-foundation-6-sass/node_modules/ember-cli/lib/broccoli/ember-app.js:144:10)

Result: false
---


------ RESULTS ------

Scenario ember-release: FAIL
Command run: ember test
┌────────────────────┬────────────────────┬──────────────────────────────┬──────────┐
│ Dependency         │ Expected           │ Used                         │ Type     │
├────────────────────┼────────────────────┼──────────────────────────────┼──────────┤
│ ember              │ components/ember#… │ 2.14.1-null+fb70cae3         │ yarn     │
├────────────────────┼────────────────────┼──────────────────────────────┼──────────┤
│ ember-source       │ Not Installed      │ Not Installed                │ yarn     │
└────────────────────┴────────────────────┴──────────────────────────────┴──────────┘


1 scenarios failed
0 scenarios succeeded
1 scenarios run

The issue came up when installing the addon.

There's an error at https://github.com/acoustep/ember-cli-foundation-6-sass/blob/master/blueprints/ember-cli-foundation-6-sass/index.js#L3.

Cannot find module '../../bower.json'
Error: Cannot find module '../../bower.json'
    at Function.Module._resolveFilename (module.js:438:15)
    at Function.Module._load (module.js:386:25)
    at Module.require (module.js:466:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/dev/ember-app/node_modules/ember-cli-foundation-6-sass/blueprints/ember-cli-foundation-6-sass/index.js:3:19)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:456:32)
    at tryModuleLoad (module.js:415:12)
    at Function.Module._load (module.js:407:3)

I think the reason is that require is looking up relative to the CWD instead of file's directory.

in case anyone else encounters this - hangs here:
⸨ ░⸩ ⠹ runTopLevelLifecycles: sill install printInstalled

rename/remove app.scss and restart

I installed the package tonight using this syntax (no errors):

ember install ember-cli-foundation-6-sass

I get this error in the console:

Error: Assertion Failed: A helper named "zf-menu" could not be found

Here is my code in application.hbs:

  {{#zf-menu}}
    <ul class="menu">
      <li class="menu=text"><em>Site Title</em></li>
      <li>
        {{#link-to 'index'}}
          Home
        {{/link-to}}
      </li>
      <li>
        {{#link-to 'administration'}}
          Administration
        {{/link-to}}
      </li>
      <li>
        {{#link-to 'performance'}}
          Performance
        {{/link-to}}
      </li>
    </ul>
  {{/zf-menu}}

if i set in my app.sass
@include foundation-everything($prototype: true);
then i get error on compilation
The Broccoli Plugin: [BroccoliMergeTrees] failed with: Error: You may not @extend an outer selector from within @media. You may only @extend selectors within the same directive. From "@extend h1" on line 15 of tmp/sass_compiler-input_base_path-E59EwuML.tmp/1/foundation-sites/prototype/_typescale.scss
[email protected]

This is probably due to my lack of expertise but I'm unable to set up a simple sticky. If somebody could provide me with an example I will create a PR for the docs. Thanks in advance.

I have a feeling this has to do with foundation-sites codebase, but here goes...

I have a fresh install of foundation-sites v6.3.0, and it is bombing out during my build complaining about being unable to load ../_vendor/normalize-scss/sass/normalize.

Please see output below:

File: /tmp/sass_compiler-input_base_path-djMaZN2O.tmp/1/foundation.scss (9)
The Broccoli Plugin: [SassCompiler] failed with:
Error: File to import not found or unreadable: ../_vendor/normalize-scss/sass/normalize
Parent style sheet: /tmp/sass_compiler-input_base_path-djMaZN2O.tmp/1/foundation.scss
    at options.error (/node_modules/ember-cli-sass/node_modules/broccoli-sass-source-maps/node_modules/node-sass/lib/index.js:286:26)

Any help is much appreciated. Thanks!

First, thank u for this project.

I need to change background-color off class .top-bar from $light-gray to $white, but if I change in node_modules/ember-cli-foundation-6-sass I will lost all changes in CSS. What the right in this case?

Ty.

Current 6.3.0 Foundation uses (jQuery) in core: foundation-sites/js/foundation.core.js and that makes fastboot unhappy:

ReferenceError: jQuery is not defined
    at /Users/gandalf/hacking/radio/frontend/dist/fastboot/vendor.js:70924:3
    at ContextifyScript.Script.runInContext (vm.js:35:29)
    at Sandbox.VMSandbox.eval (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/vm-sandbox.js:14:14)
    at EmberApp.loadAppFiles (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/ember-app.js:141:13)
    at EmberApp.retrieveSandboxedApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/ember-app.js:182:10)
    at new EmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/ember-app.js:48:21)
    at FastBoot._buildEmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/index.js:111:17)
    at new FastBoot (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/dist/cjs/index.js:52:10)
    at fastbootExpressMiddleware (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot-express-middleware/index.js:24:16)
    at exec.then (/Users/gandalf/hacking/radio/frontend/node_modules/ember-cli-fastboot/lib/tasks/fastboot-server.js:33:71)
    at tryCatch (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:215:12)
    at invokeCallback (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:230:13)
    at publish (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:198:7)
    at flush (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/asap.js:85:5)
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)

The Magellan component is broken. - Specifically, the functionality that highlights the active section's <a> element by assigning the active class while scrolling through the sections. I have attached a simple app demonstrating this. If you load the route that contains the component (far in the demo app), it sometimes works. Keep refreshing, and you should be able to break it after one or two refreshes. Even worse, when navigating to a different route (away in the demo app) and then navigating back, it is broken every time.

efmtest.zip

How do I install this addon?

Tried ember install ember-cli-foundation-6-sass.

output:

Error: Cannot find module '/home/william/dev/ember-project/node_modules/ember-cli-foundation-6-sass/bower.json'

Tried npm install ember-cli-foundation-6-sass --save-dev. It installed but if I try to use ember g ember-cli-foundation-6-sass the output is the same as the above one.

What am I missing? Should not this be documented?

I've created a new ember 2.10 app, installed ember-cli-sass, ran ember server to confirm that 2.10 works with sass, then installed ember-cli-6-foundation-sass, and tried to run ember g ember-cli-6-foundation-sass but I get the following error:

Cannot find module 'broccoli-sass-source-maps'
Error: Cannot find module 'broccoli-sass-source-maps'
    at Function.Module._resolveFilename (module.js:325:15)
    at Function.Module._load (module.js:276:25)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> ({{currentDirectory}}/node_modules/ember-cli-sass/index.js:1:82)
    at Module._compile (module.js:397:26)
    at Object.Module._extensions..js (module.js:404:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)

I can run npm install --save-dev brocolli-sass-source-maps separately & re-run ember g ember-cli-6-foundation-sass, and it passes, but figure this should be added to initial install.

Ember is moving to a non-bower world.

• Update blueprint to install foundation-sites from npm.
• Update index.js to reference the foundation-sites in node_modules.
• Add backwards compat.

I think installing foundation-sites bower also adds what-input and jquery automatically, and it looks like those deps are listed in foundation-sites package.json as well. I'm not sure whether they will need to be loaded or not though.

Upgraded to the latest version of this addon which no longer uses bower.

Now when running ember test --environment=production, integration and acceptance tests fail with ReferenceError: Foundation is not defined

I created a brand new app and was able to reproduce the problem.

May be i do not understand how, but can i make zf-callout closeable? Adding appropriate button (from zurb docs) do not make it work.

1. Where is the _settings and other foundation files located? For now I'm referencing https://github.com/zurb/foundation-sites/blob/v6.0.3/scss/settings/_settings.scss
2. What is the best way to customize the sass variables? For now I'm putting my variables above the foundation import statements in app.scss. This seems to work and has the added benefit of allowing me to update foundation (and it's default settings) without having my custom settings overwritten.

The appendTo option provides a target for where to append the reveal and overlay.

This is helpful when testing. Reveal by default will append to the body element. Ember dispatches events to the application root element, which is not the body element in tests.

Using the appendTo option, we can configure the Reveal to append to the .ember-application element during testing so that the events can be properly dispatched.

I think appendTo should be configurable through config/environment level, and at the component level.

foundation-sites bumped versions to 6.3 and moved files around in their dist folder. This is causing ember-cli-foundation-6-sass to fail build.

I tried to install and got this error right away:

$ ember install ember-cli-foundation-6-sass
Installed packages for tooling via npm.
Cannot find module 'babel-core'
Error: Cannot find module 'babel-core'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/...../node_modules/ember-cli-foundation-6-sass/index.js:5:13)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

Using:

ember-cli: 2.9.1
node: 6.9.1

Identify and fix issues surrounding ember-cli-babel 6.x release

I've set a new ember 2.10.0 project and after installing ember-cli-foundation-6-sass 0.18 I got
a SassCompiler compiling error when it tries to @import "util/util";
Full error trace is on ember serve is:

Livereload server on http://localhost:49152
Serving on http://localhost:4200/
File: /Users/nachosaski/workspace/ember-vers/tmp/sass_compiler-input_base_path-74l93EFP.tmp/0/app/styles/_settings.scss (44)
The Broccoli Plugin: [SassCompiler] failed with:
Error: File to import not found or unreadable: util/util.
Parent style sheet: /Users/nachosaski/workspace/ember-vers/tmp/sass_compiler-input_base_path-74l93EFP.tmp/0/app/styles/_settings.scss
    at options.error (/Users/nachosaski/workspace/ember-vers/node_modules/node-sass/lib/index.js:286:26)

Would be great if you can use the positioning options and make dropdown available on hover. Currently the following code is not supported:

<button data-toggle="example-dropdown">Hover me</button>

{{#zf-dropdown id="example-dropdown" class="dropdown-pane top" data-hover="true" data-hover-pane="true"}}
Hello 
{{/zf-dropdown}}

I'm looking for a way to trigger an action in my controller when the Reveal widget is closed. Foundation has these events: http://foundation.zurb.com/sites/docs/reveal.html#js-events

It would be great if I could setup my component like this:
{{#zf-reveal onClose=(action 'modalClosed')}}

Wondering if there is a plan to upgrade this to foundation 6.2.1 and if a PR would help?

Your docs mention this:

Each Foundation Javascript widget can be directly accessed through the zfUi property. For example, the following would call the open method on the reveal component:

myRevealComponent.get('zfUi').open();

Where does the reference to myRevealComponent come from?

Currently on alpha2.

Hi,

I used the Orbit component and I wanted to define a custom initial slide.
I added the is-active class to the orbit-slide that I wanted to be the first slide to be displayed.
But the first orbit-slide in the HTML is still displayed as the first slide of the Orbit carousel.

Isn't this behavior supported by Foundation-Orbit ?

Thanks

Hi, I am not being able to install it with ember-cli 2.13.1 I just ran ember install ember-cli-foundation-6-sass and the error

Yarn: Installed ember-cli-foundation-6-sass
[email protected] requires the host to use ember-cli-babel@5. To use ember-cli-babel@6 please upgrade ember-cli-htmlbars-inline-precompile to 0.4.

I tried to follow the upgrade path suggested on the error but it ends up in nothing, just circular errors.

![Terminal capture]
(https://lh3.googleusercontent.com/-nsem34Tg5ek/WQ8t-lI5PEI/AAAAAAAAcl8/bxGCRwSlSCETG7PeJImNEi5fum2xiD4GQCL0B/h570/daniel%2540dnipro%253A%2B%257E-dev-todo-list-2_021.png)

Hey there -

I've been enjoying this project a lot.

Would you be interested in adding a flash-message-compatable component for this library?

(If so, I'd be happy to submit a PR).

The https://github.com/poteto/ember-cli-flash project uses foundation5, so just providing a component that basically adds the right markup.

The individual Foundation JS component files are written in ES6 and need to be transpiled for browsers that don't support ES6 features. As far as I can tell, it does not appear that Ember's build process transpiles ES6 when included in the vendors.js file via app.import(...).

ember-cli-babel is installed and transpiles files from app/ just fine. If there is an option to tell the CLI to transpile the vendor files as well, I have not found it, please let me know.

'ember-cli-foundation-6-sass': { 'foundationJs': [ 'core', ... ] };

This appears to be supported, but may be functionality left over from versions that did not require transpiling.

App is being served by FastBoot
ReferenceError: jQuery is not defined
    at /Users/gandalf/hacking/radio/frontend/tmp/broccoli_persistent_filterautoprefixer_filter-output_path-32mVAfM5.tmp/assets/vendor.js:74650:3
    at ContextifyScript.Script.runInContext (vm.js:32:29)
    at VMSandbox.eval (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/vm-sandbox.js:14:14)
    at /Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:142:15
    at Array.forEach (native)
    at EmberApp.loadAppFiles (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:139:21)
    at EmberApp.retrieveSandboxedApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:187:10)
    at new EmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/ember-app.js:50:21)
    at FastBoot._buildEmberApp (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/index.js:114:17)
    at new FastBoot (/Users/gandalf/hacking/radio/frontend/node_modules/fastboot/src/index.js:52:10)
    at app.use (/Users/gandalf/hacking/radio/frontend/node_modules/ember-cli-fastboot/index.js:239:29)
    at Layer.handle [as handle_request] (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/layer.js:95:5)
    at trim_prefix (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:317:13)
    at /Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:284:7
    at Function.process_params (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:335:12)
    at next (/Users/gandalf/hacking/radio/frontend/node_modules/express/lib/router/index.js:275:10)
    at err (/Users/gandalf/hacking/radio/frontend/node_modules/ember-cli/lib/tasks/server/middleware/broccoli-watcher/index.js:54:11)
    at watcher.then.errorHandler.buildError (/Users/gandalf/hacking/radio/frontend/node_modules/broccoli-middleware/lib/watcher-middleware.js:35:7)
    at tryCatch (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:216:12)
    at invokeCallback (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/-internal.js:231:13)
    at /Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/then.js:29:16
    at flush (/Users/gandalf/hacking/radio/frontend/node_modules/rsvp/dist/lib/rsvp/asap.js:85:5)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)

I'm trying to follow https://gist.github.com/kratiahuja/d22de0fb1660cf0ef58f07a6bcbf1a1c to prepare a patch

The slider control in Foundation 6.2.1 does not handle touch events. This has been fixed in 6.2.2 - see foundation/foundation-sites#8449. Can this addon be updated to use Foundation 6.2.2?

FYI, I have updated to 6.2.2 locally and used this addon with no issues.

• Setup Travis CI to run tests on PR's.
• Integrate homu to run tests against a branch that's merged with master to prevent broken tests sooner.

How can I set the option in the {{zf-slider}} component so I can specify data-start, data-end , data-step, data-initial-start, etc?

Furthermore, how can I access the value that is set in the <input>?

It seems like all we get is the UI, which is useless unless its functional. Could you provide a better example of this component?

Im having an issue with a list of items returned from the server after a passed in search string. As the search keyword changes the, accordion items change to properly reflect the matching results, however after the accordion <li>s change they no longer open/close.

Is there a way to re-initiate foundation on the accordion object after the contents change?

Hi, I have the following code in my application.emblem (this is my first ember app so please bear with me)

.title-bar data-responsive-toggle="example-menu" data-hide-for="medium"
  button.menu-icon type="button" data-toggle=""
  .title-bar-title Menu

.top-bar#example-menu
  .top-bar-left
    = zf-dropdown-menu 
      li
        a href="#" Item 1
        ul.menu
          li
            a href="#" Item 1A 
      li
        a href="#" Item 2
      li
        a href="#" Item 3
      li
        a href="#" Item 4
  .top-bar-right
    ul.menu
      li
        input type="search" placeholder="Search"
      li
        button.button type="button" Search

The zf-dropdown-menu has been nicely exposed as an ember component, but I don't see the title bar in the ember-cli-foundation-6-sass. The foundation docs imply that title-bar also requires javascript.

Do you know anything to the contrary? And is adding support as simple as adding a zf-title-bar.js to app/components and addon/components similar to zf-dropdown-menu.js?

Happy to submit a PR with a little guidance.

The current ember-cli-fastboot releases (1.0.0-rc.1 and above) introduce breaking changes. These will most likely break your current FastBoot implementation.

See ember-fastboot/ember-cli-fastboot#387 for more information and a guide on how to fix your addon. Also you may want to visit the -fastboot Slack channel to get help from other users.

Note: this issue has been created automatically, by searching for certain patterns in your code. If you think this has been falsely created, feel free to close!

I'm trying to use a reveal in an ember loaded route, it works the first time you load the route, but it will fail to add the data-reveal attribute on subsequent load.

Versions
Ember: 2.10
ember-cli-foundation-6-sass: 0.0.18
foundation-6: 6.3.0

// using foundation-sites v6.1

ember-cli-build.js:
module.exports = function (defaults) {
var app = new EmberApp(defaults, {
'ember-index': indexConfig,
emberCliFontAwesome: {
useScss: true
},
'ember-cli-foundation-6-sass': {
'foundationJs': 'all'
}
}
);

Markup:
{{#zf-tabs}}
{{#each otherAppSearches as |search|}}

Getting:
"Uncaught Error: Assertion Failed: A helper named 'zf-tabs' could not be found"

As soon as the tab control attempts to render.

Is there something I am missing to get the tab behaviors to work?

When I tried to install via ember-cli , it gives that error.

I'm using Windows PowerShell with administrative rights on Windows 8.1.

The command-line hangs at "Installing packages for tooling via npm" after entering "ember install ember-cli-foundation-6-sass".

This is the output after entering the command:
ember install ember-cli-foundation-6-sass

Installed packages for tooling via npm.
installing ember-cli-foundation-6-sass
  install bower package foundation-sites
  cached https://github.com/zurb/foundation-sites.git#6.1.2
Installed browser packages via Bower.
  identical app\styles\app.scss
  install packages ember-cli-sass, broccoli-clean-css
  Installing packages for tooling via npm

All of the node modules and bower components are installed.

After I ctrl+c to terminate the command, it appears the ember-cli-foundation-6-sass module and foundation-sites component has been successfully installed with all of the files.

Is this an issue? I'm not sure if the hanging means the module isn't installed correctly. I haven't tried this using the command prompt.

I've followed ember-cli-foundation-6-sass readme.md:
adding it to my project
running the generator ember g ember-cli-foundation-6-sass,
and updated my ember-cli-build.js too:

module.exports = function(defaults) {
var app = new EmberApp(defaults, {
// Add options here
'ember-cli-foundation-6-sass': {
'foundationJs': 'all'
}
});

I've then copied the code from : https://codepen.io/IamManchanda/pen/KmepBg?editors=1000
for a responsive menu into my application.hbs.

All of the foundation styles are working fine. However the javascript doesn't appear to have been triggered. Both menus are showing up. If I then open up chromes console and do
$(document).foundation();

Then the menu springs into action.

am I missing something?