Angular PDF.js demo

[ { "path": ".gitignore", "content": "bin/\nnode_modules/\nbower_components/\ndemo/node_modules/\ndemo/bower_components/\n" }, { "path": "Gruntfile.js", "content": "module.exports = function (grunt) {\n 'use strict';\n\n var escapeContent = function(content, quoteChar) {\n var bsRegexp = new RegExp('\\\\\\\\', 'g');\n var quoteRegexp = new RegExp('\\\\' + quoteChar, 'g');\n var trimRegexp = new RegExp('\\\\s*\\\\+\\\\s*\\\\n' + quoteChar + '$');\n var nlReplace = '\\\\n' + quoteChar + ' +\\n' + quoteChar;\n return '\\'' + content.replace(bsRegexp, '\\\\\\\\').replace(quoteRegexp, '\\\\' + quoteChar).replace(/\\r?\\n/g, nlReplace).replace(trimRegexp, '') + '\\'';\n };\n\n // Project configuration.\n grunt.initConfig({\n replace: {\n dist: {\n options: {\n patterns: [\n {\n match: /templateUrl:.*/,\n replacement: function () {\n \tvar content = grunt.file.read('vendor/pdf.js-viewer/viewer.html');\n \treturn 'template: ' + escapeContent(content, '\\'') + ',';\n }\n },\n {\n match: /=== get current script file ===[\\w\\W]+======/,\n replacement: ''\n }\n ]\n },\n files: [\n {expand: true, flatten: true, src: ['src/angular-pdfjs-viewer.js'], dest: 'dist/'}\n ]\n }\n }\n });\n\n /** \n * Load required Grunt tasks. These are installed based on the versions listed\n * in `package.json` when you do `npm install` in this directory.\n */\n grunt.loadNpmTasks('grunt-replace');\n\n // Default task(s).\n grunt.registerTask('default', ['replace']);\n};\n" }, { "path": "LICENSE", "content": "Copyright (c) LegalThings \n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is furnished\nto do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n" }, { "path": "README.md", "content": "# PDF.js viewer Angular directive\n\nEmbed Mozilla's [PDF.js](https://mozilla.github.io/pdf.js/) viewer into your angular application, maintaining that look and feel\nof pdf's we all love. The directive embeds the [full viewer](https://mozilla.github.io/pdf.js/web/viewer.html), which\nallows you to scroll through the pdf.\n\n## Low maintenance\nWe're no longer using this library ourselves. We'll merge pull requests and create new releases, but not actively solve\nissues.\n\n![viewer-example](https://cloud.githubusercontent.com/assets/5793511/24605022/6dd5abee-1867-11e7-881a-0d68dc7c77f3.png)\n\n## Installation\n npm install angular-pdfjs-viewer --save\n\n### Browser supperort\nChrome, FireFox, Safari and Egde.\n\n## Usage\nBelow you will find a basic example of how the directive can be used.\nNote that the order of the scripts matters. Stick to the order of dependencies as shown in the example below.\nAlso note that images, translations and such are being loaded from the `web` folder.\n\n### View\n```html\n\n\n \n Angular PDF.js demo\n \n \n\n \n \n \n\n \n \n \n

\n \n

\n \n\n```\n\n### Controller\n```js\nangular.module('app', ['pdfjsViewer']);\n\nangular.module('app').controller('AppCtrl', function($scope) {\n $scope.pdf = {\n src: 'example.pdf',\n };\n});\n```\n\n## Directive options\nThe `` directive takes the following attributes.\n\n\n#### `src`\nThe source should point to the URL of a publicly available pdf.\nNote that the `src` must be passed in as an interpolation string.\n\n```html\n\n```\n\n```javascript\n$scope.pdf.src = \"http://example.com/file.pdf\";\n```\n---\n\n#### `data`\nIn the case that you cannot simply use the URL of the pdf, you can pass in raw data as\na [Uint8Array](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array) object.\nThe `data` attribute takes a scope variable as its argument.\n\n```html\n\n```\n\n```javascript\n$scope.data = null; // this is loaded async\n\n$http.get(\"http://example.com/file.pdf\", {\n responseType: 'arraybuffer'\n}).then(function (response) {\n $scope.pdf.data = new Uint8Array(response.data);\n});\n```\n---\n\n#### `scale`\nThe `scale` attribute can be used to obtain the current scale (zoom level) of the PDF.\nThe value will be stored in the variable specified. **This is read only**.\n\n```html\n\n```\n---\n\n#### `download, print, open`\nThese buttons are by default all visible in the toolbar and can be hidden.\n\n```html\n\n```\n---\n\n#### `on-init`\nThe `on-init` function is called when PDF.JS is fully loaded.\n\n```html\n\n```\n\n```javascript\n$scope.onInit = function () {\n // pdf.js is initialized\n}\n```\n---\n\n#### `on-page-load`\nThe `on-page-load` function is each time a page is loaded and will pass the page number.\nWhen the scale changes all pages are unloaded, so `on-page-load` will be called again for each page.\n_If `onPageLoad()` returns `false`, the page will not be marked as loaded and `onPageLoad` will be called again for that page on the next (200ms) interval._\n\n```html\n\n```\n\n```javascript\n$scope.onPageLoad = function (page) {\n // page is loaded\n};\n```\n---\n\n## Styling\nThe `` directive automatically expands to the height and width of its first immediate parent, in the case of the example `.some-pdf-container`.\nIf no parent container is given the html `body` will be used. Height and width are required to properly display the contents of the pdf.\n\n## Demo\nYou can test out a [demo](https://github.com/legalthings/angular-pdfjs-viewer/tree/master/demo) of this directive.\nYou must run the node server first due to CORS. First make sure the dependencies are installed.\n\n cd demo\n npm install\n bower install\n\nAfterwards run the server like so.\n\n node server.js\n\nThe server will be running on localhost:8080\n\n## Advanced configuration\nBy default the location of PDF.js assets are automatically determined. However if you place them on alternative\nlocations they may not be found. If so, you can configure these locations.\n\nYou may disable using the [Web Workers API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API).\nThis is useful if you want to add pdf.worker.js to your concatenated JavaScript file. However this will have a\nnegative effect on the runtime performance.\n\nAs part of your build process you might include all your library scripts within a concatenated Javascript file whilst excluding the pdf.worker.js file. Use setWorkerSrc() to point to the pdf.worker.js script. \n\n angular.module('app').config(function(pdfjsViewerConfigProvider) {\n pdfjsViewerConfigProvider.setWorkerSrc(\"/assets/pdf.js-viewer/pdf.worker.js\");\n pdfjsViewerConfigProvider.setCmapDir(\"/assets/pdf.js-viewer/cmaps\");\n pdfjsViewerConfigProvider.setImageDir(\"/assets/pdf.js-viewer/images\");\n \n pdfjsViewerConfigProvider.disableWorker();\n pdfjsViewerConfigProvider.setVerbosity(\"infos\"); // \"errors\", \"warnings\" or \"infos\"\n });\n\nNote that a number of images used in the PDF.js viewer are loaded by the `viewer.css`. You can't configure these\nthrough JavaScript. Instead you need to compile the `viewer.less` file as\n\n lessc --global-var='pdfjsImagePath=/assets/pdf.js-viewer/images' viewer.less viewer.css\n" }, { "path": "demo/app.js", "content": "angular.module('app', ['pdfjsViewer']);\n\nangular.module('app').controller('AppCtrl', function ($scope, $http, $timeout) {\n var url = 'example.pdf';\n\n $scope.pdf = {\n src: url, // get pdf source from a URL that points to a pdf\n data: null // get pdf source from raw data of a pdf\n };\n\n getPdfAsArrayBuffer(url).then(function (response) {\n $scope.pdf.data = new Uint8Array(response.data);\n }, function (err) {\n console.log('failed to get pdf as binary:', err);\n });\n\n function getPdfAsArrayBuffer (url) {\n return $http.get(url, {\n responseType: 'arraybuffer',\n headers: {\n 'foo': 'bar'\n }\n });\n }\n});\n" }, { "path": "demo/bower.json", "content": "{\n \"name\": \"angular-pdfjs-demo\",\n \"description\": \"Angular PDF.js demo\",\n \"license\": \"MIT\",\n \"private\": \"true\",\n \"dependencies\": {\n \"angular\": \"^1.5.8\",\n \"pdf.js-viewer\": \"~1.6.211\"\n }\n}\n" }, { "path": "demo/index.html", "content": "\n\n \n \n Angular PDF.js demo\n \n\n \n \n\n \n \n \n\n \n \n \n

\n \n \n\n \n \n

\n \n\n" }, { "path": "demo/package.json", "content": "{\n \"name\": \"angular-pdfjs\",\n \"description\": \"Embed PDF.js into your angular application\",\n \"version\": \"1.0.0\",\n \"dependencies\": {\n \"bower\": \"^1.5.2\",\n \"cors\": \"^2.7.1\",\n \"express\": \"^4.13.3\"\n },\n \"scripts\": {\n \"postinstall\": \"bower install\"\n },\n \"license\": \"proprietary\"\n}\n" }, { "path": "demo/server.js", "content": "var express = require('express');\nvar cors = require('cors');\nvar app = express();\nvar server = require('http').Server(app);\nvar path = require('path');\n\napp.use(cors());\napp.use(express.static(__dirname));\n\napp.get('/angular-pdfjs-viewer.js', function(req, res) {\n res.sendFile(path.resolve(__dirname + '/../dist/angular-pdfjs-viewer.js'));\n});\n\napp.get('/', function (req, res) {\n res.sendFile(__dirname + '/index.html');\n});\n\nserver.listen(8080, function () {\n console.log('Server is listening on localhost:8080');\n});\n\n" }, { "path": "dist/angular-pdfjs-viewer.js", "content": "/**\n * angular-pdfjs\n * https://github.com/legalthings/angular-pdfjs\n * Copyright (c) 2015 ; Licensed MIT\n */\n\n+function () {\n 'use strict';\n\n var module = angular.module('pdfjsViewer', []);\n \n module.provider('pdfjsViewerConfig', function() {\n var config = {\n workerSrc: null,\n cmapDir: null,\n imageResourcesPath: null,\n disableWorker: false,\n verbosity: null\n };\n \n this.setWorkerSrc = function(src) {\n config.workerSrc = src;\n };\n \n this.setCmapDir = function(dir) {\n config.cmapDir = dir;\n };\n \n this.setImageDir = function(dir) {\n config.imageDir = dir;\n };\n \n this.disableWorker = function(value) {\n if (typeof value === 'undefined') value = true;\n config.disableWorker = value;\n };\n \n this.setVerbosity = function(level) {\n config.verbosity = level;\n };\n \n this.$get = function() {\n return config;\n }\n });\n \n module.run(['pdfjsViewerConfig', function(pdfjsViewerConfig) {\n if (pdfjsViewerConfig.workerSrc) {\n PDFJS.workerSrc = pdfjsViewerConfig.workerSrc;\n }\n\n if (pdfjsViewerConfig.cmapDir) {\n PDFJS.cMapUrl = pdfjsViewerConfig.cmapDir;\n }\n\n if (pdfjsViewerConfig.imageDir) {\n PDFJS.imageResourcesPath = pdfjsViewerConfig.imageDir;\n }\n \n if (pdfjsViewerConfig.disableWorker) {\n PDFJS.disableWorker = true;\n }\n\n if (pdfjsViewerConfig.verbosity !== null) {\n var level = pdfjsViewerConfig.verbosity;\n if (typeof level === 'string') level = PDFJS.VERBOSITY_LEVELS[level];\n PDFJS.verbosity = pdfjsViewerConfig.verbosity;\n }\n }]);\n \n module.directive('pdfjsViewer', ['$interval', function ($interval) {\n return {\n template: '\\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'

\\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' \\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'

\\n' +\n'

Enter the password to open this PDF file:

\\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' File name:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' File size:

-

\\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n' Title:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' Author:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' Subject:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' Keywords:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' Creation Date:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' Modification Date:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' Creator:

-

\\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n' PDF Producer:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' PDF Version:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' Page Count:

-

\\n' +\n'

\\n' +\n'

\\n' +\n' \\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n' Preparing document for printing…\\n' +\n'

\\n' +\n'

\\n' +\n' \\n' +\n' 0%\\n' +\n'

\\n' +\n'

\\n' +\n' \\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n'

\\n' +\n'\\n' +\n'

\\n' +\n'

\\n' +\n' ',\n restrict: 'E',\n scope: {\n onInit: '&',\n onPageLoad: '&',\n scale: '=?',\n src: '@?',\n data: '=?'\n },\n link: function ($scope, $element, $attrs) {\n $element.children().wrap('

');\n \n var initialised = false;\n var loaded = {};\n var numLoaded = 0;\n\n if (!window.PDFJS) {\n return console.warn(\"PDFJS is not set! Make sure that pdf.js is loaded before angular-pdfjs-viewer.js is loaded.\");\n }\n\n // initialize the pdf viewer with (with empty source)\n window.PDFJS.webViewerLoad(\"\");\n\n function onPdfInit() {\n initialised = true;\n \n if ($attrs.removeMouseListeners === \"true\") {\n window.removeEventListener('DOMMouseScroll', handleMouseWheel);\n window.removeEventListener('mousewheel', handleMouseWheel);\n \n var pages = document.querySelectorAll('.page');\n angular.forEach(pages, function (page) {\n angular.element(page).children().css('pointer-events', 'none');\n });\n }\n if ($scope.onInit) $scope.onInit();\n }\n \n var poller = $interval(function () {\n if (!window.PDFViewerApplication) {\n return;\n }\n\n var pdfViewer = window.PDFViewerApplication.pdfViewer;\n \n if (pdfViewer) {\n if ($scope.scale !== pdfViewer.currentScale) {\n loaded = {};\n numLoaded = 0;\n $scope.scale = pdfViewer.currentScale;\n }\n } else {\n console.warn(\"PDFViewerApplication.pdfViewer is not set\");\n }\n\n var pages = document.querySelectorAll('.page');\n angular.forEach(pages, function (page) {\n var element = angular.element(page);\n var pageNum = element.attr('data-page-number');\n \n if (!element.attr('data-loaded')) {\n delete loaded[pageNum];\n return;\n }\n \n if (pageNum in loaded) return;\n\n if (!initialised) onPdfInit();\n \n if ($scope.onPageLoad) {\n if ($scope.onPageLoad({page: pageNum}) === false) return;\n }\n \n loaded[pageNum] = true;\n numLoaded++;\n });\n }, 200);\n\n $element.on('$destroy', function() {\n $interval.cancel(poller);\n });\n\n // watch pdf source\n $scope.$watchGroup([\n function () { return $scope.src; },\n function () { return $scope.data; }\n ], function (values) {\n var src = values[0];\n var data = values[1];\n\n if (!src && !data) {\n return;\n }\n\n window.PDFViewerApplication.open(src || data);\n });\n\n // watch other attributes\n $scope.$watch(function () {\n return $attrs;\n }, function () {\n if ($attrs.open === 'false') {\n document.getElementById('openFile').setAttribute('hidden', 'true');\n document.getElementById('secondaryOpenFile').setAttribute('hidden', 'true');\n }\n\n if ($attrs.download === 'false') {\n document.getElementById('download').setAttribute('hidden', 'true');\n document.getElementById('secondaryDownload').setAttribute('hidden', 'true');\n }\n\n if ($attrs.print === 'false') {\n document.getElementById('print').setAttribute('hidden', 'true');\n document.getElementById('secondaryPrint').setAttribute('hidden', 'true');\n }\n\n if ($attrs.width) {\n document.getElementById('outerContainer').style.width = $attrs.width;\n }\n\n if ($attrs.height) {\n document.getElementById('outerContainer').style.height = $attrs.height;\n }\n });\n }\n };\n }]);\n}();\n" }, { "path": "package.json", "content": "{\n \"name\": \"angular-pdfjs-viewer\",\n \"description\": \"Embed PDF.js viewer into your angular application\",\n \"homepage\": \"http://github.com/legalthings/angular-pdfjs-viewer\",\n \"license\": \"MIT\",\n \"version\": \"1.0.0\",\n \"contributors\": [\n \"LegalThings \",\n \"Moesjarraf \",\n \"Arnold Daniels \"\n ],\n \"dependencies\": {\n \"angular\": \"^1.5.8\",\n \"pdf.js-viewer\": \"~1.6.211\"\n },\n \"license\": \"MIT\",\n \"main\": \"dist/angular-pdfjs-viewer.js\",\n \"devDependencies\": {\n \"grunt\": \"^0.4.5\",\n \"grunt-replace\": \"^0.10.2\"\n }\n}\n" }, { "path": "src/angular-pdfjs-viewer.js", "content": "/**\n * angular-pdfjs\n * https://github.com/legalthings/angular-pdfjs\n * Copyright (c) 2015 ; Licensed MIT\n */\n\n+function () {\n 'use strict';\n\n var module = angular.module('pdfjsViewer', []);\n \n module.provider('pdfjsViewerConfig', function() {\n var config = {\n workerSrc: null,\n cmapDir: null,\n imageResourcesPath: null,\n disableWorker: false,\n verbosity: null\n };\n \n this.setWorkerSrc = function(src) {\n config.workerSrc = src;\n };\n \n this.setCmapDir = function(dir) {\n config.cmapDir = dir;\n };\n \n this.setImageDir = function(dir) {\n config.imageDir = dir;\n };\n \n this.disableWorker = function(value) {\n if (typeof value === 'undefined') value = true;\n config.disableWorker = value;\n };\n \n this.setVerbosity = function(level) {\n config.verbosity = level;\n };\n \n this.$get = function() {\n return config;\n }\n });\n \n module.run(['pdfjsViewerConfig', function(pdfjsViewerConfig) {\n if (pdfjsViewerConfig.workerSrc) {\n PDFJS.workerSrc = pdfjsViewerConfig.workerSrc;\n }\n\n if (pdfjsViewerConfig.cmapDir) {\n PDFJS.cMapUrl = pdfjsViewerConfig.cmapDir;\n }\n\n if (pdfjsViewerConfig.imageDir) {\n PDFJS.imageResourcesPath = pdfjsViewerConfig.imageDir;\n }\n \n if (pdfjsViewerConfig.disableWorker) {\n PDFJS.disableWorker = true;\n }\n\n if (pdfjsViewerConfig.verbosity !== null) {\n var level = pdfjsViewerConfig.verbosity;\n if (typeof level === 'string') level = PDFJS.VERBOSITY_LEVELS[level];\n PDFJS.verbosity = pdfjsViewerConfig.verbosity;\n }\n }]);\n \n module.directive('pdfjsViewer', ['$interval', function ($interval) {\n return {\n templateUrl: file.folder + '../../pdf.js-viewer/viewer.html',\n restrict: 'E',\n scope: {\n onInit: '&',\n onPageLoad: '&',\n scale: '=?',\n src: '@?',\n data: '=?'\n },\n link: function ($scope, $element, $attrs) {\n $element.children().wrap('

');\n \n var initialised = false;\n var loaded = {};\n var numLoaded = 0;\n\n if (!window.PDFJS) {\n return console.warn(\"PDFJS is not set! Make sure that pdf.js is loaded before angular-pdfjs-viewer.js is loaded.\");\n }\n\n // initialize the pdf viewer with (with empty source)\n window.PDFJS.webViewerLoad(\"\");\n\n function onPdfInit() {\n initialised = true;\n \n if ($attrs.removeMouseListeners === \"true\") {\n window.removeEventListener('DOMMouseScroll', handleMouseWheel);\n window.removeEventListener('mousewheel', handleMouseWheel);\n \n var pages = document.querySelectorAll('.page');\n angular.forEach(pages, function (page) {\n angular.element(page).children().css('pointer-events', 'none');\n });\n }\n if ($scope.onInit) $scope.onInit();\n }\n \n var poller = $interval(function () {\n if (!window.PDFViewerApplication) {\n return;\n }\n\n var pdfViewer = window.PDFViewerApplication.pdfViewer;\n \n if (pdfViewer) {\n if ($scope.scale !== pdfViewer.currentScale) {\n loaded = {};\n numLoaded = 0;\n $scope.scale = pdfViewer.currentScale;\n }\n } else {\n console.warn(\"PDFViewerApplication.pdfViewer is not set\");\n }\n\n var pages = document.querySelectorAll('.page');\n angular.forEach(pages, function (page) {\n var element = angular.element(page);\n var pageNum = element.attr('data-page-number');\n \n if (!element.attr('data-loaded')) {\n delete loaded[pageNum];\n return;\n }\n \n if (pageNum in loaded) return;\n\n if (!initialised) onPdfInit();\n \n if ($scope.onPageLoad) {\n if ($scope.onPageLoad({page: pageNum}) === false) return;\n }\n \n loaded[pageNum] = true;\n numLoaded++;\n });\n }, 200);\n\n $element.on('$destroy', function() {\n $interval.cancel(poller);\n });\n\n // watch pdf source\n $scope.$watchGroup([\n function () { return $scope.src; },\n function () { return $scope.data; }\n ], function (values) {\n var src = values[0];\n var data = values[1];\n\n if (!src && !data) {\n return;\n }\n\n window.PDFViewerApplication.open(src || data);\n });\n\n // watch other attributes\n $scope.$watch(function () {\n return $attrs;\n }, function () {\n if ($attrs.open === 'false') {\n document.getElementById('openFile').setAttribute('hidden', 'true');\n document.getElementById('secondaryOpenFile').setAttribute('hidden', 'true');\n }\n\n if ($attrs.download === 'false') {\n document.getElementById('download').setAttribute('hidden', 'true');\n document.getElementById('secondaryDownload').setAttribute('hidden', 'true');\n }\n\n if ($attrs.print === 'false') {\n document.getElementById('print').setAttribute('hidden', 'true');\n document.getElementById('secondaryPrint').setAttribute('hidden', 'true');\n }\n\n if ($attrs.width) {\n document.getElementById('outerContainer').style.width = $attrs.width;\n }\n\n if ($attrs.height) {\n document.getElementById('outerContainer').style.height = $attrs.height;\n }\n });\n }\n };\n }]);\n\n // === get current script file ===\n var file = {};\n file.scripts = document.querySelectorAll('script[src]');\n file.path = file.scripts[file.scripts.length - 1].src;\n file.filename = getFileName(file.path);\n file.folder = getLocation(file.path).pathname.replace(file.filename, '');\n\n function getFileName(url) {\n var anchor = url.indexOf('#');\n var query = url.indexOf('?');\n var end = Math.min(anchor > 0 ? anchor : url.length, query > 0 ? query : url.length);\n\n return url.substring(url.lastIndexOf('/', end) + 1, end);\n }\n\n function getLocation(href) {\n var location = document.createElement(\"a\");\n location.href = href;\n\n if (!location.host) location.href = location.href; // Weird assigment\n\n return location;\n }\n // ======\n}();\n" } ]