{"_id":"@aliaksanderkazlou/xng-breadcrumb","name":"@aliaksanderkazlou/xng-breadcrumb","dist-tags":{"latest":"19.1.2"},"versions":{"19.1.2":{"name":"@aliaksanderkazlou/xng-breadcrumb","version":"19.1.2","license":"MIT","description":"A FORK OF declarative and reactive breadcrumb approach for Angular 19 and beyond https://www.npmjs.com/package/xng-breadcrumb","author":{"name":"aliaksanderkazlou"},"homepage":"https://github.com/udayvunnam/xng-breadcrumb","repository":{"type":"git","url":"git+https://github.com/udayvunnam/xng-breadcrumb.git"},"bugs":{"url":"https://github.com/udayvunnam/xng-breadcrumb/issues","email":"uday4vunnam@gmail.com"},"keywords":["angular","ng-breadcrumb","ngx-breadcrumb","breadcrumb","ngx"],"peerDependencies":{"@angular/common":"^19.1.2","@angular/core":"^19.1.2","@angular/router":"^19.1.2","rxjs":"*"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/aliaksanderkazlou-xng-breadcrumb.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/aliaksanderkazlou-xng-breadcrumb.mjs"}},"_id":"@aliaksanderkazlou/xng-breadcrumb@19.1.2","gitHead":"d203b866c607e4a9997e6858a7c29dd398d6f49e","_nodeVersion":"22.13.0","_npmVersion":"11.0.0","dist":{"integrity":"sha512-YVETrhpkGXuNI5GnhB/rOsStBYuRit9w9i1hKsxT2Q0X0l+DuoYjagXAXvW8pUXNF06A2jyoLmdRm28jCQ9BCQ==","shasum":"df7e6cb8416d268f0e424fbe43901039f81551fa","tarball":"https://registry.npmjs.org/@aliaksanderkazlou/xng-breadcrumb/-/xng-breadcrumb-19.1.2.tgz","fileCount":10,"unpackedSize":83402,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQD7uk6IkOGWI1AEtrro/0ZxLlvaqMIixak0r6m+2/heoQIhAJNEZaTGY3Iz4+fdy5DHItgQSbWxcPStG0V8J6A5uXEg"}]},"_npmUser":{"name":"aliaksanderkazlou","email":"aliaksanderkazlou@gmail.com"},"directories":{},"maintainers":[{"name":"aliaksanderkazlou","email":"aliaksanderkazlou@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/xng-breadcrumb_19.1.2_1738850475702_0.21324983039909307"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-06T14:01:15.588Z","19.1.2":"2025-02-06T14:01:15.859Z","modified":"2025-02-06T14:01:16.105Z"},"maintainers":[{"name":"aliaksanderkazlou","email":"aliaksanderkazlou@gmail.com"}],"description":"A FORK OF declarative and reactive breadcrumb approach for Angular 19 and beyond https://www.npmjs.com/package/xng-breadcrumb","homepage":"https://github.com/udayvunnam/xng-breadcrumb","keywords":["angular","ng-breadcrumb","ngx-breadcrumb","breadcrumb","ngx"],"repository":{"type":"git","url":"git+https://github.com/udayvunnam/xng-breadcrumb.git"},"author":{"name":"aliaksanderkazlou"},"bugs":{"url":"https://github.com/udayvunnam/xng-breadcrumb/issues","email":"uday4vunnam@gmail.com"},"license":"MIT","readme":"

xng-breadcrumb

\n\n
\n\nTHIS IS THE FORK OF THE NPM PACKAGE FOR ANGULAR V19\n\n> A lightweight, declarative and dynamic breadcrumbs solution for Angular 6 and beyond. \n\n[![CI](https://github.com/udayvunnam/xng-breadcrumb/actions/workflows/ci.yml/badge.svg)](https://github.com/udayvunnam/xng-breadcrumb/actions/workflows/ci.yml)\n[![npm version](https://img.shields.io/npm/v/xng-breadcrumb.svg)](https://www.npmjs.com/package/xng-breadcrumb)\n![bundle size](https://img.shields.io/bundlephobia/minzip/xng-breadcrumb)\n[![license](https://img.shields.io/npm/l/xng-breadcrumb.svg)](https://github.com/udayvunnam/xng-breadcrumb/blob/main/LICENSE)\n![npm downloads](https://img.shields.io/npm/dt/xng-breadcrumb?style=social)\n\n![Twitter follow](https://img.shields.io/twitter/follow/udayvunnam_?style=social)\n\n\n[![All Contributors](https://img.shields.io/badge/all_contributors-13-orange.svg?style=flat-square)](#contributors-)\n\n\n
\n\n## Why Choose Breadcrumbs?\n\n**Simplify Navigation**: Breadcrumbs are vital in applications with deep navigation hierarchies, offering users an intuitive way to traverse back to higher levels effortlessly.\n\n## Documentation\n\nFor a step by step guide on integrating xng-breadcrumb into your Angular application, visit the [Documentation](https://udayvunnam.github.io/xng-breadcrumb).\n\n## Demo App\n\nExplore our [Demo App](https://xng-breadcrumb.vercel.app/) - showcasing the power of `xng-breadcrumb` in an Angular setup. Experience seamless breadcrumb navigation as you browse through various links!\n\n\"xng-breadcrumb

\n\n## Features\n\n- ✅ **Zero configuration**: Just add `` anywhere in the app.Breadcrumb labels are automatically generated by analyzing Angular Route configurations.\n\n- ✅ **Custom labels**:Define custom labels for each route via Angular Route Configurations, enhancing breadcrumb clarity and relevance.\n\n- ✅ **Update labels dynamically**: Change breadcrumb labels dynamically using `BreadcrumbService.set()`, utilizing either _route path_ or _route alias_.\n\n- ✅ **Skip breadcrumb**: Conditionally exclude specific routes from breadcrumb display\n\n- ✅ **Disable breadcrumb**: Can disable specific routes in breadcrumbs to prevent navigation to intermediate states .\n\n- ✅ **Customization**: Customize breadcrumb template to display **icons with label**, **apply text formatting using pipes**, **integrate i18n with ngx-translate**, and more.\n\n- ✅ **Styling and Seperators**: Easily customize breadcrumb separators and styles to match your application's design\n\n- ✅ **QueryParams and Fragment**: Preserves QueryParams and Fragement while navigating via breadcrumbs\n\n- ✅ **SSR**: Supports server side rendering with nguniversal\n\n## ❤️ [Become a Sponsor!](http://paypal.me/udayvunnam)\n\nThanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):\n\n\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\"Uday
Uday Vunnam
💻 📖 🚧		\"anthonythiry\"/
anthonythiry
💻		\"dedrazer\"/
dedrazer
💻		\"Danny
Danny Feliz
📖		\"Kapsky\"/
Kapsky
💻		\"Andrei
Andrei Cojea
📖		\"Jonathan\"/
Jonathan
💻
\"Pavan
Pavan Kumar Jadda
💻		\"Leon
Leon Fretter
💻		\"Lukáš
Lukáš Matta
📖		\"Glenn
Glenn Latomme
💻		\"Ovidiu
Ovidiu Haureș
💻		\"Kristof
Kristof Gilis
💻
\n \n Add your contributions\n \n
\n\n\n\n\n\n\nThis project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!\n\nTo add new contributor _username_, who made a contribution of type _contribution_:\n\n`pnpm all-contributors add ` Example: `pnpm all-contributors add jfmengels code,doc`\n","readmeFilename":"README.md"}