25:["$","title",null,{"children":"Global Monitoring of Offshore Wind Projects | Vekta Group | Observable"}] 49:Taee,pdfView = async (url, opts) => { const options = Object.assign( {}, { startPage: 1, scale: 1, backgroundColor: "#f4f4f4", fontColor: "#6e6e6e" }, opts ); const { startPage } = options; let rootEl; let prevButton; let nextButton; let currentPage = startPage || 1; let renderWidth; const uid = initializeStyles(options); const ns = uid.id; // Download PDF const pdfDoc = await pdfjsLib.getDocument(url).promise; const totalPages = pdfDoc.numPages; // Initialise canvas and context const canvas = html`

`; const pagePicker = pagePickerInput(currentPage, totalPages); // Scale width based on the device pixel ratio function scaleWidth(width) { return Math.floor(width / dpr); } function updateUI(width) { pagePicker.value = currentPage; if (rootEl && width) { rootEl.style.maxWidth = `${scaleWidth(width)}px`; } if (currentPage <= 1) { prevButton[0].disabled = true; } else { prevButton[0].disabled = false; } if (currentPage >= totalPages) { nextButton[0].disabled = true; } else { nextButton[0].disabled = false; } } async function renderCurrentPage() { return renderPageToCanvas(canvas, pdfDoc, currentPage, options); } async function showPage(num) { if (num >= 1 && num <= totalPages) { currentPage = num; const { width } = await renderCurrentPage(); updateUI(width); } } function showNextPage() { const nextPage = currentPage + 1 > totalPages ? currentPage : currentPage + 1; showPage(nextPage); } function showPreviousPage() { const nextPage = currentPage - 1 < 1 ? currentPage : currentPage - 1; showPage(nextPage); } const pageChangeHander = (e) => { const target = e.currentTarget; const nextPage = +target.value; showPage(nextPage); }; pagePicker.addEventListener("change", pageChangeHander); invalidation.then(() => pagePicker.removeEventListener("change", pageChangeHander) ); prevButton = Inputs.button("Previous", { reduce: () => showPreviousPage() }); nextButton = Inputs.button("Next", { reduce: () => showNextPage() }); const { width } = await renderCurrentPage(); updateUI(); const paginationEl = totalPages > 1 ? html`

${prevButton}

${nextButton}

${pagePicker} of ${totalPages}

` : null; rootEl = html`

${canvas}

${paginationEl}

`; return rootEl; }4a:T457,initializeStyles = (options) => { let initialized; const uid = DOM.uid("pdfView"); const ns = uid.id; if (initialized) return uid; initialized = true; const { backgroundColor, fontColor } = options; const inputsNs = Inputs.text().classList[0]; const styles = html``; document.querySelector("head").append(styles); invalidation.then( () => styles.parentNode && styles.parentNode.removeChild(styles) ); return uid; }4b:[{"id":"c4ed44ff25b424c0b3bb2958c48b749c844035e180a789f70fb24fe6ee0aac36d87c4ef9eee80eeba0e73ca3590e73afc042526b4c86dcd25c006fe3d5076fb7","href":"https://static.observableusercontent.com/files/c4ed44ff25b424c0b3bb2958c48b749c844035e180a789f70fb24fe6ee0aac36d87c4ef9eee80eeba0e73ca3590e73afc042526b4c86dcd25c006fe3d5076fb7","name":"Global_Monitoring_of_Offshore_Wind_Projects.pdf","type":"application/pdf","lastModified":1736783009940.668,"size":108221}] 29:{"id":"748c442d63488c82","slug":null,"title":"Global Monitoring of Offshore Wind Projects","thumbnail":"1b63e7d047d3587bbe680d966bb9f3608dff3a71612ad68a5a3f4f2c634eb552","access_level":"public","create_time":"$D2025-01-13T15:43:29.940Z","update_time":"$D2025-03-27T12:37:54.537Z","view_time":null,"first_public_time":"$D2025-01-13T15:43:29.940Z","has_unpublished_edits":null,"fork":{"id":"93198b15e0cd5f39","slug":null,"title":"","owner":{"id":"5154b4f59e97f626","login":"mark-cherrie","name":"Mark Cherrie"}},"stars":0,"starred":false,"owner":{"type":"team","id":"3594fe6877d14711","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":765,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"353739170940576d","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"353739170940576d","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":null,"role":"editor"},{"type":"team","id":"3594fe6877d14711","login":"vekta-group","name":"Vekta Group","avatar_url":"https://avatars-next.observableusercontent.com/13f6934c06a2c847905f92615bfe639e05a96b39badbe0036f3139b0c24ef101","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"a5603c9dcf7492ca","slug":"vekta-digital-insights","title":"Vekta Digital Insights ","owner":{"id":"3594fe6877d14711","login":"vekta-group","name":"Vekta Group"}},"type":"notebook","body":{"titling":"auto","title":"Global Monitoring of Offshore Wind Projects","cells":[{"id":709,"value":"md`# Global Monitoring of Offshore Wind Projects\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":648,"value":"pdfview = pdfView(await FileAttachment(\"Global_Monitoring_of_Offshore_Wind_Projects.pdf\").url(), {\n backgroundColor: \"#2596be\",\n fontColor: \"#6e6e6e\",\n\n scale: 2\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":87,"value":"pdfjsLib = {\n const lib = await require(\"https://unpkg.com/pdfjs-dist@2.10.377/build/pdf.min.js\");\n lib.GlobalWorkerOptions.workerSrc =\n \"https://unpkg.com/pdfjs-dist@2.10.377/build/pdf.worker.min.js\";\n return lib;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"html = htl.html","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"import { toc } from \"@nebrius/indented-toc\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":618,"value":"import { footer } from \"@saneef/notebooks-footer\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":117,"value":"$49","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":595,"value":"pagePickerInput = (startPage, pages) => {\n const options = Array.from({ length: pages }).map((_, i) => {\n const index = i + 1;\n return html``;\n });\n\n const input = html``;\n return input;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":565,"value":"$4a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"renderPageToCanvas = async (canvas, pdf, pageNum, options) => {\n const { scale } = options;\n const ctx = canvas.getContext(\"2d\");\n\n const page = await pdf.getPage(pageNum);\n const viewport = page.getViewport({ scale: scale * dpr });\n canvas.height = viewport.height;\n canvas.width = viewport.width;\n\n await page.render({\n canvasContext: ctx,\n viewport\n });\n\n return {\n height: viewport.height,\n width: viewport.width\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":452,"value":"dpr = 2","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":619,"value":"---","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"}],"files":"$W4b","stdlib":"1"}} 24:null