>(\r\n state: StateType
,\r\n props: MappedProps
,\r\n options: Options,\r\n): Values
=> {\r\n return Object.keys(state.fields || {}).reduce((acc, key) => {\r\n if (\r\n props[key]?.emptyStringAsNull ||\r\n (options.emptyStringAsNull && props[key]?.emptyStringAsNull !== false)\r\n ) {\r\n return {\r\n ...acc,\r\n [key]: state.fields[key].value === \"\" ? null : state.fields[key].value,\r\n };\r\n }\r\n return { ...acc, [key]: state.fields[key].value };\r\n }, {} as Values
);\r\n};\r\n\r\nconst getFieldValue = >(object: P) => {\r\n return (Object.keys(object) as Array );\r\n};\r\n\r\nconst useFormValidation = >(\r\n _props: MappedProps ,\r\n options: Options = {},\r\n): FormValidation => {\r\n const props = useDeepCompareMemo(\r\n () => _props as Exclude ;\r\n\r\n const reducer = (\r\n _state: StateType ,\r\n action: ReducerType ,\r\n ): StateType => {\r\n switch (action.type) {\r\n case UPDATE_FIELD:\r\n return {\r\n ..._state,\r\n fields: {\r\n ..._state.fields,\r\n [action.payload.field]: {\r\n ..._state.fields[action.payload.field],\r\n ...action.payload.value,\r\n },\r\n },\r\n };\r\n case VALIDATE_FIELDS:\r\n return action.payload.reduce((current, key) => {\r\n const validationObj = props[key].validation ?? [];\r\n const validationResult = arrayValidateField(\r\n validationObj,\r\n _state.fields[key].value,\r\n getValues(_state, props, options),\r\n );\r\n if (\r\n validationResult.error === _state.fields[key].error &&\r\n validationResult.message === _state.fields[key].message\r\n )\r\n return current;\r\n return {\r\n ...current,\r\n fields: {\r\n ...current.fields,\r\n [key]: {\r\n ..._state.fields[key],\r\n error: validationResult.error,\r\n message: messageOrMessageFunctionOutput(\r\n validationResult.message,\r\n _state.fields[key].value,\r\n getValues(_state, props, options),\r\n ),\r\n },\r\n },\r\n };\r\n }, _state);\r\n case RESET_FIELDS:\r\n action.payload.forEach((key) => {\r\n _state.unsavedChanges.delete(key);\r\n });\r\n return {\r\n ..._state,\r\n fields: action.payload.reduce(\r\n (acc, key) => ({\r\n ...acc,\r\n [key]: {\r\n ...acc[key],\r\n value: _state.fields[key].originalValue,\r\n error: false,\r\n message: \"\",\r\n },\r\n }),\r\n _state.fields,\r\n ),\r\n };\r\n case ADD_UNSAVEDCHANGES:\r\n return {\r\n ..._state,\r\n unsavedChanges: _state.unsavedChanges.add(action.payload),\r\n };\r\n case REMOVE_UNSAVEDCHANGES:\r\n _state.unsavedChanges.delete(action.payload);\r\n return { ..._state };\r\n case RESET_UNSAVEDCHANGES:\r\n return {\r\n ..._state,\r\n unsavedChanges: new Set([]),\r\n };\r\n case ALL_VALIDATED:\r\n return {\r\n ..._state,\r\n allValidated: true,\r\n };\r\n default:\r\n return _state;\r\n }\r\n };\r\n\r\n const [state, dispatch] = React.useReducer<\r\n React.Reducer >,\r\n MappedProps \r\n >(reducer, props as MappedProps , () => mapPropsToState(props));\r\n\r\n useDeepCompareEffect(() => {\r\n (Object.keys(props) as Array => {\r\n return (Object.keys(state.fields || {}) as Array ,\r\n );\r\n };\r\n\r\n const isValid = React.useMemo(() => {\r\n return !Object.keys(state.fields || {}).some((field) => {\r\n return validateField(props, field, state.fields[field].value, values)\r\n .error;\r\n });\r\n }, [props, state.fields, values]);\r\n\r\n const fields = mapStateToProps();\r\n\r\n return {\r\n isValid,\r\n wasValidOnMount: wasFormValidOnMount,\r\n unsavedChanges: state.unsavedChanges && state.unsavedChanges.size > 0,\r\n fields,\r\n hasFields: Object.keys(fields).length > 0,\r\n validateFields,\r\n setFieldErrors,\r\n saveChanges,\r\n resetFields,\r\n reset,\r\n dispatch,\r\n values,\r\n };\r\n};\r\n\r\nexport default useFormValidation;\r\n","import { isEmpty } from \"@utdanningsdirektoratet/utils/string\";\r\nimport {\r\n kontonummer as validateKontonummer,\r\n organisasjonsnummer as validateOrgnr,\r\n fodselsnummer as validateFodselsnummer,\r\n} from \"@utdanningsdirektoratet/utils/validate\";\r\nimport { ValidationType } from \"./types\";\r\n\r\nexport const required: ValidationType\r\n \r\n );\r\n};\r\n\r\nexport default InpageMessage;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"input\":\"X52BaKYvNuCPXs6qYzN8\",\"inputRight\":\"qANv9zgvk5KiJMzrELrv\",\"inputDisabled\":\"xp7WPcdgiH9zvweFdr0f\",\"inputInfo\":\"xsU640_wciwteOD_ToGQ\",\"inputError\":\"H5_NOcjsx_dK4L_SovvY\",\"inputEmpty\":\"V_zOVYXxBhSzH0hl5yNJ\",\"inputWithIcon\":\"fFhyHTyaeRCCTZN1QuB7\",\"inputTooltipContent\":\"K_Nj65N0MqlxlpXHbZVK\",\"inputIcon\":\"UVjo4SXHySFjLDVndMeE\",\"inputIconVisible\":\"kBc06R3E2MSpkWcDg6mZ\",\"inputLabel\":\"qbbHma8GOOcPxXE_YCSp\",\"inputLabelFocused\":\"xHyVRAcJJfYOo82oICor\"};","import * as React from \"react\";\r\nimport { Icon, SmallIcon, Color } from \"@utdanningsdirektoratet/icon\";\r\nimport { Tooltip } from \"@utdanningsdirektoratet/tooltip\";\r\nimport { isEmpty as isEmptyFunction } from \"@utdanningsdirektoratet/utils/string\";\r\nimport { useId } from \"@utdanningsdirektoratet/utils/useId\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport styles from \"./Input.module.less\";\r\n\r\ninterface InputProps extends React.InputHTMLAttributes{message}\r\n \r\n //
\r\n Du har lesetilgang. Det betyr at du kan kan lese, men ikke gjøre endringer. Kontakt tjenesteansvarlig hvis du har behov for endring i\r\n tilganger. Oversikt over tjenesteansvarlige finner du i{\" \"}\r\n \r\n Systemoversikten\r\n \r\n .\r\n \r\n );\r\n return (\r\n \r\n \r\n );\r\n};\r\n","import * as React from \"react\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport styles from \"./MenuPanel.module.less\";\r\nimport { mainPanelId } from \"../MainPanel/MainPanel\";\r\nimport { useStore } from \"../Page\";\r\nimport { Banner } from \"./Banner\";\r\n\r\ntype MenuPanelProps = {\r\n title: string;\r\n menu?: Array\r\n \r\n \r\n \r\n {jumpToContent}\r\n \r\n \r\n {readOnlyAccess && {title}\r\n {menu && (\r\n \r\n )}\r\n {children && (\r\n \r\n \r\n )}\r\n {children}\r\n {children}\r\n \r\n );\r\n};\r\n\r\nexport default Page;\r\n","import * as React from \"react\";\r\nimport { SmallIcon } from \"@utdanningsdirektoratet/icon\";\r\nimport Link from \"./Link\";\r\n\r\ninterface ButtonLinkProps extends React.ButtonHTMLAttributes
\r\n {icon && onChange(event.target.value)}\r\n className={inputClass}\r\n disabled={disabled}\r\n icon=\"warning\"\r\n />\r\n {!withoutClear && (\r\n \r\n \r\n )}\r\n
\r\n );\r\n }\r\n);\r\n\r\nexport default SearchInput;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"multiSelectContainer\":\"E7u5CKHV7l6GMFE1sNNH\",\"multiSelectDropdown\":\"NFWiH1d6pELWLKNNAG9_\",\"multiSelectSearchinputwrapper\":\"K8BBWWwrm5tIfdk7uzjz\",\"multiSelectGroup\":\"CBMDQGajFSVJ0yPh5jRY\",\"multiSelectOption\":\"LDoOiVyEv9pzADCzzkMg\",\"multiSelectOptionSelected\":\"EOF8Y0U264rxZkuDtvBH\",\"multiSelectLabel\":\"RLRg_9gHXNiEBVqNiPyn\",\"multiSelectLabelFocused\":\"FU_9JmprVGOdGYwJpES1\",\"multiSelectIcon\":\"o4QKTvhgfJeoCIrnqPys\",\"multiSelectIconIsOpen\":\"rOfPCrGYV39yD8gW08LR\",\"multiSelectIconDisabled\":\"GhBZmXOeppr_pwCo9MP8\",\"multiSelectIconInGroup\":\"YnJnlmYMMheZRJdEjxjx\",\"multiSelectGroupheading\":\"QFFHiGxUPQq5PefVt3pP\",\"multiSelectGroupheadingSelected\":\"JOKAW43tTJ50xl3d_DNL\",\"multiSelectSelect\":\"LP6iofOynttvOCSHkGox\",\"multiSelectSelectWithSearch\":\"bKiSkPCT00KTQFa5eG_g\",\"multiSelectSelectDisabled\":\"eVRmX3gdGnPUHx_5ACO_\",\"multiSelectSelectIsOpen\":\"JatMqrAoC_GzlN8B_SUe\",\"multiSelectSelectError\":\"QJYB3aJZHT1GejELbkpN\",\"multiSelectOptions\":\"FtRG0cpVSuaWqxPxxOAk\",\"multiSelectOptionsInGroup\":\"jE5OX1I4tlnQgJZmZI2h\"};","import * as React from \"react\";\r\nimport { Checkbox } from \"@utdanningsdirektoratet/checkbox\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport type { MultiSelectOption } from \"./MultiSelect\";\r\nimport styles from \"./MultiSelect.module.less\";\r\n\r\ntype OptionsProps\r\n {\r\n const lastOption = options.filter((o) => values.indexOf(o.value) !== -1).length === 1;\r\n onChange(\r\n e.target.checked ? [option.value] : [...(lastOption && groupValue ? [groupValue] : [])],\r\n e.target.checked ? [...(groupValue ? [groupValue] : [])] : [option.value]\r\n );\r\n }}\r\n aria-selected={values.indexOf(option.value) !== -1}\r\n role=\"option\"\r\n checked={values.indexOf(option.value) !== -1}\r\n />\r\n
\r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nexport default Options;\r\n","import * as React from \"react\";\r\nimport { onKeyDown } from \"@utdanningsdirektoratet/utils/uu\";\r\nimport AnimateHeight from \"react-animate-height\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { isEmpty } from \"@utdanningsdirektoratet/utils/string\";\r\nimport { Icon } from \"@utdanningsdirektoratet/icon\";\r\nimport type { MultiSelectOption } from \"./MultiSelect\";\r\nimport Options from \"./Options\";\r\nimport styles from \"./MultiSelect.module.less\";\r\n\r\ntype GroupProps\r\n ) : null}\r\n onClick={onClick}\r\n onKeyDown={onKeyDown(onClick)}\r\n aria-label={title}\r\n aria-expanded={isExpanded || !isEmpty(search)}\r\n aria-controls={`${id}-group-${index}`}\r\n id={`${id}-${index}`}\r\n >\r\n {title}\r\n
\r\n {options.length !== 0 && (\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Group;\r\n","import * as React from \"react\";\r\nimport AnimateHeight from \"react-animate-height\";\r\nimport { Checkbox } from \"@utdanningsdirektoratet/checkbox\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { isEmpty } from \"@utdanningsdirektoratet/utils/string\";\r\nimport type { NestedMultiSelectOption } from \"./MultiSelect\";\r\nimport Options from \"./Options\";\r\nimport styles from \"./MultiSelect.module.less\";\r\n\r\ntype CheckboxGroupProps\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CheckboxGroup;\r\n","import * as React from \"react\";\r\nimport { useId } from \"@utdanningsdirektoratet/utils/useId\";\r\nimport { onKeyDown } from \"@utdanningsdirektoratet/utils/uu\";\r\nimport { SearchInput } from \"@utdanningsdirektoratet/searchinput\";\r\nimport { Tooltip } from \"@utdanningsdirektoratet/tooltip\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { Icon } from \"@utdanningsdirektoratet/icon\";\r\nimport AnimateHeight from \"react-animate-height\";\r\nimport { isEmpty } from \"@utdanningsdirektoratet/utils/string\";\r\nimport Group from \"./Group\";\r\nimport CheckboxGroup from \"./CheckboxGroup\";\r\nimport Options from \"./Options\";\r\nimport styles from \"./MultiSelect.module.less\";\r\n\r\nexport type MultiSelectOption\r\n {\r\n if (!expanded) {\r\n prevExpanded.current = e.target.checked;\r\n setExpanded((prevState) => ({\r\n ...prevState,\r\n [title]: e.target.checked,\r\n }));\r\n }\r\n onChange(e.target.checked ? [_value] : [], e.target.checked ? [] : [_value, ..._options.map((o) => o.value)]);\r\n }}\r\n />\r\n
\r\n {_options.length !== 0 && (\r\n \r\n
\r\n \r\n )}\r\n \r\n {!withSearch && placeholder && label ? (\r\n \r\n ) : null}\r\n \r\n {withSearch ? (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MultiSelect;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"notification\":\"lYkCQgGWnWR1wV_gpEp9\",\"notificationSlideInAnimation\":\"g8W96QufUjY9mQC0rRgM\",\"notificationIcon\":\"vUYBRgyhSEbqnL2CucN_\",\"notificationMessage\":\"FtUtBTJuhDFytqwXVJ_o\",\"notificationWrapper\":\"rR7ykHefQJThU91T6wmT\",\"notificationTitle\":\"TNysY2ZARPEDJIzm23hJ\",\"notificationClose\":\"g9PZnSPEsrKdMA9wuGPd\",\"notificationSlideOut\":\"iHmRVmXOU2NOSN_Qcomn\",\"notificationSlideOutAnimation\":\"ubWC6ENt2ozqpBL25jZP\",\"notificationGreen\":\"XpyK4PlwBhe7whkTi1hP\",\"notificationRed\":\"ZwWwbGntNohJk6IGZjLs\"};","import * as React from \"react\";\r\nimport { Icon, SmallIcon } from \"@utdanningsdirektoratet/icon\";\r\nimport { isEmpty } from \"@utdanningsdirektoratet/utils/string\";\r\nimport { onKeyDown } from \"@utdanningsdirektoratet/utils/uu\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { IconButton } from \"@utdanningsdirektoratet/button\";\r\nimport { NotificationItem } from \"./types\";\r\nimport styles from \"./Notification.module.less\";\r\n\r\ninterface NotificationProps extends NotificationItem {\r\n id: string;\r\n onClose: () => void;\r\n}\r\n\r\nconst Notification: React.FC setFocusedIndex(null)} onFocus={() => null}>\r\n {getOptions()}\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Notification;\r\n","import * as React from \"react\";\r\nimport { uuid } from \"@utdanningsdirektoratet/utils/useId\";\r\nimport { Portal } from \"react-portal\";\r\nimport { create } from \"zustand\";\r\nimport Notification from \"./Notification\";\r\nimport { NotificationItem } from \"./types\";\r\n\r\nconst store = create<{ notifications: Array\r\n \r\n
\r\n {message && (\r\n \r\n {message}\r\n \r\n )}\r\n
\r\n \r\n
\r\n {message && (\r\n \r\n {message}\r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Placeholder;\r\n","export var zeroRightClassName = 'right-scroll-bar-position';\nexport var fullWidthClassName = 'width-before-scroll-bar';\nexport var noScrollbarsClassName = 'with-scroll-bars-hidden';\n/**\n * Name of a CSS variable containing the amount of \"hidden\" scrollbar\n * ! might be undefined ! use will fallback!\n */\nexport var removedBarSizeVariable = '--removed-body-scroll-bar-size';\n","import { createSidecarMedium } from 'use-sidecar';\nexport var effectCar = createSidecarMedium();\n","import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nimport { fullWidthClassName, zeroRightClassName } from 'react-remove-scroll-bar/constants';\nimport { useMergeRefs } from 'use-callback-ref';\nimport { effectCar } from './medium';\nvar nothing = function () {\n return;\n};\n/**\n * Removes scrollbar from the page and contain the scroll within the Lock\n */\nvar RemoveScroll = React.forwardRef(function (props, parentRef) {\n var ref = React.useRef(null);\n var _a = React.useState({\n onScrollCapture: nothing,\n onWheelCapture: nothing,\n onTouchMoveCapture: nothing,\n }), callbacks = _a[0], setCallbacks = _a[1];\n var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest(props, [\"forwardProps\", \"children\", \"className\", \"removeScrollBar\", \"enabled\", \"shards\", \"sideCar\", \"noIsolation\", \"inert\", \"allowPinchZoom\", \"as\", \"gapMode\"]);\n var SideCar = sideCar;\n var containerRef = useMergeRefs([ref, parentRef]);\n var containerProps = __assign(__assign({}, rest), callbacks);\n return (React.createElement(React.Fragment, null,\n enabled && (React.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),\n forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));\n});\nRemoveScroll.defaultProps = {\n enabled: true,\n removeScrollBar: true,\n inert: false,\n};\nRemoveScroll.classNames = {\n fullWidth: fullWidthClassName,\n zeroRight: zeroRightClassName,\n};\nexport { RemoveScroll };\n","import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nvar SideCar = function (_a) {\n var sideCar = _a.sideCar, rest = __rest(_a, [\"sideCar\"]);\n if (!sideCar) {\n throw new Error('Sidecar: please provide `sideCar` property to import the right car');\n }\n var Target = sideCar.read();\n if (!Target) {\n throw new Error('Sidecar medium not found');\n }\n return React.createElement(Target, __assign({}, rest));\n};\nSideCar.isSideCarExport = true;\nexport function exportSidecar(medium, exported) {\n medium.useMedium(exported);\n return SideCar;\n}\n","import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n if (!document)\n return null;\n var tag = document.createElement('style');\n tag.type = 'text/css';\n var nonce = getNonce();\n if (nonce) {\n tag.setAttribute('nonce', nonce);\n }\n return tag;\n}\nfunction injectStyles(tag, css) {\n // @ts-ignore\n if (tag.styleSheet) {\n // @ts-ignore\n tag.styleSheet.cssText = css;\n }\n else {\n tag.appendChild(document.createTextNode(css));\n }\n}\nfunction insertStyleTag(tag) {\n var head = document.head || document.getElementsByTagName('head')[0];\n head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n var counter = 0;\n var stylesheet = null;\n return {\n add: function (style) {\n if (counter == 0) {\n if ((stylesheet = makeStyleTag())) {\n injectStyles(stylesheet, style);\n insertStyleTag(stylesheet);\n }\n }\n counter++;\n },\n remove: function () {\n counter--;\n if (!counter && stylesheet) {\n stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n stylesheet = null;\n }\n },\n };\n};\n","var currentNonce;\nexport var setNonce = function (nonce) {\n currentNonce = nonce;\n};\nexport var getNonce = function () {\n if (currentNonce) {\n return currentNonce;\n }\n if (typeof __webpack_nonce__ !== 'undefined') {\n return __webpack_nonce__;\n }\n return undefined;\n};\n","import { styleHookSingleton } from './hook';\n/**\n * create a Component to add styles on demand\n * - styles are added when first instance is mounted\n * - styles are removed when the last instance is unmounted\n * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior\n */\nexport var styleSingleton = function () {\n var useStyle = styleHookSingleton();\n var Sheet = function (_a) {\n var styles = _a.styles, dynamic = _a.dynamic;\n useStyle(styles, dynamic);\n return null;\n };\n return Sheet;\n};\n","import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n var sheet = stylesheetSingleton();\n return function (styles, isDynamic) {\n React.useEffect(function () {\n sheet.add(styles);\n return function () {\n sheet.remove();\n };\n }, [styles && isDynamic]);\n };\n};\n","export var zeroGap = {\n left: 0,\n top: 0,\n right: 0,\n gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n var cs = window.getComputedStyle(document.body);\n var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n if (gapMode === void 0) { gapMode = 'margin'; }\n if (typeof window === 'undefined') {\n return zeroGap;\n }\n var offsets = getOffset(gapMode);\n var documentWidth = document.documentElement.clientWidth;\n var windowWidth = window.innerWidth;\n return {\n left: offsets[0],\n top: offsets[1],\n right: offsets[2],\n gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n };\n};\n","import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n if (gapMode === void 0) { gapMode = 'margin'; }\n return \"\\n .\".concat(noScrollbarsClassName, \" {\\n overflow: hidden \").concat(important, \";\\n padding-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n body[\").concat(lockAttribute, \"] {\\n overflow: hidden \").concat(important, \";\\n overscroll-behavior: contain;\\n \").concat([\n allowRelative && \"position: relative \".concat(important, \";\"),\n gapMode === 'margin' &&\n \"\\n padding-left: \".concat(left, \"px;\\n padding-top: \").concat(top, \"px;\\n padding-right: \").concat(right, \"px;\\n margin-left:0;\\n margin-top:0;\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n \"),\n gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n ]\n .filter(Boolean)\n .join(''), \"\\n }\\n \\n .\").concat(zeroRightClassName, \" {\\n right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" {\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n right: 0 \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n margin-right: 0 \").concat(important, \";\\n }\\n \\n body[\").concat(lockAttribute, \"] {\\n \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n }\\n\");\n};\nvar getCurrentUseCounter = function () {\n var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n React.useEffect(function () {\n document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n return function () {\n var newCounter = getCurrentUseCounter() - 1;\n if (newCounter <= 0) {\n document.body.removeAttribute(lockAttribute);\n }\n else {\n document.body.setAttribute(lockAttribute, newCounter.toString());\n }\n };\n }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n useLockAttribute();\n /*\n gap will be measured on every component mount\n however it will be used only by the \"first\" invocation\n due to singleton nature of \r\n \r\n \r\n {children}\r\n \r\n {additionalButtons}\r\n \r\n
\r\n \r\n \r\n {title}\r\n
\r\n setIsClosing(false)} />\r\n \r\n );\r\n};\r\n\r\nexport default PopinManager;\r\n","import { useId } from \"@utdanningsdirektoratet/utils/useId\";\r\nimport { useCallback } from \"react\";\r\nimport { show, close } from \"./PopinManager\";\r\n\r\nconst usePopin = (_id?: string): [id: string, show: () => void, close: () => void] => {\r\n const id = useId(_id);\r\n const showPopin = useCallback(() => show(id), [id]);\r\n const closePopin = useCallback(() => close(id), [id]);\r\n return [id, showPopin, closePopin];\r\n};\r\n\r\nexport default usePopin;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"progress\":\"TknMvnuQNRyBK6dY873R\",\"progressLoader\":\"X90UfivTVsDvF5v2lIgN\",\"progressLoaderShow\":\"AlXQjrax_VRB44J0orGL\",\"progressLoaderFinishing\":\"Iyowh_lshYg_Sqv00y8u\",\"progressAnimation\":\"fiJcHhbxDoXOYiAxSzVN\"};","import * as React from \"react\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { create } from \"zustand\";\r\nimport styles from \"./Progress.module.less\";\r\n\r\nconst store = create(() => -1);\r\n\r\nexport const show = (): void => {\r\n store.setState((prevState) => Math.max(prevState + 1, 1));\r\n};\r\n\r\nexport const hide = (completely?: boolean): void => {\r\n if (completely) {\r\n store.setState(0);\r\n } else {\r\n store.setState((prevState) => (prevState > 0 ? prevState - 1 : prevState));\r\n }\r\n};\r\n\r\nconst Progress: React.FC = () => {\r\n const progressState = store((state) => state);\r\n\r\n const progressClassName = cls({\r\n [styles.progress]: true,\r\n });\r\n const loaderClassName = cls({\r\n [styles.progressLoader]: true,\r\n [styles.progressLoaderShow]: progressState > 0,\r\n [styles.progressLoaderFinishing]: progressState === 0,\r\n });\r\n return (\r\n ): string => {\r\n // DOMPurify doesn't allow tags for some reason. LANCE uses so we have to do a hack to make them work together\r\n // https://github.com/cure53/DOMPurify/issues/719\r\n const tempValue = (value ?? \"\")\r\n .replace(/((props, ref) => {\r\n const id = useId(props.id);\r\n const [editor, setEditor] = useState();\r\n const [lance, setLance] = useState();\r\n const [lanceInitialized, setLanceInitialized] = useState(false);\r\n const [lanceGlobals] = useState(window.LANCE);\r\n const [isFocused, setFocused] = useState(false);\r\n const internalState = useRef(props.value ?? \"\");\r\n\r\n const {\r\n lazy,\r\n autoFocus,\r\n onBlur,\r\n onFocus,\r\n onChange,\r\n onInit,\r\n info,\r\n disabled,\r\n document,\r\n message,\r\n label,\r\n sidebarExpanded = \"hascomments\",\r\n error,\r\n erroralways,\r\n icon = info && !error ? \"circle info\" : \"warning\",\r\n className,\r\n customEvents = {},\r\n options,\r\n value,\r\n license,\r\n } = props;\r\n\r\n const [isSidebarOpen, setSidebarOpen] = useState(\r\n (sidebarExpanded === \"hascomments\" &&\r\n (props.value ?? \"\").indexOf(\" ({ ...baseConfig, ...baseDomPurifyConfig, ...props.config }),\r\n [props.config],\r\n );\r\n\r\n useEffect(() => {\r\n if (onInit) onInit(Editor as any);\r\n config.onInit.forEach((cb) => {\r\n cb(Editor as any, props);\r\n });\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (editor && editor.edit) {\r\n if (disabled) {\r\n editor.edit.off();\r\n } else {\r\n editor.edit.on();\r\n }\r\n }\r\n }, [editor, disabled]);\r\n\r\n useEffect(() => {\r\n if (autoFocus && editor && editor.events) editor.events.focus();\r\n }, [editor, autoFocus]);\r\n\r\n useEffect(() => {\r\n assert(!!license, 'Mangler Froala lisens, \"license\" er undefined');\r\n }, [license]);\r\n\r\n useEffect(() => {\r\n if (editor && internalState.current !== value) {\r\n editor.html.set(sanitizeHTML(value, config));\r\n }\r\n }, [config, editor, value]);\r\n\r\n useEffect(() => {\r\n if (!lanceGlobals) {\r\n return;\r\n }\r\n if (lanceInitialized) {\r\n return;\r\n }\r\n lanceGlobals.initFroalaLancePlugin(Editor);\r\n setLanceInitialized(true);\r\n }, [lanceGlobals, lanceInitialized]);\r\n\r\n const { users, currentUserId } = config.lance ?? {};\r\n\r\n useEffect(() => {\r\n if (lance && users)\r\n lance.getAnnotations().addUsers(\r\n Object.entries(users).map(([userId, userName]) => ({\r\n id: userId,\r\n name: userName,\r\n })),\r\n );\r\n }, [lance, users]);\r\n\r\n useEffect(() => {\r\n if (lance && currentUserId) lance.getAnnotations().setUserId(currentUserId);\r\n }, [lance, currentUserId]);\r\n\r\n /* eslint-disable react/no-this-in-sfc */\r\n const onFocusWrapped = useCallback(\r\n function onFocusWrapped(this: Editor): void {\r\n if (onFocus) onFocus(this.html ? this.html.get() : undefined);\r\n setFocused(true);\r\n },\r\n [onFocus],\r\n );\r\n\r\n const onBlurWrapped = useCallback(\r\n function onBlurWrapped(this: Editor): void {\r\n if (onBlur) onBlur(this.html ? this.html.get() : undefined);\r\n setFocused(false);\r\n },\r\n [onBlur],\r\n );\r\n\r\n const onPaste = useCallback(\r\n (_html: string): string => {\r\n if (_html && _html.replace) {\r\n // Edge legger til \\n innimellom tekst i stedet for spaces av en eller annen grunn\r\n // eslint-disable-next-line prefer-regex-literals\r\n return sanitizeHTML(_html.replace(new RegExp(\"\\\\n\", \"g\"), \" \"), config);\r\n }\r\n return sanitizeHTML(_html, config);\r\n },\r\n [config],\r\n );\r\n\r\n const onHtmlGet = useCallback(\r\n (_html: string): string => {\r\n return sanitizeHTML(_html.replace(/id=\"isPasted\"/g, \"\"), config);\r\n },\r\n [config],\r\n );\r\n\r\n const onInitialized = useCallback(async function onInitialized(\r\n this: Editor,\r\n ): Promise {\r\n // Hack for å få editoren på plass før state-change re-render\r\n await new Promise((resolve) => {\r\n setTimeout(resolve, 1);\r\n });\r\n if (this.edit) {\r\n if (disabled) {\r\n this.edit.off();\r\n } else {\r\n this.edit.on();\r\n }\r\n }\r\n if (autoFocus && this.events) this.events.focus();\r\n // this.html.set(sanitizeHTML(value, config));\r\n // onChange(this.html.get());\r\n setEditor(this);\r\n\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, []);\r\n /* eslint-enable react/no-this-in-sfc */\r\n\r\n const onLanceInitialized = useCallback(\r\n function onLanceInitialized(this: Editor, arg: { lance: Lance }): void {\r\n const _lance = arg && arg.lance;\r\n setLance(_lance);\r\n config.lance?.onInit(id, _lance, this);\r\n },\r\n [id, config.lance],\r\n );\r\n\r\n const insertAtCursor: RichTextRef[\"insertAtCursor\"] = (\r\n _type,\r\n _value,\r\n _id = _value,\r\n ) => {\r\n if (!disabled && editor && editor.html && editor.selection && editor.undo) {\r\n if (_type === \"text\") {\r\n editor.html.insert(_value, false);\r\n } else {\r\n const classname = `RichText-placeholder RichText-placeholder-${_type}`;\r\n\r\n editor.html.insert(\r\n ``,\r\n false,\r\n );\r\n }\r\n\r\n editor.undo.saveStep(undefined);\r\n\r\n editor.selection.save();\r\n // onChange(editor.html.get());\r\n editor.selection.restore();\r\n }\r\n };\r\n\r\n const focus: RichTextRef[\"focus\"] = () => {\r\n if (editor && editor.events) editor.events.focus();\r\n };\r\n\r\n useImperativeHandle(ref, () => ({\r\n focus,\r\n insertAtCursor,\r\n }));\r\n\r\n const richTextClass = cls({\r\n [styles.richText]: true,\r\n [styles.richTextError]: error,\r\n [styles.richTextInfo]: info,\r\n [styles.richTextLazy]: lazy,\r\n [styles.richTextDisabled]: disabled,\r\n [styles.richTextDocument]: document,\r\n [styles.richTextFocused]: isFocused,\r\n });\r\n\r\n const iconClass = cls({\r\n [styles.richTextIcon]: true,\r\n [styles.richTextIconVisible]: error || info,\r\n });\r\n\r\n const labelClass = cls({\r\n [styles.richTextLabel]: true,\r\n [styles.richTextLabelPadding]: (error || info) && icon && !label,\r\n [styles.richTextLabelFocused]: isFocused,\r\n });\r\n\r\n const configuration = useMemo(\r\n () => ({\r\n ...options,\r\n ...config,\r\n key: license,\r\n initOnClick: lazy,\r\n attribution: false,\r\n htmlUntouched: true,\r\n events: {\r\n focus: onFocusWrapped,\r\n blur: onBlurWrapped,\r\n \"paste.afterCleanup\": onPaste,\r\n \"html.get\": onHtmlGet,\r\n initialized: onInitialized,\r\n \"lance::init\": onLanceInitialized,\r\n \"lance::open\": () => {\r\n setSidebarOpen(true);\r\n },\r\n ...(config.customEvents ?? {}),\r\n ...customEvents,\r\n },\r\n }),\r\n [\r\n config,\r\n customEvents,\r\n lazy,\r\n license,\r\n onBlurWrapped,\r\n onFocusWrapped,\r\n onHtmlGet,\r\n onInitialized,\r\n onLanceInitialized,\r\n onPaste,\r\n options,\r\n ],\r\n );\r\n\r\n let iconColor;\r\n if (info) iconColor = \"darkblue\" as Color;\r\n if (error) iconColor = \"darkred\" as Color;\r\n\r\n return (\r\n \r\n \r\n\r\n
\r\n \r\n );\r\n});\r\n\r\n/**\r\n * Check if user is commenting by searching for any open comment edit/input field\r\n *\r\n * @param richTextId Search for open comments within the RichText-element with this given ID.\r\n * @returns True if any open comments are found\r\n */\r\nexport const isCommenting = (richTextId: string): boolean => {\r\n const annotationsWrapperId = `annotations-wrapper-${richTextId.replaceAll(\":\", \"\\\\:\")}`;\r\n const isInsertingComment = document.querySelector(\r\n `#${annotationsWrapperId} [data-comment-insert=\"true\"]`,\r\n );\r\n const isEditingComment = document.querySelector(\r\n `#${annotationsWrapperId} [data-comment-edit=\"true\"]`,\r\n );\r\n return isInsertingComment !== null || isEditingComment !== null;\r\n};\r\n\r\nexport default RichText;\r\n","import * as React from \"react\";\r\nimport DOMPurify from \"dompurify\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport styles from \"./RichText.module.less\";\r\nimport \"froala-editor/js/plugins.pkgd.min.js\";\r\nimport \"froala-editor/js/languages/nb.js\";\r\n\r\nimport baseDomPurifyConfig from \"./baseDomPurifyConfig\";\r\nimport { Config } from \"./types\";\r\n\r\ntype RichTextViewProps = {\r\n html: string;\r\n className?: string;\r\n withoutFroalaClass?: boolean;\r\n document?: boolean;\r\n config?: Partial\r\n , \"value\"> {\r\n label?: React.ReactNode | string;\r\n className?: string;\r\n error?: boolean;\r\n boxed?: boolean;\r\n checked?: boolean;\r\n disabled?: boolean;\r\n onChange?: (e: React.ChangeEvent) => void;\r\n children?: React.ReactNode;\r\n value?: React.InputHTMLAttributes[\"value\"] | boolean;\r\n}\r\n\r\nconst Radio = React.forwardRef(\r\n ({ label, className, error = false, boxed, children, checked, disabled, onChange, value, ...rest }, forwardedRef) => {\r\n const ref = React.useRef(null);\r\n\r\n React.useImperativeHandle(forwardedRef, () => ref.current!, [ref]);\r\n\r\n const radioClass = cls(\r\n {\r\n [styles.radioChecked]: checked,\r\n },\r\n className\r\n );\r\n const inputClass = cls({\r\n [styles.radioInput]: true,\r\n [styles.radioInputError]: error,\r\n });\r\n const labelClass = cls({\r\n [styles.radioInputLabel]: true,\r\n [styles.radioInputLabelEmpty]: !label,\r\n });\r\n const boxClass = cls({\r\n [styles.radioBoxed]: boxed || !!children,\r\n [styles.radioWithChildren]: !!children,\r\n });\r\n\r\n return (\r\n = ({ label, name, children, className, error, message }) => {\r\n const id = useId();\r\n\r\n return (\r\n \r\n \r\n {React.Children.map(children, (child) =>\r\n React.cloneElement(child as React.ReactElement, {\r\n name,\r\n \"aria-labelledby\": id,\r\n error,\r\n })\r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default RadioGroup;\r\n","import { insert } from \"@utdanningsdirektoratet/utils/array\";\r\nimport { assert } from \"@utdanningsdirektoratet/utils/assert\";\r\nimport FroalaEditor from \"froala-editor\";\r\nimport baseConfig from \"./baseConfig\";\r\nimport baseDomPurifyConfig from \"./baseDomPurifyConfig\";\r\nimport { Config, ToolbarType } from \"./types\";\r\n\r\nclass ConfigBuilder {\r\n config: Config;\r\n\r\n constructor(initialConfig?: Config) {\r\n this.config = initialConfig ?? { ...baseConfig, ...baseDomPurifyConfig };\r\n }\r\n\r\n withAllowedAttr = (\r\n attrs: ((prev: Array) => Array) | string | string[],\r\n ): ConfigBuilder => {\r\n if (typeof attrs === \"function\") {\r\n this.config = {\r\n ...this.config,\r\n ALLOWED_ATTR: attrs(this.config.ALLOWED_ATTR ?? []),\r\n };\r\n } else {\r\n const attrArr = Array.isArray(attrs) ? attrs : [attrs];\r\n this.config = {\r\n ...this.config,\r\n ALLOWED_ATTR: [...(this.config.ALLOWED_ATTR ?? []), ...attrArr],\r\n };\r\n }\r\n\r\n return this;\r\n };\r\n\r\n withKeepContent = (keepContent: boolean): ConfigBuilder => {\r\n this.config = {\r\n ...this.config,\r\n KEEP_CONTENT: keepContent,\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withReturnDom = (returnDom: boolean): ConfigBuilder => {\r\n this.config = {\r\n ...this.config,\r\n RETURN_DOM: returnDom,\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withAllowedTags = (\r\n tags: ((prev: Array) => Array) | string | string[],\r\n ): ConfigBuilder => {\r\n if (typeof tags === \"function\") {\r\n this.config = {\r\n ...this.config,\r\n htmlAllowedTags: tags(this.config.htmlAllowedTags ?? []),\r\n ALLOWED_TAGS: tags(this.config.ALLOWED_TAGS ?? []),\r\n };\r\n } else {\r\n const tagsArr = Array.isArray(tags) ? tags : [tags];\r\n this.config = {\r\n ...this.config,\r\n htmlAllowedTags: [...(this.config.htmlAllowedTags ?? []), ...tagsArr],\r\n ALLOWED_TAGS: [...(this.config.ALLOWED_TAGS ?? []), ...tagsArr],\r\n };\r\n }\r\n\r\n return this;\r\n };\r\n\r\n withToolbar = (\r\n toolbar: (prev: ToolbarType) => ToolbarType,\r\n ): ConfigBuilder => {\r\n assert(\r\n typeof toolbar === \"function\",\r\n \"withToolbar må ta inn en funksjon som tar imot nåværende config og returnerer den nye\",\r\n );\r\n this.config = {\r\n ...this.config,\r\n toolbarButtons: toolbar(this.config.toolbarButtons),\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withFontSize = (toolbarIndex = 9): ConfigBuilder => {\r\n this.withToolbar((prev) => insert(prev, toolbarIndex, \"fontSize\"));\r\n this.withPlugins((prev) => [...(prev ?? []), \"fontSize\"]);\r\n\r\n return this;\r\n };\r\n\r\n withPlugins = (\r\n plugins: (prev: Array) => Array,\r\n ): ConfigBuilder => {\r\n assert(\r\n typeof plugins === \"function\",\r\n \"withPlugins må ta inn en funksjon som tar imot nåværende config og returnerer den nye\",\r\n );\r\n this.config = {\r\n ...this.config,\r\n pluginsEnabled: plugins(this.config.pluginsEnabled ?? []),\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withImages = (\r\n url?: string,\r\n params = {},\r\n events: {\r\n inserted?: (img: Array, result: string) => void;\r\n replaced?: (img: Array, result: string) => void;\r\n removed?: (img: Array) => void;\r\n } = {},\r\n ): ConfigBuilder => {\r\n if (typeof url === \"string\") {\r\n this.config = {\r\n ...this.config,\r\n imageUploadURL: url,\r\n imageUploadParams: {\r\n ...params,\r\n },\r\n };\r\n }\r\n\r\n this.config = {\r\n ...this.config,\r\n pluginsEnabled: [...(this.config.pluginsEnabled ?? []), \"image\"],\r\n toolbarButtons: [\r\n ...(this.config.toolbarButtons ?? []),\r\n \"|\",\r\n \"insertImage\",\r\n ],\r\n customEvents: {\r\n ...(this.config.customEvents ?? {}),\r\n \"image.inserted\": events.inserted,\r\n \"image.replaced\": events.replaced,\r\n \"image.removed\": events.removed,\r\n },\r\n };\r\n\r\n this.withAllowedTags(\"img\");\r\n this.withAllowedAttr([\"src\", \"alt\", \"width\", \"height\"]);\r\n\r\n return this;\r\n };\r\n\r\n withTrackChanges = (\r\n options = { showChangesEnabled: true, trackChangesEnabled: true },\r\n ): ConfigBuilder => {\r\n this.config = {\r\n ...this.config,\r\n pluginsEnabled: [...(this.config.pluginsEnabled ?? []), \"track_changes\"],\r\n toolbarButtons: [\r\n ...(this.config.toolbarButtons ?? []),\r\n \"|\",\r\n \"trackChanges\",\r\n ],\r\n ...options,\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withPlaceholders = (\r\n toolbarName: string,\r\n options: Record,\r\n callback: (cmd: string, val: string) => void,\r\n ): ConfigBuilder => {\r\n this.withAllowedTags(\"input\");\r\n this.withAllowedAttr([\"disabled\", \"value\", \"type\"]);\r\n\r\n this.withToolbar((toolbar) => [...toolbar, \"|\", toolbarName]);\r\n\r\n this.config = {\r\n ...this.config,\r\n onInit: [\r\n ...this.config.onInit,\r\n () => {\r\n FroalaEditor.DefineIcon(toolbarName, {\r\n NAME: toolbarName,\r\n template: \"text\",\r\n });\r\n FroalaEditor.RegisterCommand(toolbarName, {\r\n title: toolbarName,\r\n type: \"dropdown\",\r\n focus: false,\r\n undo: false,\r\n refreshAfterCallback: true,\r\n options,\r\n callback(_cmd, val) {\r\n callback(_cmd, val);\r\n },\r\n });\r\n },\r\n ],\r\n pasteDeniedAttrs: [\"id\", \"style\"],\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withHighlights = (toolbarName = \"Markér\"): ConfigBuilder => {\r\n this.withPlugins((plugins) => [...plugins, \"inlineClass\"]);\r\n this.withToolbar((toolbar) => [...toolbar, \"|\", \"kommentar\"]);\r\n\r\n this.config = {\r\n ...this.config,\r\n onInit: [\r\n ...this.config.onInit,\r\n (editor) => {\r\n FroalaEditor.DefineIcon(\"kommentar\", {\r\n NAME: toolbarName,\r\n template: \"text\",\r\n });\r\n FroalaEditor.RegisterCommand(\"kommentar\", {\r\n title: toolbarName,\r\n focus: true,\r\n undo: true,\r\n plugin: \"inlineClass\",\r\n callback() {\r\n (this as unknown as typeof editor).inlineClass.apply(\r\n \"fr-class-highlighted\",\r\n );\r\n },\r\n refresh($btn) {\r\n if (\r\n (this as unknown as typeof editor).selection\r\n .element()\r\n .classList.contains(\"fr-class-highlighted\")\r\n ) {\r\n $btn.addClass(\"fr-active\");\r\n } else {\r\n $btn.removeClass(\"fr-active\");\r\n }\r\n },\r\n });\r\n },\r\n ],\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withFormatList = (\r\n listType: \"OL\" | \"UL\",\r\n options: Record,\r\n ): ConfigBuilder => {\r\n this.config = {\r\n ...this.config,\r\n onInit: [\r\n ...this.config.onInit,\r\n (editor) => {\r\n FroalaEditor.RegisterCommand(`format${listType}`, {\r\n hasOptions() {\r\n return (this as unknown as typeof editor).opts.listAdvancedTypes;\r\n },\r\n options,\r\n refresh(e) {\r\n (this as unknown as typeof editor).lists.refresh(e, listType);\r\n },\r\n callback(_, t) {\r\n (\r\n (this as unknown as typeof editor).lists.format as (\r\n type: string,\r\n object: unknown,\r\n ) => object\r\n )(listType, t);\r\n },\r\n plugin: \"lists\",\r\n });\r\n },\r\n ],\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withTabSpaces = (tabSpaces: number): ConfigBuilder => {\r\n this.config = {\r\n ...this.config,\r\n tabSpaces,\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withComments = (\r\n users: Record,\r\n currentUserId: number | string,\r\n toolbarName = \"Kommentér\",\r\n ): ConfigBuilder => {\r\n this.withToolbar((prev) => [...prev, \"annotate\"]);\r\n this.withPlugins((prev) => [...prev, \"lance\"]);\r\n this.withAllowedTags([\"annotations\"]);\r\n this.withAllowedAttr([\r\n \"data-annotation-seq\",\r\n \"data-ant\",\r\n \"data-annotation-id\",\r\n \"data-selected\",\r\n \"data-track-changes-ignore\",\r\n ]);\r\n\r\n this.config = {\r\n ...this.config,\r\n onInit: [\r\n ...this.config.onInit,\r\n () => {\r\n FroalaEditor.DefineIcon(\"annotate\", {\r\n NAME: toolbarName,\r\n template: \"text\",\r\n });\r\n },\r\n ],\r\n lance: {\r\n users,\r\n currentUserId,\r\n assetPath: \"/plugins/lance/\",\r\n annotations: {\r\n permissions: {\r\n edit: \"owner\",\r\n delete: \"any\",\r\n resolve: \"any\",\r\n },\r\n },\r\n onInit: (id, lance, editor) => {\r\n const lanceApp = new window.LANCE.AnnotationsUI();\r\n const owner = lance.getAnnotations();\r\n\r\n (\r\n FroalaEditor.COMMANDS as { annotate: { title: string } }\r\n ).annotate.title = \"Legg til kommentar\";\r\n\r\n owner.addListener(\"annotation:created\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:deleted\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:resolved\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:selected\", () => {\r\n editor.events.trigger(\"lance::open\", [], false);\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:updated\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:commentcreated\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:commentdeleted\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:commentchanged\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:commentselected\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:reset\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:reload\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:enable\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:resize\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:done-editing\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:attribute-changed\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n owner.addListener(\"annotation:renumbered\", () => {\r\n editor.events.trigger(\"contentChanged\", [], false);\r\n });\r\n\r\n owner.getLocalizedString = (key) => {\r\n switch (key) {\r\n case \"on date\":\r\n return \"%dd.%MM.%Y - %hh:%mm\";\r\n case \"on full date\":\r\n return \"%dd.%MM.%Y - %hh:%mm\";\r\n case \"on time\":\r\n return \"%dd.%MM.%Y - %hh:%mm\";\r\n case \"reply to this comment\":\r\n return \"Svar på denne kommentaren\";\r\n case \"enter your comment\":\r\n return \"Skriv kommentar\";\r\n case \"now\":\r\n return \"Nå\";\r\n case \"resolve\":\r\n return \"Lukk\";\r\n case \"reopen\":\r\n return \"Åpne\";\r\n case \"edit\":\r\n return \"Endre\";\r\n case \"delete\":\r\n return \"Slett\";\r\n case \"insert comment\":\r\n return \"Legg til kommentar\";\r\n case \"enter comment\":\r\n return \"Skriv kommentar\";\r\n case \"delete this annotation?\":\r\n return \"Vil du slette denne markeringen?\";\r\n case \"delete this comment?\":\r\n return \"Vil du slette denne kommentaren?\";\r\n case \"save\":\r\n return \"Lagre\";\r\n case \"cancel\":\r\n return \"Avbryt\";\r\n case \"comment\":\r\n return \"Lagre\";\r\n case \"reply\":\r\n return \"Svar\";\r\n case \"delete-resolve\":\r\n return \"Slett/Lukk\";\r\n case \"1 minute ago\":\r\n return \"1 minutt siden\";\r\n case \"minutes ago\":\r\n return \"%ma minutter siden\";\r\n case \"on\":\r\n return \"den\";\r\n case \"months\":\r\n return [\r\n \"Jan\",\r\n \"Feb\",\r\n \"Mar\",\r\n \"Apr\",\r\n \"Mai\",\r\n \"Jun\",\r\n \"Jul\",\r\n \"Aug\",\r\n \"Sep\",\r\n \"Okt\",\r\n \"Nov\",\r\n \"Des\",\r\n ];\r\n case \"full_months\":\r\n return [\r\n \"Januar\",\r\n \"Februar\",\r\n \"Mars\",\r\n \"April\",\r\n \"Mai\",\r\n \"Juni\",\r\n \"Juli\",\r\n \"August\",\r\n \"September\",\r\n \"Oktober\",\r\n \"November\",\r\n \"Desember\",\r\n ];\r\n default: {\r\n return key;\r\n }\r\n }\r\n };\r\n lanceApp.init({\r\n owner,\r\n generateUI: true,\r\n generateCSS: false,\r\n blurAware: false,\r\n styleUrls: [],\r\n container:\r\n document.getElementById(`annotations-wrapper-${id}`) ?? null,\r\n toolbar: {\r\n buttons: [\r\n {\r\n command: \"comment-resolve\",\r\n display: \"auto\",\r\n },\r\n {\r\n command: \"comment-reopen\",\r\n display: \"auto\",\r\n },\r\n {\r\n command: \"comment-edit\",\r\n display: \"auto\",\r\n },\r\n {\r\n command: \"comment-delete\",\r\n display: \"auto\",\r\n },\r\n ],\r\n commands: [\r\n {\r\n command: \"comment-resolve\",\r\n title: \"[[resolve]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBmaWxsPSIjMDAwMDAwIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDUgTDE2LDUgTDE2LDE2IEwwLDE2IEwwLDUgWiBNMiwxNCBMMTQsMTQgTDE0LDcgTDIsNyBMMiwxNCBaIE0xNCw1IEwxMiw1IEwxMiwyIEw3LDIgTDcsMCBMMTQsMCBMMTQsNSBaIE03LDkgTDksOSBMOSwxMiBMNywxMiBMNyw5IFoiPjwvcGF0aD4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==\",\r\n label: \"\",\r\n },\r\n {\r\n command: \"comment-reopen\",\r\n title: \"[[reopen]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgICA8ZyBmaWxsPSIjMDAwMDAwIj4NCiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDUgTDE2LDUgTDE2LDE2IEwwLDE2IEwwLDUgWiBNNyw4IEw3LDEzIEw5LDEzIEw5LDggTDcsOCBaIE0xMyw1IEwxMywwIEwzLDAgTDMsNSBMNSw1IEw1LDIgTDExLDIgTDExLDUgTDEzLDUgWiI+PC9wYXRoPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+\",\r\n label: \"\",\r\n },\r\n {\r\n command: \"comment-edit\",\r\n title: \"[[edit]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8Zz4NCiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIuNjk4MjYyODFlLTA4LDAgTC0xLjc5ODk4MDUyZS0wOSwxNiBMMTQsMTYgTDE0LDcgTDEyLDcgTDEyLDE0IEwyLDE0IEwyLDIgTDcuODU3MTQyNjgsMiBMNy44NTcxNDI2OCwwIEwyLjY5ODI2MjgxZS0wOCwwIEwyLjY5ODI2MjgxZS0wOCwwIFogTTUuNTkxNTk0MzIsOC4xMjgwMzY4OCBMNy4xMjgwMzY4OCw5LjQwODQwNTY4IEwxMy40MDg0MDU3LDEuODcxOTYzMTIgTDExLjg3MTk2MzEsMC41OTE1OTQzMjEgTDUuNTkxNTk0MzIsOC4xMjgwMzY4OCBMNS41OTE1OTQzMiw4LjEyODAzNjg4IFoiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=\",\r\n label: \"\",\r\n },\r\n {\r\n command: \"comment-delete\",\r\n title: \"[[delete]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8Zz4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMyw2IEwxMyw2IEwxMywxNiBMMywxNiBMMyw2IEwzLDYgWiBNNSw2IEwxMSw2IEwxMSwxNCBMNSwxNCBMNSw2IEw1LDYgWiBNNSwwIEwxMSwwIEwxMSwyIEw1LDIgTDUsMCBMNSwwIFogTTAsNCBMMTYsNCBMMTYsNiBMMCw2IEwwLDQgTDAsNCBaIj48L3BhdGg+DQogICAgICAgICAgICA8L2c+DQogICAgICAgIDwvZz4NCiAgICA8L2c+DQo8L3N2Zz4=\",\r\n label: \"\",\r\n },\r\n {\r\n command: \"comment-edit-ok\",\r\n title: \"[[save]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8Zz4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwxNiBDMTIuNDE4Mjc4LDE2IDE2LDEyLjQxODI3OCAxNiw4IEMxNiwzLjU4MTcyMiAxMi40MTgyNzgsMS4xMzY4NjgzOGUtMTMgOCwxLjEzNjg2ODM4ZS0xMyBDMy41ODE3MjIsMS4xMzY4NjgzOGUtMTMgOC41MjY1MTI4M2UtMTQsMy41ODE3MjIgOC41MjY1MTI4M2UtMTQsOCBDOC41MjY1MTI4M2UtMTQsMTIuNDE4Mjc4IDMuNTgxNzIyLDE2IDgsMTYgTDgsMTYgTDgsMTYgTDgsMTYgWiBNOCwxNCBDNC42ODYyOTE1LDE0IDIsMTEuMzEzNzA4NSAyLDggQzIsNC42ODYyOTE1IDQuNjg2MjkxNSwyIDgsMiBDMTEuMzEzNzA4NSwyIDE0LDQuNjg2MjkxNSAxNCw4IEMxNCwxMS4zMTM3MDg1IDExLjMxMzcwODUsMTQgOCwxNCBMOCwxNCBaIE02Ljg3MDI3NzIxLDExLjc2NDI3MjEgTDExLjc3MTUzMTcsNi42NTY2NjcxIEwxMC4zMjg0NjgzLDUuMjcxOTA0MzMgTDYuODcwMjc3MjQsOC44ODA1NTQzIEw1LjY3MDE5NzU1LDcuNjM1NjcyNyBMNC4yMjk4MDI0NSw5LjAyMzIxMDc4IEw2Ljg3MDI3NzIxLDExLjc2NDI3MjEgWiI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+\",\r\n label: \"\",\r\n },\r\n {\r\n command: \"comment-reply-ok\",\r\n title: \"[[comment]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8Zz4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwxNiBDMTIuNDE4Mjc4LDE2IDE2LDEyLjQxODI3OCAxNiw4IEMxNiwzLjU4MTcyMiAxMi40MTgyNzgsMS4xMzY4NjgzOGUtMTMgOCwxLjEzNjg2ODM4ZS0xMyBDMy41ODE3MjIsMS4xMzY4NjgzOGUtMTMgOC41MjY1MTI4M2UtMTQsMy41ODE3MjIgOC41MjY1MTI4M2UtMTQsOCBDOC41MjY1MTI4M2UtMTQsMTIuNDE4Mjc4IDMuNTgxNzIyLDE2IDgsMTYgTDgsMTYgTDgsMTYgTDgsMTYgWiBNOCwxNCBDNC42ODYyOTE1LDE0IDIsMTEuMzEzNzA4NSAyLDggQzIsNC42ODYyOTE1IDQuNjg2MjkxNSwyIDgsMiBDMTEuMzEzNzA4NSwyIDE0LDQuNjg2MjkxNSAxNCw4IEMxNCwxMS4zMTM3MDg1IDExLjMxMzcwODUsMTQgOCwxNCBMOCwxNCBaIE02Ljg3MDI3NzIxLDExLjc2NDI3MjEgTDExLjc3MTUzMTcsNi42NTY2NjcxIEwxMC4zMjg0NjgzLDUuMjcxOTA0MzMgTDYuODcwMjc3MjQsOC44ODA1NTQzIEw1LjY3MDE5NzU1LDcuNjM1NjcyNyBMNC4yMjk4MDI0NSw5LjAyMzIxMDc4IEw2Ljg3MDI3NzIxLDExLjc2NDI3MjEgWiI+PC9wYXRoPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+\",\r\n label: \"\",\r\n },\r\n {\r\n command: \"comment-reply-cancel\",\r\n title: \"[[cancel]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8Zz4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwxNiBDMTIuNDE4Mjc4LDE2IDE2LDEyLjQxODI3OCAxNiw4IEMxNiwzLjU4MTcyMiAxMi40MTgyNzgsMCA4LDAgQzMuNTgxNzIyLDAgMCwzLjU4MTcyMiAwLDggQzAsMTIuNDE4Mjc4IDMuNTgxNzIyLDE2IDgsMTYgTDgsMTYgTDgsMTYgWiBNOCwxNCBDNC42ODYyOTE1LDE0IDIsMTEuMzEzNzA4NSAyLDggQzIsNC42ODYyOTE1IDQuNjg2MjkxNSwyIDgsMiBDMTEuMzEzNzA4NSwyIDE0LDQuNjg2MjkxNSAxNCw4IEMxNCwxMS4zMTM3MDg1IDExLjMxMzcwODUsMTQgOCwxNCBaIE04LDkuNDE0MjEzNTYgTDYuNzA3MTA2NzgsMTAuNzA3MTA2OCBMNiwxMS40MTQyMTM2IEw0LjU4NTc4NjQ0LDEwIEw1LjI5Mjg5MzIyLDkuMjkyODkzMjIgTDYuNTg1Nzg2NDQsOCBMNS4yOTI4OTMyMiw2LjcwNzEwNjc4IEw0LjU4NTc4NjQ0LDYgTDYsNC41ODU3ODY0NCBMNi43MDcxMDY3OCw1LjI5Mjg5MzIyIEw4LDYuNTg1Nzg2NDQgTDkuMjkyODkzMjIsNS4yOTI4OTMyMiBMMTAsNC41ODU3ODY0NCBMMTEuNDE0MjEzNiw2IEwxMC43MDcxMDY4LDYuNzA3MTA2NzggTDkuNDE0MjEzNTYsOCBMMTAuNzA3MTA2OCw5LjI5Mjg5MzIyIEwxMS40MTQyMTM2LDEwIEwxMCwxMS40MTQyMTM2IEw5LjI5Mjg5MzIyLDEwLjcwNzEwNjggTDgsOS40MTQyMTM1NiBMOCw5LjQxNDIxMzU2IFoiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==\",\r\n label: \"\",\r\n },\r\n {\r\n command: \"comment-edit-cancel\",\r\n title: \"[[cancel]]\",\r\n iconUrl:\r\n \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiAgICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgICAgPGcgZmlsbD0iIzAwMDAwMCI+DQogICAgICAgICAgICA8Zz4NCiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNOCwxNiBDMTIuNDE4Mjc4LDE2IDE2LDEyLjQxODI3OCAxNiw4IEMxNiwzLjU4MTcyMiAxMi40MTgyNzgsMCA4LDAgQzMuNTgxNzIyLDAgMCwzLjU4MTcyMiAwLDggQzAsMTIuNDE4Mjc4IDMuNTgxNzIyLDE2IDgsMTYgTDgsMTYgTDgsMTYgWiBNOCwxNCBDNC42ODYyOTE1LDE0IDIsMTEuMzEzNzA4NSAyLDggQzIsNC42ODYyOTE1IDQuNjg2MjkxNSwyIDgsMiBDMTEuMzEzNzA4NSwyIDE0LDQuNjg2MjkxNSAxNCw4IEMxNCwxMS4zMTM3MDg1IDExLjMxMzcwODUsMTQgOCwxNCBaIE04LDkuNDE0MjEzNTYgTDYuNzA3MTA2NzgsMTAuNzA3MTA2OCBMNiwxMS40MTQyMTM2IEw0LjU4NTc4NjQ0LDEwIEw1LjI5Mjg5MzIyLDkuMjkyODkzMjIgTDYuNTg1Nzg2NDQsOCBMNS4yOTI4OTMyMiw2LjcwNzEwNjc4IEw0LjU4NTc4NjQ0LDYgTDYsNC41ODU3ODY0NCBMNi43MDcxMDY3OCw1LjI5Mjg5MzIyIEw4LDYuNTg1Nzg2NDQgTDkuMjkyODkzMjIsNS4yOTI4OTMyMiBMMTAsNC41ODU3ODY0NCBMMTEuNDE0MjEzNiw2IEwxMC43MDcxMDY4LDYuNzA3MTA2NzggTDkuNDE0MjEzNTYsOCBMMTAuNzA3MTA2OCw5LjI5Mjg5MzIyIEwxMS40MTQyMTM2LDEwIEwxMCwxMS40MTQyMTM2IEw5LjI5Mjg5MzIyLDEwLjcwNzEwNjggTDgsOS40MTQyMTM1NiBMOCw5LjQxNDIxMzU2IFoiPjwvcGF0aD4NCiAgICAgICAgICAgIDwvZz4NCiAgICAgICAgPC9nPg0KICAgIDwvZz4NCjwvc3ZnPg==\",\r\n label: \"\",\r\n },\r\n ],\r\n },\r\n });\r\n },\r\n },\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withStickyToolbar = (offset = 56): ConfigBuilder => {\r\n this.config = {\r\n ...this.config,\r\n toolbarSticky: true,\r\n toolbarStickyOffset: offset,\r\n };\r\n\r\n return this;\r\n };\r\n\r\n withCustomConfig = (\r\n config: Config | ((config: Config) => Config),\r\n ): ConfigBuilder => {\r\n if (typeof config === \"function\") {\r\n this.config = config(this.config);\r\n } else {\r\n this.config = {\r\n ...this.config,\r\n ...config,\r\n };\r\n }\r\n return this;\r\n };\r\n\r\n build(): Config {\r\n return this.config;\r\n }\r\n}\r\n\r\nexport default ConfigBuilder;\r\n","import { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { onKeyDown } from \"@utdanningsdirektoratet/utils/uu\";\r\nimport { Icon } from \"@utdanningsdirektoratet/icon\";\r\nimport styles from \"./RichText.module.less\";\r\n\r\ntype CommentsProps = {\r\n id: string;\r\n isOpen: boolean;\r\n setOpen: React.Dispatch>;\r\n};\r\n\r\nconst Comments: React.FC = ({ id, isOpen, setOpen }) => {\r\n const iconClassName = cls({\r\n [styles.richTextCommentsSidebarButtonIcon]: true,\r\n [styles.richTextCommentsSidebarButtonIconOpen]: isOpen,\r\n });\r\n\r\n const sidebarClassName = cls({\r\n [styles.richTextCommentsSidebar]: true,\r\n [styles.richTextCommentsSidebarOpen]: isOpen,\r\n });\r\n\r\n return (\r\n
\r\n );\r\n};\r\n\r\nexport default Comments;\r\n","import {\r\n forwardRef,\r\n useState,\r\n useMemo,\r\n useEffect,\r\n useCallback,\r\n useImperativeHandle,\r\n useRef,\r\n} from \"react\";\r\nimport Editor from \"froala-editor\";\r\nimport FroalaEditor from \"react-froala-wysiwyg\";\r\nimport { Color, Icon } from \"@utdanningsdirektoratet/icon\";\r\nimport { Tooltip } from \"@utdanningsdirektoratet/tooltip\";\r\nimport { useId } from \"@utdanningsdirektoratet/utils/useId\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { assert } from \"@utdanningsdirektoratet/utils/assert\";\r\nimport DOMPurify from \"dompurify\";\r\nimport baseConfig from \"./baseConfig\";\r\nimport baseDomPurifyConfig from \"./baseDomPurifyConfig\";\r\nimport { RichTextRef, RichTextProps, LanceApp, Lance, Config } from \"./types\";\r\nimport styles from \"./RichText.module.less\";\r\n\r\nimport \"froala-editor/js/plugins.pkgd.min.js\";\r\nimport \"froala-editor/js/plugins/track_changes.min.js\";\r\nimport \"froala-editor/js/languages/nb.js\";\r\nimport Comments from \"./Comments\";\r\n\r\nrequire(\"./plugins/lance/plugin.js\");\r\nrequire(\"./plugins/lance/js/annotationsui.js\");\r\n\r\ndeclare global {\r\n interface Window {\r\n froalaLicense: string;\r\n LANCE: {\r\n AnnotationsUI: { new (): LanceApp };\r\n initFroalaLancePlugin: (FroalaEditor: typeof Editor) => void;\r\n };\r\n }\r\n}\r\n\r\nconst sanitizeHTML = (value: string, config: Partial store.setState((prevState) => prevState - 1)} />\r\n
\r\n );\r\n};\r\n\r\nexport default Progress;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"radioWrapper\":\"zkot6m_ArHhNZ7IGXIFN\",\"radioInput\":\"TGIs_Xd5EMK9zxm2SzW3\",\"radioInputLabel\":\"gUnexFFDTf4qoJsRSFvg\",\"radioInputError\":\"J63vYy7VCZKiXENot4Yx\",\"radioInputLabelEmpty\":\"rshGsP2jKZOvAOg9ap7E\",\"radioBoxed\":\"v_aUB0laMPXu1H_oV9x4\",\"radioChecked\":\"ib5nlP3ulj4l3LwdrP_W\",\"radioWithChildren\":\"v5s6zADmLynhtINGv9q3\",\"radioExpanded\":\"yWou4576owN0R6PPOzON\"};","import * as React from \"react\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport styles from \"./Radio.module.less\";\r\n\r\ninterface RadioProps extends Omit\r\n
\r\n );\r\n }\r\n);\r\n\r\nexport default Radio;\r\n","import * as React from \"react\";\r\nimport { useId } from \"@utdanningsdirektoratet/utils/useId\";\r\nimport { Tooltip } from \"@utdanningsdirektoratet/tooltip\";\r\n\r\ntype RadioGroupProps = {\r\n label?: string;\r\n className?: string;\r\n name?: string;\r\n children?: React.ReactNode;\r\n message?: React.ReactNode | string;\r\n error?: boolean;\r\n};\r\n\r\nconst RadioGroup: React.FC\r\n \r\n
\r\n {!!children && checked ? {children}
: null}\r\n \r\n setOpen((prev) => !prev)}\r\n onKeyDown={onKeyDown(() => setOpen((prev) => !prev))}\r\n className={styles.richTextCommentsSidebarButton}\r\n >\r\n
\r\n \r\n \r\n \r\n {\r\n internalState.current = html;\r\n onChange(html);\r\n }}\r\n />\r\n
\r\n {config.lance && (\r\n \r\n \r\n \r\n \r\n ) : null}\r\n
\r\n );\r\n};\r\n\r\nexport default TrashableRichText;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"trashableRichText\":\"Lh3LPir42RSS3pA832ZH\",\"trashableRichTextIcon\":\"Qp65TFCjrnbEhwBrHcIi\"};","import { FroalaConfig, ToolbarType } from \"./types\";\r\n\r\nconst htmlAllowedTags: Array\\n
');function o(e){if(!e)return t.$(\"\");var n=e;return n instanceof t.$||(n=t.$(e)),n.length&&(n=n.eq(0)),n}var r=function(){function r(){this._bottomMarker=null,t.mixinEvents(this)}return r.prototype.init=function(i,a){var s=this;if(this.$container)throw new Error(\"UI Generator inited more than once\");if(a.generate&&!a.owner)throw new Error(\"UIGenerator::generate: missing owner\");var l=o(i);if(!l||!l.length)throw new Error(\"UIGenerator::generate: selector does not point to a valid element\");var c=l[0].ownerDocument,u=a.templates||{},d=a.styleUrls||[a.generateCSS&&\"css/comments-ui.css\"],f={comment:u.comment?this._finalizeTemplate(c,o(u.comment),a):this._finalizeTemplate(c,e('\\n\\n\\t
\\n\\n\\t\\t
\\n\\t
\\n\\t\\n\\t\\t\\n\\t\\n\\t
'),a),thread:u.thread?this._finalizeTemplate(c,o(u.thread),a):this._finalizeTemplate(c,e(n),a)};if(!f.comment||!f.thread)throw new Error(\"Missing comment templates, values were \".concat(u.comment,\" \").concat(u.thread));if(this._container=!1===a.generate?l:e('\\n\\t\\t\\n\\t\\t
\\t\\n\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t
\\n\\t\\t\\n\\t\\t
\\n\\t\\n\\t\\t\\n\\t\\t
\\n\\t\\n\\t\\n\\t\\t\\t\\n\\t\\t\\t\\n\\t\\t
\\n\\t\\n\\t\\t\\n\\t\\t\\n\\t
\\n\\n
'),this._annotationCls=f.thread.hasClass(\"annotation-ui-wrapper\")?\"annotation-ui-wrapper\":\"annotation-ui\",!this._container.is(l)){l.append(this._container),this._bottomMarker=l.find(\".lance-bottom-spacer\");var p=l.find(\".lance-content-scroller\");p.length&&(this._container=p)}if(this._searchUI=l.find(\".comments-search-container\"),this._container.addClass(\"lance-annotations-container\"),this.validateTemplates(f),this._templates=f,new t.utils.CSSLoader(c).loadCSSString(\"button[disabled] svg .loopindex-svg-icon {\\n\\t\\t\\t\\topacity: 0.5;\\n\\t\\t\\t\\tfill: #BBB;\\n\\t\\t\\t}\"),d.length>0){var h=function(e,n){t.logger.debug(\"css \".concat(e,\" loaded \").concat(n.loaded));var o=d.firstIndexOf_li((function(t){return Boolean(t&&e.indexOf(t)>=0)}));o>=0?d.splice(o,1):t.logger.warn(\"callback for unknown style sheet \".concat(e)),d.length<1&&s.trigger(r.EVENT_CSS_LOADED,{loaded:!0})},m=new t.utils.CSSLoader(c);d.forEach((function(t){t=a.owner.resolvePath(t),m.loadCSS([t],null,h)}))}else setTimeout((function(){s.trigger(r.EVENT_CSS_LOADED,{loaded:!0})}),1)},Object.defineProperty(r.prototype,\"templates\",{get:function(){return this._templates},enumerable:!1,configurable:!0}),r.prototype.addAnnotationNode=function(t,n){if(!e(t).hasClass(this._annotationCls))throw new Error(\"Lance UI: Cannot add thread without the thread class \".concat(this._annotationCls));return n?n.parentNode.insertBefore(t,n):this._bottomMarker?this._bottomMarker.before(t):this._container.append(t),t},r.prototype.setAnnotationNodeIndex=function(e,n){if(n<0)throw new Error(\"Lance UI: illegal annotation index \".concat(n));if(!e.hasClass(this._annotationCls))throw new Error(\"setAnnotationNodeIndex: illegal node\");if(this.$container[0].contains(e[0])){var o=this.$container.find(\".\".concat(this._annotationCls)).toArray(),r=o[n];if(n>o.length)throw new Error(\"Lance UI: index \".concat(n,\" greater than max index \").concat(o.length));r!==e[0]&&(e.detach(),this.addAnnotationNode(e[0],r))}else t.logger.warn(\"setAnnotationNodeIndex: not a descendent of the container\")},Object.defineProperty(r.prototype,\"$searchUI\",{get:function(){return this._searchUI},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,\"$container\",{get:function(){return this._container},enumerable:!1,configurable:!0}),r.prototype._finalizeTemplate=function(n,o,r){var i=new t.utils.CSSLoader(n);r.toolbar.commands.forEach((function(t){if(t.iconUrl){var e=\".lance-ui-btn[data-lance-command='\".concat(t.command,\"']\");i.addRule(\"\".concat(e,\" .icon\"),{\"background-image\":\"url(\".concat(t.iconUrl,\")\")})}}));var a=o.find(\".comment-edit-links\");r.toolbar.buttons.forEach((function(e){var o=t.$(n.createElement(\"button\"));o.addClass(\"lance-ui-btn\").attr({\"data-lance-show\":e.display||\"show\",\"data-lance-command\":e.command}),a.append(o)}));var s=t.utils.strings.toMap(r.toolbar.commands,\"command\",\"*\");return o.find(\".lance-ui-btn[data-lance-command]\").each((function(o,r){var i=e(r),a=i.attr(\"data-lance-command\"),l=a&&s[a];if(l){if(l.iconUrl){i.find(\"span.icon\").remove();var c=t.$(n.createElement(\"span\"));c.addClass(\"icon\"),i.append(c)}if(l.label){t.utils.dom.forAllTextChildren(r,(function(t){return e(t).remove()}));var u=n.createElement(\"label\");u.innerText=l.label,i.append(u)}l.title&&i.attr(\"data-title\",l.title)}else t.logger.warn(\"no configuration for lance toolbar button\",a)})),o},r.prototype.validateTemplates=function(t){if(!t.thread||!t.thread.length)throw new Error(\"UIGenerator: Bad or missing thread template\");if(!t.comment||!t.thread)throw new Error(\"UIGenerator: Bad or missing comment template\")},r.EVENT_CSS_LOADED=\"css-loaded\",r}();t.UIGenerator=r}(window.LANCE)}()}]);","/*!\r\n * Source version: 1.7.08 \r\n * Copyright (C) 2023 LoopIndex - All Rights Reserved\r\n * You may use, distribute and modify this code under the\r\n * terms of the LoopIndex Comments CKEditor plugin license.\r\n *\r\n * Open source libraries\r\n * jQuery scrollintoview plugin Copyright (c) 2011 Robert Koritnik https://github.com/litera/jquery-scrollintoview\r\n * MutationSummary copyright (C) Rafael Weinstein https://github.com/rafaelw/mutation-summary/\r\n \r\n * You should have received a copy of the LoopIndex Comments CKEditor plugin license with\r\n * this file. If not, please write to: loopindex@gmail.com, or visit http://www.loopindex.com\r\n * written by (David *)Frenkiel (https://github.com/imdfl) \r\n */!function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(t,\"__esModule\",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&\"object\"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,\"default\",{enumerable:!0,value:t}),2&e&&\"string\"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,\"a\",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p=\"\",n(n.s=0)}([function(t,e,n){var o;!function(){\"use strict\";\r\n/*!\r\n * jQuery JavaScript Library v3.5.0 -ajax,-ajax/jsonp,-ajax/load,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-deprecated/ajax-event-alias,-effects,-effects/Tween,-effects/animatedSelector\r\n * https://jquery.com/\r\n *\r\n * Includes Sizzle.js\r\n * https://sizzlejs.com/\r\n *\r\n * Copyright JS Foundation and other contributors\r\n * Released under the MIT license\r\n * https://jquery.org/license\r\n *\r\n * Date: 2020-04-10T15:07Z\r\n */!function(t){var e=window.LOOPINDEX;e&&\"object\"==typeof e&&e.$&&e.VERSION||(e={},Object.defineProperties(e,{VERSION:{value:\"1.5.5\",enumerable:!0,writable:!1,configurable:!1}}));var n=window.LOOPINDEX=e;n.$&&n.$.fn&&n.$.fn.jquery||Object.defineProperty(e,\"$\",{value:t,enumerable:!0,writable:!1,configurable:!1})}(function(n){var r=\"3.5.0 -ajax,-ajax/jsonp,-ajax/load,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-deprecated/ajax-event-alias,-effects,-effects/Tween,-effects/animatedSelector\",i=[],a=Object.getPrototypeOf,s=i.slice,u=i.flat?function(t){return i.flat.call(t)}:function(t){return i.concat.apply([],t)},l=i.push,c=i.indexOf,d={},f=d.toString,p=d.hasOwnProperty,h=p.toString,g=h.call(Object),m={},v=function(t){return\"function\"==typeof t&&\"number\"!=typeof t.nodeType},y=function(t){return null!=t&&t===t.window},b=n.document,A={type:!0,src:!0,nonce:!0,noModule:!0};function _(t,e,n){var o,r,i=(n=n||b).createElement(\"script\");if(i.text=t,e)for(o in A)(r=e[o]||e.getAttribute&&e.getAttribute(o))&&i.setAttribute(o,r);n.head.appendChild(i).parentNode.removeChild(i)}function E(t){return null==t?t+\"\":\"object\"==typeof t||\"function\"==typeof t?d[f.call(t)]||\"object\":typeof t}var N=function(t,e){return new N.fn.init(t,e)};function w(t){var e=!!t&&\"length\"in t&&t.length,n=E(t);return!v(t)&&!y(t)&&(\"array\"===n||0===e||\"number\"==typeof e&&e>0&&e-1 in t)}N.fn=N.prototype={jquery:r,constructor:N,length:0,toArray:function(){return s.call(this)},get:function(t){return null==t?s.call(this):t<0?this[t+this.length]:this[t]},pushStack:function(t){var e=N.merge(this.constructor(),t);return e.prevObject=this,e},each:function(t){return N.each(this,t)},map:function(t){return this.pushStack(N.map(this,(function(e,n){return t.call(e,n,e)})))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(N.grep(this,(function(t,e){return(e+1)%2})))},odd:function(){return this.pushStack(N.grep(this,(function(t,e){return e%2})))},eq:function(t){var e=this.length,n=+t+(t<0?e:0);return this.pushStack(n>=0&&n\\n\\t\\n\\t×\\n
\\t\\n\\n\\n\\n
\r\n \r\n \r\n {text}\r\n
\r\n \r\n );\r\n if (focusTrap) {\r\n content = \r\n scrollable ? `${Math.min(scrollable, suggestions.length) * 2}rem` : \"auto\",\r\n }}\r\n className={listClass}\r\n >\r\n {listItems}\r\n \r\n
\r\n );\r\n }\r\n);\r\n\r\nexport default Suggestions;\r\n","export const getSupressAttributes = (sensitive?: boolean): { \"data-hj-suppress\"?: string } => (sensitive ? { \"data-hj-suppress\": \"\" } : {});\r\n","import * as React from \"react\";\r\nimport { Icon } from \"@utdanningsdirektoratet/icon\";\r\nimport { Tooltip } from \"@utdanningsdirektoratet/tooltip\";\r\nimport { getSupressAttributes } from \"@utdanningsdirektoratet/utils/attribute\";\r\nimport { cls } from \"@utdanningsdirektoratet/utils/cls\";\r\nimport { capitalize } from \"@utdanningsdirektoratet/utils/string\";\r\nimport { TagType } from \"./types\";\r\nimport styles from \"./TagsInput.module.less\";\r\n\r\ntype TagProps = {\r\n onDelete: () => void;\r\n tag: TagType;\r\n readOnly?: boolean;\r\n fullwidth?: boolean;\r\n error?: boolean;\r\n onKeyDown?: (event: React.KeyboardEvent\r\n {tag.description}\r\n
\r\n ) : null}\r\n \r\n