chore(deps): update dependency @egjs/flicking to v4

[triple-bot]

This PR contains the following updates:

Package	Type	Update	Change
@egjs/flicking (source)	dependencies	major	^3.9.3 -> ^4.12.0

---

Release Notes

naver/egjs-flicking (@​egjs/flicking)

v4.12.0: Release (2024-12-06)

Compare Source

New Feature

• Added a new preset CrossFlicking (#​901)

Bug Fix

• Fixed an error where the initial Panel is set to the last Panel when display: none is applied to the viewport. (#​903)

v4.11.4: Release (2024-07-31)

Compare Source

Bug Fix

• Fixed an error that disabled flicking blocks native scroll.

v4.11.3: Release (2024-05-31)

Compare Source

Bug Fix

• Fixed an error when destroy() is called immediately after resize() (#​859)
• Fixed a bug that events return the wrong direction on circular Flicking (#​854)
• Fixed an error when using bound and custom align props together (#​850)
• Fixed a bug that the threshold option does not apply to movetype: "snap" (#​844)

v4.11.2: Release (2023-12-12)

Compare Source

Bug Fix

• fixed a bug that strict movetype moving wrong panel on circular flicking (#​842)

v4.11.1: Release (2023-11-17)

Compare Source

Bug Fix

• Fixed a bug that nan occurs when calculating the size if element does not exist. (#​833)
• Fixed a bug that layout is broken when direction: rtl is applied to camera element. (#​836)

v4.11.0: Release (2023-08-02)

Compare Source

New Feature

• Added a new option preventDefaultOnDrag (#​820)

v4.10.8: Release (2023-06-22)

Compare Source

Bug Fix

• Fixed a bug that mouse input not working when mouse and touch input were available at the same time. (https://github.com/naver/egjs-axes/pull/213)

v4.10.7: Release (2023-04-12)

Compare Source

Bug Fix

• Fixed a bug that setStatus not working properly when index is 0 (#​795)

v4.10.6: Release (2023-02-13)

Compare Source

Bug Fix

• Fixed position of the panel was calculated incorrectly when the duration is 0 and moveType is "strict". (#​771)
• Fixed CSS transform was not applied correctly during the SSR rendering process. (#​773)

v4.10.5: Release (2023-02-01)

Compare Source

Bug Fix

• Fixed a bug that the resize event listener was not properly removed when the instance was destroyed. (#​779)
• Fixed the issue that the panel moved to an inappropriate position when a panel is clicked during sliding. (#​777)

v4.10.4: Release (2022-12-02)

Compare Source

Bug Fix

• Fixed a bug that move event can occur even after holdEnd event at Internet Explorer (https://github.com/naver/egjs-axes/issues/208)

v4.10.3: Release (2022-11-25)

Compare Source

Bug Fix

• Fixed a bug that resizeOnContentsReady option cause error with lazy image loading inside panel (#​745)

v4.10.2: Release (2022-11-03)

Compare Source

Bug Fix

• Fixed component dependency for frameworks (#​741)
• Fixed a bug that some setters doesn't update UI (#​743)

v4.10.1: Release (2022-10-26)

Compare Source

Bug Fix

• Fixed a bug that preventClickOnDrag option prevents click event for movement less than 1 pixel (#​738)

Others

• @egjs/react-flicking , @egjs/preact-flicking 4.10.2
  • Added a new property renderOnSamekey (#​735)
  • Fixed a bug that update occurs between rendering (#​739)

v4.10.0: Release (2022-09-15)

Compare Source

New Feature

• Added a new method updateAnimation (#​728)
• Added a new method stopAnimation (#​728)

Others

• @egjs/ngx-flicking
  • setup vanilla flicking within the root zone and remove event listeners once the view is removed (#​727)

v4.9.3: Release (2022-08-30)

Compare Source

Bug Fix

• Fixed a bug that Panel was not released when the input was canceled

v4.9.2: Release (2022-08-05)

Compare Source

Bug Fix

• Fixed moveTo causing unhandled error while user input is holding

v4.9.1: Release (2022-07-14)

Compare Source

Bug Fix

• Fixed panelsPerView option not working with adaptive option
• Fixed bound option causing error when using with specific panel width

v4.9.0: Release (2022-06-10)

Compare Source

New Feature

• Added a new option - useFractionalSize (#​692)

v4.8.1: Release (2022-06-09)

Compare Source

Bug Fix

• Fixed an error that click does not work after disableInput and then moveTo when preventClickOnDrag is true
• Fixed Flicking spinning 1 cycle when moveType is "snap" with circular is true, align is "prev" and moving to adjacent panel. (#​689)
• Fixed wrong type definition of children in ViewportSlot (#​693)

v4.8.0: Release (2022-05-30)

Compare Source

New Feature

• Added new option changeOnHold (#​684)

Bug Fix

• Fixed wrong camera offset on adaptive resize (#​682)

v4.7.3: Release (2022-05-26)

Compare Source

Bug Fix

• Fixed Flicking still not working properly in iOS environment

v4.7.2: Release (2022-05-25)

Compare Source

Bug Fix

• Fixed Flicking not working in iOS Safari browser (#​677)

v4.7.1: Release (2022-05-20)

Compare Source

Bug Fix

• Fixed horizontal Flicking blocking vertical drag (#​673)

v4.7.0: Release (2022-05-12)

Compare Source

New Feature

• Added a new option: nested (#​670)

v4.6.3: Release (2022-04-29)

Compare Source

Bug Fix

• Fixed wrong behavior when using strict & circular (#​662)

v4.6.2: Release (2022-04-26)

Compare Source

Bug Fix

• Fixed camera position update while animating (#​656)
• Fixed willChange and willRestore can't be stopped (#​659)

v4.6.1: Release (2022-04-19)

Compare Source

Bug Fix

• Fixed wrong CSS publish

v4.6.0: Release (2022-04-19)

Compare Source

New Feature

• Added sass files
• Added two new options - "resizeDebounce", "maxResizeDebounce"

Bug Fix

• Removed es6 syntax in CFC codes
• Fixed wrong rendering on React 18
• Fixed v-if related bug in Vue@3
• Fixed wrong rendering order when panel order is changed on frameworks.

v4.5.1: Release (2022-03-18)

Compare Source

Bug Fix

• Can't init using Vite + Vue3 (#​631)
• Can't call moveTo when using moveType:strict (#​633)

v4.5.0: Release (2022-01-24)

Compare Source

New Feature

• Added new option circularFallback (#​610)

Bug Fix

• Fixed "constructor not found" error in svelte SSR

v4.4.2: Release (2021-12-07)

Compare Source

Bug Fix

• Fixed wrong sync behavior when removing all prev panels (#​598)

v4.4.1: Release (2021-11-24)

Compare Source

Bug Fix

• Fixed preact-flicking is not working due to import error (#​583)
• Fixed Vue and Vue3 Flicking's typings

v4.4.0: Release (2021-10-27)

Compare Source

New Feature

• Added a new option: virtual (#​568)
• Added a new option: useResizeObserver (#​564)

Bug fix

• Index is not updated when moving to same position (#​570)

v4.3.1: Release (2021-10-25)

Compare Source

Bug Fix

• Fixed a bug that can't move from the last panel to the first panel when moveType: strict and circular is enabled (#​562)

v4.3.0: Release (2021-09-08)

Compare Source

New Feature

• Added new option: resizeOnContentsReady (#​546)

Bug Fix

• currentPanel is null when the initial panel size is 0 (#​548)

v4.2.5: Release (2021-09-02)

Compare Source

Bug Fix

• getRenderingPanels uses old list (#​538)
• Flicking is animating on moveEnd event (#​541)

v4.2.4: Release (2021-08-31)

Compare Source

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)

v4.2.3: Release (2021-08-25)

Compare Source

Bug Fix

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

v4.2.2: Release (2021-08-19)

Compare Source

Bug Fix

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

v4.2.1: Release (2021-08-02)

Compare Source

Bug Fix

• Fixed a missing count option for the "snap" moveType

v4.2.0: Release (2021-08-02)

Compare Source

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

v4.1.1: Release (2021-07-12)

Compare Source

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)

v4.1.0: Release (2021-06-23)

Compare Source

New Features

• Added panelChange event (#​464)

Bug Fix

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

v4.0.0: Release (2021-06-09)

Compare Source

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/@&#8203;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

---

Configuration

📅 Schedule: Branch creation - "on the first day of the month" in timezone Asia/Seoul, Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR has been generated by Renovate Bot.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 14.30%. Comparing base (9f85902) to head (9beebeb).
Report is 11 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #3529   +/-   ##
=======================================
  Coverage   14.30%   14.30%           
=======================================
  Files         737      737           
  Lines       10372    10372           
  Branches     3507     3507           
=======================================
  Hits         1484     1484           
  Misses       8461     8461           
  Partials      427      427           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[triple-bot]

Renovate Ignore Notification

Because you closed this PR without merging, Renovate will ignore this update. You will not get PRs for any future 4.x releases. But if you manually upgrade to 4.x then Renovate will re-enable minor and patch updates automatically.

If you accidentally closed this PR, or if you changed your mind: rename this PR to get a fresh replacement PR.