Hi,
I'm trying to add focus-in and focus-out events on an input inside the slider but they don't seem to work. I've created a fresh project just for test but it's still not working. The events work only from the input outside the slider tags.

{{#slick-slider autoplay=false arrows=true focusOnSelect=true}} <div class="box"> {{input focus-in=(action "in") focus-out=(action "out")}} <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div> <div class="box"> <img src="https://static2.businessinsider.com/image/4f3433986bb3f7b67a00003c/a-parasite-found-in-cats-could-be-manipulating-our-brains.jpg"> </div> {{/slick-slider}} {{input focus-in=(action "in") focus-out=(action "out")}}

and the actions

actions:{ out() { console.log('out') }, in() { console.log('in') } }

I don't know if it is a bug or I'm not doing something right.

@ember/jquery - 0.6.0
ember-cli - 3.8.2
ember-source - 3.8.0

On app boot the following error is thrown
Uncaught ReferenceError: jQuery is not defined

It looks like the latest on master pulls slick from npm. Can you publish a new version to npm?

Hi,
I try to update an old application based on Ember 2.13 to Ember 3.5 and now my last problem is to use your plugin in the new ember 3.5 environment.

This error occurred:
loader.js:247 Uncaught Error: Could not find module emberimported fromember-cli-slick/components/slick-slider at missingModule (loader.js:247) at findModule (loader.js:258) at Module.findDeps (loader.js:168) at findModule (loader.js:262) at Module.findDeps (loader.js:168) at findModule (loader.js:262) at requireModule (loader.js:24) at Class._extractDefaultExport (index.js:422) at Class.resolveOther (index.js:101) at Class.resolve (index.js:163)

Do you have a tipp for me?

I tried as given in the example and set a controller property with breakpoints. But it is not working.

Hello @laantorchaweb ,

We have been using this addon in our project and during the upgrade, I found out that the addon was not compatible with the version 2.12.3, since ember have now moved to ember-source and ember-cli-shims for managing bower dependencies.

Kindly review the PR and let me know if there is any changes I need to make so you may merge it. Always happy to help.

Warm Regards

Is there plans to move from bower to npm? It seems like all your bower dependencies are now in the npm repository

Installed packages for tooling via npm.
DEPRECATION: Overriding init without calling this._super is deprecated. Please call this._super.init && this._super.ini t.apply(this, arguments); addon: ember-cli-htmlbars
at Function.Addon.lookup (C:\Stufessor\slick\node_modules\ember-cli\lib\models\addon.js:896:27)
installing ember-cli-slick

The package ember-cli-slick is not a properly formatted package, we have used a fallback lookup to resolve it at C:\Users\Carlos\Desktop\web-apps\del_sur\node_modules\ember-cli-slick. This is generally caused by an addon not having a main entry point (or index.js).
The ember-cli-slick addon could not be found at C:\Users\Carlos\Desktop\web-apps\del_sur\node_modules\ember-cli-slick.

I noticed that the tests hang and don't run after build whenever I use this addon.

It still happen son an new empty project:

ember new blabla
cd blabla
ember install ember-cli-slick
ember test

and after Build project successfully... hangs there indefinitely.

Hi,

I'm using this addon to display a card list. Right now I have a polling service to pull the new card list from api every other hour.
I can see from slick repo, there is a similar issue: kenwheeler/slick#1191, basically it needs to destroy the slick and re-initialize again.

Could we support this feature?

I'm trying to use dynamic slides dependent on the route. Ex:

{{#slick-slider autoplay=false arrows=true}}
  {{#each model.slides as |slide|}}
  <div class="box"> <img src="{{slide}}"> </div>
  {{/each}}
{{/slick-slider}}            

I have routes like this:
/page/1, /page/2, /page/3

The model.slides depends on the pageId

It works when I'm on a current page and refresh the page. But if I transition from /page/1 to /page/2, the component doesn't rebuild itself with the new content. Similarly, if I transition from /index (no slides) to /page/1, the component seems to load fine, but the container height is only 1px.

Using [email protected] with this package, I get the following error at bootup:

Cannot find module '/Users/denchen/git/my-app/bower_components/ember/ember-template-compiler.js'
Error: Cannot find module '/Users/denchen/git/my-app/bower_components/ember/ember-template-compiler.js'
  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 Class.module.exports.htmlbarsOptions (/Users/denchen/git/my-app/node_modules/ember-cli-slick/node_modules/ember-cli-htmlbars/ember-addon-main.js:78:25)
  at Object.registry.add.toTree (/Users/denchen/git/my-app/node_modules/ember-cli-slick/node_modules/ember-cli-htmlbars/ember-addon-main.js:31:36)
  at /Users/denchen/git/my-app/node_modules/ember-cli/node_modules/ember-cli-preprocess-registry/preprocessors.js:180:26
  at Array.forEach (native)
  at processPlugins (/Users/denchen/my-app/node_modules/ember-cli/node_modules/ember-cli-preprocess-registry/preprocessors.js:178:11)
  at module.exports.preprocessTemplates (/Users/denchen/git/my-app/node_modules/ember-cli/node_modules/ember-cli-preprocess-registry/preprocessors.js:161:10)

I believe this is due to this change in [email protected]:

As part of this release we have made the default behavior inclusion of Ember from npm via the ember-source npm package.

Which means that Ember is no longer a Bower dependency / package, and hence bower_components/ember/ember-template-compiler would not be available.

Hi, I was running into an issue where switching between routes that were using this slick addon, my app would throw an error:

Assertion Failed: Attempted to call .sendAction() with the action 'setPosition' on the destroyed object '<labs-waterfront-access@component:slick-slider::ember403>

My solution was to extend ember-cli-slick to call the slick('unslick') method, which turns off all of the listeners that were turned on when the component first initializes. It seems like this should be added to the component. If you agree, I am happy to do a PR.

export default SlickSliderComponent.extend({
  willDestroyElement() {
    this.$().slick("unslick");
  },
});

Hi,
How can I customize the dots, to became something like ids, or tabs name?
Or how can I use the slick methods like: slickGoTo, slickCurrentSlide, slickNext, slickPrev to realize that?
I appreciate any hint.

@laantorchaweb - Is there any chance getting some of the pull requests for this project getting merged?
Or is this project dead?

Cheers,
Chris.

when setting dots to true the slider doesn't load properly.

  {{#slick-slider autoplay=false arrows=true dots=true infinite=false}}
    <div class="box">
      <h1>Page 1</h1>
    </div>
    <div class="box">
      <h1>Page 2</h1>
    </div>
    <div class="box">
      <h1>Page 3</h1>
    </div>
    <div class="box">
      <h1>Page 4</h1>
    </div>
  {{/slick-slider}}

The console gives throws this error:

Uncaught TypeError: Cannot read property 'call' of null

Is there plans on upgrading your plugin to support ember-cli-babel 6.6? I am getting deprecation warnings

It seems that there is a memory leak in the current version of ember-cli-slick.

I'm currently not sure if the problem comes from the Slick Slider library itself of from ember-cli-slick.

https://ember-twiddle.com/6efcae4d03f2a20c5a8cdef3bc535fd0

By clicking multiple times on the button, you can see the heap increasing.