- \n
- \n
\n
\n \n
\n - \n {pages?.map(\n (page, index) => (\n // document.getElementById(generateSectionId(page)) ? (\n\n <>\n
\n //
\n // \n // Laster inn kategorier\n //
\n //{this.props.title}
\n{this.props.subtitle}
\n\n
\n );\n }\n}\n \n export default Home;\n ","import React from 'react';\nimport './Img.css';\nconst Img = (props: any) => {\n let allProps = {\n ...props,\n };\n\n return (\n <>\n \n //
\n\n // {this.props.description ? (\n // {this.props.title}
\n // )}\n //\n //
*/}\n // \n // );\n\n const createLightbox = (src: string) => {\n let wrapper = document.createElement('div');\n let lightbox = document.createElement('div');\n let bottomUi = document.createElement('div');\n let resetBtn = document.createElement('button');\n let closeBtn = document.createElement('button');\n let img = document.createElement('img');\n closeBtn.classList.add('lightbox-close-btn');\n resetBtn.classList.add('lightbox-reset-btn');\n bottomUi.classList.add('lightbox__bottom-ui');\n wrapper.classList.add('lightbox-wrapper');\n lightbox.classList.add('lightbox');\n img.classList.add('lightbox__img');\n img.src = src;\n closeBtn.innerText = 'Close';\n resetBtn.innerText = 'Reset';\n const remove = () => {\n if (document.body.contains(wrapper)) {\n document.body.removeChild(wrapper);\n document.body.classList.remove('noscroll');\n }\n };\n wrapper.addEventListener('click', (e) => {\n if (e.target === wrapper) {\n remove();\n }\n // remove();\n });\n closeBtn.addEventListener('click', (e) => {\n remove();\n });\n lightbox.appendChild(img);\n wrapper.appendChild(lightbox);\n bottomUi.appendChild(closeBtn);\n bottomUi.appendChild(resetBtn);\n wrapper.appendChild(bottomUi);\n document.body.appendChild(wrapper);\n document.body.classList.add('noscroll');\n document.body.addEventListener('keydown', (e) => {\n if (e.key === 'Escape') {\n remove();\n }\n });\n // wrapper.addEventListener(\n // 'wheel',\n // function (e) {\n // let currentScale = lightbox.style.transform.match(/scale\\((.*)\\)/);\n // let currentScaleVal = 1;\n // if (Array.isArray(currentScale)) {\n // currentScaleVal = parseInt(currentScale[1]);\n // }\n // let scale = (e.deltaY * -1) / 100 + currentScaleVal;\n // console.log(currentScale);\n // lightbox.style.transform = `scale(${scale})`;\n // },\n // false\n // );\n let mouseX = 0;\n let mouseY = 0;\n let mouseTX = 0;\n let mouseTY = 0;\n let panning = false;\n\n const ts = {\n scale: 1,\n rotate: 0,\n translate: {\n x: 0,\n y: 0,\n },\n };\n\n let zoomable = lightbox;\n zoomable.onwheel = function (event: any) {\n resetBtn.classList.add('visible');\n event.preventDefault();\n //need more handling to avoid fast scrolls\n var func = zoomable.onwheel;\n zoomable.onwheel = null;\n\n let rec = zoomable.getBoundingClientRect();\n let x = (event.clientX - rec.x) / ts.scale;\n let y = (event.clientY - rec.y) / ts.scale;\n\n let delta = event.wheelDelta ? event.wheelDelta : -event.deltaY;\n ts.scale = delta > 0 ? ts.scale + 0.2 : ts.scale - 0.2;\n\n //let m = (ts.scale - 1) / 2;\n let m = delta > 0 ? 0.1 : -0.1;\n ts.translate.x += -x * m * 2 + zoomable.offsetWidth * m;\n ts.translate.y += -y * m * 2 + zoomable.offsetHeight * m;\n\n setTransform();\n zoomable.onwheel = func;\n };\n\n zoomable.onmousedown = function (event) {\n event.preventDefault();\n panning = true;\n zoomable.style.cursor = 'grabbing';\n mouseX = event.clientX;\n mouseY = event.clientY;\n mouseTX = ts.translate.x;\n mouseTY = ts.translate.y;\n };\n\n zoomable.onmouseup = function (event) {\n panning = false;\n zoomable.style.cursor = 'grab';\n };\n\n zoomable.onmousemove = function (event) {\n event.preventDefault();\n // let rec = zoomable.getBoundingClientRect();\n\n const x = event.clientX;\n const y = event.clientY;\n // let pointX = x - startX;\n // let pointY = y - startY;\n if (panning) {\n resetBtn.classList.add('visible');\n }\n if (!panning) {\n return;\n }\n ts.translate.x = mouseTX + (x - mouseX);\n ts.translate.y = mouseTY + (y - mouseY);\n setTransform();\n };\n\n function setTransform() {\n const steps = `translate(${ts.translate.x}px,${ts.translate.y}px) scale(${ts.scale}) translate3d(0,0,0)`;\n //console.log(steps);\n zoomable.style.transform = steps;\n }\n function reset() {\n resetBtn.classList.remove('visible');\n ts.scale = 1;\n ts.translate = {\n x: 0,\n y: 0,\n };\n zoomable.style.transform = 'none';\n }\n resetBtn.addEventListener('click', reset);\n setTransform();\n };\n\n return (\n <>\n \n {this.props.file && (\n {\n e.preventDefault();\n e.stopPropagation();\n // this.props.file.id\n // this.props.file.url\n // this.props.description\n createLightbox(this.props.file.url);\n }}\n onMouseOver={(e) => {\n e.preventDefault();\n e.stopPropagation();\n }}>\n
\n )}\n \n {this.props.file && (\n
\n \n \n {!this.props.hideTitle &&\n (this.props.description ? (\n \n
*/}\n {this.props.title}
\n \n ))}\n \n //{JSON.stringify(this.props.columns, null, 1)} */}\n// {child}
\n// )\n// )}\n// {this.props.children}\n// \n// \n// {this.props.childrenArray?.length &&\n// this.state.limit < this.props.childrenArray.length && (\n// \n// this.setState({\n// deviceWidth: window.innerWidth,\n// limit: this?.props?.childrenArray?.length,\n// })\n// }>\n// {/* Last inn alle */}\n// Load all\n// \n// )}\n//
\n// \n// );\n// }\n// }\n\n// export default PageGrid;\nimport React, { useState, useEffect, useCallback, useContext } from 'react';\nimport { LangContext } from '../contexts/Lang';\nexport interface PageGridProps {\n columns?: number;\n fitContent?: boolean;\n className?: string;\n childrenLength?: any;\n childrenArray?: any[];\n children?: any;\n}\nconst PageGrid = (props: PageGridProps) => {\n const { globalPageData } = useContext(LangContext);\n const [state, setState] = useState({\n deviceWidth: window.innerWidth,\n limit: 15,\n });\n const listen = useCallback(() => {\n setState((s) => {\n return {\n ...s,\n deviceWidth: window.innerWidth,\n };\n });\n }, [setState]);\n useEffect(() => {\n window.addEventListener('resize', listen);\n return () => {\n window.removeEventListener('resize', listen);\n };\n }, [listen]);\n const getColumns = () => {\n return props.columns || 5;\n };\n let columns = getColumns();\n let gridStyle = {\n gridTemplateColumns: `repeat(${columns}, 1fr)`,\n };\n\n let className = 'section-grid';\n if (props.className) {\n className += ' ' + props.className;\n }\n return (\n <>\n {child}
\n )\n )}\n {props.children}\n \n \n {props.childrenArray?.length &&\n state.limit < props.childrenArray.length && (\n \n setState({\n deviceWidth: window.innerWidth,\n limit: props?.childrenArray?.length || 0,\n })\n }>\n {globalPageData.lastInnAlle || 'Last inn alle'}\n \n )}\n
\n \n );\n};\n\nexport default PageGrid;\n","import React from \"react\";\n\nexport default function SectionTitle({ title }: { title?: string }) {\n if (!title) {\n return null;\n }\n return (\n \n {AllowedFileDownloadTypes.map((item) => {\n let className = 'switch';\n if (item === props.selected) {\n className += ' selected';\n }\n return (\n props.setSelectedFileType(item)}\n className={className}>\n {item.replace('.', '').toUpperCase()}{' '}\n {item === 'original' ? props.original : ''}\n
\n );\n })}\n \n );\n}\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1559\",\n \"data-name\": \"Group 1559\",\n transform: \"translate(-1549.906 -4003.155)\"\n}, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_awesome-arrow-down\",\n \"data-name\": \"Icon awesome-arrow-down\",\n d: \"M21.526,12.129l1.151,1.151a1.239,1.239,0,0,1,0,1.758L12.6,25.119a1.239,1.239,0,0,1-1.758,0L.763,15.038a1.239,1.239,0,0,1,0-1.758l1.151-1.151a1.246,1.246,0,0,1,1.779.021L9.646,18.4V3.495A1.242,1.242,0,0,1,10.891,2.25H12.55a1.242,1.242,0,0,1,1.245,1.245V18.4l5.953-6.249A1.237,1.237,0,0,1,21.526,12.129Z\",\n transform: \"translate(1554.758 4000.905)\"\n}), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_4196\",\n \"data-name\": \"Path 4196\",\n d: \"M3067.906,1407h33.145\",\n transform: \"translate(-1518 2629.967)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeWidth: 5\n}));\n\nfunction SvgDownloadArrow(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, [\"title\", \"titleId\"]);\n\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 33.145,\n height: 36.312,\n viewBox: \"0 0 33.145 36.312\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _ref2);\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDownloadArrow);\nexport default __webpack_public_path__ + \"static/media/download-arrow.698d6b24.svg\";\nexport { ForwardRef as ReactComponent };","import { faUndo } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { useContext, useState } from 'react';\n// import { AppContext } from \"../app-context-provider\";\nimport React from 'react';\n// import { buttonStyle, ColorType } from \"../helpers/style-helpers\";\nimport FileTypeSelector from './filetype-selector';\nimport { getZip } from '../helpers/api-helpers';\nimport { ReactComponent as DownloadButton } from '../assets/images/download-arrow.svg';\n// import LoadingSpinner from \"./loading-spinner\";\nimport AnimateHeight from 'react-animate-height';\nimport { FaRegHandPointer } from 'react-icons/fa';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { LangContext } from '../contexts/Lang';\nexport interface DownloadBarProps {\n selectedItems: any[];\n deSelectAll?: any;\n enableConversions: boolean;\n isMulti: boolean;\n}\n\nexport const FileDownloadTypes = {};\n\nexport default function DownloadBar(props: DownloadBarProps) {\n const [downloadStatus, setDownloadStatus]: [number | null, Function] =\n useState(null);\n // const appContext = useContext(AppContext);\n const [selectedFileType, setSelectedFileType] = useState('original');\n const fileLabel = props.isMulti ? 'filene' : 'filen';\n const { globalPageData } = useContext(LangContext);\n return (\n \n \n \n
\n );\n}\n","import React from 'react';\nimport { PageProps, FileItem } from '../components/component-switcher';\nimport FileComponent from '../components/file-component';\nimport PageGrid from '../components/page-grid';\nimport SectionTitle from '../components/section-title';\nimport { createCategories, generateSectionId } from '../helpers/layout-helpers';\nimport DownloadBar from '../components/download-bar';\nexport interface FilePage extends PageProps {\n itemChildren: FileItem[];\n}\n\nexport interface FileArchiveState {\n selectedItems: FileItem[];\n}\n\nexport const AllowedFileConversions = ['LogoArchive'];\n\nclass FileArchive extends React.Component\n
\n \n \n
\n {!props.enableConversions && (\n \n {/*
\n \n {props.isMulti && (\n <>\n {globalPageData.downloadMulti ||\n 'Klikk på filene du ønsker å laste ned:'}\n \n )}\n {!props.isMulti && (\n <>\n {globalPageData.downloadSingle ||\n 'Klikk på filen du ønsker å laste ned:'}\n \n )}\n
\n\n {globalPageData.lastesNedIOriginalformat ||\n fileLabel.charAt(0).toUpperCase() +\n fileLabel.slice(1) +\n ' lastes ned i originalformat'}\n
\n )}\n\n {props.enableConversions && (\n 0\n ? '(' +\n props.selectedItems\n .map((item, index) =>\n index === 0 ? '.' + item.file?.extension : ''\n )\n .toString()\n .replace(/,/g, '') +\n ')'\n : ''\n }\n selected={selectedFileType}\n />\n )}\n\n {downloadStatus === null && (\n
\n \n \n
\n )}\n {downloadStatus === 0 && (\n \n {props.isMulti && (\n 1\n ? 'download-zip-button-multiple'\n : 'download-zip-button-single'\n }`}\n disabled={downloadStatus !== null}\n onClick={() => {\n setDownloadStatus(0);\n getZip(\n props.selectedItems.map((item) => item.file?.id),\n selectedFileType,\n props.selectedItems\n .map((item) => item.file?.slug)\n .toString(),\n (recievedPercent: number) => {\n console.log(recievedPercent);\n setDownloadStatus(recievedPercent);\n },\n () => setDownloadStatus(null)\n );\n }}>\n {/* {props.selectedItems.length > 1 ? Download all as .zip : Download file} */}\n
\n \n \n
\n )}\n \n {!props.isMulti && (\n \n {props.selectedItems.map(\n (item, index) =>\n item && (\n \n {item.title}\n {selectedFileType.toLowerCase() === 'original'\n ? '.' + item.file?.extension\n : selectedFileType}\n \n )\n )}\n \n )}\n\n
\n \n \n {globalPageData.trykkForALasteNed ||\n 'Trykk for å laste ned:'}\n \n
\n )}\n {props.isMulti && (\n \n {props.selectedItems.map((item) => (\n \n {item.title +\n (selectedFileType.toLowerCase() === 'original'\n ? '.' + item.file?.extension\n : selectedFileType)}\n \n ))}\n
\n \n \n {globalPageData.fjernValgteFiler || 'Fjern valgte filer'}\n
\n \n {globalPageData.filerGjoresKlare ||\n 'Filene dine gjøres klar for nedlasting, vennligst vent et øyeblikk.'}\n
\n )}\n {downloadStatus !== null && downloadStatus > 0 && (\n \n {globalPageData.lasterNed || 'Laster ned...'}\n {downloadStatus}%\n \n )}\n\n
\n \n
\n - \n {categories.map((cat) => {\n let catClass = '';\n const isActive = this.state.selectedCategory.key === cat.key;\n if (isActive) {\n catClass += 'active';\n }\n return (\n
\n {this.state.selectedCategory?.itemChildren?.map(\n (item: any) =>\n Component && (\n <>\n f.id === item.id)\n ?.map((c: any) => c?.description)\n : null,\n }}\n />\n \n )\n )}\n
\n \n
\n \n )}\n \n
\n \n \n \n \n
\n \n {globalPageData.trykkPaFargenForAKopiereFargekoden ||\n 'Trykk på fargen for å kopiere fargekoden'}\n
\n\n
\n \n
\n \n {globalPageData.trykkPaPileneForAEndreFargekode ||\n 'Trykk på pilene for å endre fargekode'}\n
\n\n 
\n ))\n ) : (\n <>\n {props.liveFontLocation && (\n
\n );\n};\n\n// class FontComponent extends React.Component<\n// FontComponentProps,\n// FontComponentState\n// > {\n// static contextType: Context{props.title}
\n {props.description[0]?.replace(/(<([^>]+)>)/gi, '') !== props.title && (\n\n
\n )}\n \n )}\n\n Aa
\nABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
\nabcdefghijklmnopqrstuvwxyzæøå
\n1234567890
\n\n \n \n {globalPageData.fontenKanLastesNedHer ||\n 'Fonten kan lastes ned her'}{' '}\n \n
\n \n//
\n// );\n// }\n// }\n\nexport default FontComponent;\n","import React, { Context } from 'react';\nimport { AppContext, AppContextInterface } from '../app-context-provider';\nimport { PageItem } from '../components/component-switcher';\nimport Img from './Img';\n\nexport interface PhotoComponentProps extends PageItem {\n styleTags: string[];\n url: string;\n id: number;\n altText: string;\n selected: boolean;\n onClick: any;\n originalImage: any;\n}\n\nexport interface PhotoComponentState {}\n\nclass PhotoComponent extends React.PureComponent<\n PhotoComponentProps,\n PhotoComponentState\n> {\n static contextType: Context{this.props.title}
\n// {this.props.description[0]?.replace(/(<([^>]+)>)/gi, '') !==\n// this.props.title && (\n//\n//
\n// )}\n// \n// )}\n\n// Aa
\n//ABCDEFGHIJKLMNOPQRSTUVWXYZÆØÅ
\n//abcdefghijklmnopqrstuvwxyzæøå
\n//1234567890
\n//\n// \n// Fonten kan lastes ned her\n//
\n// {this.props.title}
}\n\n {this.props.heading && (\n \n
\n )}\n {this.props.heading}
\nPhoto Style:
\n //let tagSubHeading ={tag.name}
\n //elements.push(tagHeading);\n //elements.push(tagSubHeading);\n //elements.push(${this.state.viewing.label}
\n ${this.state.viewing.value}
copied.
`\n );\n }\n copyColor = (\n v: string,\n bgColor?: string,\n override: boolean = false,\n delay?: number\n ) =>\n copyToClipboard(\n v,\n override\n ? v\n : `${v}
\n ${v}
copied.
`,\n delay\n );\n generateColor = (color: string | undefined, alpha: number = 1) => {\n // function hexToRgb(hex: string) {\n // var result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n // return result\n // ? {\n // r: parseInt(result[1], 16),\n // g: parseInt(result[2], 16),\n // b: parseInt(result[3], 16),\n // }\n // : null;\n // }\n const tintRgb = (\n rgb: { r: number; g: number; b: number } | null,\n factor: number\n ) => {\n if (rgb !== null) {\n let tint = 1 - factor;\n let tintedR = (rgb.r + (255 - rgb.r) * tint).toFixed(0);\n let tintedG = (rgb.g + (255 - rgb.g) * tint).toFixed(0);\n let tintedB = (rgb.b + (255 - rgb.b) * tint).toFixed(0);\n return { r: tintedR, g: tintedG, b: tintedB };\n }\n };\n // function valueToHex(v: number) {\n // var hex = v.toString(16);\n\n // return hex;\n // }\n // function rgbToHex(r: number, g: number, b: number) {\n // return valueToHex(r) + valueToHex(g) + valueToHex(b);\n // }\n // function rgb2cmyk(r: number, g: number, b: number) {\n // var computedC = 0;\n // var computedM = 0;\n // var computedY = 0;\n // var computedK = 0;\n\n // //remove spaces from input RGB values, convert to int\n // var r = parseInt(('' + r).replace(/\\s/g, ''), 10);\n // var g = parseInt(('' + g).replace(/\\s/g, ''), 10);\n // var b = parseInt(('' + b).replace(/\\s/g, ''), 10);\n\n // if (\n // r == null ||\n // g == null ||\n // b == null ||\n // isNaN(r) ||\n // isNaN(g) ||\n // isNaN(b)\n // ) {\n // alert('Please enter numeric RGB values!');\n // return;\n // }\n // if (r < 0 || g < 0 || b < 0 || r > 255 || g > 255 || b > 255) {\n // alert('RGB values must be in the range 0 to 255.');\n // return;\n // }\n\n // // BLACK\n // if (r == 0 && g == 0 && b == 0) {\n // computedK = 1;\n // return [0, 0, 0, 1];\n // }\n\n // computedC = 1 - r / 255;\n // computedM = 1 - g / 255;\n // computedY = 1 - b / 255;\n\n // var minCMY = Math.min(computedC, Math.min(computedM, computedY));\n // computedC = (computedC - minCMY) / (1 - minCMY);\n // computedM = (computedM - minCMY) / (1 - minCMY);\n // computedY = (computedY - minCMY) / (1 - minCMY);\n // computedK = minCMY;\n\n // return [\n // computedC * 100,\n // computedM * 100,\n // computedY * 100,\n // computedK * 100,\n // ];\n // }\n if (typeof color === 'string') {\n var hexToRgb = new simpleColorConverter({\n hex6: color,\n to: 'rgb',\n });\n let tinted = tintRgb(hexToRgb.color, alpha);\n if (tinted) {\n let rgbBg = `rgb(${tinted.r},${tinted.g},${tinted.b})`;\n if (this.state.viewing.label === 'RGB') {\n let rgb = `${tinted.r} - ${tinted.g} - ${tinted.b}`;\n this.copyColor(rgb, rgbBg);\n }\n if (this.state.viewing.label === 'HEX') {\n let hex = new simpleColorConverter({\n rgb: tinted,\n to: 'hex6',\n });\n this.copyColor(`#${hex.color}`, rgbBg);\n }\n console.log(this.state.viewing.label);\n if (this.state.viewing.label === 'Pantone') {\n if (alpha === 1) {\n this.copyColor(this.state.viewing.value, rgbBg);\n } else {\n let pantone = new simpleColorConverter({\n rgb: tinted,\n to: 'pantone',\n });\n // this.copyColor(`${pantone.color}`, rgbBg);\n\n this.copyColor(\n `Try ${pantone.color},
or contact for accurate
Pantone color.
Same color,
just with ${(alpha * 100).toFixed(\n 0\n )}% alpha
\n this.generateColor(dotStyle.backgroundColor, 1)}\n />\n this.generateColor(dotStyle.backgroundColor, 0.75)}\n />\n this.generateColor(dotStyle.backgroundColor, 0.55)}\n />\n this.generateColor(dotStyle.backgroundColor, 0.25)}\n />\n
\n )}\n\n {this.props.title}
\n\n \n \n
\n {/* \n - \n
- {this.props.title} \n {this.props.CMYK && this.state.viewing !== 'CMYK' &&
- this.setState({viewing: 'CMYK'})}>CMYK }\n {this.props.RGB && this.state.viewing !== 'RGB' &&
- this.setState({viewing: 'RGB'})}>RGB }\n {this.props.HEX && this.state.viewing !== 'HEX' &&
- this.setState({viewing: 'HEX'})}>Hexcode }\n {this.props.pantone && this.state.viewing !== 'Pantone' &&
- this.setState({viewing: 'Pantone'})}>Pantone }\n
\n
\n );\n }\n}\n\nexport default LabelComponent;\n","import React, { Context, RefObject } from 'react';\nimport { AppContext, AppContextInterface } from '../app-context-provider';\nimport { PageItem } from '../components/component-switcher';\nimport { ReactComponent as Arrow } from '../assets/images/Arrow-Down.svg';\n\nexport interface CodeItem extends PageItem {\n description: string;\n code: string;\n}\n\nexport interface CodeComponentProps {\n item: CodeItem;\n}\n\nexport interface CodeComponentState {\n show: boolean;\n}\n\n\n\nclass CodeComponent extends React.Component\n {this.props.item.fileUrl !== undefined &&\n this.props.item.fileUrl !== '' ? (\n
\n\n {this.props.item.title}
\n\n
\n \n \n\n
\n );\n }\n}\n\nexport default CodeComponent;\n /*\n \n {this.state.show && \n \n
\n\n \n\n\n {this.props.item.code} }\n\n*/","import React, { Context } from \"react\";\nimport { AppContextInterface, AppContext } from \"../app-context-provider\";\nimport ArchiveCategory, { ArchiveCategoryProps } from \"./archive-category\";\nimport SectionTitle from \"../components/section-title\";\nimport { createCategories, generateSectionId } from \"../helpers/layout-helpers\";\nimport { CategorisedArchiveProps } from \"./categorised-archve\";\n\nexport interface PhotoArchiveProps extends CategorisedArchiveProps {\n columns: number;\n component: React.ComponentType;\n fitContent: boolean;\n}\n\nexport interface PhotoArchiveState {\n columns: number;\n selectedItems: any[];\n}\n\nclass PhotoArchive extends React.Component\n \n\n
*/}\n {this.renderCategories()}\n\n \n );\n }\n}\n\nexport default PhotoArchive;\n","import React from 'react';\nimport { PageProps } from '../components/component-switcher';\n// import PageGrid from \"../components/page-grid\";\nimport SectionTitle from '../components/section-title';\nimport { generateSectionId } from '../helpers/layout-helpers';\nimport ComponentSwitcher from '../components/component-switcher';\n\nclass StandardSection extends React.Component\n \n {this.state.columns}\n \n
\n \n
\n );\n }\n}\n\nexport default TextComponent;\n","import React from 'react';\nimport Home from '../pages/home';\nimport FileArchive from '../pages/file-archive';\nimport FontArchive from '../pages/font-archive';\nimport { RouteComponentProps } from 'react-router-dom';\nimport StandardPage from '../pages/standard-page';\nimport FontComponent from './font-component';\nimport FileComponent from './file-component';\nimport PhotoComponent from './photo-component';\nimport CategorisedArchive from '../pages/categorised-archve';\n// import BusinessCardComponent from \"./business-card-component\";\nimport ColorComponent from './color-component';\nimport LabelComponent from './label-component';\nimport CodeComponent from './code-component';\nimport PhotoArchive from '../pages/photo-archive';\nimport { getChildren, getDataById } from '../helpers/api-helpers';\nimport LoadingSpinner from './loading-spinner';\nimport { hasCategories } from '../helpers/layout-helpers';\nimport StandardSection from '../pages/standard-section';\nimport TextComponent from '../components/text-component';\n// export interface Page {\n// nodeId: string;\n// pageTitle: string;\n// pageSubtitle: string;\n// pageDescription: string;\n// pageContent: string;\n// name: string;\n// url: string;\n// type: string;\n// key: string;\n// data: PageData;\n// }\n\nexport interface PageData {\n children: PageItem[];\n}\n\nexport interface PageItem {\n id: number;\n description: string;\n usageRestrictions: string;\n accreditationRequirements: string;\n key: string;\n type?: string;\n selected?: boolean;\n onClick?: any;\n showCheckbox?: boolean;\n hideTitle: boolean;\n title?: string;\n}\n\nexport interface PreviewImage {\n previewImageUrl: string;\n previewImageId: number;\n key: string;\n}\nexport interface FileItem extends PageItem {\n filePath: string;\n fileUrl: string;\n file: any;\n darkBg: boolean;\n disableDownload?: boolean;\n fileExtension: string;\n hideTitle: boolean;\n previewImages: PreviewImage[];\n}\n\nexport interface PageProps extends RouteComponentProps {\n id: number;\n key: string;\n slug: string;\n title: string;\n type: string;\n url: string;\n pageContent: any;\n subtitle: string;\n description: string;\n treeChildren?: PageProps[];\n itemChildren?: PageItem[];\n component?: React.ComponentType;\n selectedItems?: any[];\n deSelectAll?: any;\n mainTitle?: string;\n pageDescription?: string;\n sideMenuTitle?: string;\n columns?: number;\n hideTitle: boolean;\n}\n\nexport interface ComponentSwitcherState {\n loading: boolean;\n data: any;\n itemChildren?: PageItem[];\n selectedItems: PageItem[];\n}\n\nclass PageContainer extends React.Component\n 
\n
\n );\n }\n}\n\nexport default MainLogo;\n","import React, { MouseEvent } from 'react';\nimport './styles/App.scss';\nimport LoadingSpinner from './components/loading-spinner';\nimport { AppContext, AppContextInterface } from './app-context-provider';\nimport { Helmet } from 'react-helmet';\nimport { getStyles, getChildren, getDataById } from './helpers/api-helpers';\nimport SideMenu from './components/side-menu';\nimport TopMenu from './components/top-menu';\nimport ComponentSwitcher from './components/component-switcher';\nimport { inView, inViewBottom } from './helpers/layout-helpers';\nimport FloatingArrow from './components/floating-arrow';\nimport MainLogo from './nav/main-logo';\nimport Hotkeys from 'react-hot-keys';\nimport { BsArrowUp } from 'react-icons/bs';\n\nexport interface AppProps {\n nodeId: number;\n}\n\nexport interface MenuItem {}\n\nexport interface AppState extends AppContextInterface {\n loading: boolean;\n navOpen: boolean;\n base: string;\n cssVars: string;\n showFloatingArrow: boolean;\n}\n\nclass App extends React.Component\n \n {this.state.pageData?.pageTitle || this.state.pageData?.name}\n \n
\n {this.state.showFloatingArrow && \n {this.state.pageData?.pagePreTitle || 'Profilmanualen til'}\n
\n\n 0\n ? this.state.pageData.categoryIntroText\n : 'Velg kategori,
eller scroll deg gjennom siden!'\n }`,\n }}>\n
\n {this.state.pageData.email ? (\n eller scroll deg gjennom siden!'\n }`,\n }}>\n
\n
\n\n \n {this.state.pageData?.bakgrunnsbilde?.url && (\n \n {this.state.children?.map((section: any) => (\n \n
\n \n ))}\n
\n \n
\n \n \n \n \n \n \n \n \n
*/}\n