egjs-flicking | TypeScript Ecosystem Directory

Bot releases are hidden (Show)

egjs-flicking - 4.2.4 Release (2021-08-31)

Published by WoodNeck about 3 years ago

Bug Fix

needPanel triggers multiple times when panel is appended by event callback (#522)
Angular peer dependency is not updated (#530)
sync - ordered not updates middle panel indexes (#529)
Vue3 render triggers update (#535)

egjs-flicking - 4.2.3 Release (2021-08-25)

Published by WoodNeck about 3 years ago

Bug Fix

resize places camera at wrong position in react-flicking (#519)
setPrototypeOf is not defined on IE10 or lower (#518)

egjs-flicking - 4.2.2 Release (2021-08-19)

Published by WoodNeck about 3 years ago

Bug Fix

bound not working when there're not enough panels to fill the viewport (#505)

egjs-flicking - 3.8.4 Release (2021-08-11)

Published by WoodNeck about 3 years ago

Bug Fix

Flicking doesn't update currentPanel after calling sync (#509)

egjs-flicking - 4.2.1 Release (2021-08-02)

Published by WoodNeck about 3 years ago

Bug Fix

Fixed a missing count option for the "snap" moveType

egjs-flicking - 4.2.0 Release (2021-08-02)

Published by WoodNeck about 3 years ago

New Features

Added [email protected]
Added a new moveType, "strict"
Added a count option for "snap" moveType
Added preventEventsBeforeInit option
Added hideBeforeInit and firstPanelSize option for frameworks

Bug Fix

Fixed a bug that click events are prevented even though they are not triggered by panel elements
Fixed a bug that viewport size is wrong when there's a border applied to the viewport element
Fixed a bug that CFC methods are not exported in the umd(cjs) port of Flicking
Fixed a bug that Axes's releaseOnScroll option is not applied

egjs-flicking - 4.1.1 Release (2021-07-12)

Published by WoodNeck over 3 years ago

Bug Fix

Definition error in ngx-flicking (#482)
select event can throw error when there's no element on panel in frameworks (#468)
preventClickOnDrag is not working on non-native clickable elements (#470)

egjs-flicking - 4.1.0 Release (2021-06-23)

Published by WoodNeck over 3 years ago

New Features

Added panelChange event (#464)

Bug Fix

changed triggered multiple times (#461)
missing resize in frameworks (#459)

egjs-flicking - 4.0.0 Release (2021-06-09)

Published by WoodNeck over 3 years ago

HTML structure

To support SSR(Server Side Rendering), Flicking no longer generates viewport & camera element.
So you have to create a viewport & camera element in your HTML template yourself.
Also, now you have to import CSS file we're providing and place a correct class names
- We're now using flicking-viewport and flicking-camera instead of eg-flick-viewport and eg-flick-camera
All framework-based Flickings don't have to consider this change, as they're still generating inner elements for you.

<head>
  <link rel="stylesheet" href="https://unpkg.com/@egjs/[email protected]/dist/flicking.css">
</head>
<body>
  <div id="my-flicking" class="flicking-viewport">
    <div class="flicking-camera">
      <div>Panel 1</div>
      <div>Panel 2</div>
      <div>Panel 3</div>
    </div>
  </div>
</body>

const flicking = new Flicking("#my-flicking");

Changes when using umd modules

We've removed eg namespace on umd modules.
- eg.Flicking is now just Flicking

Removed Options

CSS-related options
- To support SSR, we've removed all CSS-related properties to guarantee UI when rendered in SSR frameworks.
- gap
  - You can now set gaps between panels with CSS margins like margin-right or margin-bottom.
- zIndex
  - You can now directly use CSS z-index to viewport element(.flicking-viewport) instead.
- overflow
  - You can set overflow: visible to viewport element(.flicking-viewport) instead.
infinite and lastIndex
- needPanel event is now always triggered without the option infinite
collectStatistics
thresholdAngle
isEqualSize and isConstantSize
anchor and hanger is now merged into the new option named align.
- anchor: 20 and hanger: "40%" is same to align: { panel: 20, camera: "40%" }
infiniteThreshold is now renamed to needPanelThreshold

Removed methods

replace
- As Flicking no longer supports isolated indexes, we've removed Flicking's replace and added prepend and insert instead.
Getters
- We're now usinge a getter property instead of get- methods
- getIndex() > index
- getAllPanels() > panels
- getElement() > element
- getCurrentPanel() > currentPanel

Option Changes

adaptive is now only applicable when horizontal: true
moveType is now always a string

Option's default value changes

Default value of duration is now 500 (was 100)
Default value of bounce is now 20% (was [10, 10])
Default value of autoResize is now true (was false)

Method Changes

addPlugins and removePlugins do not longer accept arrays

Event Changes

needPanel is now can be triggered on the index 0
- It always has direction: "PREV"
We don't longer provide the method fill() in needPanel event
- As all panels now have continuous indexes, you can use prepend() or append() instead

egjs-flicking - 3.8.3 Release (2021-05-28)

Published by WoodNeck over 3 years ago

Bug Fix

resize throws error when there're empty panels between (#447)

egjs-flicking - 3.8.2 Release (2021-04-16)

Published by WoodNeck over 3 years ago

Bug Fix

currentPanel can be null after adding the panel on the frameworks when there were no panels (#439)

egjs-flicking - 3.8.1 Release (2021-03-17)

Published by WoodNeck over 3 years ago

Bug Fix

Flicking can move while the page's scrolling(#433)
Flicking fires select event on touch devices even if scrolling up/down(#432)

egjs-flicking - 3.7.2 Release (2021-02-18)

Published by WoodNeck over 3 years ago

Bug Fix

Flicking's camera position can be wrong when getStatus is called from the non-zero index (#421)

egjs-flicking - 3.8.0 Release (2021-02-24)

Published by WoodNeck over 3 years ago

Features

Add element property on "select" event

Bug Fix

Wrong panel positions after calling setStatus (#423)
ngx-flicking: getCloneCount is not defined after destroy (#419)

egjs-flicking - 3.7.1 Release (2021-01-15)

Published by WoodNeck over 3 years ago

Bug Fix

next/prev/moveTo not work after disableInput(#407)

egjs-flicking - 3.7.0 Release (2020-12-08)

Published by WoodNeck almost 4 years ago

Features

Added getSize() (#401)
Added resizeOnImagesReady option (#396)

egjs-flicking - 3.6.3 Release (2020-11-25)

Published by WoodNeck almost 4 years ago

Bug fix

Prepending panels in frameworks can break carousel with renderOnlyVisible option(#389)

Docs

Fix a typo in MoveTypeSnapOption description(#388)

egjs-flicking - 3.6.2 Release (2020-11-02)

Published by WoodNeck almost 4 years ago

Bug Fix

Panels are not positioned correctly with renderOnlyVisible option (#382)

egjs-flicking - 3.6.1 Release (2020-10-30)

Published by WoodNeck almost 4 years ago

Fixes

Fixed renderOnlyVisible option makes Flicking doesn't apply panel's CSS (#382)

egjs-flicking - 3.6.0 Release (2020-10-26)

Published by WoodNeck almost 4 years ago

Features

Add typescript event type inference support

Package Rankings

Top 1.45% on Npmjs.org

Related Projects

react-redux-typescript-jspm-starter

Futuristic, bundle-free, development environment for building Component-Driven SPA with React, Re...

10 Jan 2016 231

scenejs

🎬 Scene.js is JavaScript & CSS timeline-based animation library

24 Mar 2017 2,657

angularjs-styleguide

AngularJS styleguide for teams

27 Jul 2014 5,979

IxJS

The Interactive Extensions for JavaScript

22 Feb 2016 1,294

infinite-viewer

Infinite Viewer is Document Viewer Component with infinite scrolling.

11 Oct 2019 297

react-typescript-webpack2-cssModules-postCSS

Simple Starter Template for React, TypeScript, postCSS, ITCSS, CSS-Modules, Webpack and Live Relo...

02 Feb 2017 118

react-multi-carousel

A lightweight production-ready Carousel that rocks supports multiple items and server-side render...

02 Mar 2019 1,228

angular-codelab

[DEPRECATED] Angular Codelab: Let's develop an Angular 2 application...

08 Sep 2015 45