![](\"@/assets/img/ui/logo.png\"){kind=logo}
\r\n\r\n\r\n","import { render } from \"./Logo.vue?vue&type=template&id=0fbe4d84&scoped=true\"\nimport script from \"./Logo.vue?vue&type=script&lang=js\"\nexport * from \"./Logo.vue?vue&type=script&lang=js\"\n\nimport \"./Logo.vue?vue&type=style&index=0&id=0fbe4d84&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\chbo\\\\Documents\\\\repos\\\\studievalg-digital-tool\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0fbe4d84\"]])\n\nexport default __exports__","\r\n \r\n\r\n\r\n","import { render } from \"./NavigationButton.vue?vue&type=template&id=c80afb22&scoped=true\"\nimport script from \"./NavigationButton.vue?vue&type=script&lang=js\"\nexport * from \"./NavigationButton.vue?vue&type=script&lang=js\"\n\nimport \"./NavigationButton.vue?vue&type=style&index=0&id=c80afb22&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\chbo\\\\Documents\\\\repos\\\\studievalg-digital-tool\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-c80afb22\"]])\n\nexport default __exports__","\r\n \r\n\r\n\r\n","import { render } from \"./Navigation.vue?vue&type=template&id=e7c3b578&scoped=true\"\nimport script from \"./Navigation.vue?vue&type=script&lang=js\"\nexport * from \"./Navigation.vue?vue&type=script&lang=js\"\n\nimport \"./Navigation.vue?vue&type=style&index=0&id=e7c3b578&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\chbo\\\\Documents\\\\repos\\\\studievalg-digital-tool\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e7c3b578\"]])\n\nexport default __exports__","\r\n ![](\"@/assets/img/ui/back-button.svg\")
\r\n\r\n\r\n","import { render } from \"./BackButton.vue?vue&type=template&id=b0c30eec&scoped=true\"\nimport script from \"./BackButton.vue?vue&type=script&lang=js\"\nexport * from \"./BackButton.vue?vue&type=script&lang=js\"\n\nimport \"./BackButton.vue?vue&type=style&index=0&id=b0c30eec&lang=scss&scoped=true\"\n\nimport exportComponent from \"C:\\\\Users\\\\chbo\\\\Documents\\\\repos\\\\studievalg-digital-tool\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b0c30eec\"]])\n\nexport default __exports__","import { render } from \"./UiLayer.vue?vue&type=template&id=3b9b3e9a\"\nimport script from \"./UiLayer.vue?vue&type=script&lang=js\"\nexport * from \"./UiLayer.vue?vue&type=script&lang=js\"\n\nimport \"./UiLayer.vue?vue&type=style&index=0&id=3b9b3e9a&lang=scss\"\n\nimport exportComponent from \"C:\\\\Users\\\\chbo\\\\Documents\\\\repos\\\\studievalg-digital-tool\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Page.vue?vue&type=template&id=010777d5\"\nimport script from \"./Page.vue?vue&type=script&lang=js\"\nexport * from \"./Page.vue?vue&type=script&lang=js\"\n\nimport \"./Page.vue?vue&type=style&index=0&id=010777d5&lang=scss\"\n\nimport exportComponent from \"C:\\\\Users\\\\chbo\\\\Documents\\\\repos\\\\studievalg-digital-tool\\\\node_modules\\\\vue-loader\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createRouter, createWebHashHistory } from 'vue-router'\r\nimport Page from '../components/core/Page.vue'\r\n\r\nconst routes = [\r\n { path: \"/:id*\", component: Page }\r\n]\r\n\r\n\r\nconst router = createRouter({\r\n history: createWebHashHistory(process.env.BASE_URL),\r\n routes,\r\n scrollBehavior (to, from, savedPosition) {\r\n if(savedPosition) {\r\n return new Promise((resolve, reject) => {\r\n setTimeout(() => {\r\n resolve(savedPosition)\r\n }, 0)\r\n })\r\n } else {\r\n return { top: 0 }\r\n }\r\n }\r\n})\r\n\r\n\r\n// Page navigation tracking hook\r\nrouter.beforeEach((to, from, next) => {\r\n app.api.Tracking.navigation(\"navigation\", to.fullPath, \"\");\r\n next();\r\n})\r\n\r\nexport default router\r\n","const config = {\r\n name: 'Future Spin',\r\n language: 'da',\r\n\r\n mediaFolder: 'https://studievalg-danmark.euwest01.umbraco.io/media/',\r\n manifest: 'https://www.studievalg.dk/manifest.json'\r\n}\r\n\r\n/* change variables for local environment or cdn */\r\nif (window.location.hostname === \"localhost\") {\r\n\r\n}\r\nelse if (window.location.origin.includes('.azurewebsites.net') || window.location.origin.includes('.azureedge.net')) {\r\n}\r\n\r\n\r\n\r\nexport default config","export default function AppInitializer() {\r\n const steps = [];\r\n\r\n return Object.freeze({\r\n start,\r\n addStep,\r\n })\r\n\r\n function addStep({ id, tasks = [] }) {\r\n steps.push({ id, tasks });\r\n return this;\r\n }\r\n\r\n async function start(beforeStart = () => { }) {\r\n beforeStart();\r\n\r\n for (const step of steps) {\r\n //console.log('step', step, step.tasks.map(e => e.id))\r\n await Promise.all(step.tasks.map(e => {\r\n console.log('app-initializer-executing:\\n', e.id);\r\n const promise = e.execute()\r\n promise\r\n .then(() => {\r\n console.log('app-initializer-complete:\\n', e.id);\r\n })\r\n .catch(e => {\r\n console.log('app-initializer-failed:\\n', e.id, e);\r\n })\r\n return promise;\r\n }))\r\n }\r\n }\r\n}","import Page from '../components/core/Page.vue'\r\n\r\nexport default function (manifest) {\r\n let pages = [];\r\n let custom = [];\r\n\r\n let tempmanifest = {\r\n pages: [],\r\n custom: []\r\n }\r\n tempmanifest.pages = manifest.root.children\r\n custom = manifest.root.children.find(data => data.type === \"customDataForDigitalTool\").children\r\n\r\n //flattenPages(root, null, '')\r\n tempmanifest.pages.forEach(page => flattenPages(page, null, ''))\r\n\r\n return {\r\n pages,\r\n custom\r\n }\r\n\r\n\r\n function flattenPages(node, parent, route) {\r\n route = route + '/' + sanitizeSlug(node.name);\r\n\r\n let page = formatPage(node, parent, route)\r\n\r\n //digital tool specific catch for custom data \r\n if (!page.route.includes('/custom-data'))\r\n pages.push(page)\r\n\r\n\r\n if (node.children) {\r\n node.children.forEach(c => flattenPages(c, node, route))\r\n }\r\n }\r\n\r\n function formatPage(node, parent, route) {\r\n // format Page for usable data from json manifest provided by Umbraco\r\n return {\r\n id: node.id,\r\n component: Page,\r\n title: node.name,\r\n slug: sanitizeSlug(node.name),\r\n route,\r\n parent: parent ? sanitizeSlug(parent.name) : null,\r\n data: node.data,\r\n components: node.components ? node.components.map(c => {\r\n return {\r\n id: c.id,\r\n type: c.type,\r\n properties: {\r\n ...c\r\n }\r\n }\r\n }) : []\r\n }\r\n }\r\n\r\n // Sanitize slugs for a clean url\r\n function sanitizeSlug(slug = '') {\r\n var s = slug\r\n .toLowerCase()\r\n .replace(/[^\\w ]+/g, '')\r\n .replace(/ +/g, '-')\r\n\r\n return encodeURI(s).replace('%E2%80%93', '-')\r\n }\r\n}","// temp variable to hold promise data\r\nlet data = false;\r\n\r\n// fetch method to get manifest data\r\nexport default function MakeLoader({\r\n MANIFEST_PATH,\r\n FETCH_OPTIONS,\r\n DataDecorator = false\r\n}) {\r\n return Object.freeze({\r\n fetchData,\r\n getRootPage,\r\n onRootPage,\r\n getPage,\r\n pageExists,\r\n getBreadcrumbs,\r\n navigateToHomePage,\r\n navigateToRoute,\r\n getRouteFromID,\r\n getMediaPath,\r\n\r\n get data() {\r\n return data;\r\n }\r\n })\r\n\r\n async function fetchData() {\r\n var path = MANIFEST_PATH;\r\n var globalFetchOptions = FETCH_OPTIONS || {};\r\n var localFetchOptions = {\r\n cache: \"no-store\"\r\n }\r\n var fetchOptions = Object.assign({}, localFetchOptions, globalFetchOptions);\r\n return new Promise((resolve, reject) => {\r\n fetch(path, fetchOptions).then(o => o.json())\r\n .then(o => {\r\n data = DataDecorator ? DataDecorator(o) : o;\r\n resolve();\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n reject(e)\r\n })\r\n })\r\n }\r\n\r\n\r\n function getRootPage() {\r\n // HomePage is first page found without a parent\r\n // This means the first object in the \"pages\" array ie. data.pages[0].\r\n return data.pages.find(p => p.parent === null)\r\n }\r\n\r\n function onRootPage(){\r\n // hardcoded reference to '/future-spin', as it cant be referenced with content picker in umbraco\r\n return data.pages.find(p => p.parent === null).route === window.app.vm.$router.currentRoute._value.path || window.app.vm.$route.path == \"/future-spin\"\r\n }\r\n\r\n function navigateToHomePage() {\r\n return window.app.vm.$router.push(`/${app.manifest.getRootPage().slug}`)\r\n }\r\n\r\n function navigateToRoute(route) {\r\n return window.app.vm.$router.push(route)\r\n }\r\n\r\n\r\n function getPage(route) {\r\n\r\n // route: 'home/tunnel-boring-machine/bucket-wheel-excavator'\r\n // maybe there should be some check to see if the entire chain can be resolved ?\r\n // a naive solution could be to only check the page and parent and ignore the possibility of\r\n // multiple branches with the same slug names (in that case a more elaborate resolving alcho shoyuld be used.)\r\n\r\n let _route = getRoute(route);\r\n let fragments = route.replace(/:.*/, '').split('/').slice(-2)\r\n var result = {}\r\n\r\n if (fragments[0] === '') {\r\n result = data.pages.find(page => page.slug === _route)\r\n } else {\r\n // this is a sub route, lets find a page with the slug and parrent\r\n var [parent, slug] = fragments;\r\n result = data.pages.find(p => {\r\n return (p.parent == parent && p.slug == slug)\r\n })\r\n }\r\n\r\n return result ? result : getRootPage();\r\n }\r\n\r\n function pageExists(route) {\r\n let _route = getRoute(route);\r\n let fragments = _route.split('/').slice(-2)\r\n \r\n if (fragments.length === 1 && fragments[0] !== '') {\r\n return _route === fragments[0]\r\n } else {\r\n var [parent, slug] = fragments;\r\n var result = data.pages.find(p => {\r\n return (p.parent == parent && p.slug == slug)\r\n })\r\n return !!result\r\n }\r\n }\r\n\r\n function getRoute(route) {\r\n return route[0] === '/' ? route.substr(1) : route;\r\n }\r\n\r\n function getRouteFromID(id) {\r\n if(!id)\r\n return ''\r\n\r\n return data.pages.find(page => page.id === id).route\r\n }\r\n\r\n function getBreadcrumbs() {\r\n var breadcrumbs = [];\r\n var manifestPages = data.pages;\r\n var tempRoute = window.app.vm.$router.currentRoute._value.path.split(\"/\").filter(el => el != '' || null)\r\n\r\n breadcrumbs = tempRoute.map(breadcrumb => {\r\n let page = manifestPages.find(page => page.slug === breadcrumb)\r\n return {\r\n title: page.title,\r\n slug: breadcrumb,\r\n route: page.route\r\n };\r\n })\r\n \r\n return breadcrumbs\r\n }\r\n\r\n function getMediaPath(url = '') {\r\n const mediaFolder = app.config.mediaFolder\r\n \r\n if (/http/.test(mediaFolder)) {\r\n const [protokol, host] = app.config.mediaFolder.split('//')\r\n return `${protokol}//` + `${host}/${url.replace(/(.*)\\/media\\//g, '')}`.replace(/\\/{1,}/g, '/')\r\n } else {\r\n return `${mediaFolder}/${url.replace(/(.*)\\/media\\//g, '')}`.replace(/\\/{1,}/g, '/')\r\n }\r\n }\r\n}","import { createStore } from 'vuex'\r\n\r\n// Create a new store instance.\r\nconst store = createStore({\r\n state() {\r\n return {\r\n ready: false,\r\n previousRoute: null\r\n }\r\n },\r\n mutations: {\r\n ready(state) {\r\n state.ready = true;\r\n },\r\n setPreviousRoute(state, route) {\r\n state.previousRoute = route;\r\n },\r\n },\r\n getters: {\r\n ready(state) {\r\n return state.ready\r\n }\r\n },\r\n actions: {\r\n ready(context) {\r\n context.commit('ready')\r\n },\r\n }\r\n})\r\n\r\nexport default store;\r\n","import config from \"@/config\"\r\n\r\nexport default function makeDataStore(app) {\r\n if ('store' in app.api) {\r\n throw Error('store already defined in app.api')\r\n }\r\n\r\n let data = initializeStorage()\r\n\r\n app.api.store = Object.freeze({\r\n get,\r\n set,\r\n remove,\r\n has,\r\n list,\r\n })\r\n\r\n function initializeStorage() {\r\n // If the key for the app isn't in localStorage, create an object with a language key and set it to the app's language\r\n if (!localStorage.getItem(config.name)) {\r\n let initialData = { lang: config.language }\r\n localStorage.setItem(config.name, JSON.stringify(initialData))\r\n return initialData\r\n }\r\n // Otherwise, get the data from localStorage\r\n return JSON.parse(localStorage.getItem(config.name));\r\n }\r\n\r\n function set(key, keyVal) {\r\n // Set the value of the given key in the data object to the given value, save the updated data to localStorage, and return the new value\r\n data[key] = keyVal\r\n save()\r\n return data[key]\r\n }\r\n\r\n function get(key) {\r\n // If the key exists in localStorage, return its value. Otherwise, log an error and return false.\r\n if (has(key))\r\n return JSON.parse(localStorage.getItem(config.name))[key];\r\n console.log(`The specific key: \"${key}\" was not found in the local storage`) \r\n return false;\r\n }\r\n\r\n function has(key) {\r\n // Return true if the given key exists in localStorage\r\n var o = JSON.parse(localStorage.getItem(config.name)) || {};\r\n return (key in o);\r\n }\r\n\r\n function remove(key, prop) {\r\n // If the key exists in the data object, remove it (or a property of it), save the updated data to localStorage, and return true.\r\n if (has(key)) {\r\n if (prop && prop in data[key]) {\r\n delete data[key][prop]\r\n save({ key: `${key}.${prop}`, action: 'remove' })\r\n } else {\r\n delete data[key]\r\n save({ key, action: 'remove' })\r\n }\r\n return true;\r\n }\r\n \r\n return false\r\n }\r\n\r\n function list() {\r\n // Return an array of all the keys in the data object.\r\n return Object.keys(data);\r\n }\r\n\r\n function save() {\r\n // Save the current state of the data object in the localStorage.\r\n localStorage.setItem(config.name, JSON.stringify(data));\r\n }\r\n}","import store from '@/store/store'\r\n\r\nexport default function Utils(app) {\r\n app.api.Utils = Object.freeze({\r\n getMediaType,\r\n\r\n getBrowser,\r\n preloadVideo,\r\n preloadImage\r\n })\r\n\r\n\r\n function getMediaType(src) {\r\n // regular expression to match image and video file extensions\r\n var imageExtensions = /\\.(jpe?g|png|gif|bmp|webp|svg)$/i;\r\n var videoExtensions = /\\.(mp4|m4v|ogg|webm|mkv|flv|avi|wmv|mov)$/i;\r\n\r\n // determine the file type based on the src string\r\n let fileType = 'unknown';\r\n if (src.match(imageExtensions)) {\r\n fileType = 'image';\r\n } else if (src.match(videoExtensions)) {\r\n fileType = 'video';\r\n }\r\n\r\n return fileType;\r\n }\r\n\r\n\r\n function getBrowser() {\r\n // Get the user agent string\r\n const userAgent = navigator.userAgent;\r\n\r\n // Check for Microsoft Edge\r\n if (userAgent.indexOf(\"Edge\") > -1) {\r\n return \"Microsoft Edge\";\r\n }\r\n\r\n // Check for Opera\r\n if (userAgent.indexOf(\"Opera\") > -1 || userAgent.indexOf(\"OPR\") > -1) {\r\n return \"Opera\";\r\n }\r\n\r\n // Check for Chrome\r\n if (userAgent.indexOf(\"Chrome\") > -1) {\r\n return \"Google Chrome\";\r\n }\r\n\r\n // Check for Safari\r\n if (userAgent.indexOf(\"Safari\") > -1) {\r\n return \"Safari\";\r\n }\r\n\r\n // Check for Firefox\r\n if (userAgent.indexOf(\"Firefox\") > -1) {\r\n return \"Mozilla Firefox\";\r\n }\r\n\r\n // Default to other\r\n return \"Unknown\";\r\n }\r\n\r\n\r\n async function preloadVideo(src) {\r\n let realSrc = getMediaPath(src)\r\n\r\n // Fetch the video using the specified src\r\n const response = await fetch(realSrc);\r\n\r\n // Check if the fetch was successful\r\n if (!response.ok) {\r\n throw new Error(`Error preloading video: ${response.statusText}`);\r\n }\r\n\r\n // Check the content type of the response\r\n const contentType = response.headers.get('content-type');\r\n if (!contentType.includes('video/mp4') && getBrowser() == \"Safari\") {\r\n console.log('Invalid video content type or format for current browser Safari.');\r\n return Promise.resolve()\r\n }\r\n\r\n // Get the video data from the response\r\n const videoBlob = await response.blob();\r\n\r\n // Create an object URL from the video data\r\n const videoUrl = URL.createObjectURL(videoBlob);\r\n\r\n // Create a new video element\r\n const video = document.createElement('video');\r\n video.preload = 'auto';\r\n video.setAttribute('playsinline', '');\r\n\r\n // Set the src of the video to the object URL\r\n video.src = videoUrl;\r\n\r\n // Return a promise that resolves once the video has finished preloading\r\n return new Promise((resolve, reject) => {\r\n video.addEventListener('canplay', () => {\r\n resolve();\r\n });\r\n video.addEventListener('error', () => {\r\n reject(new Error('Video preload failed.'));\r\n });\r\n video.load();\r\n });\r\n }\r\n\r\n\r\n async function preloadImage(src) {\r\n // create Image element and append it to the dom for preload\r\n const image = new Image();\r\n image.src = getMediaPath(src);\r\n image.onerror = function (error) {\r\n console.error(`Error preloading image: ${error}`);\r\n };\r\n }\r\n}","export default function Tracking(app) {\r\n app.api.Tracking = Object.freeze({\r\n navigation,\r\n event\r\n })\r\n\r\n\r\n /* ------------- PIWIK PRO CUSTOM EVeNT TRACKING ------------- */\r\n // Array containing a tracking function’s name followed by its arguments. The number of arguments and their meaning are determined by the tracking function.\r\n // [\"trackEvent\", \"video\", \"video-paused\", \"intro.mp4\", 15.2];\r\n\r\n /* Custom events\r\n trackEvent(category, action[, name[, value[, dimensions]]])\r\n Tracks custom event, e.g. when visitor interacts with the page.\r\n\r\n Arguments:\t\r\n category (string) – Required Event category\r\n action (string) – Required Event action\r\n name (string) – Optional Event name\r\n value (number) – Optional Event value\r\n dimensions (object) – Optional Custom dimensions to pass along with the custom event\r\n */\r\n\r\n // Navigation with hooks in the $Router\r\n function navigation(action, property, payload) {\r\n console.log(`Tracking Page View => \\nURL: ${property}`);\r\n if(_paq != undefined)\r\n _paq.push([\"trackPageView\"]);\r\n }\r\n \r\n // Explicitly called events with js (buttonclicks etc.)\r\n function event(action, property, payload) {\r\n \r\n\r\n let trackingObject = [action, property, payload]\r\n \r\n CreateLog(trackingObject)\r\n }\r\n \r\n function CreateLog(data) {\r\n\r\n if(_paq)\r\n _paq.push(data);\r\n }\r\n}","import makeDataStore from '../LocalDataStore';\r\nimport Utils from './Utils';\r\nimport Tracking from './Tracking';\r\n\r\nexport default function(app) {\r\n // init data storage in localstorage of the browser and access through app.api.\r\n makeDataStore(app);\r\n\r\n // Various other helper methods\r\n Utils(app);\r\n\r\n // Tracking manager\r\n Tracking(app);\r\n}","// Import global sass.\r\n// > import sub sass files inside main.scss\r\nimport './assets/sass/main.scss';\r\n\r\nimport {createApp} from 'vue';\r\nimport App from './App.vue';\r\nimport router from './router/router';\r\n\r\n//global variables\r\nimport config from './config';\r\n\r\nimport ComponentRepo from './services/ComponentRepo';\r\nimport AppInitializer from './services/AppInitializer';\r\nimport DataAdapter from './services/DataAdapter';\r\nimport CreateSiteManifestLoader from './services/FetchSiteManifest';\r\nimport store from './store/store';\r\n\r\nimport ApiManager from './services/api/ApiManager';\r\n\r\n// app data in global space\r\nwindow.app = {\r\n manifest: false,\r\n api: {},\r\n config\r\n}\r\n\r\n\r\n// Various API functions bundled\r\nApiManager(app)\r\n\r\n// Load manifest to create pseudo pages\r\nconst manifestLoader = CreateSiteManifestLoader({\r\n MANIFEST_PATH: config.manifest,\r\n FETCH_OPTIONS: {\r\n mode: \"cors\",\r\n headers: {\r\n \"Accept-language\": 'en'\r\n }\r\n },\r\n DataDecorator: (manifest) => {\r\n return DataAdapter(manifest)\r\n }\r\n})\r\n\r\n// Load manifest into global object for fast and easy access\r\nwindow.app.manifest = manifestLoader;\r\n\r\n\r\n// Init app\r\nconst vm = createApp(App).use(store);\r\nComponentRepo.setup(vm)\r\nvm.use(store)\r\nvm.use(router);\r\nvm.mount('#app');\r\n\r\n\r\n\r\n\r\nAppInitializer()\r\n // Add steps here to run during load of SPA\r\n .addStep({\r\n id: 'data-load',\r\n tasks: [{\r\n id: 'fetch-manifest',\r\n execute: () => manifestLoader.fetchData()\r\n }]\r\n })\r\n .start(() => {\r\n })\r\n // addStep() methods are run here!\r\n .then(() => {\r\n //Check if page exists or redirect to HomePage\r\n if (!window.app.manifest.pageExists(window.app.vm.$route.path)) {\r\n \r\n //TODO:\r\n //Navigate til noget error 404 handling i stedet for homepage\r\n window.app.manifest.navigateToHomePage().then(() => {\r\n store.commit('ready')\r\n })\r\n } else {\r\n store.commit('ready')\r\n }\r\n }\r\n)","\r\n ![](\"@/assets/img/ui/frontpage-wheel.svg\")
\r\n (Intet resultat har resultPath {{ resultPath }})
\r\n\r\n Prøv igen\r\n
\r\nHent som pdf
\r\n\r\nHent som pdf
\r\n\r\n![](\"@/assets/img/ui/thumb.svg\")
\r\n \r\n \r\n \r\n \r\n \r\n Hent som pdf
\r\n\r\n![](\"@/assets/img/ui/tiny-wheel-navigation.svg\")
\r\n ![](\"@/assets/img/ui/btn-arrow.svg\"){kind=icon}
\r\n ![](\"@/assets/img/ui/btn-arrow-black.svg\"){kind=icon}
\r\n \r\n \r\n \r\n