Project Status -------------- [![npm](https://img.shields.io/npm/v/website-utilities?color=%23d55e5d&label=npm%20package%20version&logoColor=%23d55e5d&style=for-the-badge)](https://www.npmjs.com/package/website-utilities) [![npm downloads](https://img.shields.io/npm/dy/website-utilities.svg?style=for-the-badge)](https://www.npmjs.com/package/website-utilities) [![build](https://img.shields.io/github/actions/workflow/status/thaibault/website-utilities/build.yaml?style=for-the-badge)](https://github.com/thaibault/website-utilities/actions/workflows/build.yaml) [![build push package](https://img.shields.io/github/actions/workflow/status/thaibault/website-utilities/build-package-and-push.yaml?label=build%20push%20package&style=for-the-badge)](https://github.com/thaibault/website-utilities/actions/workflows/build-package-and-push.yaml) [![check types](https://img.shields.io/github/actions/workflow/status/thaibault/website-utilities/check-types.yaml?label=check%20types&style=for-the-badge)](https://github.com/thaibault/website-utilities/actions/workflows/check-types.yaml) [![lint](https://img.shields.io/github/actions/workflow/status/thaibault/website-utilities/lint.yaml?label=lint&style=for-the-badge)](https://github.com/thaibault/website-utilities/actions/workflows/lint.yaml) [![test](https://img.shields.io/github/actions/workflow/status/thaibault/website-utilities/test-coverage-report.yaml?label=test&style=for-the-badge)](https://github.com/thaibault/website-utilities/actions/workflows/test-coverage-report.yaml) [![code coverage](https://img.shields.io/coverallsCoverage/github/thaibault/website-utilities?label=code%20coverage&style=for-the-badge)](https://coveralls.io/github/thaibault/website-utilities) [![deploy web documentation](https://img.shields.io/github/actions/workflow/status/thaibault/website-utilities/deploy-web-documentation.yaml?label=deploy%20web%20documentation&style=for-the-badge)](https://github.com/thaibault/website-utilities/actions/workflows/deploy-web-documentation.yaml) [![web documentation](https://img.shields.io/website-up-down-green-red/https/torben.website/website-utilities.svg?label=web-documentation&style=for-the-badge)](https://torben.website/website-utilities) Use cases ---------

Predefined scroll events
Full window loading cover which disappears when the page has been loaded
Ordered start up animations for arbitrary dom nodes
Hash based routing with section switching and corresponding events
Interruptible animated smooth scrolling to internal link targets
Configurable scroll to top button with scroll direction aware state classes
Responsive priority navigation with automatically managed overflow menu
Navigation item highlighting of the currently visible section including view transition support
Programmatically enabling and disabling of page scrolling
Media query mode change callbacks (extra small, small, medium and large)
Optional analytics tracking of link, button and section switch events via a generic data layer

Content

Installation ------------ You can install via package manager, simply download the compiled version as zip file here and inject or request via CDN in HTML: ```bash npm install website-utilities ``` Example ------- Here you can see a complete initialization example. ```JavaScript import { api } from 'https://unpkg.com/website-utilities@latest/dist/bundle/index.js' api.register() ```