{"id":29111890,"url":"https://github.com/TeamMaestro/pdf-viewer","last_synced_at":"2025-06-29T10:02:20.467Z","repository":{"id":46944633,"uuid":"134858589","full_name":"TeamMaestro/pdf-viewer","owner":"TeamMaestro","description":"PDF viewer web component built in StencilJS. Reusable in Angular, Ionic, React, Vue.JS, etc.","archived":false,"fork":false,"pushed_at":"2024-02-04T17:08:55.000Z","size":1742,"stargazers_count":81,"open_issues_count":10,"forks_count":12,"subscribers_count":13,"default_branch":"main","last_synced_at":"2025-06-06T04:05:19.875Z","etag":null,"topics":["angular","ionic","pdf","pdf-viewer","reactjs","stencil","stenciljs","stenciljs-components"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TeamMaestro.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-05-25T13:18:57.000Z","updated_at":"2025-03-19T16:43:59.000Z","dependencies_parsed_at":"2024-06-21T04:33:43.240Z","dependency_job_id":null,"html_url":"https://github.com/TeamMaestro/pdf-viewer","commit_stats":{"total_commits":183,"total_committers":5,"mean_commits":36.6,"dds":0.2896174863387978,"last_synced_commit":"60588aaa59565bee27d47c97cd81197d8d7ea721"},"previous_names":["teamhive/pdf-viewer","teamhive/stencil-pdf-viewer","teammaestro/stencil-pdf-viewer"],"tags_count":17,"template":false,"template_full_name":null,"purl":"pkg:github/TeamMaestro/pdf-viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TeamMaestro%2Fpdf-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TeamMaestro%2Fpdf-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TeamMaestro%2Fpdf-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TeamMaestro%2Fpdf-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TeamMaestro","download_url":"https://codeload.github.com/TeamMaestro/pdf-viewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TeamMaestro%2Fpdf-viewer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259935588,"owners_count":22934384,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","ionic","pdf","pdf-viewer","reactjs","stencil","stenciljs","stenciljs-components"],"created_at":"2025-06-29T10:02:04.689Z","updated_at":"2025-06-29T10:02:20.358Z","avatar_url":"https://github.com/TeamMaestro.png","language":"TypeScript","readme":"![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D\u0026colorA=16161d\u0026style=flat-square)\n\n# Hive PDF Viewer\n\nThis web component allows you to add PDF rendering support to your web applications.\n\n## Features\n- Rendering PDFs on web (Angular, Ionic, React, Stencil, etc.)\n- Search\n- Fit to Page / Fit to Width\n- Side panel for quick thumbnail navigation\n\n## Installation\n- `npm i @teamhive/pdf-viewer`\n\n## Usage\n```\n\u003chive-pdf-viewer src=\"http://www.mydomain.com/example.pdf\"\u003e\u003c/hive-pdf-viewer\u003e\n```\n\nSomewhere in your project (e.g. `main.ts`):\n```\nimport { defineCustomElements } from '@teamhive/pdf-viewer/dist/loader';\ndefineCustomElements(window);\n```\n\n### Angular\n\nAdd viewer assets to `angular.json` assets block:\n```\n{\n    \"projects\": {\n        \"app\": {\n            \"architect\": {\n                \"build\": {\n                    \"options\": {\n                        \"assets\": [\n                            {\n                                \"glob\": \"**/*\",\n                                \"input\": \"node_modules/@teamhive/pdf-viewer/dist/pdf-viewer/pdf-viewer-assets\",\n                                \"output\": \"pdf-viewer-assets\"\n                            }\n```\n\nFollow the [Stencil JS Framework Integration](https://stenciljs.com/docs/overview) guide for more info.\n\n## Properties\n|Property|Default|Description\n:---:|:---:|:---:\n|`src`||The PDF web address location (http, https)|\n|`page`|`1`|The default page index.|\n|`enableToolbar`|`true`|If the toolbar is available for display.|\n|`enableSideDrawer`|`true`|If the side drawer UI (and button) is available for display.|\n|`enableSearch`|`true`|If the document can be searched through. Hides the button when false.|\n\n### Events\n|Event|Description|\n:---:|:---:\n|`linkClick(href: string)`|Emits the `href` clicked when it's not an internal document annotation.|\n|`pageChange(currentPage: number)`|Emits the current page number when the current page changes.|\n\n---\n\n## Contributors\n\n[\u003cimg alt=\"Sean Bannigan\" src=\"https://avatars1.githubusercontent.com/u/15218748?s=460\u0026v=4\" width=\"117\"\u003e](https://github.com/sbannigan) | [\u003cimg alt=\"Sean Perkins\" src=\"https://avatars1.githubusercontent.com/u/13732623?v=4\u0026s=117\" width=\"117\"\u003e](https://github.com/sean-perkins) |[\u003cimg alt=\"Justin True\" src=\"https://avatars3.githubusercontent.com/u/17008383?s=400\u0026v=4\" width=\"117\"\u003e](https://github.com/bbjdt2224)  |\n:---:|:---:|:---:\n|[Sean Bannigan](https://github.com/sean-perkins)|[Sean Perkins](https://github.com/sean-perkins)|[Justin True](https://github.com/bbjdt2224)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTeamMaestro%2Fpdf-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTeamMaestro%2Fpdf-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTeamMaestro%2Fpdf-viewer/lists"}