{"_id":"@akashchepe/xml-viewer","_rev":"9-32b1a2a795ce7af0b18d089a589dc1b2","name":"@akashchepe/xml-viewer","dist-tags":{"latest":"4.0.3"},"versions":{"1.0.0":{"name":"@akashchepe/xml-viewer","version":"1.0.0","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@1.0.0","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"1f2a4772de45d9a95991108c0f2a58b94e821951","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-1.0.0.tgz","fileCount":8,"integrity":"sha512-Mq9W1Kg/V1RnvZ+EY8viHIKWtXWT4VN5Esxw/KJqR3w4JAjaUas/6e7HR+V+FuYQgWSivZp0nOPgH/jcf+MWUA==","signatures":[{"sig":"MEUCIQDxr8s3ZqE0ek7ZQKjUw0uhaND00luWA+rhJaZfNJyBDgIgAfESSbNU/wZCbccCGINC4OuWSH8eep508KDq/81bX1A=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":7416},"type":"module","module":"fesm2022/akashchepe-xml-viewer.mjs","exports":{".":{"types":"./types/akashchepe-xml-viewer.d.ts","default":"./fesm2022/akashchepe-xml-viewer.mjs"},"./package.json":{"default":"./package.json"}},"typings":"types/akashchepe-xml-viewer.d.ts","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_1.0.0_1772386513885_0.8014101363932009","host":"s3://npm-registry-packages-npm-production"}},"2.0.0":{"name":"@akashchepe/xml-viewer","version":"2.0.0","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@2.0.0","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"500c333546c190f410e07cd322810a27b9708950","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-2.0.0.tgz","fileCount":13,"integrity":"sha512-Bm6pOUNKxyU0FfKzk6yzbZ/wGSy/EX9ZN9mDh8/wmhDxGFwTUQq6o5e28OiEh0rt2FWJR7DrMOTmWYTvSyk30A==","signatures":[{"sig":"MEUCIQCU2LpNi11gA7HmAMQVzpXKesIV8oYt8MCxXpZRH27dWAIgPpka0ZfguOyxCWYsZtJr/z8DDiweS+qQed51qQI1qTw=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10751},"type":"module","gitHead":"cc15228a9b7d0f9faab24ff1a6826674d92dc47e","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_2.0.0_1772389953471_0.7946860417843824","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@akashchepe/xml-viewer","version":"2.1.0","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@2.1.0","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"e148ffeb2453b19fecad82c30477f359323329b6","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-2.1.0.tgz","fileCount":5,"integrity":"sha512-ohIdm80mb01MHZ4+8JyYvGoX11y9qTYKPc5B/6Ah9qmqPcI6FRxxdQaAA0RKrA+JJmPyfdU5Sfm8p04kR+4pmw==","signatures":[{"sig":"MEQCIH6N/+bOtt6hpU6AuoGVlyM3vXNdJ7JEFfjv5zl5qzB/AiA9wMLexfyJtb2Hylrp/lTI9HDs9PBp/OjRcVUGnGGgLA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4973},"type":"module","module":"fesm2022/akashchepe-xml-viewer.mjs","exports":{".":{"types":"./types/akashchepe-xml-viewer.d.ts","default":"./fesm2022/akashchepe-xml-viewer.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"cc15228a9b7d0f9faab24ff1a6826674d92dc47e","typings":"types/akashchepe-xml-viewer.d.ts","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_2.1.0_1772390420078_0.10790077946521293","host":"s3://npm-registry-packages-npm-production"}},"2.2.0":{"name":"@akashchepe/xml-viewer","version":"2.2.0","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@2.2.0","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"d2cdfe4b37d5466180caa268ae95be5de35b9d37","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-2.2.0.tgz","fileCount":5,"integrity":"sha512-ucSfl2/sdBq0Xxu2YVgihHAVhweFctlN9PsGN/Y2E0ygjnlpJ+g8iI8M36wotR7dHc98MNqLKbjA1XBoK2b+dA==","signatures":[{"sig":"MEUCIBb0akxwSmaGyHsnQX2BWHVsStFSicvKp01IwwRZtDqWAiEArFCeIATdt9mr4eaakQeLdiPS1lw4Gn338BD3GMmCZ7w=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":4974},"type":"module","module":"fesm2022/akashchepe-xml-viewer.mjs","exports":{".":{"types":"./types/akashchepe-xml-viewer.d.ts","default":"./fesm2022/akashchepe-xml-viewer.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"cc15228a9b7d0f9faab24ff1a6826674d92dc47e","typings":"types/akashchepe-xml-viewer.d.ts","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_2.2.0_1772391144102_0.2001344731139858","host":"s3://npm-registry-packages-npm-production"}},"2.3.0":{"name":"@akashchepe/xml-viewer","version":"2.3.0","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@2.3.0","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"d8df31dda4e6e753230456048aaacd07615075b7","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-2.3.0.tgz","fileCount":5,"integrity":"sha512-BPc3Jkf8AeEzmSVWUUm99Pep6ns2IHfJh3hpPh56D7lvuymDAowCqVtgkK/MpCd4HNXs3LLkw7CHLS5MqFWBgw==","signatures":[{"sig":"MEUCIEB6eD+YyC31Ki8yPE10W1hDufYqwN1U3BCJ1WpR8dMPAiEArePV3rlxHca0Kkw6C1zpzHKlpyGXsbfOZ0fy8WpZf5s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21165},"type":"module","module":"fesm2022/akashchepe-xml-viewer.mjs","exports":{".":{"types":"./types/akashchepe-xml-viewer.d.ts","default":"./fesm2022/akashchepe-xml-viewer.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"cc15228a9b7d0f9faab24ff1a6826674d92dc47e","typings":"types/akashchepe-xml-viewer.d.ts","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_2.3.0_1772391555179_0.39107456461980905","host":"s3://npm-registry-packages-npm-production"}},"3.0.0":{"name":"@akashchepe/xml-viewer","version":"3.0.0","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@3.0.0","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"61dcbc4a6f67cc2bb811cff0e81437ea418a232c","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-3.0.0.tgz","fileCount":16,"integrity":"sha512-v5pRZ9w4bXcSzEgSXg8nkjI7Yf3bT2IFORAJ8echw2YL+ImTIagf0m5K/Gjd6DgTvEGf/MU4Ntn55/XGl2TTug==","signatures":[{"sig":"MEYCIQCG4ANkqS4QLCnVI2p9VeiCYKN9Lzl7bwnek//swqOoegIhANkq1Sxv/uADP7ocKghrRI9ESp8fZ2uY20iGFoVtunWx","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11955},"type":"module","gitHead":"a27c9c479cac6c6114f0dfd718a812aae00a8fe0","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_3.0.0_1772394982837_0.24868610859820528","host":"s3://npm-registry-packages-npm-production"}},"4.0.0":{"name":"@akashchepe/xml-viewer","version":"4.0.0","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@4.0.0","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"c7a9ae58c513bc3b7690b9ae4da37025b0ba13c4","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-4.0.0.tgz","fileCount":5,"integrity":"sha512-tRWKgc4vKTTNwUV6wBHRzDc7uyuNfpjHVPLKSemyUzgPXBxmwuTpX5WA9Op4I4Wo84ywcWD9IRYg8O9KIw8o9w==","signatures":[{"sig":"MEUCIAwNkKnGbUZb3nz/J2+QW3cmc9BdLG/3a4N2lqsw4Y3oAiEAuWvbVBBGQSR+pGOTECYR1pOYN+XO3apgArN4pyMzYbA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26253},"type":"module","module":"fesm2022/akashchepe-xml-viewer.mjs","exports":{".":{"types":"./types/akashchepe-xml-viewer.d.ts","default":"./fesm2022/akashchepe-xml-viewer.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"a27c9c479cac6c6114f0dfd718a812aae00a8fe0","typings":"types/akashchepe-xml-viewer.d.ts","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_4.0.0_1772395196211_0.9272100586167153","host":"s3://npm-registry-packages-npm-production"}},"4.0.1":{"name":"@akashchepe/xml-viewer","version":"4.0.1","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","_id":"@akashchepe/xml-viewer@4.0.1","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"homepage":"https://github.com/akashchepe/xml-viewer#readme","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"dist":{"shasum":"46c8d077838d88f18c499e101cea7b25fc287a05","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-4.0.1.tgz","fileCount":5,"integrity":"sha512-Nxv+UxLpE8Y/Sm2V6bizOaxcnlSilLBVl0IC/S9OfmKirTB2jLUq7T/3zp51JhTFebnVB4FM2gWFEK5JQyC9kA==","signatures":[{"sig":"MEYCIQDkfGbNUgh52fAoY/HxTChGJZAuzwBhARvz3LzpgsN7cAIhALx5DBuynQbDVIti7Yj/fDDQT6jIlvpHXPGYABwJ3sh2","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":28251},"type":"module","module":"fesm2022/akashchepe-xml-viewer.mjs","exports":{".":{"types":"./types/akashchepe-xml-viewer.d.ts","default":"./fesm2022/akashchepe-xml-viewer.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"28ade668e4f97a2b7cda7ef6cb23c052839c821c","typings":"types/akashchepe-xml-viewer.d.ts","_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"repository":{"url":"git+https://github.com/akashchepe/xml-viewer.git","type":"git"},"_npmVersion":"11.10.0","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","directories":{},"sideEffects":false,"_nodeVersion":"24.13.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":"^21.2.0","@angular/common":"^21.2.0"},"_npmOperationalInternal":{"tmp":"tmp/xml-viewer_4.0.1_1772399235827_0.4913944285753533","host":"s3://npm-registry-packages-npm-production"}},"4.0.3":{"name":"@akashchepe/xml-viewer","version":"4.0.3","description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"author":{"name":"Akash Chepe"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/akashchepe/xml-viewer.git"},"type":"module","peerDependencies":{"@angular/common":"^21.2.0","@angular/core":"^21.2.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/akashchepe-xml-viewer.mjs","typings":"types/akashchepe-xml-viewer.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/akashchepe-xml-viewer.d.ts","default":"./fesm2022/akashchepe-xml-viewer.mjs"}},"gitHead":"28ade668e4f97a2b7cda7ef6cb23c052839c821c","_id":"@akashchepe/xml-viewer@4.0.3","bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"homepage":"https://github.com/akashchepe/xml-viewer#readme","_nodeVersion":"24.13.1","_npmVersion":"11.10.0","dist":{"integrity":"sha512-2/E7/oHeN6lhGSdqDe9PSBUiqqjBuoDdQ3fXPRdSSctjFXuh8z6X13meueCHjzQ3yFwq80s1vXjDLr8dohbd6A==","shasum":"da8cbe6a09b9dac02f51f0b039648e7e127a68b3","tarball":"https://registry.npmjs.org/@akashchepe/xml-viewer/-/xml-viewer-4.0.3.tgz","fileCount":5,"unpackedSize":27184,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIB7SasCj0iK95xqW8rHGpj3nAR9nLviVHm1BI1ebhYhfAiEAo9p6dU/1avpymYMfellZQiiC//lLPhssqz9D4OP57ko="}]},"_npmUser":{"name":"akashchepe","email":"akachepe@gmail.com"},"directories":{},"maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/xml-viewer_4.0.3_1772399942047_0.28041455192201803"},"_hasShrinkwrap":false}},"time":{"created":"2026-03-01T17:35:13.789Z","modified":"2026-03-01T21:19:02.374Z","1.0.0":"2026-03-01T17:35:14.011Z","2.0.0":"2026-03-01T18:32:33.637Z","2.1.0":"2026-03-01T18:40:20.244Z","2.2.0":"2026-03-01T18:52:24.251Z","2.3.0":"2026-03-01T18:59:15.326Z","3.0.0":"2026-03-01T19:56:22.978Z","4.0.0":"2026-03-01T19:59:56.347Z","4.0.1":"2026-03-01T21:07:15.969Z","4.0.3":"2026-03-01T21:19:02.268Z"},"bugs":{"url":"https://github.com/akashchepe/xml-viewer/issues"},"author":{"name":"Akash Chepe"},"license":"MIT","homepage":"https://github.com/akashchepe/xml-viewer#readme","keywords":["xml","web-component","xml-viewer","prettifier","prettify","beautify","viewer","formatter"],"repository":{"type":"git","url":"git+https://github.com/akashchepe/xml-viewer.git"},"description":"The simple XML viewer. This component adds markup to your XML data. It also provides a simple API to customize the appearance of the XML data.","maintainers":[{"name":"akashchepe","email":"akachepe@gmail.com"}],"readme":"# @akashchepe/xml-viewer\r\n\r\n**Standalone Angular component** to beautifully display and explore XML content with syntax highlighting, collapsible tree structure, and expand/collapse controls.\r\n\r\n## Features\r\n\r\n- **Collapsible tree view** – expand/collapse individual nodes or everything\r\n- **Expand All / Collapse All** buttons\r\n- **Syntax highlighting** – colorful tags, attributes, values, comments, CDATA\r\n- **Pretty printing** – automatic indentation & formatting\r\n- **Zero dependencies** – lightweight & tree-shakable\r\n- **Standalone** – works perfectly with modern Angular (17+)\r\n- **Dark theme** optimized out of the box\r\n- Handles processing instructions, comments, CDATA, self-closing tags\r\n\r\n## Demo Screenshot\r\n\r\n![XML Viewer Demo Screenshot]\r\n![alt text](image.png)\r\n\r\n## Quick Start (Standalone – Recommended)\r\n\r\n```ts\r\nimport { Component } from '@angular/core';\r\nimport { XmlViewerComponent } from '@akashchepe/xml-viewer';\r\n\r\n@Component({\r\n  selector: 'app-xml-demo',\r\n  standalone: true,\r\n  imports: [XmlViewerComponent],\r\n  template: `\r\n    <xml-viewer [xml]=\"xmlContent\"></xml-viewer>\r\n  `,\r\n})\r\nexport class XmlDemoComponent {\r\n  xmlContent = `<?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n<bookstore>\r\n  <book category=\"fiction\">\r\n    <title lang=\"en\">Harry Potter</title>\r\n    <author>J. K. Rowling</author>\r\n    <year>1997</year>\r\n    <price>29.99</price>\r\n  </book>\r\n  <!-- Sample comment -->\r\n  <book category=\"children\">\r\n    <title>The Very Hungry Caterpillar</title>\r\n  </book>\r\n</bookstore>`;\r\n}\r\n```\r\n\r\n## Safe / Optional Empty State\r\n\r\n```html\r\n<!-- Shows nice placeholder when xml is undefined/null/empty -->\r\n<xml-viewer [xml]=\"xmlData ?? ''\"></xml-viewer>\r\n```\r\n\r\n## Component API\r\n\r\n| Input   | Type   | Required | Default | Description                              |\r\n|---------|--------|----------|---------|------------------------------------------|\r\n| `xml`   | `string` | no     | —       | The raw XML string to render             |\r\n\r\nNo outputs or other inputs at the moment.\r\n\r\n## Development & Contributing\r\n\r\n```bash\r\n# Clone repo\r\ngit clone https://github.com/akashchepe/xml-viewer.git\r\ncd xml-viewer\r\n\r\n# Install\r\npnpm install\r\n\r\n# Build library\r\npnpm build:lib\r\n\r\n# Run demo app (if you have one in workspace)\r\npnpm start\r\n```\r\n\r\nPull requests welcome! Please follow conventional commits.\r\n\r\n## License\r\n\r\nMIT © [Akash Chepe](https://github.com/akashchepe)\r\n\r\n---\r\n\r\nI made with ❤️\r\n```","readmeFilename":"README.md"}