{"_id":"@sanring/gx-breadcrumb","_rev":"46-134c6b46e0e313cc5eea2f10d3f90a84","name":"@sanring/gx-breadcrumb","dist-tags":{"latest":"5.0.1"},"versions":{"1.0.1":{"name":"@sanring/gx-breadcrumb","version":"1.0.1","_id":"@sanring/gx-breadcrumb@1.0.1","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"8e9e5a8b8b571e8f53354a777abe114bf4b58e77","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-1.0.1.tgz","fileCount":2,"integrity":"sha512-OO/WgHnaek887l6kS2ggW9Lsp7wPVld9k/fKzuqWdzjz15m83sFm7HDk1rUIaZpdrjFvcRy8GFJhYWqYMx1V2A==","signatures":[{"sig":"MEQCIARsdpBIBM+19YUc7F+X9Zjzu0lCeED1iETDl3XdBZwcAiA05XuasNExZbs3ANmTwPaQjrfAu/jHjN0z/dn1xxISVg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@sanring%2fgx-breadcrumb@1.0.1","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":2405},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"73dab61e95898652143c0f1c75780c2780e9235c","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.8.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"20.19.5","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.0"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_1.0.1_1759770519302_0.4914434768962246","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@sanring/gx-breadcrumb","version":"1.0.6","_id":"@sanring/gx-breadcrumb@1.0.6","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"56824bd1ec2cba6bbc6a2aa8b3f2e64eec39eef3","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-1.0.6.tgz","fileCount":6,"integrity":"sha512-5pt3UznwWi55H1LR5GdJYarW0eiSDGGDJQCrSH/NzGNyQD5idzOoW7QNqhdg31tfQWXQf3quf+SZjBJNRY9dwQ==","signatures":[{"sig":"MEUCIQC3dApRo+AcnG+jgHXMtxmR1z8l4lnAkKfqOLEKRDnWTwIgKO2y31u7DmqMVXguDD+1+wuilCFT96Uw2cK3nViemGE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52315},"types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","default":"./dist/fesm2022/sanring-gx-breadcrumb.mjs"}},"gitHead":"19641a99e2e453ef27d78e20436c8af608f0fae9","scripts":{"build":"ng-packagr -p ng-package.json","prepublishOnly":"npm run build && node ../../scripts/sync-version-to-dist.js package.json dist"},"_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"devDependencies":{"ng-packagr":"^20.1.0","typescript":"^5.9.2","lucide-angular":"^0.539.0"},"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_1.0.6_1760805144381_0.3406470403194508","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@sanring/gx-breadcrumb","version":"2.0.0","_id":"@sanring/gx-breadcrumb@2.0.0","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"d673860447b0d26649669d48b71a11b034f1c752","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.0.tgz","fileCount":2,"integrity":"sha512-CrWFfpebf8KZzChIm0rHKXAigUa1tVgK9VIlnP9uy5ZGsUBKS9U5bdroXC+Ywixbzcs87rGWaf11L5LJFoySqQ==","signatures":[{"sig":"MEYCIQCMvUZCAdWgmOdBfVlsTe8/C1a7hmGvTvP8TxR+QEeqfQIhANjSwEMb9V629oKtLqcJGS7YSl7EdkYV/AxQhU/m9c2r","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2405},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"e7dc2fc6dd08692efec8208a6d0006691efd1db8","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.0_1761153076099_0.7967761823911523","host":"s3://npm-registry-packages-npm-production"}},"2.0.1":{"name":"@sanring/gx-breadcrumb","version":"2.0.1","_id":"@sanring/gx-breadcrumb@2.0.1","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"4592dfafafad5e150a79405b521ade91ec347ee0","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.1.tgz","fileCount":2,"integrity":"sha512-uaztG2fixnxlCmtKWFWxRQgR9wxvKnxW4sbsdsOnFbzBpmNL7Jo/vWqfZ6LtUm+EpF5VUJILvpglXfCp03fUwA==","signatures":[{"sig":"MEQCIBnr4WeF9HRcLtNuJHowuVnT1WFgtnaCI5r6+6ZhtofpAiBZtAp6+UKcEsUW/Hz9Npcl+/cqh16U9lEDpreeBpoSJg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2405},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8429648c9888a5561a0b602d11f813c963515590","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.1_1761154566165_0.1990766018271959","host":"s3://npm-registry-packages-npm-production"}},"2.0.2":{"name":"@sanring/gx-breadcrumb","version":"2.0.2","_id":"@sanring/gx-breadcrumb@2.0.2","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"e04bbbc30036d17b6b96447a5acf680ab615f24e","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.2.tgz","fileCount":2,"integrity":"sha512-Dm+vBWH3nWfMw6C/a5WRdKG4X7I0jrYYGS12+m8tT5BKRH6ZLGSaJF81b1woHSkFar7hS2E5YEJFMFXuhaMpkw==","signatures":[{"sig":"MEUCIQCBWnxEDz0iyhruU03Ls2Bir3bbqN5p2fOlnAAiV4HZ7wIgfFcNprXMM0aFR/E8X9QYmf4EP3r/xuX7JEFNHqxRkT4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2405},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"c58a7b986a9818b4d4a936d24bd3a3c4f785e8c6","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.2_1761155264706_0.09409568006185864","host":"s3://npm-registry-packages-npm-production"}},"2.0.3":{"name":"@sanring/gx-breadcrumb","version":"2.0.3","_id":"@sanring/gx-breadcrumb@2.0.3","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"cec4432f6bab151f9fcc2db32a085ca02c54bfa9","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.3.tgz","fileCount":5,"integrity":"sha512-LETxlCUjMqwvCHGqttW+X7ixyqxfE9LGvWxg9GgV6h0pWEl1XnEVtOlbGwbf8C7g3Zo5COPPaClPIZgbCzKXjw==","signatures":[{"sig":"MEQCID1qHue/IZCXCgmeaTdk2NddvUtOLiSOl46wOHFQ7Uv0AiA+WDBaFoaieZT2xO81BcnwY5pqP+kNqv46EDIH11tGsg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50670},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"465407f913cc4533a47386d18dbc4f1eb3b6a323","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.3_1761155850092_0.012273453422963376","host":"s3://npm-registry-packages-npm-production"}},"2.0.4":{"name":"@sanring/gx-breadcrumb","version":"2.0.4","_id":"@sanring/gx-breadcrumb@2.0.4","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"0387dcf1c94be435954cac5dc0517f33dde54989","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.4.tgz","fileCount":5,"integrity":"sha512-l57LIZU/Z14hHmPa3p4RyRESf3b+7nV5qXkC6r7RLQzu4KS/lSB18YLj144DukWvXCLzNLpK/JoA46OZUYglJg==","signatures":[{"sig":"MEUCIQCghxe9oRaOTDGh8sBdD/zljSQMRv/Nm4eT47Jsav1WDAIgVhsN3XKIeIeduNaWKH7S4wOeQGQSbwDMIBr5NGR5r9I=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/@sanring%2fgx-breadcrumb@2.0.4","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"unpackedSize":50670},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"1d2e53e75f05d1d514c4bb807735b1b00235d35c","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.8.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"20.19.5","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.4_1761408011847_0.40733482315798475","host":"s3://npm-registry-packages-npm-production"}},"2.0.5":{"name":"@sanring/gx-breadcrumb","version":"2.0.5","_id":"@sanring/gx-breadcrumb@2.0.5","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"d073f6b5ddf9ec6199e0a95826367d4059cf404f","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.5.tgz","fileCount":5,"integrity":"sha512-imv7mrR06SWv3Wg9iuMUrPq9NVWLJdaf71OkgPycNoAwnLOLs/mc7CNeb/NyXa9Eas/b/NlmSrCp9xngcLOlbQ==","signatures":[{"sig":"MEUCIQDPSEGWji+PvfAt5vsH2zhhZzJjT7UYhs2GRX3GKR4XAgIgKZ97pSeFxhHD8kWGrdvq+L9qF/LDJfZc15TrF90kmlE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50670},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"d384e2a67812242f93b8c64a76858a3c0307b95f","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.5_1761409398669_0.8940035056859876","host":"s3://npm-registry-packages-npm-production"}},"2.0.6":{"name":"@sanring/gx-breadcrumb","version":"2.0.6","_id":"@sanring/gx-breadcrumb@2.0.6","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"f477126bacaf32c0875499f2dc32f99903e8e10f","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.6.tgz","fileCount":5,"integrity":"sha512-hjcHE4ap14eVSt/fu6zfsbAO4/uyte9NKjWjsO41RRkGED0ycVA/3PbK2fu/Wxzc80skQdcgGLf4Ke45Cu1BKg==","signatures":[{"sig":"MEUCIQDTTXoPwVACJGJvOAwvIXO04Zzqq+qnqqRZ8iVPai+ITgIgQAVbcTegNvHTsDb/pUXGMrQSsiKJ+uuZFv3WWtIjYHI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50670},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"d2a77bf19b481d1567d3c823f294e3479baed972","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.6_1761847875967_0.3915150076506191","host":"s3://npm-registry-packages-npm-production"}},"2.0.7":{"name":"@sanring/gx-breadcrumb","version":"2.0.7","_id":"@sanring/gx-breadcrumb@2.0.7","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"bb01e1c0839655ba116e68d6b67d89d88d8881e5","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-2.0.7.tgz","fileCount":5,"integrity":"sha512-uMuiILhhSY50KrO21Dsawi20qgu7Mp8D9yEbuBh/y9P9YgqmwOwb01WUNmR73PnFoZB0GFS/Dgtpuj58bri+7Q==","signatures":[{"sig":"MEUCIAzD0Bjii77EAK6XZGaQ6rPQ/GtnRDSpBo3GiKsyRYccAiEA9oz8NL/1/BU4uTHkbGXGrye9xwvpTKveZMem3bCnf0Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50670},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"54214367477c9162d00f2e2bc960ba742e1288bf","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_2.0.7_1761850298813_0.1030739277255579","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"@sanring/gx-breadcrumb","version":"3.0.0","_id":"@sanring/gx-breadcrumb@3.0.0","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"166bd5fa90af52fe91cfc447b9d31fbd36f85b06","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-3.0.0.tgz","fileCount":5,"integrity":"sha512-lsM91mLTaXUEaULa45GHMAj95NADlhyXzoshEwv+t2QnV9bl7EZ8CTKZ05KDFbiF3TNVf7doSAj3EHhsJIg+vA==","signatures":[{"sig":"MEYCIQDvzA7XhKFkV1N/Nm7PFJGlSlYaoR/x6+rDLv2kRP8HIAIhAM6crqm1AgxV1ntR6GqGmuuHSoczgTBEWDlXBLuO0f6w","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":50670},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"7ce4f37d2ef0904bcd77015f197c3a93bf779b91","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.1.0.","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_3.0.0_1762075340974_0.34163208043851157","host":"s3://npm-registry-packages-npm-production"}},"3.0.1":{"name":"@sanring/gx-breadcrumb","version":"3.0.1","_id":"@sanring/gx-breadcrumb@3.0.1","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"f33857cb9725ecb660140a860fb9b1735a1eeac1","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-3.0.1.tgz","fileCount":5,"integrity":"sha512-4PAVbu8vI2vJTbroS2/eXM32odvj+6qdNp/vmTTdhwZg0TF4fxhmPVpRzMmN1ch4trtuX6YCEBYzfkvnsFYxxg==","signatures":[{"sig":"MEQCIEIKg27hKpYtFnkOR8ivzkNfFRYwS0nRdRZtOlViUo9tAiAGySuLYbZH6bt10oWTVd+Pk5DE6KUa2CsCY6EgOQpg6g==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":61148},"types":"./dist/index.d.ts","module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"0ab9d9bcf4e3d9f4593e6bfc5d2c1ac67944af8c","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"Angular 麵包屑導航組件，支援自動路由生成和手動配置兩種模式。","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","@angular/common":"^20.1.0","@angular/router":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true},"lucide-angular":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_3.0.1_1762605817422_0.8917014403922494","host":"s3://npm-registry-packages-npm-production"}},"4.0.0":{"name":"@sanring/gx-breadcrumb","version":"4.0.0","_id":"@sanring/gx-breadcrumb@4.0.0","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"b06ea72c898f9dcd2a81f24588ffafb0b503f0df","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-4.0.0.tgz","fileCount":5,"integrity":"sha512-cy5ZwMXchwne2TEgcmZzRUeriC9b9TT7xTFJrjsayNZaq2cKoTGT2pbGB556dbQWLtqAySqAXSUD4ATXq0K2Yw==","signatures":[{"sig":"MEQCIDm46HrjRuIFiD58RPSIIoaFkwqnGI7EMCVbkU3jSEBjAiAA1DnbTceDt12C3lopCX0cXZe/HmUMvxgcIOpEeXxrtw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":130765},"module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"b20997a7d20063bb8b6deb4642e0f883dfaf9e70","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"Angular 麵包屑導航組件，支援自動路由生成和手動配置兩種模式。","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","@angular/common":"^20.1.0","@angular/router":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true},"lucide-angular":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_4.0.0_1762740396811_0.12012516525275241","host":"s3://npm-registry-packages-npm-production"}},"4.0.1":{"name":"@sanring/gx-breadcrumb","version":"4.0.1","_id":"@sanring/gx-breadcrumb@4.0.1","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"ad934e8db79c1813bfedf736fa4c08cf8b4f1d4a","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-4.0.1.tgz","fileCount":5,"integrity":"sha512-UX0v+iJawULiBzY98ztTIyqoclEXBrEmc39nRejPhdCD8nCyk961CCLZimLV+9DjYjgYnOJdarGNf8ST8yYtVQ==","signatures":[{"sig":"MEQCIB/VLIyIgng6A8zIRzPUGzE4t8spBsXsTs2i3LBUBMfVAiB3XYVeHEirSwCAzx2pYPoI1P82uERtWUmX8RnS6fQESA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":130765},"module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"da679b7a138fcce46fd9d4cd204384a4d82ccade","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"Angular 麵包屑導航組件，支援自動路由生成和手動配置兩種模式。","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","@angular/common":"^20.1.0","@angular/router":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true},"lucide-angular":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_4.0.1_1762809335289_0.4882934341101113","host":"s3://npm-registry-packages-npm-production"}},"5.0.0":{"name":"@sanring/gx-breadcrumb","version":"5.0.0","_id":"@sanring/gx-breadcrumb@5.0.0","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"homepage":"https://github.com/jack755051/gxcella#readme","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"dist":{"shasum":"b5f1f728d3123e7f93fc792d9d4ac0db5b3cece6","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-5.0.0.tgz","fileCount":5,"integrity":"sha512-Rtg16RwiePPPmVAI2fKt0GK3wykXgEkBtjuNLYf3BZ9mNxlqlaYctHPFdSAC7xVr9bul/sEG/47C/LZ3qhHsNQ==","signatures":[{"sig":"MEQCICLY1Z8UTlf8DiIRpfZQqewTb1oEkTOG3qktB7WYArh6AiA1woYGAaZ0Pg5AzA4jtTwQLmyXpmACo8zO07h+9Hxc/A==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":130745},"module":"fesm2022/sanring-gx-breadcrumb.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"0f2a5dae9621557648bf0a53cbe0a1c55cc71753","typings":"index.d.ts","_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"repository":{"url":"git+https://github.com/jack755051/gxcella.git","type":"git","directory":"packages/gx-breadcrumb"},"_npmVersion":"10.9.2","description":"Angular 麵包屑導航組件，支援自動路由生成和手動配置兩種模式。","directories":{},"sideEffects":false,"_nodeVersion":"22.14.0","dependencies":{"tslib":"^2.3.0"},"publishConfig":{"access":"public","directory":"dist"},"_hasShrinkwrap":false,"peerDependencies":{"tailwindcss":"^4.1.11","@angular/core":"^20.1.0","lucide-angular":"^0.539.0","@angular/common":"^20.1.0","@angular/router":"^20.1.0","@sanring/gx-styles":"1.0.2"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"_npmOperationalInternal":{"tmp":"tmp/gx-breadcrumb_5.0.0_1762836325073_0.2343969247334472","host":"s3://npm-registry-packages-npm-production"}},"5.0.1":{"name":"@sanring/gx-breadcrumb","version":"5.0.1","repository":{"type":"git","url":"git+https://github.com/jack755051/gxcella.git","directory":"packages/gx-breadcrumb"},"publishConfig":{"directory":"dist","access":"public"},"dependencies":{"tslib":"^2.3.0"},"peerDependencies":{"@angular/common":"^20.1.0","@angular/core":"^20.1.0","@angular/router":"^20.1.0","@sanring/gx-styles":"1.0.2","lucide-angular":"^0.539.0","tailwindcss":"^4.1.11"},"peerDependenciesMeta":{"tailwindcss":{"optional":true}},"sideEffects":false,"module":"fesm2022/sanring-gx-breadcrumb.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/sanring-gx-breadcrumb.mjs"}},"_id":"@sanring/gx-breadcrumb@5.0.1","gitHead":"d0ea9d413ea4be4b236cd74db43bbbe6259b4992","description":"Angular 麵包屑導航組件，支援自動路由生成和手動配置兩種模式。","bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"homepage":"https://github.com/jack755051/gxcella#readme","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-uLO6KERCx8qOO0T60Mf7ga98Nj58qSbXDPnmwxWUAsAd9ES1DxWuI5vkJuWaFMH74Y8g0YAPkUaFopfMULoA8g==","shasum":"c1dde6d3cafd7fd64a43b2946235346849edf063","tarball":"https://registry.npmjs.org/@sanring/gx-breadcrumb/-/gx-breadcrumb-5.0.1.tgz","fileCount":5,"unpackedSize":130745,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCxskTy2Se7W1WfPBZPBDWwvyJN9/Ezsh3ftnlTwksokwIgVb6nc07bmYONO41la51XonvRFcGYHf/3lDLVMvNziyY="}]},"_npmUser":{"name":"jack755051","email":"jack755051@gmail.com"},"directories":{},"maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/gx-breadcrumb_5.0.1_1763048145007_0.7411812761662342"},"_hasShrinkwrap":false}},"time":{"created":"2025-10-06T17:08:39.250Z","modified":"2025-11-13T15:35:45.413Z","0.0.3":"2025-08-06T05:48:12.934Z","0.0.5":"2025-08-06T08:01:56.048Z","0.0.7":"2025-08-06T09:46:30.503Z","0.0.8":"2025-08-07T03:07:36.662Z","0.0.9":"2025-08-08T15:25:11.312Z","0.0.11":"2025-08-08T16:05:30.685Z","0.0.2":"2025-08-08T19:56:54.894Z","0.1.0":"2025-08-08T20:51:59.145Z","0.2.0":"2025-08-08T21:20:13.593Z","0.3.0":"2025-08-08T21:54:14.892Z","0.4.0":"2025-08-09T03:54:23.342Z","1.0.0":"2025-08-09T04:52:58.184Z","1.0.2":"2025-08-09T07:37:40.667Z","1.0.3":"2025-08-09T07:46:49.818Z","1.0.4":"2025-08-09T07:55:30.514Z","1.0.5":"2025-08-10T09:12:12.065Z","1.0.7":"2025-08-10T15:07:47.976Z","1.0.8":"2025-08-10T15:32:56.700Z","1.0.9":"2025-08-10T16:28:36.266Z","1.0.1":"2025-10-06T17:08:39.497Z","1.0.6":"2025-10-18T16:32:24.569Z","2.0.0":"2025-10-22T17:11:16.306Z","2.0.1":"2025-10-22T17:36:06.354Z","2.0.2":"2025-10-22T17:47:44.909Z","2.0.3":"2025-10-22T17:57:30.289Z","2.0.4":"2025-10-25T16:00:12.053Z","2.0.5":"2025-10-25T16:23:18.853Z","2.0.6":"2025-10-30T18:11:16.155Z","2.0.7":"2025-10-30T18:51:38.991Z","3.0.0":"2025-11-02T09:22:21.193Z","3.0.1":"2025-11-08T12:43:37.630Z","4.0.0":"2025-11-10T02:06:37.027Z","4.0.1":"2025-11-10T21:15:35.522Z","5.0.0":"2025-11-11T04:45:25.316Z","5.0.1":"2025-11-13T15:35:45.192Z"},"bugs":{"url":"https://github.com/jack755051/gxcella/issues"},"homepage":"https://github.com/jack755051/gxcella#readme","repository":{"type":"git","url":"git+https://github.com/jack755051/gxcella.git","directory":"packages/gx-breadcrumb"},"description":"Angular 麵包屑導航組件，支援自動路由生成和手動配置兩種模式。","maintainers":[{"name":"jack755051","email":"jack755051@gmail.com"}],"readme":"# GX-Breadcrumb\n\nAngular 麵包屑導航組件，支援自動路由生成和手動配置兩種模式。\n\n> **🎉 v2.0 重大更新**：全新組合式設計，參考 `@sanring/gx-table` 的架構，提供更高的靈活性和可組合性！\n\n## ✨ 特性\n\n- ✅ **組合式設計**：可自由組合 Container、List、Item 組件（v2.0 新增）\n- ✅ **三種使用模式**：自動/手動/自定義組合\n- ✅ **Signal API**：完整的 Angular Signal 支援（v2.0）\n- ✅ **靈活的圖標支援**：Lucide 圖標（可選）或文字/Emoji 圖標\n- ✅ **主題系統**：內建 default、glass、minimal、colorful 等主題\n- ✅ **響應式設計**：支援不同螢幕尺寸\n- ✅ **完整的樣式自定義**：CSS 變數支援\n- ✅ **無障礙支援**：符合 ARIA 標準\n- ✅ **TypeScript**：完整的類型定義\n- ✅ **向後兼容**：保留舊版 API（使用 `gx-breadcrumb-legacy`）\n\n## 📦 安裝\n\n```bash\nnpm install @sanring/gx-breadcrumb\n```\n\n### 可選依賴\n\n如果你想使用 Lucide 圖標：\n\n```bash\nnpm install lucide-angular\n```\n\n> **注意**：`lucide-angular` 是**可選的**。你可以使用文字或 Emoji 圖標而無需安裝它。\n\n## 🎯 使用方式\n\n### 🆕 方式 1：組合式 API（推薦 - v2.0）\n\n完全自由組合，類似 `@sanring/gx-table` 的設計：\n\n```typescript\nimport { Component } from '@angular/core';\nimport {\n  GxBreadcrumbContainer,\n  GxBreadcrumbList,\n  GxBreadcrumbItemV2\n} from '@sanring/gx-breadcrumb';\n\n@Component({\n  selector: 'app-example',\n  standalone: true,\n  imports: [GxBreadcrumbContainer, GxBreadcrumbList, GxBreadcrumbItemV2],\n  template: `\n    <gx-breadcrumb-container theme=\"default\" variant=\"modern\">\n      <gx-breadcrumb-list>\n        <gx-breadcrumb-item-v2\n          label=\"首頁\"\n          link=\"/\"\n          icon=\"🏠\"\n          [showIcon]=\"true\"\n        />\n        <gx-breadcrumb-item-v2\n          label=\"產品\"\n          link=\"/products\"\n          icon=\"📦\"\n          [showIcon]=\"true\"\n        />\n        <gx-breadcrumb-item-v2\n          label=\"詳情\"\n          [active]=\"true\"\n          icon=\"📄\"\n          [showIcon]=\"true\"\n          [showSeparator]=\"false\"\n        />\n      </gx-breadcrumb-list>\n    </gx-breadcrumb-container>\n  `\n})\nexport class ExampleComponent {}\n```\n\n**優點：**\n- ✅ 完全控制每個項目\n- ✅ 可以在 Item 之間插入自定義內容\n- ✅ 每個組件都可以獨立使用\n- ✅ 類似 gx-table 的設計，學習曲線低\n\n---\n\n### 方式 2：包裝組件 - 自動模式\n\n```typescript\nimport { Component } from '@angular/core';\nimport { GxBreadcrumb } from '@sanring/gx-breadcrumb';\n\n@Component({\n  selector: 'app-layout',\n  standalone: true,\n  imports: [GxBreadcrumb],\n  template: `\n    <!-- mode=\"auto\" 從路由自動生成 -->\n    <gx-breadcrumb mode=\"auto\" [showIcon]=\"true\" />\n  `\n})\nexport class LayoutComponent {}\n```\n\n需要配置路由：\n\n```typescript\n// app.routes.ts\nexport const routes: Routes = [\n  {\n    path: '',\n    data: { breadcrumb: '首頁' }\n  },\n  {\n    path: 'products',\n    data: { breadcrumb: '產品列表' },\n    children: [\n      {\n        path: ':id',\n        data: {\n          breadcrumb: (route) => `產品 ${route.params['id']}`\n        }\n      }\n    ]\n  }\n];\n```\n\n---\n\n### 方式 3：包裝組件 - 手動模式\n\n```typescript\nimport { Component } from '@angular/core';\nimport { GxBreadcrumb, IGxBreadCrumb } from '@sanring/gx-breadcrumb';\n\n@Component({\n  selector: 'app-example',\n  standalone: true,\n  imports: [GxBreadcrumb],\n  template: `\n    <gx-breadcrumb\n      mode=\"manual\"\n      [data]=\"breadcrumbs\"\n      [showIcon]=\"true\"\n    />\n  `\n})\nexport class ExampleComponent {\n  breadcrumbs: IGxBreadCrumb[] = [\n    { label: '首頁', link: '/', icon: '🏠' },\n    { label: '產品', link: '/products', icon: '📦' },\n    { label: '詳情', link: '/products/123', icon: '📄' }\n  ];\n}\n```\n\n---\n\n### 🔄 向後兼容（舊版 API）\n\n如果您使用舊版本，可以繼續使用 `gx-breadcrumb-legacy`：\n\n```typescript\nimport { GxBreadcrumbLegacy } from '@sanring/gx-breadcrumb';\n\n@Component({\n  imports: [GxBreadcrumbLegacy],\n  template: `\n    <gx-breadcrumb-legacy [data]=\"breadcrumbs\" />\n  `\n})\nexport class LegacyComponent {}\n```\n\n### 圖標使用方式\n\n#### 選項 1：使用 Lucide 圖標（需要安裝 lucide-angular）\n\n```typescript\nimport { Component } from '@angular/core';\nimport { GxBreadcrumb, IGxBreadCrumb } from '@sanring/gx-breadcrumb';\nimport { Home, Package, FileText } from 'lucide-angular';\n\n@Component({\n  template: `\n    <gx-breadcrumb\n      [data]=\"breadcrumbs\"\n      [showIcon]=\"true\">\n    </gx-breadcrumb>\n  `\n})\nexport class MyComponent {\n  breadcrumbs: IGxBreadCrumb[] = [\n    { label: '首頁', link: '/', iconImg: Home },\n    { label: '產品', link: '/products', iconImg: Package },\n    { label: '詳情', link: '/products/123', iconImg: FileText }\n  ];\n}\n```\n\n#### 選項 2：使用文字/Emoji 圖標（無需額外安裝）\n\n```typescript\nbreadcrumbs: IGxBreadCrumb[] = [\n  { label: '首頁', link: '/', icon: '🏠' },\n  { label: '產品', link: '/products', icon: '📦' },\n  { label: '詳情', link: '/products/123', icon: '📄' }\n];\n```\n\n### 自定義分隔符號\n\n```typescript\nimport { GxBreadcrumbSeparator } from '@sanring/gx-breadcrumb';\n\n@Component({\n  template: `\n    <gx-breadcrumb\n      [data]=\"breadcrumbs\"\n      [separator]=\"separator\">\n    </gx-breadcrumb>\n  `\n})\nexport class MyComponent {\n  separator = GxBreadcrumbSeparator.Arrow; // '›'\n  // 其他選項：\n  // GxBreadcrumbSeparator.Slash  → '/'\n  // GxBreadcrumbSeparator.Dot    → '·'\n  // GxBreadcrumbSeparator.Hyphen → '–'\n}\n```\n\n### 主題和變體\n\n```typescript\n@Component({\n  template: `\n    <gx-breadcrumb\n      [data]=\"breadcrumbs\"\n      [theme]=\"'default'\"\n      [variant]=\"'glass'\">\n    </gx-breadcrumb>\n  `\n})\n```\n\n## 📖 API 文檔\n\n### 🆕 GxBreadcrumbContainer\n\n容器組件，提供主題和變體樣式。\n\n#### Inputs\n\n| 屬性 | 類型 | 預設值 | 說明 |\n|------|------|--------|------|\n| `theme` | `GxTheme` | `'default'` | 主題樣式（`'default'` \\| `'dark'` \\| `'brand'`） |\n| `variant` | `GxVariant` | `'modern'` | 變體樣式（`'modern'` \\| `'glass'` \\| `'minimal'` \\| `'colorful'`） |\n\n---\n\n### 🆕 GxBreadcrumbList\n\n列表組件，負責渲染麵包屑項目容器。\n\n#### Inputs\n\n| 屬性 | 類型 | 預設值 | 說明 |\n|------|------|--------|------|\n| `separator` | `GxBreadcrumbSeparator` | `Slash` | 分隔符號類型 |\n| `ariaLabel` | `string` | `'Breadcrumb navigation'` | 無障礙標籤 |\n\n---\n\n### 🆕 GxBreadcrumbItemV2\n\n麵包屑項目組件（完全獨立可用）。\n\n#### Inputs\n\n| 屬性 | 類型 | 預設值 | 說明 |\n|------|------|--------|------|\n| `label` | `string` | **必填** | 顯示文字 |\n| `link` | `string \\| undefined` | `undefined` | 連結路徑 |\n| `icon` | `string \\| undefined` | `undefined` | 文字/Emoji 圖標 |\n| `iconImg` | `any` | `undefined` | Lucide 圖標 |\n| `active` | `boolean` | `false` | 是否為當前頁 |\n| `disabled` | `boolean` | `false` | 是否禁用 |\n| `showIcon` | `boolean` | `false` | 是否顯示圖標 |\n| `separator` | `string` | `'/'` | 分隔符字元 |\n| `showSeparator` | `boolean` | `true` | 是否顯示分隔符 |\n| `target` | `'_self' \\| '_blank'` | `'_self'` | 外部連結的 target |\n\n#### Outputs\n\n| 事件 | 類型 | 說明 |\n|------|------|------|\n| `itemClick` | `OutputEmitter<{label: string; link?: string}>` | 點擊項目時觸發 |\n\n---\n\n### GxBreadcrumb（包裝組件）\n\n#### Inputs\n\n| 屬性 | 類型 | 預設值 | 說明 |\n|------|------|--------|------|\n| `mode` | `'auto' \\| 'manual' \\| 'custom'` | `'auto'` | 使用模式 |\n| `data` | `IGxBreadCrumb[]` | `null` | 手動模式：提供麵包屑數據 |\n| `theme` | `GxTheme` | `'default'` | 主題樣式 |\n| `variant` | `GxVariant` | `'modern'` | 變體樣式 |\n| `separator` | `GxBreadcrumbSeparator` | `Slash` | 分隔符號 |\n| `showIcon` | `boolean` | `false` | 是否顯示圖標 |\n| `rootCrumb` | `IGxBreadCrumb \\| false \\| undefined` | `undefined` | 自定義根麵包屑 |\n\n#### Outputs\n\n| 事件 | 類型 | 說明 |\n|------|------|------|\n| `itemClick` | `OutputEmitter<IGxBreadCrumb>` | 點擊麵包屑項目時觸發 |\n\n### IGxBreadCrumb 介面\n\n```typescript\ninterface IGxBreadCrumb {\n  label: string;           // 顯示文字\n  link?: string;           // 連結路徑\n  icon?: string;           // 文字/Emoji 圖標（不需要 lucide-angular）\n  iconImg?: any;           // Lucide 圖標（需要 lucide-angular）\n  active?: boolean;        // 是否為當前頁\n  disabled?: boolean;      // 是否禁用\n  [key: string]: any;      // 其他自定義屬性\n}\n```\n\n### GxBreadcrumbSeparator 枚舉\n\n```typescript\nenum GxBreadcrumbSeparator {\n  Slash = 'slash',   // '/'\n  Arrow = 'arrow',   // '›'\n  Dot = 'dot',       // '·'\n  Hyphen = 'hyphen'  // '–'\n}\n```\n\n## 🎨 樣式自定義\n\n使用 CSS 變數進行自定義：\n\n```css\n:root {\n  /* 麵包屑顏色 */\n  --gx-bc-fg: var(--gx-color-gray-900);           /* 文字顏色 */\n  --gx-bc-muted: var(--gx-color-gray-500);        /* 非活動項顏色 */\n  --gx-bc-hover: var(--gx-color-accent-500);      /* Hover 顏色 */\n\n  /* 字重 */\n  --gx-normal-weight: var(--gx-weight-medium);    /* 一般字重 */\n  --gx-active-weight: var(--gx-weight-extraBold); /* 活動項字重 */\n\n  /* 間距 */\n  --gx-bc-gap: 16px;                              /* 項目間距 */\n  --gx-bc-item-gap: 16px;                         /* 圖標與文字間距 */\n\n  /* 效果 */\n  --gx-bc-scale: 1.03;                            /* Hover 縮放 */\n  --gx-bc-fsz: 16px;                              /* 字體大小 */\n\n  /* 容器 */\n  --gx-breadcrumb-bg: var(--gx-color-gray-50);    /* 背景色 */\n}\n```\n\n### Glass 變體樣式\n\n```css\n:root {\n  /* Glass 效果會自動套用半透明和毛玻璃效果 */\n  --gx-breadcrumb-glass-bg: rgba(255, 255, 255, 0.25);\n  --gx-breadcrumb-glass-border: rgba(255, 255, 255, 0.3);\n}\n```\n\n## 🔧 進階用法\n\n### 自定義根麵包屑\n\n```typescript\n@Component({\n  template: `\n    <gx-breadcrumb\n      [rootCrumb]=\"customRoot\">\n    </gx-breadcrumb>\n  `\n})\nexport class MyComponent {\n  customRoot: IGxBreadCrumb = {\n    label: '控制台',\n    link: '/dashboard',\n    icon: '📊'\n  };\n}\n```\n\n### 動態路由麵包屑\n\n```typescript\n// app.routes.ts\n{\n  path: 'users/:id',\n  data: {\n    breadcrumb: (route: ActivatedRouteSnapshot) => {\n      const userId = route.params['id'];\n      return `用戶 ${userId}`;\n    }\n  }\n}\n```\n\n### 禁用特定麵包屑\n\n```typescript\nbreadcrumbs: IGxBreadCrumb[] = [\n  { label: '首頁', link: '/' },\n  { label: '設定', link: '/settings', disabled: true }, // 禁用\n  { label: '個人資料', link: '/settings/profile' }\n];\n```\n\n## 📝 完整範例\n\n```typescript\nimport { Component } from '@angular/core';\nimport { GxBreadcrumb, IGxBreadCrumb, GxBreadcrumbSeparator } from '@sanring/gx-breadcrumb';\n\n@Component({\n  selector: 'app-product-detail',\n  standalone: true,\n  imports: [GxBreadcrumb],\n  template: `\n    <gx-breadcrumb\n      [data]=\"breadcrumbs\"\n      [showIcon]=\"true\"\n      [separator]=\"separator\"\n      [variant]=\"'glass'\"\n      (itemClick)=\"onBreadcrumbClick($event)\">\n    </gx-breadcrumb>\n\n    <div class=\"content\">\n      <!-- 頁面內容 -->\n    </div>\n  `,\n  styles: [`\n    :host {\n      display: block;\n      padding: 20px;\n    }\n  `]\n})\nexport class ProductDetailComponent {\n  separator = GxBreadcrumbSeparator.Arrow;\n\n  breadcrumbs: IGxBreadCrumb[] = [\n    { label: '首頁', link: '/', icon: '🏠' },\n    { label: '產品', link: '/products', icon: '📦' },\n    { label: '電子產品', link: '/products/electronics', icon: '💻' },\n    { label: 'iPhone 15', icon: '📱' }\n  ];\n\n  onBreadcrumbClick(crumb: IGxBreadCrumb) {\n    console.log('Clicked:', crumb);\n  }\n}\n```\n\n## 🐛 常見問題\n\n### Q: 為什麼分隔符號不顯示？\n\n**A:** 有兩個可能原因：\n\n#### 原因 1：沒有麵包屑數據\n\n確保你提供了麵包屑數據。有兩種方式：\n\n1. **手動模式**：提供 `[data]` input\n   ```typescript\n   <gx-breadcrumb [data]=\"breadcrumbs\"></gx-breadcrumb>\n   ```\n\n2. **自動模式**：配置路由的 `breadcrumb` data\n   ```typescript\n   {\n     path: 'products',\n     data: { breadcrumb: '產品' }\n   }\n   ```\n\n#### 原因 2：CSS 變數未定義（分隔符號顏色透明）\n\n如果分隔符號存在但看不見，可能是 CSS 變數未定義。解決方法：\n\n在你的全局 CSS 中添加：\n\n```css\n:root {\n  --gx-color-gray-500: #6b7280;  /* 分隔符號顏色 */\n}\n```\n\n或直接覆蓋：\n\n```css\n.gx-breadcrumb-separator {\n  color: #6b7280 !important;\n}\n```\n\n**注意**：從 v3.1.0 開始，組件已內建回退值 `#6b7280`，即使沒有定義 CSS 變數也能正常顯示。\n\n### Q: Lucide 圖標不顯示？\n\n**A:** 確保已安裝並導入 `lucide-angular`：\n\n```bash\nnpm install lucide-angular\n```\n\n如果不想使用 Lucide，可以使用 `icon` 屬性配合 Emoji 或文字：\n\n```typescript\n{ label: '首頁', icon: '🏠' }  // ✅ 不需要 lucide-angular\n```\n\n### Q: 如何自定義樣式？\n\n**A:** 使用 CSS 變數覆蓋默認樣式：\n\n```css\n:root {\n  --gx-bc-hover: #3b82f6;\n  --gx-bc-fsz: 18px;\n}\n```\n\n## 📚 參考資料\n\n- [Angular Router](https://angular.dev/guide/routing)\n- [Lucide Icons](https://lucide.dev/)\n- [ARIA Breadcrumb Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/)\n\n## 🤝 貢獻\n\n歡迎提交 Issue 或 Pull Request！\n\n## 📄 授權\n\nMIT License\n","readmeFilename":"README.md"}