chore(deps): update framework7 monorepo to v8 (major)

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
framework7 (source)	^5.7.14 -> ^8.3.3
framework7-vue (source)	^5.7.14 -> ^8.3.3

---

Release Notes

framework7io/framework7 (framework7)

v8.3.3

Compare Source

Bug Fixes

• back navigation when no f7Page found (41f65cd)
• disable cache for device-info on server (800b586), closes #​4252
• svelte: fix issue with React.CSSProperties in types (74b1565), closes #​4255
• svelte: fix svelte field in package (60f4641), closes #​4259

v8.3.2

Compare Source

Bug Fixes

• sheet: correctly remove resize handler (ffb5c8c), closes #​4251

Features

• core: better error stack trace for router components (d6c60f8), closes #​4250

v8.3.1

Compare Source

Bug Fixes

• calendar: fix param type of calendar parameter formatValue (#​4235) (ac1f205)
• core: insert theme stylesheet first to allow overriding (#​4219) (#​4220) (c02e90d)
• core: replace references to obsolete addListener/removeListener (#​4221) (4430722)
• sortable: Prevent touchscreen scrolling conflict via touch-action (#​4227) (0505835), closes #​4178
• types: correct exports for react, vue and svelte (5b380eb)
• types: fix missing types (#​4231) (734ab0a), closes #​4181

v8.3.0

Compare Source

Bug Fixes

• popup: fix wrong popup push position on top of tablet-full-screen push popup (41def46)
• popup: prevent swiping popup when swiping over enabled sortable (9673b0b)
• router: fix props not passed to openIn components (c609439), closes #​4215
• sheet: prevent swiping sheet when swiping over enabled sortable (c92ad63)

Features

• sheet: new feature to configure opened breakpoints (3ec8cc1)
• svelte: types reworked for Svelte 4 (#​4216) (31b94b0)
• swiper: update swiper to latest 10.2.0 (957fa87)
• update to latest Swiper (b9afba6)

v8.2.0

Compare Source

Bug Fixes

• inputs: fixed outline input without label misalignment (81d2757)
• list-view: add "list" slot in Vue component (f4b24bc), closes #​4201 #​4195

Features

• panel: limit resizable to max 100% width and support resizable floating panels (27ae4e1)
• swiper: update to Swiper v10 (b6cb30a)

v8.1.0

Compare Source

Bug Fixes

• calendar: fix range styles if same day selected (84eaf76), closes #​4191
• core: hide scrollbar where required in FireFix (f4c4c7e), closes #​4189
• core: translucent now applies in iOS theme not depending on iOS device (06b8970)
• messagebar: fix textareaId to be passed to textarea element (b3b10b2)
• panel: fix panel closed without transition when opened with swipe (be8492c)
• popover: fix ignored arrow prop in Popover components (feaa823)
• progressbar: fix wrong style applied in Svelte component (4604b1f), closes #​4183
• router: fix for correct navigate if used route path format like /:optionalParam(any+[regexp]+)? (#​4179) (6d40482)
• router: fix routable modal destroy if modal route has async prop (1234e78)
• searchbar: remove unused clear button layer (4e13c36)

Features

• list-index: tweak label colors in MD theme (b797d9b)
• notification: increase notifiaction transition duration and paddings in MD theme (27f211e)
• picker: full width single column picker scrolling (04ca371)
• pull-to-refresh: tweak md colors (b014a34)

v8.0.5

Compare Source

Bug Fixes

• virtual-list: fix auto height calcs in filtered items (1336770), closes #​4168

v8.0.4

Compare Source

Bug Fixes

• area-chart: fix tooltip label color in MD theme (5d87626)
• button: fix iOS outline button color (59674be), closes #​4169
• chip: fix chip media margin in iOS theme (34f4c28)

v8.0.3

Compare Source

Bug Fixes

• core: correct colors inheritance in nested dark mode (e4f0ddc), closes #​4165
• core: prevent handling of not trusted touch events (3ea9ac5), closes #​4164
• input: fix datetime-local input width (6253c6c)

v8.0.2

Compare Source

Features

• app: add overscroll-behavior: none; to html (caa3e78), closes #​4048
• dialog: tweak placeholder colors (dfadb8d)
• fab: tweak FAB md3 styles and colors (e50a375)
• input: tweak placeholder colors (50d8fb8)
• messagebar: tweak placeholder colors (29849ff)
• searchbar: tweak placeholder colors (f8168a0)
• text-editor: tweak placeholder colors (490c23a)

v8.0.1

Compare Source

Bug Fixes

• data-table: detach events on destroy (396fdac)

Features

• core: prevent page scrolling during custom page transitions (6453249)
• icon: add class to Icon also specified in icon prop (42b56fa)
• touch-ripple: use blurred ripple wave on photo browser toolbar (02b08b6)
• update vue web types (ee8c71d)

v8.0.0

Compare Source

Core

• All new Material Theme with Material You design
• All new color theming options and parameters
• Removed Aurora theme
• Removed Elevation, Lazy, Menu, Appbar, Request components and modules
• Removed browser lazy components from package

Photo Browser

• added new swipeable thumbs functionality

Swiper

• updated to all new Swiper v9 with Swiper Element which is now used in Swipeable Tabs
• removed Swiper components from Framework7 React, Vue, Svelte - use Swiper Element instead

Grid

• New simplified grid layout and sizes
• Resizable grid functionality has been removed

Inputs

• Removed inline labels styles
• Removed expandInput functionality in Autocomplete

List

• Removed list item cell & row components and elements
• List styling now has addition outline, strong, dividers classes / props

Router

• Removed stackPages functionality

Tabs

• Swipeable tabs now use <swiper-container>

Bug Fixes

• photo-browser: fix touch-action rules (5850615)
• vue: accept unloadTabContent param on View (24025a5), closes #​4149
• svelte: fix swipeable tabs (9476c6a)
• vue: support for component props defined as array (d5c70e4)
• router: don't try to find route with empty path (4e4ccad)
• smart-select: fix smart select styles (a014cbb)
• fix iOS preloader color (6d3c557)
• smart-select: update lists styles (70bfcd9)
• core: fix issue with custom page transitions (933db6f)

Features

• remove link highlights in MD theme, use only touch ripple (e96f363)
• actions: fix actions position padding in md theme with safe areas (4d34afd)
• core: tweak touch ripple (4419887)
• searchbar: full height expandable with top safe areas (87bcf59)
• touch-ripple: tweak touch ripple appearance (a861e12)
• core: add new router component $useState method (677af59)
• photo-browser: add new swipeable Thumbs (d3313d6)
• remove colorTheme prop in React, Vue, Svelte components (90ecff6)
• app: remove id, version, language app params and properties (1b5ffd6)
• app: remove id, version, language app params and properties (da6e5ae)
• popover: rename angle to arrow (fb9867f)
• searchbar: rename hideDividers -> hideGroupTitles (24e76c1)
• tabs: use Swiper Element for swipeable tabs (d3bd0df)
• typography: remove no-hairline helper classes (8b10c00)
• timeline: new syntax for timeline cols (ce58827)
• checkbox: allow to set checkbox icon position - start or end (db9d799)
• core: remove Core JS lazy modules (25a9c8e)
• smart-select: allow to specify input icon position (68a9fbc)
• svelte: export style prop for modals (65ecc23), closes #​4100
• swiper: remove support for auto init with "swiper-init" in favor of Swiper custom element (35367f8)
• swiper: remove Swiper components export in React, Svelte & Vue in favor of Swiper Custom Element (344c557)
• actions: Material You styles, rename bold -> strong button (d6a4718)
• autocomplete: Material You styles, remove expandInput functionality (7af373d)
• badge: Material You styles (5ca6a50)
• block: Material You styles, new outline style (7f7cbe2)
• block: support for -inset-[ios|md] classes + similar components props (908ca12)
• block: support theme-specific block-strong-[ios|md] states (75563ce)
• breadcrumbs: Material You styles (d854233)
• button: Material You styles (fd4e1f9)
• button: new tonal buttons (32daed7)
• calendar: Material You styles (2cc67b8)
• calendar: Material You styles (8abf7df)
• card: Material You styles, new outline and raised styles (21a051e)
• chip: Material You styles (651406e)
• color-picker: Material You styles (b8a9eee)
• contacts: Material You styles (ab3d5a9)
• contacts-list: Material You styles (6f35c10)
• core: remove Menu components (use Popovers instead) (cf2bb67)
• core: modal.open accepts second force argument (99f0267)
• core: move no-hairline classes to common typography, replace noHairline components prop with outline (ca7e2c9)
• core: move colors definitions to client side with new colors parameter and app.setColorTheme method (30c38b8)
• core: new Material You colors system. colorThemeCSSProperties util now return object with common, light and dark vars (9fb8b3a)
• core: new page transitions in MD theme (b050a88)
• core: remove stackedPages router functionality (6c2e624)
• core: remove Appbar module/component (98285ca)
• core: remove bars shadows in MD theme (f14b30f)
• core: remove Elevation module (780783b)
• core: remove Lazy component, use native loading="lazy" instead (515a170)
• core: remove Request module in favor of native fetch (0a9f0a7)
• core: rename autoDarkMode parameter to darkMode which accepts false, true or 'auto', add setDarkMode app method (8759957)
• data-table: Material You styles (ff86338)
• dialog: Material You styles + rename bold -> strong button (fa37aee)
• fab: Material You styles (6f91229)
• grid: rework Grid module to use actual CSS grid, remove resizable grid (8381a75)
• input: remove inline style inputs (1d06525)
• inputs: Material You styles (3eb25e7)
• list: introduce list-dividers classes and props to enable/disable dividers between items (07a9420)
• list: Material You colors, unify item-divider -> list-group-title (9ec6aae)
• list: Material You styles + new outline and strong states + support theme specific inset props and classes (fae5446)
• list: remove ListItemRow and ListItemCell components (c5ed84b)
• list: support label.item-content as activable element (e4cb150)
• login-screen: Material You styles (accc5e5)
• menu-list: Material You styles (67a7aa2)
• messages+messagebar: Material You styles (1757396)
• navbar: Material You style navbar (c9b7519)
• notification: Material You styles (d68621d)
• panel: Material You styles + remove panels shadows (a67c370)
• panel: new floating panel effect (45b6b89)
• photo-browser: Material You styles (f065f63)
• photo-browser: update to latest Swiper (b8dbe29)
• picker: Material You styles (2135524)
• popover: Material You styles, new angle (corner) parameter (b6ebbe3)
• popup: Material You styles (9ece196)
• popup: use push effect even if no safe areas detected (da356cb)
• range: Material You styles (6bb3df2)
• searchbar: Material You styles (f2d47c6)
• sheet: Material You styles (fd17aed)
• sheet: use push effect even if no safe areas detected (5fd5130)
• sortable: Material You styles (4012322)
• stepper: Material You styles (e1fe169)
• subnavbar: Material You styles (8b8e152)
• swipeout: Material You styles (d85d591)
• swiper: update to latest Swiper 9 (03fa5d9)
• tabbar: Material You styles + rename tabbar-labels -> tabbar-icons (fbd07b0)
• tabs: update to latest Swiper (1e82bf4)
• text-editor: Material You styles (357b1d5)
• timeline: Material You styles (a09698d)
• toast: Material You styles (bb09829)
• toggle: Material You styles (82c91d8)
• tooltip: Material You styles (e80fbb2)
• remove Aurora theme (a9de963)

v7.1.5

Compare Source

v7.1.4

Compare Source

Bug Fixes

• panel: fix panel close routine if it was closed immediately (#​4127) (74aa9d8), closes #​4108
• popover: disable safe areas in popover (5d5bce6)
• router: keep router props history if page was loaded with passed props (5ad3d8a)
• svelte: fix custom icon classes (06b406c), closes #​4126

v7.1.3

Compare Source

Bug Fixes

• panel: fix panel close routine if it was closed immediately
  (#​4127)
  (74aa9d8),
  closes #​4108
• popover: disable safe areas in popover
  (5d5bce6)
• router: keep router props history if page was loaded with passed props
  (5ad3d8a)
• svelte: fix custom icon classes
  (06b406c),
  closes #​4126

v7.1.2

Compare Source

Bug Fixes

• dialog: remove margin-left on vertical buttons (2645067), closes #​4118
• picker: fixed issue with scrolling on chrome (816898d)
• router: initial url in somecase (#​4122) (fe800cf)
• types: add notification render method arguments (#​4117) (2d17f7a)

Features

• photo-browser: disable Swiper's CSS mode by default (def98a1)

v7.1.1

Compare Source

Bug Fixes

• core: reset allowPageChange after duplicated async back navigation (#​4111) (#​4112) (273c94c)
• panel: fix panel close routine if it was closed immediately (1ceaafc), closes #​4108

Features

• photo-browser: add closeByBackdropClick parameter (8d34259), closes #​4107
• remove postinstall script (92fd6e5)
• router: add props support to refreshPage method (e6fc0c0), closes #​4103
• smart-select: add closeByBackdropClick parameter (66d899b), closes #​4107
• smart-select: support return for HTML in formatValueText (90ff029), closes #​4094
• svelte: export style prop for modals (ddf8b36), closes #​4100

• update Swiper to latest (405ea88)

v7.1.0

Compare Source

v7.0.9

Compare Source

Bug Fixes

• vue: Improve type definitions for framework7-vue/bundle (#​4075) (7d68a65)

Features

• vue: update web types (53b1663)

v7.0.8

Compare Source

Bug Fixes

• core: export internal $jsx helper for lazy components (c2a2213), closes #​4072
• panel: don't process backdrop if disabled (c01b23c), closes #​4069
• swiper: fix if loaded as lazy component (32f3be9), closes #​4073

Features

• core: expose Framework7.parseComponent (7b0aea0)

v7.0.7

Compare Source

Bug Fixes

• core: fix package.json (e0d4ebe), closes #​4061

v7.0.6

Compare Source

Bug Fixes

• core: fix core components types file not found in typescript when import (#​4059) (1886a76)
• core: fix getWindow/Document getters in lazy components (41a7c50), closes #​4052
• panel: fix closeByBackdropClick ignored on instance (48e966f)

Features

• svelte: searchbar: add html attributes auto-complete/correct/capitalize fixes (d5934d6)

v7.0.5

Compare Source

Bug Fixes

• core: fix and export framework7-bundle.less (#​4041) (7b7ab14)
• react: make children prop explicit for react 18 support (#​4040) (3a87831)
• svelte: add export props interface svelte fixes #​4023 (#​4042) (c27ddbd)
• svelte: fix ListInput as TextEditor value handling (03c3644)

v7.0.4

Compare Source

Bug Fixes

• smart-select: use removeDiacrotics in virtual list search (2e2305f)

Features

• popover: new verticalPosition parameter to force popover vertical positioning (27774e2)

v7.0.3

Compare Source

Features

• add shared/ exports to vue/react/svelte packages (2bab4a1), closes #​4017
• core: expose access to $jsx as Framework7.Component.$jsx (f1b4474)
• react: add export for props interface (#​4023) (565ec60)

v7.0.2

Compare Source

Bug Fixes

• data-table: fix missing Aurora theme styles (d81eddb)
• router: fix not resetting root url to '/' (1dee4e8), closes #​4004
• types: remove reference to types folder (197b163)

v7.0.1

Compare Source

Bug Fixes

• calendar: fix scrolling on mobiles in calendar pickers (ede596d)

Features

• swiper: update Swiper to latest fixes Photo Browser (65f5085)

v7.0.0

Compare Source

Bug Fixes

• svelte: reuse original Framework7 instance (feda228), closes #​3993 #​3992
• core: fix component types (249f54c), closes #​3997
• preloaded: set initial position to 0 for iOS preloader (#​4002) (76e8ef0)
• react: fix Actions and Range types (5c3087c), closes #​3997
• use file extensions in all imports (f85d52f)
• vue: fix missing imports extensions (3692e28)
• calendar: don't close sheet calendar on picker popover click (f562972)
• calendar: fix invisible calendar popover on iOS (f10e7e5)

Features

• virtual-list: support virtual items auto height (c62d15d)

• view: new initRouterOnTabShow parameter to load view router only on tab show (0a67569)

• calendar: month picker as popover (c1cb89f)

• calendar: tweak design + time picker as popover (d2cf190)

• calendar: year picker as popover (1e90d9a)

• core: new breadcrumbs component (acf187c)

• modals: support unique backdrop for Popup, Sheet, Actions and Popover (df514dc)

• picker: reworked with native CSS Scroll Snap API (b6c4691)

• popover: allow popovers to be stacked (3485834), closes #​3959

• react: new breadcrumbs component (49e8f35)

• router: browserHistoryTabs parameter to define how to handle routable tabs in history (push or replace) (e957101)

• svelte: new breadcrumbs component (aa74c25)

• vue: new breadcrumbs component (b63676d)

• use .lazy prefix for browser loaded JS lazy components (d419269)

• update Swiper to latest v8 (1ae7f90)

• update Swiper and Skeleton Elements to latest (947529e)

• use new dark classes in Kitchen Sink (f61cace)

• core: rename "theme-dark" class for dark mode to "dark" (8144a59)

• core: rename dark mode params, props, events and methods (e283e8b)

• react: rename components themeDark prop to dark (0dd8967)

• react: support open-in functionality with react components router (8894a77)

• router: move open-in functionality to component router (7877e59)

• svelte: rename components themeDark prop to dark (f75b582)

• svelte: support open-in functionality with svelte components router (e03477e)

• vue: rename App's prop autoDarkTheme to autoDarkMode (0be0730)

• vue: rename components themeDark prop to dark (1b857bf)

• vue: support open-in functionality with vue components route (6610feb)

• framework7-core: move to pure ES module package (3549b76)

• framework7-react: move to pure ES module package (6abf98a)

• framework7-svelte: move to pure ES module package and keep only .svelte components (74b8e4d)

• framework7-vue: move to pure ES module package (e9adee6)

• increase build target to more modern browsers (5efd721)

• photo-browser: enables cssMode by default for iOS and Android devices (d6cb8e3)

v6.3.17

Compare Source

Bug Fixes

• core: fix component types (249f54c), closes #​3997
• preloaded: set initial position to 0 for iOS preloader (#​4002) (76e8ef0)
• react: fix Actions and Range types (5c3087c), closes #​3997

v6.3.16

Compare Source

Bug Fixes

• list-index: fix types for indexes param (e94bb2b), closes #​3970
• popup: types for containerEl prop (a06e3aa)
• router: don't call enter/leave for stacked page preload (56765e5)
• router: don't call enter/leave for stacked page preload (d9416ef), closes #​3975
• types: add missing params to notification and toast open/close methods (50b1504)

v6.3.15

Compare Source

Bug Fixes

• progressbar: tweaked styles for RTL (6f6167c)

v6.3.14

Compare Source

Bug Fixes

• vue: fix sortableMove event arguments (#​3965) (8e716f7)
• vue: fix textEditor events arguments (e6a3218)

v6.3.12

Compare Source

Bug Fixes

• calendar: remove 日 char from calendar days for Chinese locale (5f595f2), closes #​3960
• popup: add pointer-events: none to popup-behind state (246e737)
• range: add missing type definitions (#​3961) (d3bc1b4)

Features

• tabbar: allow tabbar to have highlight in iOS theme with extra tabbar-highlight class (3a141ad)

v6.3.11

Compare Source

Bug Fixes

• sortable: unify sortableMove arguments (a17bd83)

v6.3.10

Compare Source

Bug Fixes

• vue: fix web-types path (6fe117a)

Features

• sortable: new sortableMove event to trigger during sortable item drag (ae055b2)

v6.3.9

Compare Source

Bug Fixes

• preloader:

---

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), 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 these updates again.

---

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

---

This PR has been generated by Mend Renovate. View repository job log here.