Merge pull request #190 from techlab/v7.x

jQuery Smartwizard v7 - Complete TypeScript conversion and build system updates

Author: techlab

.gitignore

@@ -4,11 +4,32 @@
 /vendor/
 /public/
 
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.rollup-cache
+
 # IDE Files
 #-------------------------
 /nbproject/
 .idea/*
 .vscode/*
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
 
 ## Sublime Text cache files
 *.tmlanguage.cache

.npmignore

@@ -8,6 +8,7 @@
 .lock-wscript
 .svn
 .wafpickle-*
+.rollup-cache
 CVS
 npm-debug.log
 
@@ -71,3 +72,9 @@ Thumbs.db
 /gulpfile.js
 /karma.conf.js
 /.travis.yml
+/playwright.config.js
+/vitest.config.js
+/vite.config.ts
+/rollup.config.mjs
+/tsconfig.json
+/jest.config.js

.travis.yml

@@ -1,6 +1,62 @@
 CHANGELOG
 =========
 
+v7.0.1 
+-----
+**All new jQuery SmartWizard v7 — full TypeScript rewrite**
+
+- **Added:** Complete rewrite in TypeScript with bundled type declarations (`dist/types/`)
+- **Added:** `displayMode` option — `auto` (follows system preference) | `dark` | `light` | `none`
+- **Added:** `swipeNavigation` option — swipe left/right on touch devices to navigate steps (`enabled`, `threshold`)
+- **Added:** Horizontal mouse-wheel scroll on the nav bar when steps overflow
+- **Added:** `behavior.useUrlHash` and `behavior.supportBrowserHistory` options replace old `enableUrlHash` / `backButtonSupport`
+- **Added:** `navigation.completed.clickable` option — control whether completed steps are re-clickable
+- **Added:** `DATA_ATTRIBUTES` constants for `data-theme` attribute management
+- **Added:** `contentLoader` callback for dynamic step content loading
+- **Added:** CSS animation support for transitions via `transition.css` (`prefix`, `forward`, `backward` class groups)
+- **Added:** Nav scroll buttons shown automatically when nav content overflows
+- **Added:** UMD, ESM, and CJS build outputs
+- **Added:** `scrollToView` option — scroll the active step anchor into view on step change
+
+- **Changed:** All options restructured with clearer namespacing (see README for full reference)
+  - `selected` → `initialStep`
+  - `autoAdjustHeight` → `behavior.autoHeight`
+  - `enableUrlHash` → `behavior.useUrlHash`
+  - `backButtonSupport` → `behavior.supportBrowserHistory`
+  - `anchor.enableNavigation` → `navigation.enabled`
+  - `anchor.enableNavigationAlways` → `navigation.alwaysClickable`
+  - `anchor.enableDoneState` → `navigation.completed.enabled`
+  - `anchor.markPreviousStepsAsDone` → `navigation.completed.completeAllPreviousSteps`
+  - `anchor.unDoneOnBackNavigation` → `navigation.completed.clearOnBack`
+  - `anchor.enableDoneStateNavigation` → `navigation.completed.clickable`
+  - `transition.animation` → `transition.effect`
+  - `toolbar.showNextButton` / `showPreviousButton` → `toolbar.buttons.showNext` / `showPrevious`
+  - `toolbar.extraHtml` → `toolbar.extraElements`
+  - `keyboard.keyNavigation` → `keyboardNavigation.enabled`
+  - `keyboard.keyLeft` / `keyRight` → `keyboardNavigation.keys.left` / `right`
+  - `lang` → `localization.buttons`
+  - `disabledSteps`, `errorSteps`, `warningSteps`, `hiddenSteps` → `stepStates.disabled`, `.error`, `.warning`, `.hidden`
+  - `getContent` → `contentLoader`
+- **Changed:** Events renamed for consistency
+  - `leaveStep` → `leave.sw`
+  - `showStep` → `shown.sw`
+  - `initialized` → `initialized.sw`
+  - `loaded` → `loaded.sw`
+- **Changed:** `reset()` no longer manipulates URL hash unless `useUrlHash` + `supportBrowserHistory` are both enabled
+- **Changed:** `transition.css` animations require the element to be visible before class is applied (fixes `animationend` not firing)
+- **Changed:** `this.default(...)` references inside transition handlers replaced with direct `transitions.default(...)` to prevent `TypeError` when handlers are invoked without object context
+- **Changed:** Progressbar width uses `.toFixed(2)` for cleaner CSS values
+- **Changed:** `ANIMATIONEND` / `ANIMATIONCANCEL` events are now namespaced (`.sw`)
+
+- **Fixed:** `this is undefined` TypeError in CSS / fade / slide transition fallbacks
+- **Fixed:** `animationend` event not firing on hidden elements (element now shown before animation class is applied)
+- **Fixed:** Double-invocation of transition `complete` callback (guard flag added)
+- **Fixed:** URL hash incorrectly always set; now only when both `useUrlHash` and `supportBrowserHistory` are `true`
+
+- **Removed:** `justified` option (layout handled by CSS)
+- **Removed:** `cycleNavigation` option
+- **Removed:** `STEPCHANGE` and `RESET` events (use `shown.sw` and handle externally)
+
 v6.0.6
 -----
 - **Fixed:** History back on step1 not working https://github.com/techlab/jquery-smartwizard/issues/152

CHANGELOG.md

@@ -8,7 +8,6 @@
 - Add documentation.
 - Add a demo page.
 - [GitHub Sponsor](https://github.com/sponsors/techlab) - Sponsor on GitHub.
-- [Donate on Paypal](https://www.paypal.me/dipuraj)
 
 ## How to contribute code?
 Here are the basic steps to get started contributing code:
@@ -17,7 +16,7 @@ Here are the basic steps to get started contributing code:
 2. Install the dependencies, run `npm install`.
 3. Start the project, run `npm start`.
 4. Replicate the issue you're trying to fix or spec out the feature you're trying to add.
-5. Modify the code to fix the bug or to add the feature. All changes should happen in the relevant `src/js/*.js` and `src/scss/*.scss` files.
+5. Modify the code to fix the bug or to add the feature. All changes should happen in the relevant `src/ts/*.js` and `src/styles/*.scss` files.
 6. Verify that your fix or feature works.
 7. Run the test cases by running `npm test`, you can also add more test cases based on your new change.
 8. Build the code by running `npm run build`.

CONTRIBUTING.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Dipu Raj  
+Copyright (c) 2026 Dipu Raj  
 http://techlaboratory.net
 
 Permission is hereby granted, free of charge, to any person obtaining a copy