- \n
- ').addClass('emoji-menu-list emoji-menu-search').append(foundEmojis);\n $('.emoji-menu-content ul, .emoji-menu-content h5').hide();\n $('.emoji-menu-content').append(h5).append(ul);\n } else {\n $('.emoji-menu-content').children().show();\n }\n }\n\n getEmojiScore(emojis, value) {\n const elem = $(value).find('[data-name]').get(0);\n const emoji = emojis.filter((x) => x.emoji.name === elem.dataset.name)[0];\n elem.dataset.score = emoji.score;\n\n return emoji.score;\n }\n\n sortEmojiElements(emojis, $elements) {\n const scores = new WeakMap();\n\n return $elements.sort((a, b) => {\n let aScore = scores.get(a);\n let bScore = scores.get(b);\n\n if (!aScore) {\n aScore = this.getEmojiScore(emojis, a);\n scores.set(a, aScore);\n }\n\n if (!bScore) {\n bScore = this.getEmojiScore(emojis, b);\n scores.set(b, bScore);\n }\n\n return aScore - bScore;\n });\n }\n\n findMatchingEmojiElements(query) {\n const matchingEmoji = this.emoji\n .searchEmoji(query)\n .map((x) => ({ ...x, score: getEmojiScoreWithIntent(x.emoji.name, x.score) }));\n const matchingEmojiNames = matchingEmoji.map((x) => x.emoji.name);\n const $emojiElements = $('.emoji-menu-list:not(.frequent-emojis) [data-name]');\n const $matchingElements = $emojiElements.filter(\n (i, elm) => matchingEmojiNames.indexOf(elm.dataset.name) >= 0,\n );\n return this.sortEmojiElements(matchingEmoji, $matchingElements.closest('li').clone());\n }\n\n /* showMenuElement and hideMenuElement are performance optimizations. We use\n * opacity to show/hide the emoji menu, because we can animate it. But opacity\n * leaves hidden elements in the render tree, which is unacceptable given the number\n * of emoji elements in the emoji menu (5k+). To get the best of both worlds, we separately\n * apply IS_RENDERED to add/remove the menu from the render tree and IS_VISIBLE to animate\n * the menu being opened and closed. */\n\n showMenuElement($emojiMenu) {\n $emojiMenu.addClass(IS_RENDERED);\n\n // enqueues animation as a microtask, so it begins ASAP once IS_RENDERED added\n return Promise.resolve().then(() => $emojiMenu.addClass(IS_VISIBLE));\n }\n\n hideMenuElement($emojiMenu) {\n $emojiMenu.on(transitionEndEventString, (e) => {\n if (e.currentTarget === e.target) {\n // eslint-disable-next-line @gitlab/no-global-event-off\n $emojiMenu.removeClass(IS_RENDERED).off(transitionEndEventString);\n }\n });\n\n $emojiMenu.removeClass(IS_VISIBLE);\n }\n\n destroy() {\n this.eventListeners.forEach((entry) => {\n entry.element.off.call(entry.element, ...entry.args);\n });\n $(`.${this.menuClass}`).remove();\n }\n}\n\nlet awardsHandlerPromise = null;\nexport default function loadAwardsHandler(reload = false) {\n if (!awardsHandlerPromise || reload) {\n awardsHandlerPromise = Emoji.initEmojiMap().then(() => {\n const awardsHandler = new AwardsHandler(Emoji);\n awardsHandler.bindEvents();\n return awardsHandler;\n });\n }\n return awardsHandlerPromise;\n}\n","export const SET_INITIAL_DATA = 'SET_INITIAL_DATA';\n\nexport const FETCH_AWARDS_SUCCESS = 'FETCH_AWARDS_SUCCESS';\n\nexport const ADD_NEW_AWARD = 'ADD_NEW_AWARD';\nexport const REMOVE_AWARD = 'REMOVE_AWARD';\n","import * as Sentry from '~/sentry/sentry_browser_wrapper';\nimport axios from '~/lib/utils/axios_utils';\nimport { normalizeHeaders } from '~/lib/utils/common_utils';\nimport { joinPaths } from '~/lib/utils/url_utility';\nimport {\n SET_INITIAL_DATA,\n FETCH_AWARDS_SUCCESS,\n ADD_NEW_AWARD,\n REMOVE_AWARD,\n} from './mutation_types';\n\nexport const setInitialData = ({ commit }, data) => commit(SET_INITIAL_DATA, data);\n\nexport const fetchAwards = async ({ commit, dispatch, state }, page = '1') => {\n try {\n const { data, headers } = await axios.get(joinPaths(gon.relative_url_root || '', state.path), {\n params: { per_page: 100, page },\n });\n const normalizedHeaders = normalizeHeaders(headers);\n const nextPage = normalizedHeaders['X-NEXT-PAGE'];\n\n commit(FETCH_AWARDS_SUCCESS, data);\n\n if (nextPage) {\n dispatch('fetchAwards', nextPage);\n }\n } catch (error) {\n Sentry.captureException(error);\n }\n};\n\n/**\n * Creates an intermediary award, used for display\n * until the real award is loaded from the backend.\n */\nconst newOptimisticAward = (name, state) => {\n const freeId = Math.min(...state.awards.map((a) => a.id), Number.MAX_SAFE_INTEGER) - 1;\n return {\n id: freeId,\n name,\n user: {\n id: window.gon.current_user_id,\n name: window.gon.current_user_fullname,\n username: window.gon.current_username,\n },\n };\n};\n\nexport const toggleAward = async ({ commit, state }, name) => {\n const award = state.awards.find((a) => a.name === name && a.user.id === state.currentUserId);\n\n try {\n if (award) {\n commit(REMOVE_AWARD, award.id);\n\n await axios\n .delete(joinPaths(gon.relative_url_root || '', `${state.path}/${award.id}`))\n .catch((err) => {\n commit(ADD_NEW_AWARD, award);\n\n throw err;\n });\n } else {\n const optimisticAward = newOptimisticAward(name, state);\n\n commit(ADD_NEW_AWARD, optimisticAward);\n\n const { data } = await axios\n .post(joinPaths(gon.relative_url_root || '', state.path), {\n name,\n })\n .finally(() => {\n commit(REMOVE_AWARD, optimisticAward.id);\n });\n\n commit(ADD_NEW_AWARD, data);\n }\n } catch (error) {\n Sentry.captureException(error);\n }\n};\n","import {\n SET_INITIAL_DATA,\n FETCH_AWARDS_SUCCESS,\n ADD_NEW_AWARD,\n REMOVE_AWARD,\n} from './mutation_types';\n\nexport default {\n [SET_INITIAL_DATA](state, { path, currentUserId, canAwardEmoji }) {\n state.path = path;\n state.currentUserId = currentUserId;\n state.canAwardEmoji = canAwardEmoji;\n },\n [FETCH_AWARDS_SUCCESS](state, data) {\n state.awards.push(...data);\n },\n [ADD_NEW_AWARD](state, data) {\n state.awards.push(data);\n },\n [REMOVE_AWARD](state, awardId) {\n state.awards = state.awards.filter(({ id }) => id !== awardId);\n },\n};\n","import Vue from 'vue';\n// eslint-disable-next-line no-restricted-imports\nimport Vuex from 'vuex';\nimport * as actions from './actions';\nimport mutations from './mutations';\n\nVue.use(Vuex);\n\nconst createState = () => ({\n awards: [],\n awardPath: '',\n currentUserId: null,\n canAwardEmoji: false,\n});\n\nexport default () =>\n new Vuex.Store({\n state: createState(),\n actions,\n mutations,\n });\n","import Vue from 'vue';\n// eslint-disable-next-line no-restricted-imports\nimport { mapActions, mapState } from 'vuex';\nimport { parseBoolean } from '~/lib/utils/common_utils';\nimport AwardsList from '~/vue_shared/components/awards_list.vue';\nimport { EMOJI_THUMBS_UP, EMOJI_THUMBS_DOWN } from '~/emoji/constants';\nimport createstore from './store';\n\nexport default (el) => {\n if (!el) return null;\n\n const {\n dataset: { path, newCustomEmojiPath },\n } = el;\n const canAwardEmoji = parseBoolean(el.dataset.canAwardEmoji);\n const showDefaultAwardEmojis = parseBoolean(el.dataset.showDefaultAwardEmojis);\n\n return new Vue({\n el,\n name: 'AwardsListRoot',\n store: createstore(),\n provide: {\n newCustomEmojiPath,\n },\n computed: {\n ...mapState(['currentUserId', 'canAwardEmoji', 'awards']),\n },\n created() {\n this.setInitialData({ path, currentUserId: window.gon.current_user_id, canAwardEmoji });\n },\n mounted() {\n this.fetchAwards();\n },\n methods: {\n ...mapActions(['setInitialData', 'fetchAwards', 'toggleAward']),\n },\n render(createElement) {\n return createElement(AwardsList, {\n props: {\n awards: this.awards,\n canAwardEmoji: this.canAwardEmoji,\n currentUserId: this.currentUserId,\n defaultAwards: showDefaultAwardEmojis ? [EMOJI_THUMBS_UP, EMOJI_THUMBS_DOWN] : [],\n selectedClass: 'selected',\n },\n on: {\n award: this.toggleAward,\n },\n });\n },\n });\n};\n","import { property, isEqual } from 'lodash';\nimport { diffModes, diffViewerModes } from '~/ide/constants';\nimport {\n LINE_POSITION_LEFT,\n LINE_POSITION_RIGHT,\n TEXT_DIFF_POSITION_TYPE,\n LEGACY_DIFF_NOTE_TYPE,\n DIFF_NOTE_TYPE,\n NEW_LINE_TYPE,\n OLD_LINE_TYPE,\n MATCH_LINE_TYPE,\n INLINE_DIFF_LINES_KEY,\n CONFLICT_OUR,\n CONFLICT_THEIR,\n CONFLICT_MARKER,\n CONFLICT_MARKER_OUR,\n CONFLICT_MARKER_THEIR,\n EXPANDED_LINE_TYPE,\n} from '../constants';\nimport { prepareRawDiffFile } from '../utils/diff_file';\nimport { extractFileHash } from '../utils/merge_request';\n\nexport const isAdded = (line) => ['new', 'new-nonewline'].includes(line.type);\nexport const isRemoved = (line) => ['old', 'old-nonewline'].includes(line.type);\nexport const isUnchanged = (line) => !line.type;\nexport const isMeta = (line) =>\n ['match', EXPANDED_LINE_TYPE, 'new-nonewline', 'old-nonewline'].includes(line.type);\nexport const isConflictMarker = (line) =>\n [CONFLICT_MARKER_OUR, CONFLICT_MARKER_THEIR].includes(line.type);\nexport const isConflictSeperator = (line) => line.type === CONFLICT_MARKER;\nexport const isConflictOur = (line) => line.type === CONFLICT_OUR;\nexport const isConflictTheir = (line) => line.type === CONFLICT_THEIR;\n\n/**\n * Pass in the inline diff lines array which gets converted\n * to the parallel diff lines.\n * This allows for us to convert inline diff lines to parallel\n * on the frontend without needing to send any requests\n * to the API.\n *\n * This method has been taken from the already existing backend\n * implementation at lib/gitlab/diff/parallel_diff.rb\n *\n * @param {Object[]} diffLines - inline diff lines\n *\n * @param {Boolean} inline - is inline context or not\n *\n * @returns {Object[]} parallel lines\n */\n\nexport const parallelizeDiffLines = (diffLines, inline) => {\n let freeRightIndex = null;\n let conflictStartIndex = -1;\n const lines = [];\n\n // `chunk` is used for dragging to select diff lines\n // we are restricting commenting to only lines that appear between\n // \"expansion rows\". Here equal chunks are lines grouped together\n // inbetween expansion rows.\n let chunk = 0;\n\n for (let i = 0, diffLinesLength = diffLines.length, index = 0; i < diffLinesLength; i += 1) {\n const line = diffLines[i];\n line.chunk = chunk;\n\n if (isMeta(line) && line.type !== EXPANDED_LINE_TYPE) chunk += 1;\n\n if (isRemoved(line) || isConflictOur(line) || inline) {\n lines.push({\n [LINE_POSITION_LEFT]: line,\n [LINE_POSITION_RIGHT]: null,\n });\n\n if (freeRightIndex === null) {\n // Once we come upon a new line it can be put on the right of this old line\n freeRightIndex = index;\n }\n index += 1;\n } else if (isAdded(line) || isConflictTheir(line)) {\n if (freeRightIndex !== null) {\n // If an old line came before this without a line on the right, this\n // line can be put to the right of it.\n lines[freeRightIndex].right = line;\n\n // If there are any other old lines on the left that don't yet have\n // a new counterpart on the right, update the free_right_index\n const nextFreeRightIndex = freeRightIndex + 1;\n freeRightIndex = nextFreeRightIndex < index ? nextFreeRightIndex : null;\n } else {\n lines.push({\n [LINE_POSITION_LEFT]: null,\n [LINE_POSITION_RIGHT]: line,\n });\n\n freeRightIndex = null;\n index += 1;\n }\n } else if (\n isMeta(line) ||\n isUnchanged(line) ||\n isConflictMarker(line) ||\n (isConflictSeperator(line) && inline)\n ) {\n if (conflictStartIndex <= 0) {\n // line in the right panel is the same as in the left one\n lines.push({\n [LINE_POSITION_LEFT]: line,\n [LINE_POSITION_RIGHT]: !inline && line,\n });\n\n if (!inline && isConflictMarker(line)) {\n conflictStartIndex = index;\n }\n freeRightIndex = null;\n index += 1;\n } else {\n lines[conflictStartIndex][LINE_POSITION_RIGHT] = line;\n conflictStartIndex = -1;\n }\n }\n }\n\n return lines;\n};\n\nexport function findDiffFile(files, match, matchKey = 'file_hash') {\n return files.find((file) => file[matchKey] === match);\n}\n\nexport function getFormData(params) {\n const {\n commit,\n note,\n noteableType,\n noteableData,\n diffFile,\n noteTargetLine,\n diffViewType,\n linePosition,\n positionType,\n lineRange,\n showWhitespace,\n } = params;\n\n const position = JSON.stringify({\n base_sha: diffFile.diff_refs.base_sha,\n start_sha: diffFile.diff_refs.start_sha,\n head_sha: diffFile.diff_refs.head_sha,\n old_path: diffFile.old_path,\n new_path: diffFile.new_path,\n position_type: positionType || TEXT_DIFF_POSITION_TYPE,\n old_line: noteTargetLine ? noteTargetLine.old_line : null,\n new_line: noteTargetLine ? noteTargetLine.new_line : null,\n x: params.x,\n y: params.y,\n width: params.width,\n height: params.height,\n line_range: lineRange,\n ignore_whitespace_change: diffFile.whitespaceOnlyChange ? false : !showWhitespace,\n });\n\n const postData = {\n view: diffViewType,\n line_type: linePosition === LINE_POSITION_RIGHT ? NEW_LINE_TYPE : OLD_LINE_TYPE,\n merge_request_diff_head_sha: diffFile.diff_refs.head_sha,\n in_reply_to_discussion_id: '',\n note_project_id: '',\n target_type: noteableData.targetType,\n target_id: noteableData.id,\n return_discussion: true,\n note: {\n note,\n position,\n noteable_type: noteableType,\n noteable_id: noteableData.id,\n commit_id: commit && commit.id,\n type:\n diffFile.diff_refs.start_sha && diffFile.diff_refs.head_sha\n ? DIFF_NOTE_TYPE\n : LEGACY_DIFF_NOTE_TYPE,\n line_code: noteTargetLine ? noteTargetLine.line_code : null,\n },\n };\n\n return postData;\n}\n\nexport function getNoteFormData(params) {\n const data = getFormData(params);\n\n return {\n endpoint: params.noteableData.create_note_path,\n data,\n };\n}\n\nexport const findIndexInInlineLines = (lines, lineNumbers) => {\n const { oldLineNumber, newLineNumber } = lineNumbers;\n\n return lines.findIndex(\n (line) => line.old_line === oldLineNumber && line.new_line === newLineNumber,\n );\n};\n\nexport const getPreviousLineIndex = (file, lineNumbers) => {\n return findIndexInInlineLines(file[INLINE_DIFF_LINES_KEY], lineNumbers);\n};\n\nexport function removeMatchLine(diffFile, lineNumbers, bottom) {\n const indexForInline = findIndexInInlineLines(diffFile[INLINE_DIFF_LINES_KEY], lineNumbers);\n const factor = bottom ? 1 : -1;\n\n if (indexForInline > -1) {\n diffFile[INLINE_DIFF_LINES_KEY].splice(indexForInline + factor, 1);\n }\n}\n\n// eslint-disable-next-line max-params\nexport function addLineReferences(lines, lineNumbers, bottom, isExpandDown, nextLineNumbers) {\n const { oldLineNumber, newLineNumber } = lineNumbers;\n const lineCount = lines.length;\n let matchLineIndex = -1;\n\n const linesWithNumbers = lines.map((l, index) => {\n if (l.type === MATCH_LINE_TYPE) {\n matchLineIndex = index;\n } else {\n Object.assign(l, {\n old_line: bottom ? oldLineNumber + index + 1 : oldLineNumber + index - lineCount,\n new_line: bottom ? newLineNumber + index + 1 : newLineNumber + index - lineCount,\n });\n }\n return l;\n });\n\n if (matchLineIndex > -1) {\n const line = linesWithNumbers[matchLineIndex];\n let targetLine;\n\n if (isExpandDown) {\n targetLine = nextLineNumbers;\n } else if (bottom) {\n targetLine = linesWithNumbers[matchLineIndex - 1];\n } else {\n targetLine = linesWithNumbers[matchLineIndex + 1];\n }\n\n Object.assign(line, {\n meta_data: {\n old_pos: targetLine.old_line,\n new_pos: targetLine.new_line,\n },\n });\n }\n return linesWithNumbers;\n}\n\nfunction addInlineContextLines(options) {\n const { inlineLines, contextLines, lineNumbers, isExpandDown } = options;\n const factor = isExpandDown ? 1 : 0;\n\n if (!isExpandDown && options.bottom) {\n inlineLines.push(...contextLines);\n } else {\n const inlineIndex = findIndexInInlineLines(inlineLines, lineNumbers);\n\n inlineLines.splice(inlineIndex + factor, 0, ...contextLines);\n }\n}\n\nexport function addContextLines(options) {\n addInlineContextLines(options);\n}\n\n/**\n * Trims the first char of the `richText` property when it's either a space or a diff symbol.\n * @param {Object} line\n * @returns {Object}\n * @deprecated Use `line.rich_text = line.rich_text ? line.rich_text.replace(/^[+ -]/, '') : undefined;` instead!. For more information, see https://gitlab.com/gitlab-org/gitlab/-/issues/299329\n */\nexport function trimFirstCharOfLineContent(line = {}) {\n // eslint-disable-next-line no-param-reassign\n delete line.text;\n\n const parsedLine = { ...line };\n\n if (line.rich_text) {\n const firstChar = parsedLine.rich_text.charAt(0);\n\n if (firstChar === ' ' || firstChar === '+' || firstChar === '-') {\n parsedLine.rich_text = line.rich_text.substring(1);\n }\n }\n\n return parsedLine;\n}\n\nfunction diffFileUniqueId(file) {\n return `${file.content_sha}-${file.file_hash}`;\n}\n\nfunction mergeTwoFiles(target, source) {\n const originalInline = target[INLINE_DIFF_LINES_KEY];\n const missingInline = !originalInline.length;\n\n return {\n ...target,\n [INLINE_DIFF_LINES_KEY]: missingInline ? source[INLINE_DIFF_LINES_KEY] : originalInline,\n parallel_diff_lines: null,\n collapsed: source.collapsed,\n };\n}\n\nfunction ensureBasicDiffFileLines(file) {\n const missingInline = !file[INLINE_DIFF_LINES_KEY];\n\n Object.assign(file, {\n [INLINE_DIFF_LINES_KEY]: missingInline ? [] : file[INLINE_DIFF_LINES_KEY],\n parallel_diff_lines: null,\n });\n\n return file;\n}\n\nfunction cleanRichText(text) {\n return text ? text.replace(/^[+ -]/, '') : undefined;\n}\n\nfunction prepareLine(line, file) {\n const problems = {\n brokenSymlink: file.brokenSymlink,\n brokenLineCode: !line.line_code,\n fileOnlyMoved: file.renamed_file && file.added_lines === 0 && file.removed_lines === 0,\n };\n\n if (!line.alreadyPrepared) {\n Object.assign(line, {\n commentsDisabled: Boolean(\n problems.brokenSymlink || problems.fileOnlyMoved || problems.brokenLineCode,\n ),\n rich_text: cleanRichText(line.rich_text),\n discussionsExpanded: false,\n discussions: [],\n hasForm: false,\n text: undefined,\n alreadyPrepared: true,\n problems,\n });\n }\n}\n\nexport function prepareLineForRenamedFile({ line, diffFile, index = 0 }) {\n /*\n Renamed files are a little different than other diffs, which\n is why this is distinct from `prepareDiffFileLines` below.\n\n We don't get any of the diff file context when we get the diff\n (so no \"inline\" vs. \"parallel\", no \"line_code\", etc.).\n\n We can also assume that both the left and the right of each line\n (for parallel diff view type) are identical, because the file\n is renamed, not modified.\n\n This should be cleaned up as part of the effort around flattening our data\n ==> https://gitlab.com/groups/gitlab-org/-/epics/2852#note_304803402\n */\n const lineNumber = index + 1;\n const cleanLine = {\n ...line,\n line_code: `${diffFile.file_hash}_${lineNumber}_${lineNumber}`,\n new_line: lineNumber,\n old_line: lineNumber,\n };\n\n prepareLine(cleanLine, diffFile); // WARNING: In-Place Mutations!\n\n return cleanLine;\n}\n\nfunction prepareDiffFileLines(file) {\n const inlineLines = file[INLINE_DIFF_LINES_KEY];\n\n inlineLines.forEach((line) => prepareLine(line, file)); // WARNING: In-Place Mutations!\n\n return file;\n}\n\nfunction finalizeDiffFile(file) {\n Object.assign(file, {\n isShowingFullFile: false,\n isLoadingFullFile: false,\n discussions: [],\n renderingLines: false,\n whitespaceOnlyChange: file.viewer?.whitespace_only,\n });\n\n return file;\n}\n\nfunction deduplicateFilesList(files, updatePosition) {\n const dedupedFiles = files.reduce((newList, file) => {\n const id = diffFileUniqueId(file);\n if (updatePosition && id in newList) {\n // Object.values preserves key order but doesn't update order when writing to the same key\n // In order to update position of the item we have to delete it first and then add it back\n const existingFile = newList[id];\n // eslint-disable-next-line no-param-reassign\n delete newList[id];\n return {\n ...newList,\n // 'updatePosition' should be set to true only when we want to keep the existing file\n [id]: existingFile,\n };\n }\n\n return {\n ...newList,\n [id]: newList[id] ? mergeTwoFiles(newList[id], file) : file,\n };\n }, {});\n\n return Object.values(dedupedFiles);\n}\n\nexport function prepareDiffData({ diff, priorFiles = [], meta = false, updatePosition = false }) {\n const transformersChain = [\n (file, index, allFiles) => prepareRawDiffFile({ file, index, allFiles, meta }),\n ensureBasicDiffFileLines,\n prepareDiffFileLines,\n finalizeDiffFile,\n ];\n const cleanedFiles = (diff.diff_files || []).map((file, index, allFiles) => {\n return transformersChain.reduce((fileResult, transformer) => {\n return transformer(fileResult, index, allFiles);\n }, file);\n });\n\n return deduplicateFilesList([...priorFiles, ...cleanedFiles], updatePosition);\n}\n\nexport function getDiffPositionByLineCode(diffFiles) {\n const lines = diffFiles.reduce((acc, diffFile) => {\n diffFile[INLINE_DIFF_LINES_KEY].forEach((line) => {\n acc.push({ file: diffFile, line });\n });\n\n return acc;\n }, []);\n\n return lines.reduce((acc, { file, line }) => {\n if (line.line_code) {\n acc[line.line_code] = {\n base_sha: file.diff_refs.base_sha,\n head_sha: file.diff_refs.head_sha,\n start_sha: file.diff_refs.start_sha,\n new_path: file.new_path,\n old_path: file.old_path,\n old_line: line.old_line,\n new_line: line.new_line,\n line_range: null,\n line_code: line.line_code,\n position_type: 'text',\n };\n }\n\n return acc;\n }, {});\n}\n\n// This method will check whether the discussion is still applicable\n// to the diff line in question regarding different versions of the MR\nexport function isDiscussionApplicableToLine({ discussion, diffPosition, latestDiff }) {\n if (!diffPosition) {\n return false;\n }\n\n const { line_code, ...dp } = diffPosition;\n // Removing `line_range` from diffPosition because the backend does not\n // yet consistently return this property. This check can be removed,\n // once this is addressed. see https://gitlab.com/gitlab-org/gitlab/-/issues/213010\n const { line_range: dpNotUsed, ...diffPositionCopy } = dp;\n\n if (discussion.original_position && discussion.position) {\n const discussionPositions = [\n discussion.original_position,\n discussion.position,\n ...(discussion.positions || []),\n ];\n\n const removeLineRange = (position) => {\n const { line_range: pNotUsed, ...positionNoLineRange } = position;\n return positionNoLineRange;\n };\n\n return discussionPositions\n .map(removeLineRange)\n .some((position) => isEqual(position, diffPositionCopy));\n }\n\n // eslint-disable-next-line\n return latestDiff && discussion.active && line_code === discussion.line_code;\n}\n\nexport const getDiffMode = (diffFile) => {\n const diffModeKey = Object.keys(diffModes).find((key) => diffFile[`${key}_file`]);\n return (\n diffModes[diffModeKey] ||\n (diffFile.viewer?.name === diffViewerModes.mode_changed && diffViewerModes.mode_changed) ||\n (diffFile.viewer?.name === diffViewerModes.no_preview && diffViewerModes.no_preview) ||\n diffModes.replaced\n );\n};\n\nexport const convertExpandLines = ({\n diffLines,\n data,\n typeKey,\n oldLineKey,\n newLineKey,\n mapLine,\n}) => {\n const dataLength = data.length;\n const lines = [];\n\n for (let i = 0, diffLinesLength = diffLines.length; i < diffLinesLength; i += 1) {\n const line = diffLines[i];\n\n if (property(typeKey)(line) === 'match') {\n const beforeLine = diffLines[i - 1];\n const afterLine = diffLines[i + 1];\n const newLineProperty = property(newLineKey);\n const beforeLineIndex = newLineProperty(beforeLine) || 0;\n const afterLineIndex = newLineProperty(afterLine) - 1 || dataLength;\n\n lines.push(\n ...data.slice(beforeLineIndex, afterLineIndex).map((l, index) =>\n mapLine({\n line: Object.assign(l, { hasForm: false, discussions: [] }),\n oldLine: (property(oldLineKey)(beforeLine) || 0) + index + 1,\n newLine: (newLineProperty(beforeLine) || 0) + index + 1,\n }),\n ),\n );\n } else {\n lines.push(line);\n }\n }\n\n return lines;\n};\n\nexport const idleCallback = (cb) => requestIdleCallback(cb);\n\nfunction getLinesFromFileByLineCode(file, lineCode) {\n const inlineLines = file[INLINE_DIFF_LINES_KEY];\n const matchesCode = (line) => line.line_code === lineCode;\n\n return inlineLines.filter(matchesCode);\n}\n\nexport const updateLineInFile = (selectedFile, lineCode, updateFn) => {\n getLinesFromFileByLineCode(selectedFile, lineCode).forEach(updateFn);\n};\n\nexport function isUrlHashNoteLink(urlHash = '') {\n const id = urlHash.replace(/^#/, '');\n\n return id.startsWith('note');\n}\n\nexport function isUrlHashFileHeader(urlHash = '') {\n const id = urlHash.replace(/^#/, '');\n\n return id.startsWith('diff-content');\n}\n\nexport function parseUrlHashAsFileHash(urlHash = '', currentDiffFileId = '') {\n const hashless = urlHash.replace(/^#/, '');\n const isNoteLink = isUrlHashNoteLink(hashless);\n const extractedSha1 = extractFileHash({ input: hashless });\n let id = extractedSha1;\n\n if (isNoteLink && currentDiffFileId) {\n id = currentDiffFileId;\n } else if (isUrlHashFileHeader(hashless)) {\n id = hashless.replace('diff-content-', '');\n } else if (!extractedSha1 || isNoteLink) {\n id = null;\n }\n\n return id;\n}\n\nexport function markTreeEntriesLoaded({ priorEntries, loadedFiles }) {\n const newEntries = { ...priorEntries };\n\n loadedFiles.forEach((newFile) => {\n const entry = newEntries[newFile.new_path];\n\n if (entry) {\n entry.diffLoaded = true;\n entry.diffLoading = false;\n }\n });\n\n return newEntries;\n}\n","var assignInWith = require('./assignInWith'),\n attempt = require('./attempt'),\n baseValues = require('./_baseValues'),\n customDefaultsAssignIn = require('./_customDefaultsAssignIn'),\n escapeStringChar = require('./_escapeStringChar'),\n isError = require('./isError'),\n isIterateeCall = require('./_isIterateeCall'),\n keys = require('./keys'),\n reInterpolate = require('./_reInterpolate'),\n templateSettings = require('./templateSettings'),\n toString = require('./toString');\n\n/** Error message constants. */\nvar INVALID_TEMPL_VAR_ERROR_TEXT = 'Invalid `variable` option passed into `_.template`';\n\n/** Used to match empty string literals in compiled template source. */\nvar reEmptyStringLeading = /\\b__p \\+= '';/g,\n reEmptyStringMiddle = /\\b(__p \\+=) '' \\+/g,\n reEmptyStringTrailing = /(__e\\(.*?\\)|\\b__t\\)) \\+\\n'';/g;\n\n/**\n * Used to validate the `validate` option in `_.template` variable.\n *\n * Forbids characters which could potentially change the meaning of the function argument definition:\n * - \"(),\" (modification of function parameters)\n * - \"=\" (default value)\n * - \"[]{}\" (destructuring of function parameters)\n * - \"/\" (beginning of a comment)\n * - whitespace\n */\nvar reForbiddenIdentifierChars = /[()=,{}\\[\\]\\/\\s]/;\n\n/**\n * Used to match\n * [ES template delimiters](http://ecma-international.org/ecma-262/7.0/#sec-template-literal-lexical-components).\n */\nvar reEsTemplate = /\\$\\{([^\\\\}]*(?:\\\\.[^\\\\}]*)*)\\}/g;\n\n/** Used to ensure capturing order of template delimiters. */\nvar reNoMatch = /($^)/;\n\n/** Used to match unescaped characters in compiled string literals. */\nvar reUnescapedString = /['\\n\\r\\u2028\\u2029\\\\]/g;\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Creates a compiled template function that can interpolate data properties\n * in \"interpolate\" delimiters, HTML-escape interpolated data properties in\n * \"escape\" delimiters, and execute JavaScript in \"evaluate\" delimiters. Data\n * properties may be accessed as free variables in the template. If a setting\n * object is given, it takes precedence over `_.templateSettings` values.\n *\n * **Note:** In the development build `_.template` utilizes\n * [sourceURLs](http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/#toc-sourceurl)\n * for easier debugging.\n *\n * For more information on precompiling templates see\n * [lodash's custom builds documentation](https://lodash.com/custom-builds).\n *\n * For more information on Chrome extension sandboxes see\n * [Chrome's extensions documentation](https://developer.chrome.com/extensions/sandboxingEval).\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category String\n * @param {string} [string=''] The template string.\n * @param {Object} [options={}] The options object.\n * @param {RegExp} [options.escape=_.templateSettings.escape]\n * The HTML \"escape\" delimiter.\n * @param {RegExp} [options.evaluate=_.templateSettings.evaluate]\n * The \"evaluate\" delimiter.\n * @param {Object} [options.imports=_.templateSettings.imports]\n * An object to import into the template as free variables.\n * @param {RegExp} [options.interpolate=_.templateSettings.interpolate]\n * The \"interpolate\" delimiter.\n * @param {string} [options.sourceURL='templateSources[n]']\n * The sourceURL of the compiled template.\n * @param {string} [options.variable='obj']\n * The data object variable name.\n * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.\n * @returns {Function} Returns the compiled template function.\n * @example\n *\n * // Use the \"interpolate\" delimiter to create a compiled template.\n * var compiled = _.template('hello <%= user %>!');\n * compiled({ 'user': 'fred' });\n * // => 'hello fred!'\n *\n * // Use the HTML \"escape\" delimiter to escape data property values.\n * var compiled = _.template('<%- value %>');\n * compiled({ 'value': '\n\n\n
- \n \n\n\n\n
\n \n{{\n commit.short_id\n }} \n\n\n \n \n\n\n\n\n\n\n \n\n","import { render, staticRenderFns } from \"./commit_item.vue?vue&type=template&id=4de1d0b3\"\nimport script from \"./commit_item.vue?vue&type=script&lang=js\"\nexport * from \"./commit_item.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';\n\nvar script = {\n name: 'GlButtonGroup',\n props: {\n /**\n * When set, rendered the button group in vertical mode.\n */\n vertical: {\n type: Boolean,\n required: false,\n default: false\n }\n }\n};\n\n/* script */\nconst __vue_script__ = script;\n\n/* template */\nvar __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({class:!_vm.vertical ? 'gl-button-group btn-group' : 'gl-button-group-vertical btn-group-vertical',attrs:{\"role\":\"group\"}},_vm.$listeners),[_vm._t(\"default\")],2)};\nvar __vue_staticRenderFns__ = [];\n\n /* style */\n const __vue_inject_styles__ = undefined;\n /* scoped */\n const __vue_scope_id__ = undefined;\n /* module identifier */\n const __vue_module_identifier__ = undefined;\n /* functional template */\n const __vue_is_functional_template__ = false;\n /* style inject */\n \n /* style inject SSR */\n \n /* style inject shadow dom */\n \n\n \n const __vue_component__ = __vue_normalize__(\n { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n __vue_inject_styles__,\n __vue_script__,\n __vue_scope_id__,\n __vue_is_functional_template__,\n __vue_module_identifier__,\n false,\n undefined,\n undefined,\n undefined\n );\n\nexport default __vue_component__;\n","import axios from '~/lib/utils/axios_utils';\n\nexport default {\n createNewDraft(endpoint, data) {\n const postData = { ...data, draft_note: data.note };\n delete postData.note;\n\n return axios.post(endpoint, postData);\n },\n deleteDraft(endpoint, draftId) {\n return axios.delete(`${endpoint}/${draftId}`);\n },\n publishDraft(endpoint, draftId) {\n return axios.post(endpoint, { id: draftId });\n },\n addDraftToDiscussion(endpoint, data) {\n return axios.post(endpoint, data);\n },\n fetchDrafts(endpoint) {\n return axios.get(endpoint);\n },\n publish(endpoint, noteData) {\n return axios.post(endpoint, noteData);\n },\n discard(endpoint) {\n return axios.delete(endpoint);\n },\n update(endpoint, { draftId, note, resolveDiscussion, position }) {\n return axios.put(`${endpoint}/${draftId}`, {\n draft_note: { note, resolve_discussion: resolveDiscussion, position },\n });\n },\n};\n","/* eslint-disable class-methods-use-this */\nimport $ from 'jquery';\nimport Vue from 'vue';\nimport VueApollo from 'vue-apollo';\nimport createDefaultClient from '~/lib/graphql';\nimport { createAlert } from '~/alert';\nimport { getCookie, isMetaClick, parseBoolean, scrollToElement } from '~/lib/utils/common_utils';\nimport { parseUrlPathname, visitUrl } from '~/lib/utils/url_utility';\nimport createEventHub from '~/helpers/event_hub_factory';\nimport { renderGFM } from '~/behaviors/markdown/render_gfm';\nimport BlobForkSuggestion from './blob/blob_fork_suggestion';\nimport Diff from './diff';\nimport { initDiffStatsDropdown } from './init_diff_stats_dropdown';\nimport axios from './lib/utils/axios_utils';\n\nimport { localTimeAgo } from './lib/utils/datetime_utility';\nimport { isInVueNoteablePage } from './lib/utils/dom_utils';\nimport { __, s__ } from './locale';\nimport syntaxHighlight from './syntax_highlight';\n\nVue.use(VueApollo);\n\nconst apolloProvider = new VueApollo({\n defaultClient: createDefaultClient(),\n});\n\n// MergeRequestTabs\n//\n// Handles persisting and restoring the current tab selection and lazily-loading\n// content on the MergeRequests#show page.\n//\n// ### Example Markup\n//\n// - \n// \n// Discussion\n// \n// \n//
- \n// \n// Commits\n// \n// \n//
- \n// \n// Diffs\n// \n// \n//
- \n
\n {{\n description\n }}\n
\n\n {{ value }}\n \n \n\n","import { render, staticRenderFns } from \"./findings_drawer_item.vue?vue&type=template&id=6c8b4026\"\nimport script from \"./findings_drawer_item.vue?vue&type=script&lang=js\"\nexport * from \"./findings_drawer_item.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('li',{staticClass:\"gl-mb-4\"},[_c('p',{staticClass:\"gl-leading-20\"},[_c('span',{staticClass:\"gl-mb-1 gl-block gl-font-bold\",attrs:{\"data-testid\":\"findings-drawer-item-description\"}},[_vm._v(_vm._s(_vm.description))]),_vm._v(\" \"),_vm._t(\"value\",function(){return [_c('span',{attrs:{\"data-testid\":\"findings-drawer-item-value-prop\"}},[_vm._v(_vm._s(_vm.value))])]})],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./findings_drawer_details.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./findings_drawer_details.vue?vue&type=script&lang=js\"","\n\n\n
- \n//
\n//
\n//\n// \n// Notes Content\n//
\n// \n// Commits Content\n//
\n// \n// Diffs Content\n//
\n// \n//
\n//\n\n// <100ms is typically indistinguishable from \"instant\" for users, but allows for re-rendering\nconst FAST_DELAY_FOR_RERENDER = 75;\n// Store the `location` object, allowing for easier stubbing in tests\nlet { location } = window;\n\nfunction scrollToContainer(container) {\n if (location.hash) {\n const $el = $(`${container} ${location.hash}:not(.match)`);\n\n if ($el.length) {\n scrollToElement($el[0]);\n }\n }\n}\n\nfunction mountPipelines() {\n const pipelineTableViewEl = document.querySelector('#commit-pipeline-table-view');\n const { mrWidgetData } = gl;\n const table = new Vue({\n components: {\n MergeRequestPipelinesTable: () => {\n return gon.features.mrPipelinesGraphql\n ? import('~/ci/merge_requests/components/pipelines_table_wrapper.vue')\n : import('~/commit/pipelines/legacy_pipelines_table_wrapper.vue');\n },\n },\n apolloProvider,\n provide: {\n artifactsEndpoint: pipelineTableViewEl.dataset.artifactsEndpoint,\n artifactsEndpointPlaceholder: pipelineTableViewEl.dataset.artifactsEndpointPlaceholder,\n targetProjectFullPath: mrWidgetData?.target_project_full_path || '',\n fullPath: pipelineTableViewEl.dataset.fullPath,\n graphqlPath: pipelineTableViewEl.dataset.graphqlPath,\n manualActionsLimit: 50,\n mergeRequestId: mrWidgetData ? mrWidgetData.iid : null,\n sourceProjectFullPath: mrWidgetData?.source_project_full_path || '',\n useFailedJobsWidget: true,\n },\n render(createElement) {\n return createElement('merge-request-pipelines-table', {\n props: {\n endpoint: pipelineTableViewEl.dataset.endpoint,\n emptyStateSvgPath: pipelineTableViewEl.dataset.emptyStateSvgPath,\n errorStateSvgPath: pipelineTableViewEl.dataset.errorStateSvgPath,\n canCreatePipelineInTargetProject: Boolean(\n mrWidgetData?.can_create_pipeline_in_target_project,\n ),\n sourceProjectFullPath: mrWidgetData?.source_project_full_path || '',\n targetProjectFullPath: mrWidgetData?.target_project_full_path || '',\n projectId: pipelineTableViewEl.dataset.projectId,\n mergeRequestId: mrWidgetData ? mrWidgetData.iid : null,\n isMergeRequestTable: true,\n },\n });\n },\n }).$mount();\n\n // $mount(el) replaces the el with the new rendered component. We need it in order to mount\n // it everytime this tab is clicked - https://vuejs.org/v2/api/#vm-mount\n pipelineTableViewEl.appendChild(table.$el);\n\n return table;\n}\n\nexport function destroyPipelines(app) {\n if (app && app.$destroy) {\n app.$destroy();\n\n document.querySelector('#commit-pipeline-table-view').innerHTML = '';\n }\n\n return null;\n}\n\nfunction loadDiffs({ url, tabs }) {\n return axios.get(url).then(({ data }) => {\n const $container = $('#diffs');\n $container.html(data.html);\n initDiffStatsDropdown();\n\n localTimeAgo(document.querySelectorAll('#diffs .js-timeago'));\n syntaxHighlight($('#diffs .js-syntax-highlight'));\n\n tabs.createDiff();\n tabs.setHubToDiff();\n\n scrollToContainer('#diffs');\n\n $('.diff-file').each((i, el) => {\n new BlobForkSuggestion({\n openButtons: $(el).find('.js-edit-blob-link-fork-toggler'),\n forkButtons: $(el).find('.js-fork-suggestion-button'),\n cancelButtons: $(el).find('.js-cancel-fork-suggestion-button'),\n suggestionSections: $(el).find('.js-file-fork-suggestion-section'),\n actionTextPieces: $(el).find('.js-file-fork-suggestion-section-action'),\n }).init();\n });\n });\n}\n\nexport function toggleLoader(state) {\n $('.mr-loading-status .loading').toggleClass('hide', !state);\n}\n\nexport function getActionFromHref(pathName) {\n let action = pathName.match(/\\/(\\d+)\\/(commits|diffs|pipelines|reports).*$/);\n\n if (action) {\n action = action.at(-1).replace(/(^\\/|\\.html)/g, '');\n } else {\n action = 'show';\n }\n\n return action;\n}\n\nexport const pageBundles = {\n show: () => import(/* webpackPrefetch: true */ '~/mr_notes/mount_app'),\n diffs: () => import(/* webpackPrefetch: true */ '~/diffs'),\n reports: () => import('~/merge_requests/reports'),\n};\n\nexport default class MergeRequestTabs {\n constructor({ action, setUrl, stubLocation } = {}) {\n const containers = document.querySelectorAll('.content-wrapper .container-fluid');\n this.contentWrapper = containers[containers.length - 1];\n this.mergeRequestTabs = document.querySelector('.merge-request-tabs-container');\n this.mergeRequestTabsAll =\n this.mergeRequestTabs && this.mergeRequestTabs.querySelectorAll\n ? this.mergeRequestTabs.querySelectorAll('.merge-request-tabs li')\n : null;\n this.mergeRequestTabPanes = document.querySelector('#diff-notes-app');\n this.mergeRequestTabPanesAll =\n this.mergeRequestTabPanes && this.mergeRequestTabPanes.querySelectorAll\n ? this.mergeRequestTabPanes.querySelectorAll('.tab-pane')\n : null;\n this.navbar = document.querySelector('.navbar-gitlab');\n this.peek = document.getElementById('js-peek');\n this.sidebar = document.querySelector('.js-right-sidebar');\n this.pageLayout = document.querySelector('.layout-page');\n this.expandSidebar = document.querySelectorAll('.js-expand-sidebar, .js-sidebar-toggle');\n this.paddingTop = 16;\n this.actionRegex = /\\/(commits|diffs|pipelines|reports(?:\\/[^/]+)?)(\\.html)?\\/?$/;\n\n this.scrollPositions = {};\n\n this.commitsTab = document.querySelector('.tab-content .commits.tab-pane');\n\n this.currentTab = null;\n this.diffsLoaded = false;\n this.diffsClass = null;\n this.commitsLoaded = false;\n this.isFixedLayoutPreferred = this.contentWrapper.classList.contains('container-limited');\n this.eventHub = createEventHub();\n this.loadedPages = { [action]: true };\n\n this.setUrl = setUrl !== undefined ? setUrl : true;\n this.setCurrentAction = this.setCurrentAction.bind(this);\n this.switchViewType = this.switchViewType.bind(this);\n this.tabShown = this.tabShown.bind(this);\n this.clickTab = this.clickTab.bind(this);\n\n if (stubLocation) {\n location = stubLocation;\n }\n\n this.bindEvents();\n this.mergeRequestTabs?.querySelector(`a[data-action='${action}']`)?.click?.();\n }\n\n bindEvents() {\n $('.merge-request-tabs a[data-toggle=\"tabvue\"]').on('click', this.clickTab);\n window.addEventListener('popstate', (event) => {\n if (event?.state?.skipScrolling) return;\n const action = getActionFromHref(window.location.pathname);\n\n this.tabShown(action, location.href);\n this.eventHub.$emit('MergeRequestTabChange', action);\n });\n this.eventHub.$on('diff:switch-view-type', this.switchViewType);\n }\n\n // Used in tests\n unbindEvents() {\n $('.merge-request-tabs a[data-toggle=\"tabvue\"]').off('click', this.clickTab);\n this.eventHub.$off('diff:switch-view-type', this.switchViewType);\n }\n\n storeScroll() {\n if (this.currentTab) {\n this.scrollPositions[this.currentTab] = document.documentElement.scrollTop;\n }\n }\n recallScroll(action) {\n const storedPosition = this.scrollPositions[action];\n if (storedPosition == null) return;\n\n setTimeout(() => {\n window.scrollTo({\n top: storedPosition > 0 ? storedPosition : 0,\n left: 0,\n behavior: 'auto',\n });\n }, FAST_DELAY_FOR_RERENDER);\n }\n\n clickTab(e) {\n if (e.currentTarget) {\n e.stopImmediatePropagation();\n e.preventDefault();\n\n this.storeScroll();\n\n const { action } = e.currentTarget.dataset || {};\n\n if (isMetaClick(e)) {\n const targetLink = e.currentTarget.getAttribute('href');\n visitUrl(targetLink, true);\n } else if (action) {\n const href = e.currentTarget.getAttribute('href');\n this.tabShown(action, href);\n }\n }\n }\n\n tabShown(action, href, shouldScroll = true) {\n toggleLoader(false);\n\n if (action !== this.currentTab && this.mergeRequestTabs) {\n this.currentTab = action;\n if (this.setUrl) {\n this.setCurrentAction(action);\n }\n\n if (this.mergeRequestTabPanesAll) {\n this.mergeRequestTabPanesAll.forEach((el) => {\n const tabPane = el;\n tabPane.style.display = 'none';\n });\n }\n\n if (this.mergeRequestTabsAll) {\n this.mergeRequestTabsAll.forEach((el) => {\n el.classList.remove('active');\n });\n }\n\n const tabPane = this.mergeRequestTabPanes.querySelector(`#${action}`);\n if (tabPane) tabPane.style.display = 'block';\n const tab = this.mergeRequestTabs.querySelector(`.${action}-tab`);\n if (tab) tab.classList.add('active');\n\n if (isInVueNoteablePage() && !this.loadedPages[action] && action in pageBundles) {\n toggleLoader(true);\n pageBundles[action]()\n .then(({ default: init }) => {\n toggleLoader(false);\n init();\n this.loadedPages[action] = true;\n })\n .catch(() => {\n toggleLoader(false);\n createAlert({ message: s__('MergeRequest|Failed to load the page') });\n });\n }\n\n this.expandSidebar?.forEach((el) => el.classList.toggle('!gl-hidden', action !== 'show'));\n\n if (action === 'commits') {\n if (!this.commitsLoaded) {\n this.loadCommits(href);\n }\n // this.hideSidebar();\n this.resetViewContainer();\n this.mergeRequestPipelinesTable = destroyPipelines(this.mergeRequestPipelinesTable);\n } else if (action === 'new') {\n this.expandView();\n this.resetViewContainer();\n this.mergeRequestPipelinesTable = destroyPipelines(this.mergeRequestPipelinesTable);\n } else if (this.isDiffAction(action)) {\n if (!isInVueNoteablePage()) {\n /*\n for pages where we have not yet converted to the new vue\n implementation we load the diff tab content the old way,\n inserting html rendered by the backend.\n\n in practice, this only occurs when comparing commits in\n the new merge request form page.\n */\n this.loadDiff({ endpoint: href, strip: true });\n }\n // this.hideSidebar();\n this.expandViewContainer();\n this.mergeRequestPipelinesTable = destroyPipelines(this.mergeRequestPipelinesTable);\n this.commitsTab.classList.remove('active');\n } else if (action === 'pipelines') {\n // this.hideSidebar();\n this.resetViewContainer();\n this.mountPipelinesView();\n } else if (action === 'reports') {\n this.resetViewContainer();\n } else {\n const notesTab = this.mergeRequestTabs.querySelector('.notes-tab');\n const notesPane = this.mergeRequestTabPanes.querySelector('#notes');\n if (notesPane) {\n notesPane.style.display = 'block';\n }\n if (notesTab) {\n notesTab.classList.add('active');\n }\n\n // this.showSidebar();\n this.resetViewContainer();\n this.mergeRequestPipelinesTable = destroyPipelines(this.mergeRequestPipelinesTable);\n }\n\n renderGFM(document.querySelector('.detail-page-description'));\n\n if (shouldScroll) this.recallScroll(action);\n } else if (action === this.currentAction) {\n // ContentTop is used to handle anything at the top of the page before the main content\n const mainContentContainer = document.querySelector('.content-wrapper');\n const tabContentContainer = document.querySelector('.tab-content');\n\n if (mainContentContainer && tabContentContainer) {\n const mainContentTop = mainContentContainer.getBoundingClientRect().top;\n const tabContentTop = tabContentContainer.getBoundingClientRect().top;\n\n // 51px is the height of the navbar buttons, e.g. `Discussion | Commits | Changes`\n const scrollDestination = tabContentTop - mainContentTop - 51;\n\n // scrollBehavior is only available in browsers that support scrollToOptions\n if ('scrollBehavior' in document.documentElement.style && shouldScroll) {\n window.scrollTo({\n top: scrollDestination,\n behavior: 'smooth',\n });\n } else {\n window.scrollTo(0, scrollDestination);\n }\n }\n }\n\n this.eventHub.$emit('MergeRequestTabChange', action);\n }\n\n // Replaces the current merge request-specific action in the URL with a new one\n //\n // If the action is \"notes\", the URL is reset to the standard\n // `MergeRequests#show` route.\n //\n // Examples:\n //\n // location.pathname # => \"/namespace/project/-/merge_requests/1\"\n // setCurrentAction('diffs')\n // location.pathname # => \"/namespace/project/-/merge_requests/1/diffs\"\n //\n // location.pathname # => \"/namespace/project/-/merge_requests/1/diffs\"\n // setCurrentAction('show')\n // location.pathname # => \"/namespace/project/-/merge_requests/1\"\n //\n // location.pathname # => \"/namespace/project/-/merge_requests/1/diffs\"\n // setCurrentAction('commits')\n // location.pathname # => \"/namespace/project/-/merge_requests/1/commits\"\n //\n // Returns the new URL String\n setCurrentAction(action) {\n this.currentAction = action;\n\n const pathname = location.pathname.replace(/\\/*$/, '');\n\n // Remove a trailing '/commits' '/diffs' '/pipelines'\n let newStatePathname = pathname.replace(this.actionRegex, '');\n\n // Append the new action if we're on a tab other than 'notes'\n if (\n this.currentAction !== 'show' &&\n this.currentAction !== 'new' &&\n !newStatePathname.endsWith(`/${this.currentAction}`)\n ) {\n newStatePathname += `/${this.currentAction}`;\n }\n\n // Ensure parameters and hash come along for the ride\n const newState = newStatePathname + location.search + location.hash;\n\n if (pathname !== newStatePathname) {\n window.history.pushState(\n {\n url: newState,\n action: this.currentAction,\n },\n document.title,\n newState,\n );\n } else {\n window.history.replaceState(\n {\n url: window.location.href,\n action,\n },\n document.title,\n window.location.href,\n );\n }\n\n return newState;\n }\n\n getCurrentAction() {\n return this.currentAction;\n }\n\n loadCommits(source, page = 1) {\n toggleLoader(true);\n\n axios\n .get(`${source}.json`, { params: { page, per_page: 100 } })\n .then(({ data: { html, count, next_page: nextPage } }) => {\n toggleLoader(false);\n\n document.querySelector('.js-commits-count').textContent = count;\n\n const commitsDiv = document.querySelector('div#commits');\n // eslint-disable-next-line no-unsanitized/property\n commitsDiv.innerHTML += html;\n localTimeAgo(commitsDiv.querySelectorAll('.js-timeago'));\n this.commitsLoaded = true;\n scrollToContainer('#commits');\n\n const loadMoreButton = document.querySelector('.js-load-more-commits');\n\n if (loadMoreButton) {\n loadMoreButton.addEventListener('click', (e) => {\n e.preventDefault();\n\n loadMoreButton.remove();\n this.loadCommits(source, loadMoreButton.dataset.nextPage);\n });\n }\n\n if (!nextPage) {\n return import('./add_context_commits_modal');\n }\n\n return null;\n })\n .then((m) => m?.default())\n .catch(() => {\n toggleLoader(false);\n createAlert({\n message: __('An error occurred while fetching this tab.'),\n });\n });\n }\n\n mountPipelinesView() {\n this.mergeRequestPipelinesTable = mountPipelines();\n }\n\n // load the diff tab content from the backend\n loadDiff({ endpoint, strip = true }) {\n if (this.diffsLoaded) {\n document.dispatchEvent(new CustomEvent('scroll'));\n return;\n }\n\n // We extract pathname for the current Changes tab anchor href\n // some pages like MergeRequestsController#new has query parameters on that anchor\n const diffUrl = strip ? `${parseUrlPathname(endpoint)}.json${location.search}` : endpoint;\n\n loadDiffs({\n url: diffUrl,\n tabs: this,\n })\n .then(() => {\n if (this.isDiffAction(this.currentAction)) {\n this.expandViewContainer();\n }\n\n this.diffsLoaded = true;\n })\n .catch(() => {\n createAlert({\n message: __('An error occurred while fetching this tab.'),\n });\n });\n }\n switchViewType({ source }) {\n this.diffsLoaded = false;\n\n this.loadDiff({ endpoint: source, strip: false });\n }\n createDiff() {\n if (!this.diffsClass) {\n this.diffsClass = new Diff({ mergeRequestEventHub: this.eventHub });\n }\n }\n setHubToDiff() {\n if (this.diffsClass) {\n this.diffsClass.mrHub = this.eventHub;\n }\n }\n\n diffViewType() {\n return $('.js-diff-view-buttons button.active').data('viewType');\n }\n\n isDiffAction(action) {\n return action === 'diffs' || action === 'new/diffs';\n }\n\n expandViewContainer() {\n this.contentWrapper.classList.remove('container-limited');\n this.contentWrapper.classList.remove('rd-page-container');\n this.contentWrapper.classList.add('diffs-container-limited');\n }\n\n resetViewContainer() {\n this.contentWrapper.classList.toggle('container-limited', this.isFixedLayoutPreferred);\n this.contentWrapper.classList.remove('diffs-container-limited');\n }\n\n // Expand the issuable sidebar unless the user explicitly collapsed it\n expandView() {\n if (parseBoolean(getCookie('collapsed_gutter'))) {\n return;\n }\n const $gutterBtn = $('.js-sidebar-toggle');\n const $collapseSvg = $gutterBtn.find('.js-sidebar-collapse');\n\n // Wait until listeners are set\n setTimeout(() => {\n // Only when sidebar is collapsed\n if ($collapseSvg.length && !$collapseSvg.hasClass('hidden')) {\n $gutterBtn.trigger('click', [true]);\n }\n }, 0);\n }\n\n hideSidebar() {\n if (!isInVueNoteablePage() || this.cachedPageLayoutClasses) return;\n\n this.cachedPageLayoutClasses = this.pageLayout.className;\n this.pageLayout.classList.remove('right-sidebar-collapsed', 'right-sidebar-expanded');\n this.sidebar.style.width = '0px';\n }\n\n showSidebar() {\n if (!isInVueNoteablePage() || !this.cachedPageLayoutClasses) return;\n\n this.pageLayout.className = this.cachedPageLayoutClasses;\n this.sidebar.style.width = '';\n delete this.cachedPageLayoutClasses;\n }\n}\n","/* eslint-disable func-names, no-underscore-dangle, consistent-return */\n\nimport $ from 'jquery';\nimport { createAlert } from '~/alert';\nimport { TYPE_MERGE_REQUEST } from '~/issues/constants';\nimport toast from '~/vue_shared/plugins/global_toast';\nimport { __ } from '~/locale';\nimport { loadingIconForLegacyJS } from '~/loading_icon_for_legacy_js';\nimport MergeRequestTabs from 'jh_else_ce/merge_request_tabs';\nimport axios from './lib/utils/axios_utils';\nimport { addDelimiter } from './lib/utils/text_utility';\nimport { getParameterValues, setUrlParams } from './lib/utils/url_utility';\nimport TaskList from './task_list';\n\nfunction MergeRequest(opts) {\n // Initialize MergeRequest behavior\n //\n // Options:\n // action - String, current controller action\n //\n this.opts = opts != null ? opts : {};\n this.submitNoteForm = this.submitNoteForm.bind(this);\n this.$el = $('.merge-request');\n\n this.initTabs();\n this.initMRBtnListeners();\n\n if ($('.description.js-task-list-container').length) {\n this.taskList = new TaskList({\n dataType: TYPE_MERGE_REQUEST,\n fieldName: 'description',\n selector: '.detail-page-description',\n lockVersion: this.$el.data('lockVersion'),\n onSuccess: (result) => {\n const taskStatus = document.querySelector('#task_status');\n const taskStatusShort = document.querySelector('#task_status_short');\n\n if (taskStatus) {\n taskStatus.innerText = result.task_status;\n }\n\n if (taskStatusShort) {\n document.querySelector('#task_status_short').innerText = result.task_status_short;\n }\n },\n onError: () => {\n createAlert({\n message: __(\n 'Someone edited this merge request at the same time you did. Please refresh the page to see changes.',\n ),\n });\n },\n });\n }\n}\n\n// Local jQuery finder\nMergeRequest.prototype.$ = function (selector) {\n return this.$el.find(selector);\n};\n\nMergeRequest.prototype.initTabs = function () {\n if (window.mrTabs) {\n window.mrTabs.unbindEvents();\n }\n\n window.mrTabs = new MergeRequestTabs(this.opts);\n};\n\nMergeRequest.prototype.initMRBtnListeners = function () {\n const _this = this;\n const draftToggles = document.querySelectorAll('.js-draft-toggle-button');\n\n if (draftToggles.length) {\n draftToggles.forEach((draftToggle) => {\n draftToggle.addEventListener('click', (e) => {\n e.preventDefault();\n e.stopImmediatePropagation();\n\n const url = draftToggle.href;\n const wipEvent = getParameterValues('merge_request[wip_event]', url)[0];\n const mobileDropdown = draftToggle.closest('.dropdown.show');\n\n const loader = loadingIconForLegacyJS({ inline: true, classes: ['gl-mr-3'] });\n\n if (mobileDropdown) {\n $(mobileDropdown.firstElementChild).dropdown('toggle');\n }\n\n draftToggle.setAttribute('disabled', 'disabled');\n draftToggle.prepend(loader);\n\n axios\n .put(draftToggle.href, null, { params: { format: 'json' } })\n .then(({ data }) => {\n draftToggle.removeAttribute('disabled');\n\n MergeRequest.toggleDraftStatus(data.title, wipEvent === 'ready');\n })\n .catch(() => {\n createAlert({\n message: __('Something went wrong. Please try again.'),\n });\n })\n .finally(() => {\n draftToggle.removeAttribute('disabled');\n loader.remove();\n });\n });\n });\n }\n\n return $('.btn-close, .btn-reopen').on('click', function (e) {\n const $this = $(this);\n const shouldSubmit = $this.hasClass('btn-comment');\n if (shouldSubmit && $this.data('submitted')) {\n return;\n }\n\n if (shouldSubmit) {\n if ($this.hasClass('btn-comment-and-close') || $this.hasClass('btn-comment-and-reopen')) {\n e.preventDefault();\n e.stopImmediatePropagation();\n\n _this.submitNoteForm($this.closest('form'), $this);\n }\n }\n });\n};\n\nMergeRequest.prototype.submitNoteForm = function (form, $button) {\n const noteText = form.find('textarea.js-note-text').val();\n if (noteText.trim().length > 0) {\n form.submit();\n $button.data('submitted', true);\n return $button.trigger('click');\n }\n};\n\nMergeRequest.decreaseCounter = function (by = 1) {\n const $el = $('.js-merge-counter');\n const count = Math.max(parseInt($el.first().text().replace(/[^\\d]/, ''), 10) - by, 0);\n\n $el.text(addDelimiter(count));\n};\n\nMergeRequest.toggleDraftStatus = function (title, isReady) {\n if (isReady) {\n toast(__('Marked as ready. Merging is now allowed.'));\n } else {\n toast(__('Marked as draft. Can only be merged when marked as ready.'));\n }\n const titleEl = document.querySelector(`.merge-request .detail-page-header .title`);\n\n if (titleEl) {\n titleEl.textContent = title;\n }\n\n const draftToggles = document.querySelectorAll('.js-draft-toggle-button');\n\n if (draftToggles.length) {\n draftToggles.forEach((el) => {\n const draftToggle = el;\n const url = setUrlParams(\n { 'merge_request[wip_event]': isReady ? 'draft' : 'ready' },\n draftToggle.href,\n );\n\n draftToggle.setAttribute('href', url);\n draftToggle.querySelector('.gl-dropdown-item-text-wrapper').textContent = isReady\n ? __('Mark as draft')\n : __('Mark as ready');\n });\n }\n};\n\nexport default MergeRequest;\n","import { getSel, isElement } from '../../../utils/dom';\n\n// Helper to determine if a there is an active text selection on the document page\n// Used to filter out click events caused by the mouse up at end of selection\n//\n// Accepts an element as only argument to test to see if selection overlaps or is\n// contained within the element\nconst textSelectionActive = function () {\n let el = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;\n const sel = getSel();\n return sel && sel.toString().trim() !== '' && sel.containsNode && isElement(el) ? /* istanbul ignore next */sel.containsNode(el, true) : false;\n};\n\nexport { textSelectionActive };\n","\n var doc = {\"kind\":\"Document\",\"definitions\":[{\"kind\":\"OperationDefinition\",\"operation\":\"mutation\",\"name\":{\"kind\":\"Name\",\"value\":\"PromoteTimelineEvent\"},\"variableDefinitions\":[{\"kind\":\"VariableDefinition\",\"variable\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"input\"}},\"type\":{\"kind\":\"NonNullType\",\"type\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"TimelineEventPromoteFromNoteInput\"}}},\"directives\":[]}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"timelineEventPromoteFromNote\"},\"arguments\":[{\"kind\":\"Argument\",\"name\":{\"kind\":\"Name\",\"value\":\"input\"},\"value\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"input\"}}}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"timelineEvent\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"errors\"},\"arguments\":[],\"directives\":[]}]}}]}}],\"loc\":{\"start\":0,\"end\":176}};\n doc.loc.source = {\"body\":\"mutation PromoteTimelineEvent($input: TimelineEventPromoteFromNoteInput!) {\\n timelineEventPromoteFromNote(input: $input) {\\n timelineEvent {\\n id\\n }\\n errors\\n }\\n}\\n\",\"name\":\"GraphQL request\",\"locationOffset\":{\"line\":1,\"column\":1}};\n \n\n var names = {};\n function unique(defs) {\n return defs.filter(\n function(def) {\n if (def.kind !== 'FragmentDefinition') return true;\n var name = def.name.value\n if (names[name]) {\n return false;\n } else {\n names[name] = true;\n return true;\n }\n }\n )\n }\n \n\n // Collect any fragment/type references from a node, adding them to the refs Set\n function collectFragmentReferences(node, refs) {\n if (node.kind === \"FragmentSpread\") {\n refs.add(node.name.value);\n } else if (node.kind === \"VariableDefinition\") {\n var type = node.type;\n if (type.kind === \"NamedType\") {\n refs.add(type.name.value);\n }\n }\n\n if (node.selectionSet) {\n node.selectionSet.selections.forEach(function(selection) {\n collectFragmentReferences(selection, refs);\n });\n }\n\n if (node.variableDefinitions) {\n node.variableDefinitions.forEach(function(def) {\n collectFragmentReferences(def, refs);\n });\n }\n\n if (node.definitions) {\n node.definitions.forEach(function(def) {\n collectFragmentReferences(def, refs);\n });\n }\n }\n\n var definitionRefs = {};\n (function extractReferences() {\n doc.definitions.forEach(function(def) {\n if (def.name) {\n var refs = new Set();\n collectFragmentReferences(def, refs);\n definitionRefs[def.name.value] = refs;\n }\n });\n })();\n\n function findOperation(doc, name) {\n for (var i = 0; i < doc.definitions.length; i++) {\n var element = doc.definitions[i];\n if (element.name && element.name.value == name) {\n return element;\n }\n }\n }\n\n function oneQuery(doc, operationName) {\n // Copy the DocumentNode, but clear out the definitions\n var newDoc = {\n kind: doc.kind,\n definitions: [findOperation(doc, operationName)]\n };\n if (doc.hasOwnProperty(\"loc\")) {\n newDoc.loc = doc.loc;\n }\n\n // Now, for the operation we're running, find any fragments referenced by\n // it or the fragments it references\n var opRefs = definitionRefs[operationName] || new Set();\n var allRefs = new Set();\n var newRefs = new Set();\n\n // IE 11 doesn't support \"new Set(iterable)\", so we add the members of opRefs to newRefs one by one\n opRefs.forEach(function(refName) {\n newRefs.add(refName);\n });\n\n while (newRefs.size > 0) {\n var prevRefs = newRefs;\n newRefs = new Set();\n\n prevRefs.forEach(function(refName) {\n if (!allRefs.has(refName)) {\n allRefs.add(refName);\n var childRefs = definitionRefs[refName] || new Set();\n childRefs.forEach(function(childRef) {\n newRefs.add(childRef);\n });\n }\n });\n }\n\n allRefs.forEach(function(refName) {\n var op = findOperation(doc, refName);\n if (op) {\n newDoc.definitions.push(op);\n }\n });\n\n return newDoc;\n }\n \n module.exports = doc;\n \n module.exports[\"PromoteTimelineEvent\"] = oneQuery(doc, \"PromoteTimelineEvent\");\n \n","/*!\n * is-number \n// Loading Animation\n//
\n// \");\n if (/firefox/i.test(navigator.userAgent)) {\n value = value.replace(/\\s/g, ' ');\n }\n return value;\n };\n if (pos === void 0) {\n pos = this.getPos();\n }\n start_range = $inputor.val().slice(0, pos);\n end_range = $inputor.val().slice(pos);\n html = \"\" + format(start_range) + \"\";\n html += \"|\";\n html += \"\" + format(end_range) + \"\";\n mirror = new Mirror($inputor);\n return at_rect = mirror.create(html).rect();\n };\n\n InputCaret.prototype.getIEPosition = function(pos) {\n var h, inputorOffset, offset, x, y;\n offset = this.getIEOffset(pos);\n inputorOffset = this.$inputor.offset();\n x = offset.left - inputorOffset.left;\n y = offset.top - inputorOffset.top;\n h = offset.height;\n return {\n left: x,\n top: y,\n height: h\n };\n };\n\n return InputCaret;\n\n})();\n\nMirror = (function() {\n Mirror.prototype.css_attr = [\"borderBottomWidth\", \"borderLeftWidth\", \"borderRightWidth\", \"borderTopStyle\", \"borderRightStyle\", \"borderBottomStyle\", \"borderLeftStyle\", \"borderTopWidth\", \"boxSizing\", \"fontFamily\", \"fontSize\", \"fontWeight\", \"height\", \"letterSpacing\", \"lineHeight\", \"marginBottom\", \"marginLeft\", \"marginRight\", \"marginTop\", \"outlineWidth\", \"overflow\", \"overflowX\", \"overflowY\", \"paddingBottom\", \"paddingLeft\", \"paddingRight\", \"paddingTop\", \"textAlign\", \"textOverflow\", \"textTransform\", \"whiteSpace\", \"wordBreak\", \"wordWrap\"];\n\n function Mirror($inputor) {\n this.$inputor = $inputor;\n }\n\n Mirror.prototype.mirrorCss = function() {\n var css,\n _this = this;\n css = {\n position: 'absolute',\n left: -9999,\n top: 0,\n zIndex: -20000\n };\n if (this.$inputor.prop('tagName') === 'TEXTAREA') {\n this.css_attr.push('width');\n }\n $.each(this.css_attr, function(i, p) {\n return css[p] = _this.$inputor.css(p);\n });\n return css;\n };\n\n Mirror.prototype.create = function(html) {\n this.$mirror = $('');\n this.$mirror.css(this.mirrorCss());\n this.$mirror.html(html);\n this.$inputor.after(this.$mirror);\n return this;\n };\n\n Mirror.prototype.rect = function() {\n var $flag, pos, rect;\n $flag = this.$mirror.find(\"#caret\");\n pos = $flag.position();\n rect = {\n left: pos.left,\n top: pos.top,\n height: $flag.height()\n };\n this.$mirror.remove();\n return rect;\n };\n\n return Mirror;\n\n})();\n\nUtils = {\n contentEditable: function($inputor) {\n return !!($inputor[0].contentEditable && $inputor[0].contentEditable === 'true');\n }\n};\n\nmethods = {\n pos: function(pos) {\n if (pos || pos === 0) {\n return this.setPos(pos);\n } else {\n return this.getPos();\n }\n },\n position: function(pos) {\n if (oDocument.selection) {\n return this.getIEPosition(pos);\n } else {\n return this.getPosition(pos);\n }\n },\n offset: function(pos) {\n var offset;\n offset = this.getOffset(pos);\n return offset;\n }\n};\n\noDocument = null;\n\noWindow = null;\n\noFrame = null;\n\nsetContextBy = function(settings) {\n var iframe;\n if (iframe = settings != null ? settings.iframe : void 0) {\n oFrame = iframe;\n oWindow = iframe.contentWindow;\n return oDocument = iframe.contentDocument || oWindow.document;\n } else {\n oFrame = void 0;\n oWindow = window;\n return oDocument = document;\n }\n};\n\ndiscoveryIframeOf = function($dom) {\n var error;\n oDocument = $dom[0].ownerDocument;\n oWindow = oDocument.defaultView || oDocument.parentWindow;\n try {\n return oFrame = oWindow.frameElement;\n } catch (_error) {\n error = _error;\n }\n};\n\n$.fn.caret = function(method, value, settings) {\n var caret;\n if (methods[method]) {\n if ($.isPlainObject(value)) {\n setContextBy(value);\n value = void 0;\n } else {\n setContextBy(settings);\n }\n caret = Utils.contentEditable(this) ? new EditableCaret(this) : new InputCaret(this);\n return methods[method].apply(caret, [value]);\n } else {\n return $.error(\"Method \" + method + \" does not exist on jQuery.caret\");\n }\n};\n\n$.fn.caret.EditableCaret = EditableCaret;\n\n$.fn.caret.InputCaret = InputCaret;\n\n$.fn.caret.Utils = Utils;\n\n$.fn.caret.apis = methods;\n\n\n}));\n","\n var doc = {\"kind\":\"Document\",\"definitions\":[{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Url\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailUrl\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"href\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Diff\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailDiff\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"before\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"after\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Code\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailCode\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"value\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"FileLocation\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailFileLocation\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"fileName\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"lineStart\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"lineEnd\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"ModuleLocation\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailModuleLocation\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"moduleName\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"offset\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Commit\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailCommit\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"value\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Text\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailText\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"value\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Markdown\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailMarkdown\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"value\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Boolean\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailBoolean\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"value\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Int\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailInt\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"value\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetail\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"FileLocation\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Url\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Diff\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Code\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Commit\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Markdown\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Text\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Int\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Boolean\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"ModuleLocation\"},\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"ListFields\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailList\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"List\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailList\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"ListFields\"},\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"items\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]},{\"kind\":\"InlineFragment\",\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailList\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"ListFields\"},\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"items\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]}]}}]}}]}}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"NamedList\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailNamedList\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"items\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"fieldName\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"value\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"Table\"},\"directives\":[]},{\"kind\":\"InlineFragment\",\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailList\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"ListFields\"},\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"items\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]}]}}]}}]}}]}}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"CodeFlowNode\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailCodeFlowNode\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"nodeType\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"fileLocation\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"FileLocation\"},\"directives\":[]}]}}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"CodeFlows\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailCodeFlows\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"items\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"InlineFragment\",\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"CodeFlowNode\"},\"directives\":[]}]}}]}}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"TableFields\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailTable\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"headers\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]}]}},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"rows\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"row\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]}]}}]}}]}},{\"kind\":\"FragmentDefinition\",\"name\":{\"kind\":\"Name\",\"value\":\"Table\"},\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"VulnerabilityDetailTable\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"alias\":{\"kind\":\"Name\",\"value\":\"type\"},\"name\":{\"kind\":\"Name\",\"value\":\"__typename\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"name\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"headers\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]}]}},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"rows\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"row\"},\"arguments\":[],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"NonNestedReportTypes\"},\"directives\":[]},{\"kind\":\"FragmentSpread\",\"name\":{\"kind\":\"Name\",\"value\":\"TableFields\"},\"directives\":[]}]}}]}}]}}],\"loc\":{\"start\":0,\"end\":2337}};\n doc.loc.source = {\"body\":\"fragment Url on VulnerabilityDetailUrl {\\n type: __typename\\n name\\n href\\n}\\n\\nfragment Diff on VulnerabilityDetailDiff {\\n type: __typename\\n name\\n before\\n after\\n}\\n\\nfragment Code on VulnerabilityDetailCode {\\n type: __typename\\n name\\n value\\n}\\n\\nfragment FileLocation on VulnerabilityDetailFileLocation {\\n type: __typename\\n name\\n fileName\\n lineStart\\n lineEnd\\n}\\n\\nfragment ModuleLocation on VulnerabilityDetailModuleLocation {\\n type: __typename\\n name\\n moduleName\\n offset\\n}\\n\\nfragment Commit on VulnerabilityDetailCommit {\\n type: __typename\\n name\\n value\\n}\\n\\nfragment Text on VulnerabilityDetailText {\\n type: __typename\\n name\\n value\\n}\\n\\nfragment Markdown on VulnerabilityDetailMarkdown {\\n type: __typename\\n name\\n value\\n}\\n\\nfragment Boolean on VulnerabilityDetailBoolean {\\n type: __typename\\n name\\n value\\n}\\n\\nfragment Int on VulnerabilityDetailInt {\\n type: __typename\\n name\\n value\\n}\\n\\nfragment NonNestedReportTypes on VulnerabilityDetail {\\n ...FileLocation\\n ...Url\\n ...Diff\\n ...Code\\n ...Commit\\n ...Markdown\\n ...Text\\n ...Int\\n ...Boolean\\n ...ModuleLocation\\n}\\n\\nfragment ListFields on VulnerabilityDetailList {\\n type: __typename\\n name\\n}\\n\\nfragment List on VulnerabilityDetailList {\\n ...ListFields\\n items {\\n ...NonNestedReportTypes\\n ... on VulnerabilityDetailList {\\n ...ListFields\\n items {\\n ...NonNestedReportTypes\\n }\\n }\\n }\\n}\\n\\nfragment NamedList on VulnerabilityDetailNamedList {\\n type: __typename\\n name\\n items {\\n name\\n fieldName\\n value {\\n ...NonNestedReportTypes\\n ...Table\\n ... on VulnerabilityDetailList {\\n ...ListFields\\n items {\\n ...NonNestedReportTypes\\n }\\n }\\n }\\n }\\n}\\n\\nfragment CodeFlowNode on VulnerabilityDetailCodeFlowNode {\\n type: __typename\\n nodeType\\n fileLocation {\\n ...FileLocation\\n }\\n}\\n\\nfragment CodeFlows on VulnerabilityDetailCodeFlows {\\n type: __typename\\n name\\n items {\\n ... {\\n ...CodeFlowNode\\n }\\n }\\n}\\n\\nfragment TableFields on VulnerabilityDetailTable {\\n type: __typename\\n name\\n headers {\\n ...NonNestedReportTypes\\n }\\n rows {\\n row {\\n ...NonNestedReportTypes\\n }\\n }\\n}\\n\\nfragment Table on VulnerabilityDetailTable {\\n type: __typename\\n name\\n headers {\\n ...NonNestedReportTypes\\n }\\n rows {\\n row {\\n ...NonNestedReportTypes\\n ...TableFields\\n }\\n }\\n}\\n\",\"name\":\"GraphQL request\",\"locationOffset\":{\"line\":1,\"column\":1}};\n \n\n var names = {};\n function unique(defs) {\n return defs.filter(\n function(def) {\n if (def.kind !== 'FragmentDefinition') return true;\n var name = def.name.value\n if (names[name]) {\n return false;\n } else {\n names[name] = true;\n return true;\n }\n }\n )\n }\n \n\n // Collect any fragment/type references from a node, adding them to the refs Set\n function collectFragmentReferences(node, refs) {\n if (node.kind === \"FragmentSpread\") {\n refs.add(node.name.value);\n } else if (node.kind === \"VariableDefinition\") {\n var type = node.type;\n if (type.kind === \"NamedType\") {\n refs.add(type.name.value);\n }\n }\n\n if (node.selectionSet) {\n node.selectionSet.selections.forEach(function(selection) {\n collectFragmentReferences(selection, refs);\n });\n }\n\n if (node.variableDefinitions) {\n node.variableDefinitions.forEach(function(def) {\n collectFragmentReferences(def, refs);\n });\n }\n\n if (node.definitions) {\n node.definitions.forEach(function(def) {\n collectFragmentReferences(def, refs);\n });\n }\n }\n\n var definitionRefs = {};\n (function extractReferences() {\n doc.definitions.forEach(function(def) {\n if (def.name) {\n var refs = new Set();\n collectFragmentReferences(def, refs);\n definitionRefs[def.name.value] = refs;\n }\n });\n })();\n\n function findOperation(doc, name) {\n for (var i = 0; i < doc.definitions.length; i++) {\n var element = doc.definitions[i];\n if (element.name && element.name.value == name) {\n return element;\n }\n }\n }\n\n function oneQuery(doc, operationName) {\n // Copy the DocumentNode, but clear out the definitions\n var newDoc = {\n kind: doc.kind,\n definitions: [findOperation(doc, operationName)]\n };\n if (doc.hasOwnProperty(\"loc\")) {\n newDoc.loc = doc.loc;\n }\n\n // Now, for the operation we're running, find any fragments referenced by\n // it or the fragments it references\n var opRefs = definitionRefs[operationName] || new Set();\n var allRefs = new Set();\n var newRefs = new Set();\n\n // IE 11 doesn't support \"new Set(iterable)\", so we add the members of opRefs to newRefs one by one\n opRefs.forEach(function(refName) {\n newRefs.add(refName);\n });\n\n while (newRefs.size > 0) {\n var prevRefs = newRefs;\n newRefs = new Set();\n\n prevRefs.forEach(function(refName) {\n if (!allRefs.has(refName)) {\n allRefs.add(refName);\n var childRefs = definitionRefs[refName] || new Set();\n childRefs.forEach(function(childRef) {\n newRefs.add(childRef);\n });\n }\n });\n }\n\n allRefs.forEach(function(refName) {\n var op = findOperation(doc, refName);\n if (op) {\n newDoc.definitions.push(op);\n }\n });\n\n return newDoc;\n }\n \n module.exports = doc;\n \n module.exports[\"Url\"] = oneQuery(doc, \"Url\");\n \n module.exports[\"Diff\"] = oneQuery(doc, \"Diff\");\n \n module.exports[\"Code\"] = oneQuery(doc, \"Code\");\n \n module.exports[\"FileLocation\"] = oneQuery(doc, \"FileLocation\");\n \n module.exports[\"ModuleLocation\"] = oneQuery(doc, \"ModuleLocation\");\n \n module.exports[\"Commit\"] = oneQuery(doc, \"Commit\");\n \n module.exports[\"Text\"] = oneQuery(doc, \"Text\");\n \n module.exports[\"Markdown\"] = oneQuery(doc, \"Markdown\");\n \n module.exports[\"Boolean\"] = oneQuery(doc, \"Boolean\");\n \n module.exports[\"Int\"] = oneQuery(doc, \"Int\");\n \n module.exports[\"NonNestedReportTypes\"] = oneQuery(doc, \"NonNestedReportTypes\");\n \n module.exports[\"ListFields\"] = oneQuery(doc, \"ListFields\");\n \n module.exports[\"List\"] = oneQuery(doc, \"List\");\n \n module.exports[\"NamedList\"] = oneQuery(doc, \"NamedList\");\n \n module.exports[\"CodeFlowNode\"] = oneQuery(doc, \"CodeFlowNode\");\n \n module.exports[\"CodeFlows\"] = oneQuery(doc, \"CodeFlows\");\n \n module.exports[\"TableFields\"] = oneQuery(doc, \"TableFields\");\n \n module.exports[\"Table\"] = oneQuery(doc, \"Table\");\n \n","\n var doc = {\"kind\":\"Document\",\"definitions\":[{\"kind\":\"OperationDefinition\",\"operation\":\"subscription\",\"name\":{\"kind\":\"Name\",\"value\":\"getTitleSubscription\"},\"variableDefinitions\":[{\"kind\":\"VariableDefinition\",\"variable\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"issuableId\"}},\"type\":{\"kind\":\"NonNullType\",\"type\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"IssuableID\"}}},\"directives\":[]}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"mergeRequestMergeStatusUpdated\"},\"arguments\":[{\"kind\":\"Argument\",\"name\":{\"kind\":\"Name\",\"value\":\"issuableId\"},\"value\":{\"kind\":\"Variable\",\"name\":{\"kind\":\"Name\",\"value\":\"issuableId\"}}}],\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"InlineFragment\",\"typeCondition\":{\"kind\":\"NamedType\",\"name\":{\"kind\":\"Name\",\"value\":\"MergeRequest\"}},\"directives\":[],\"selectionSet\":{\"kind\":\"SelectionSet\",\"selections\":[{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"id\"},\"arguments\":[],\"directives\":[]},{\"kind\":\"Field\",\"name\":{\"kind\":\"Name\",\"value\":\"titleHtml\"},\"arguments\":[],\"directives\":[]}]}}]}}]}}],\"loc\":{\"start\":0,\"end\":185}};\n doc.loc.source = {\"body\":\"subscription getTitleSubscription($issuableId: IssuableID!) {\\n mergeRequestMergeStatusUpdated(issuableId: $issuableId) {\\n ... on MergeRequest {\\n id\\n titleHtml\\n }\\n }\\n}\\n\",\"name\":\"GraphQL request\",\"locationOffset\":{\"line\":1,\"column\":1}};\n \n\n var names = {};\n function unique(defs) {\n return defs.filter(\n function(def) {\n if (def.kind !== 'FragmentDefinition') return true;\n var name = def.name.value\n if (names[name]) {\n return false;\n } else {\n names[name] = true;\n return true;\n }\n }\n )\n }\n \n\n // Collect any fragment/type references from a node, adding them to the refs Set\n function collectFragmentReferences(node, refs) {\n if (node.kind === \"FragmentSpread\") {\n refs.add(node.name.value);\n } else if (node.kind === \"VariableDefinition\") {\n var type = node.type;\n if (type.kind === \"NamedType\") {\n refs.add(type.name.value);\n }\n }\n\n if (node.selectionSet) {\n node.selectionSet.selections.forEach(function(selection) {\n collectFragmentReferences(selection, refs);\n });\n }\n\n if (node.variableDefinitions) {\n node.variableDefinitions.forEach(function(def) {\n collectFragmentReferences(def, refs);\n });\n }\n\n if (node.definitions) {\n node.definitions.forEach(function(def) {\n collectFragmentReferences(def, refs);\n });\n }\n }\n\n var definitionRefs = {};\n (function extractReferences() {\n doc.definitions.forEach(function(def) {\n if (def.name) {\n var refs = new Set();\n collectFragmentReferences(def, refs);\n definitionRefs[def.name.value] = refs;\n }\n });\n })();\n\n function findOperation(doc, name) {\n for (var i = 0; i < doc.definitions.length; i++) {\n var element = doc.definitions[i];\n if (element.name && element.name.value == name) {\n return element;\n }\n }\n }\n\n function oneQuery(doc, operationName) {\n // Copy the DocumentNode, but clear out the definitions\n var newDoc = {\n kind: doc.kind,\n definitions: [findOperation(doc, operationName)]\n };\n if (doc.hasOwnProperty(\"loc\")) {\n newDoc.loc = doc.loc;\n }\n\n // Now, for the operation we're running, find any fragments referenced by\n // it or the fragments it references\n var opRefs = definitionRefs[operationName] || new Set();\n var allRefs = new Set();\n var newRefs = new Set();\n\n // IE 11 doesn't support \"new Set(iterable)\", so we add the members of opRefs to newRefs one by one\n opRefs.forEach(function(refName) {\n newRefs.add(refName);\n });\n\n while (newRefs.size > 0) {\n var prevRefs = newRefs;\n newRefs = new Set();\n\n prevRefs.forEach(function(refName) {\n if (!allRefs.has(refName)) {\n allRefs.add(refName);\n var childRefs = definitionRefs[refName] || new Set();\n childRefs.forEach(function(childRef) {\n newRefs.add(childRef);\n });\n }\n });\n }\n\n allRefs.forEach(function(refName) {\n var op = findOperation(doc, refName);\n if (op) {\n newDoc.definitions.push(op);\n }\n });\n\n return newDoc;\n }\n \n module.exports = doc;\n \n module.exports[\"getTitleSubscription\"] = oneQuery(doc, \"getTitleSubscription\");\n \n","var compareAscending = require('./_compareAscending');\n\n/**\n * Used by `_.orderBy` to compare multiple properties of a value to another\n * and stable sort them.\n *\n * If `orders` is unspecified, all values are sorted in ascending order. Otherwise,\n * specify an order of \"desc\" for descending or \"asc\" for ascending sort order\n * of corresponding values.\n *\n * @private\n * @param {Object} object The object to compare.\n * @param {Object} other The other object to compare.\n * @param {boolean[]|string[]} orders The order to sort by for each property.\n * @returns {number} Returns the sort order indicator for `object`.\n */\nfunction compareMultiple(object, other, orders) {\n var index = -1,\n objCriteria = object.criteria,\n othCriteria = other.criteria,\n length = objCriteria.length,\n ordersLength = orders.length;\n\n while (++index < length) {\n var result = compareAscending(objCriteria[index], othCriteria[index]);\n if (result) {\n if (index >= ordersLength) {\n return result;\n }\n var order = orders[index];\n return result * (order == 'desc' ? -1 : 1);\n }\n }\n // Fixes an `Array#sort` bug in the JS engine embedded in Adobe applications\n // that causes it, under certain circumstances, to provide the same value for\n // `object` and `other`. See https://github.com/jashkenas/underscore/pull/1247\n // for more details.\n //\n // This also ensures a stable sort in V8 and other engines.\n // See https://bugs.chromium.org/p/v8/issues/detail?id=90 for more details.\n return object.index - other.index;\n}\n\nmodule.exports = compareMultiple;\n","/* eslint-disable no-multi-assign */\n\nfunction deepFreeze(obj) {\n if (obj instanceof Map) {\n obj.clear =\n obj.delete =\n obj.set =\n function () {\n throw new Error('map is read-only');\n };\n } else if (obj instanceof Set) {\n obj.add =\n obj.clear =\n obj.delete =\n function () {\n throw new Error('set is read-only');\n };\n }\n\n // Freeze self\n Object.freeze(obj);\n\n Object.getOwnPropertyNames(obj).forEach((name) => {\n const prop = obj[name];\n const type = typeof prop;\n\n // Freeze prop if it is an object or function and also not already frozen\n if ((type === 'object' || type === 'function') && !Object.isFrozen(prop)) {\n deepFreeze(prop);\n }\n });\n\n return obj;\n}\n\n/** @typedef {import('highlight.js').CallbackResponse} CallbackResponse */\n/** @typedef {import('highlight.js').CompiledMode} CompiledMode */\n/** @implements CallbackResponse */\n\nclass Response {\n /**\n * @param {CompiledMode} mode\n */\n constructor(mode) {\n // eslint-disable-next-line no-undefined\n if (mode.data === undefined) mode.data = {};\n\n this.data = mode.data;\n this.isMatchIgnored = false;\n }\n\n ignoreMatch() {\n this.isMatchIgnored = true;\n }\n}\n\n/**\n * @param {string} value\n * @returns {string}\n */\nfunction escapeHTML(value) {\n return value\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"')\n .replace(/'/g, ''');\n}\n\n/**\n * performs a shallow merge of multiple objects into one\n *\n * @template T\n * @param {T} original\n * @param {Record
\n \n \n \n \n \n \n \n \n \n {{ additionsText() }}\n \n \n {{ deletionsText() }}\n \n \n \n
\n\n\n\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_stats_dropdown.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_stats_dropdown.vue?vue&type=script&lang=js\"","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ref--21-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_stats_dropdown.vue?vue&type=style&index=0&id=5fa5a073&prod&scoped=true&lang=css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { render, staticRenderFns } from \"./diff_stats_dropdown.vue?vue&type=template&id=5fa5a073&scoped=true\"\nimport script from \"./diff_stats_dropdown.vue?vue&type=script&lang=js\"\nexport * from \"./diff_stats_dropdown.vue?vue&type=script&lang=js\"\nimport style0 from \"./diff_stats_dropdown.vue?vue&type=style&index=0&id=5fa5a073&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"5fa5a073\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('gl-sprintf',{attrs:{\"message\":_vm.messageChanged},scopedSlots:_vm._u([{key:\"dropdown\",fn:function({ content: dropdownText }){return [_c('gl-disclosure-dropdown',{staticClass:\"gl-align-baseline\",attrs:{\"toggle-text\":dropdownText,\"items\":_vm.dropdownItems,\"category\":\"tertiary\",\"variant\":\"confirm\",\"data-testid\":\"diff-stats-dropdown\",\"toggle-class\":\"!gl-px-0 !gl-font-bold\",\"fluid-width\":\"\"},on:{\"shown\":_vm.focusInput},scopedSlots:_vm._u([{key:\"header\",fn:function(){return [_c('gl-search-box-by-type',{ref:\"search\",staticClass:\"gl-mx-3 gl-my-4\",attrs:{\"placeholder\":_vm.$options.i18n.searchFiles},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"down\",40,$event.key,[\"Down\",\"ArrowDown\"]))return null;return _vm.focusFirstItem.apply(null, arguments)}},model:{value:(_vm.search),callback:function ($$v) {_vm.search=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"search\"}}),_vm._v(\" \"),(!_vm.filteredFiles.length)?_c('span',{staticClass:\"gl-mx-3\"},[_vm._v(\"\\n \"+_vm._s(_vm.$options.i18n.noFilesFound)+\"\\n \")]):_vm._e()]},proxy:true},{key:\"list-item\",fn:function({ item }){return [_c('div',{staticClass:\"gl-flex gl-items-center gl-gap-3 gl-overflow-hidden\"},[_c('gl-icon',{staticClass:\"gl-shrink-0\",class:item.iconColor,attrs:{\"name\":item.icon}}),_vm._v(\" \"),_c('div',{staticClass:\"gl-grow gl-overflow-hidden\"},[_c('div',{staticClass:\"gl-flex\"},[_c('span',{staticClass:\"gl-mr-3 gl-grow gl-font-bold\",class:item.name ? 'gl-truncate' : 'gl-italic gl-text-subtle'},[_vm._v(_vm._s(item.text))]),_vm._v(\" \"),_c('span',{staticClass:\"gl-ml-auto gl-whitespace-nowrap\",attrs:{\"aria-hidden\":\"true\"}},[_c('span',{staticClass:\"gl-text-success\"},[_vm._v(\"+\"+_vm._s(item.added))]),_vm._v(\" \"),_c('span',{staticClass:\"gl-text-danger\"},[_vm._v(\"-\"+_vm._s(item.removed))])]),_vm._v(\" \"),_c('span',{staticClass:\"gl-sr-only\"},[_vm._v(_vm._s(_vm.additionsText(item.added))+\", \"+_vm._s(_vm.deletionsText(item.removed)))])]),_vm._v(\" \"),_c('div',{staticClass:\"gl-overflow-hidden gl-text-ellipsis gl-text-subtle\"},[_vm._v(\"\\n \"+_vm._s(item.path)+\"\\n \")])])],1)]}}],null,true)})]}}])}),_vm._v(\" \"),_c('span',{staticClass:\"diff-stats-additions-deletions-expanded\",attrs:{\"data-testid\":\"diff-stats-additions-deletions-expanded\"}},[_c('gl-sprintf',{attrs:{\"message\":_vm.$options.i18n.messageAdditionsDeletions},scopedSlots:_vm._u([{key:\"additions\",fn:function(){return [_c('span',{staticClass:\"gl-font-bold gl-text-success\"},[_vm._v(_vm._s(_vm.additionsText()))])]},proxy:true},{key:\"deletions\",fn:function(){return [_c('span',{staticClass:\"gl-font-bold gl-text-danger\"},[_vm._v(_vm._s(_vm.deletionsText()))])]},proxy:true}])})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue';\nimport DiffStatsDropdown from '~/vue_shared/components/diff_stats_dropdown.vue';\n\nexport const initDiffStatsDropdown = () => {\n const el = document.querySelector('.js-diff-stats-dropdown');\n\n if (!el) {\n return false;\n }\n\n const { changed, added, deleted, files } = el.dataset;\n\n return new Vue({\n el,\n render: (createElement) =>\n createElement(DiffStatsDropdown, {\n props: {\n changed: parseInt(changed, 10),\n added: parseInt(added, 10),\n deleted: parseInt(deleted, 10),\n files: JSON.parse(files),\n },\n }),\n });\n};\n","import { identity } from '../../../utils/identity';\nimport { isArray, isString, isObject, isFunction } from '../../../utils/inspect';\nimport { clone, keys } from '../../../utils/object';\nimport { startCase } from '../../../utils/string';\nimport { IGNORED_FIELD_KEYS } from './constants';\n\n// Private function to massage field entry into common object format\nconst processField = (key, value) => {\n let field = null;\n if (isString(value)) {\n // Label shortcut\n field = {\n key,\n label: value\n };\n } else if (isFunction(value)) {\n // Formatter shortcut\n field = {\n key,\n formatter: value\n };\n } else if (isObject(value)) {\n field = clone(value);\n field.key = field.key || key;\n } else if (value !== false) {\n // Fallback to just key\n /* istanbul ignore next */\n field = {\n key\n };\n }\n return field;\n};\n\n// We normalize fields into an array of objects\n// [ { key:..., label:..., ...}, {...}, ..., {..}]\nconst normalizeFields = (origFields, items) => {\n const fields = [];\n if (isArray(origFields)) {\n // Normalize array Form\n origFields.filter(identity).forEach(f => {\n if (isString(f)) {\n fields.push({\n key: f,\n label: startCase(f)\n });\n } else if (isObject(f) && f.key && isString(f.key)) {\n // Full object definition. We use assign so that we don't mutate the original\n fields.push(clone(f));\n } else if (isObject(f) && keys(f).length === 1) {\n // Shortcut object (i.e. { 'foo_bar': 'This is Foo Bar' }\n const key = keys(f)[0];\n const field = processField(key, f[key]);\n if (field) {\n fields.push(field);\n }\n }\n });\n }\n\n // If no field provided, take a sample from first record (if exits)\n if (fields.length === 0 && isArray(items) && items.length > 0) {\n const sample = items[0];\n keys(sample).forEach(k => {\n if (!IGNORED_FIELD_KEYS[k]) {\n fields.push({\n key: k,\n label: startCase(k)\n });\n }\n });\n }\n\n // Ensure we have a unique array of fields and that they have String labels\n const memo = {};\n return fields.filter(f => {\n if (!memo[f.key]) {\n memo[f.key] = true;\n f.label = isString(f.label) ? f.label : startCase(f.key);\n return true;\n }\n return false;\n });\n};\n\nexport { normalizeFields };\n","import { extend } from '../../../vue';\nimport { EVENT_NAME_CONTEXT_CHANGED } from '../../../constants/events';\nimport { PROP_TYPE_ARRAY, PROP_TYPE_STRING } from '../../../constants/props';\nimport { useParentMixin } from '../../../mixins/use-parent';\nimport { isArray, isString, isFunction } from '../../../utils/inspect';\nimport { looseEqual } from '../../../utils/loose-equal';\nimport { mathMax } from '../../../utils/math';\nimport { makeModelMixin } from '../../../utils/model';\nimport { toInteger } from '../../../utils/number';\nimport { sortKeys, clone } from '../../../utils/object';\nimport { makeProp } from '../../../utils/props';\nimport { safeVueInstance } from '../../../utils/safe-vue-instance';\nimport { normalizeFields } from './normalize-fields';\n\n// --- Constants ---\n\nconst {\n mixin: modelMixin,\n props: modelProps,\n prop: MODEL_PROP_NAME,\n event: MODEL_EVENT_NAME\n} = makeModelMixin('value', {\n type: PROP_TYPE_ARRAY,\n defaultValue: []\n});\n\n// --- Props ---\n\nconst props = sortKeys({\n ...modelProps,\n fields: makeProp(PROP_TYPE_ARRAY, null),\n // Provider mixin adds in `Function` type\n items: makeProp(PROP_TYPE_ARRAY, []),\n // Primary key for record\n // If provided the value in each row must be unique!\n primaryKey: makeProp(PROP_TYPE_STRING),\n // `v-model` for retrieving the current displayed rows\n [MODEL_PROP_NAME]: makeProp(PROP_TYPE_ARRAY, [])\n});\n\n// --- Mixin ---\n\n// @vue/component\nconst itemsMixin = extend({\n mixins: [modelMixin, useParentMixin],\n props,\n data() {\n const {\n items\n } = this;\n return {\n // Our local copy of the items\n // Must be an array\n localItems: isArray(items) ? items.slice() : []\n };\n },\n computed: {\n computedFields() {\n // We normalize fields into an array of objects\n // `[ { key:..., label:..., ...}, {...}, ..., {..}]`\n return normalizeFields(this.fields, this.localItems);\n },\n computedFieldsObj() {\n // Fields as a simple lookup hash object\n // Mainly for formatter lookup and use in `scopedSlots` for convenience\n // If the field has a formatter, it normalizes formatter to a\n // function ref or `undefined` if no formatter\n const {\n bvParent\n } = this;\n return this.computedFields.reduce((obj, f) => {\n // We use object spread here so we don't mutate the original field object\n obj[f.key] = clone(f);\n if (f.formatter) {\n // Normalize formatter to a function ref or `undefined`\n let formatter = f.formatter;\n if (isString(formatter) && isFunction(bvParent[formatter])) {\n formatter = bvParent[formatter];\n } else if (!isFunction(formatter)) {\n /* istanbul ignore next */\n formatter = undefined;\n }\n // Return formatter function or `undefined` if none\n obj[f.key].formatter = formatter;\n }\n return obj;\n }, {});\n },\n computedItems() {\n const {\n paginatedItems,\n sortedItems,\n filteredItems,\n localItems\n } = safeVueInstance(this);\n // Fallback if various mixins not provided\n return (paginatedItems || sortedItems || filteredItems || localItems || /* istanbul ignore next */\n []).slice();\n },\n context() {\n const {\n perPage,\n currentPage\n } = safeVueInstance(this);\n // Current state of sorting, filtering and pagination props/values\n return {\n filter: this.localFilter,\n sortBy: this.localSortBy,\n sortDesc: this.localSortDesc,\n perPage: mathMax(toInteger(perPage, 0), 0),\n currentPage: mathMax(toInteger(currentPage, 0), 1),\n apiUrl: this.apiUrl\n };\n }\n },\n watch: {\n items(newValue) {\n // Set `localItems`/`filteredItems` to a copy of the provided array\n this.localItems = isArray(newValue) ? newValue.slice() : [];\n },\n // Watch for changes on `computedItems` and update the `v-model`\n computedItems(newValue, oldValue) {\n if (!looseEqual(newValue, oldValue)) {\n this.$emit(MODEL_EVENT_NAME, newValue);\n }\n },\n // Watch for context changes\n context(newValue, oldValue) {\n // Emit context information for external paging/filtering/sorting handling\n if (!looseEqual(newValue, oldValue)) {\n this.$emit(EVENT_NAME_CONTEXT_CHANGED, newValue);\n }\n }\n },\n mounted() {\n // Initially update the `v-model` of displayed items\n this.$emit(MODEL_EVENT_NAME, this.computedItems);\n },\n methods: {\n // Method to get the formatter method for a given field key\n getFieldFormatter(key) {\n const field = this.computedFieldsObj[key];\n // `this.computedFieldsObj` has pre-normalized the formatter to a\n // function ref if present, otherwise `undefined`\n return field ? field.formatter : undefined;\n }\n }\n});\n\nexport { MODEL_EVENT_NAME, MODEL_PROP_NAME, itemsMixin, props };\n","/* eslint-disable class-methods-use-this, no-new */\nimport $ from 'jquery';\nimport issuableEventHub from '~/issues/list/eventhub';\nimport LabelsSelect from '~/labels/labels_select';\nimport {\n mountAssigneesDropdown,\n mountConfidentialityDropdown,\n mountMilestoneDropdown,\n mountMoveIssuesButton,\n mountStatusDropdown,\n mountSubscriptionsDropdown,\n} from '~/sidebar/mount_sidebar';\nimport IssuableBulkUpdateActions from './issuable_bulk_update_actions';\n\nconst HIDDEN_CLASS = 'hidden';\nconst DISABLED_CONTENT_CLASS = 'disabled-content';\nconst SIDEBAR_EXPANDED_CLASS = 'right-sidebar-expanded issuable-bulk-update-sidebar';\nconst SIDEBAR_COLLAPSED_CLASS = 'right-sidebar-collapsed issuable-bulk-update-sidebar';\n\nexport default class IssuableBulkUpdateSidebar {\n constructor() {\n this.initDomElements();\n this.bindEvents();\n this.initDropdowns();\n this.setupBulkUpdateActions();\n }\n\n initDomElements() {\n this.$page = $('.layout-page');\n this.$sidebar = $('.right-sidebar');\n this.$sidebarInnerContainer = this.$sidebar.find('.issuable-sidebar');\n this.$bulkEditCancelBtn = $('.js-bulk-update-menu-hide');\n this.$bulkEditSubmitBtn = $('.js-update-selected-issues');\n this.$bulkUpdateEnableBtn = $('.js-bulk-update-toggle');\n this.$otherFilters = $('.issues-other-filters');\n this.$checkAllContainer = $('.check-all-holder');\n this.$issueChecks = $('.issue-check');\n this.$issuesList = $('.issuable-list input[type=\"checkbox\"]');\n this.$issuableIdsInput = $('#update_issuable_ids');\n }\n\n bindEvents() {\n this.$bulkUpdateEnableBtn.on('click', (e) => this.toggleBulkEdit(e, true));\n this.$bulkEditCancelBtn.on('click', (e) => this.toggleBulkEdit(e, false));\n this.$checkAllContainer.on('click', (e) => this.selectAll(e));\n this.$issuesList.on('change', () => this.updateFormState());\n this.$bulkEditSubmitBtn.on('click', () => this.prepForSubmit());\n this.$checkAllContainer.on('click', () => this.updateFormState());\n\n // The event hub connects this bulk update logic with `issues_list_app.vue`.\n // We can remove it once we've refactored the issues list page bulk edit sidebar to Vue.\n // https://gitlab.com/gitlab-org/gitlab/-/issues/325874\n issuableEventHub.$on('issuables:enableBulkEdit', () => this.toggleBulkEdit(null, true));\n issuableEventHub.$on('issuables:updateBulkEdit', () => this.updateFormState());\n\n // These events are connected to the logic inside `move_issues_button.vue`,\n // so that only one action can be performed at a time\n issuableEventHub.$on('issuables:bulkMoveStarted', () => this.toggleSubmitButtonDisabled(true));\n issuableEventHub.$on('issuables:bulkMoveEnded', () => this.updateFormState());\n }\n\n initDropdowns() {\n new LabelsSelect();\n mountMilestoneDropdown();\n mountMoveIssuesButton();\n mountStatusDropdown();\n mountSubscriptionsDropdown();\n mountAssigneesDropdown();\n mountConfidentialityDropdown();\n\n // Checking IS_EE and using ee_else_ce is odd, but we do it here to satisfy\n // the import/no-unresolved lint rule when FOSS_ONLY=1, even though at\n // runtime this block won't execute.\n if (IS_EE) {\n import('ee_else_ce/sidebar/mount_sidebar')\n .then(({ mountEpicDropdown, mountHealthStatusDropdown, mountIterationDropdown }) => {\n mountEpicDropdown();\n mountHealthStatusDropdown();\n mountIterationDropdown();\n })\n .catch(() => {});\n }\n }\n\n setupBulkUpdateActions() {\n IssuableBulkUpdateActions.setOriginalDropdownData();\n }\n\n updateFormState() {\n const noCheckedIssues = !$('.issuable-list input[type=\"checkbox\"]:checked').length;\n\n this.toggleSubmitButtonDisabled(noCheckedIssues);\n this.updateSelectedIssuableIds();\n\n IssuableBulkUpdateActions.setOriginalDropdownData();\n\n issuableEventHub.$emit('issuables:selectionChanged', !noCheckedIssues);\n }\n\n prepForSubmit() {\n // if submit button is disabled, submission is blocked. This ensures we disable after\n // form submission is carried out\n setTimeout(() => this.$bulkEditSubmitBtn.disable());\n this.updateSelectedIssuableIds();\n }\n\n toggleBulkEdit(e, enable) {\n e?.preventDefault();\n\n issuableEventHub.$emit('issuables:toggleBulkEdit', enable);\n\n this.toggleSidebarDisplay(enable);\n this.toggleBulkEditButtonDisabled(enable);\n this.toggleOtherFiltersDisabled(enable);\n this.toggleCheckboxDisplay(enable);\n }\n\n updateSelectedIssuableIds() {\n this.$issuableIdsInput.val(IssuableBulkUpdateSidebar.getCheckedIssueIds());\n }\n\n selectAll() {\n const checkAllButtonState = this.$checkAllContainer.find('input').prop('checked');\n\n this.$issuesList.prop('checked', checkAllButtonState);\n }\n\n toggleSidebarDisplay(show) {\n this.$page.toggleClass(SIDEBAR_EXPANDED_CLASS, show);\n this.$page.toggleClass(SIDEBAR_COLLAPSED_CLASS, !show);\n this.$sidebarInnerContainer.toggleClass(HIDDEN_CLASS, !show);\n this.$sidebar.toggleClass(SIDEBAR_EXPANDED_CLASS, show);\n this.$sidebar.toggleClass(SIDEBAR_COLLAPSED_CLASS, !show);\n }\n\n toggleBulkEditButtonDisabled(disable) {\n if (disable) {\n this.$bulkUpdateEnableBtn.disable();\n } else {\n this.$bulkUpdateEnableBtn.enable();\n }\n }\n\n toggleCheckboxDisplay(show) {\n this.$checkAllContainer.toggleClass(HIDDEN_CLASS, !show);\n this.$issueChecks.toggleClass(HIDDEN_CLASS, !show);\n }\n\n toggleOtherFiltersDisabled(disable) {\n this.$otherFilters.toggleClass(DISABLED_CONTENT_CLASS, disable);\n }\n\n toggleSubmitButtonDisabled(disable) {\n if (disable) {\n this.$bulkEditSubmitBtn.disable();\n } else {\n this.$bulkEditSubmitBtn.enable();\n }\n }\n\n static getCheckedIssueIds() {\n const $checkedIssues = $('.issuable-list input[type=\"checkbox\"]:checked');\n\n if ($checkedIssues.length > 0) {\n return $.map($checkedIssues, (value) => $(value).data('id'));\n }\n\n return [];\n }\n}\n","import { GlBreakpointInstance as bp } from '@gitlab/ui/dist/utils';\nimport $ from 'jquery';\nimport { setCookie } from '~/lib/utils/common_utils';\nimport UsersSelect from '~/users_select';\n\nexport default class IssuableContext {\n constructor(currentUser) {\n this.reviewersSelect = new UsersSelect(currentUser, '.js-reviewer-search');\n\n this.reviewersSelect.dropdowns.forEach((glDropdownInstance) => {\n const jQueryWrapper = glDropdownInstance.dropdown;\n const domElement = jQueryWrapper[0];\n const content = domElement.querySelector('.dropdown-content');\n const loader = domElement.querySelector('.dropdown-loading');\n const spinner = loader.querySelector('.gl-spinner-container');\n const realParent = loader.parentNode;\n\n domElement.classList.add('non-blocking-loader');\n spinner.classList.remove('gl-mt-7');\n spinner.classList.add('gl-mt-2');\n\n jQueryWrapper.on('shown.bs.dropdown', () => {\n glDropdownInstance.filterInput.focus();\n });\n jQueryWrapper.on('toggle.on.loading.gl.dropdown filtering.gl.dropdown', () => {\n content.appendChild(loader);\n });\n jQueryWrapper.on('done.remote.loading.gl.dropdown done.filtering.gl.dropdown', () => {\n realParent.appendChild(loader);\n });\n });\n\n $('.issuable-sidebar .inline-update').on('change', 'select', function onClickSelect() {\n return $(this).submit();\n });\n $(document)\n .off('click', '.issuable-sidebar .dropdown-content a')\n .on('click', '.issuable-sidebar .dropdown-content a', (e) => e.preventDefault());\n\n $(document)\n .off('click', '.edit-link')\n .on('click', '.edit-link', function onClickEdit(e) {\n e.preventDefault();\n const $block = $(this).parents('.block');\n const $selectbox = $block.find('.selectbox');\n if ($selectbox.is(':visible')) {\n $selectbox.hide();\n $block.find('.value:not(.dont-hide)').show();\n } else {\n $selectbox.show();\n $block.find('.value:not(.dont-hide)').hide();\n }\n\n if ($selectbox.is(':visible')) {\n setTimeout(() => $block.find('.dropdown-menu-toggle').trigger('click'), 0);\n }\n });\n\n window.addEventListener('beforeunload', () => {\n // collapsed_gutter cookie hides the sidebar\n const bpBreakpoint = bp.getBreakpointSize();\n const supportedSizes = ['xs', 'sm', 'md'];\n\n if (supportedSizes.includes(bpBreakpoint)) {\n setCookie('collapsed_gutter', true);\n }\n });\n }\n}\n","import Vue from 'vue';\nimport { parseBoolean } from '~/lib/utils/common_utils';\nimport Sidebar from '~/right_sidebar';\nimport { getSidebarOptions } from '~/sidebar/mount_sidebar';\nimport CsvImportExportButtons from './components/csv_import_export_buttons.vue';\nimport issuableBulkUpdateActions from './issuable_bulk_update_actions';\nimport IssuableBulkUpdateSidebar from './issuable_bulk_update_sidebar';\nimport IssuableContext from './issuable_context';\n\nexport function initBulkUpdateSidebar(prefixId) {\n const el = document.querySelector('.issues-bulk-update');\n\n if (!el) {\n return;\n }\n\n issuableBulkUpdateActions.init({ prefixId });\n new IssuableBulkUpdateSidebar(); // eslint-disable-line no-new\n}\n\nexport function initCsvImportExportButtons() {\n const el = document.querySelector('.js-csv-import-export-buttons');\n\n if (!el) {\n return null;\n }\n\n const {\n showExportButton,\n showImportButton,\n issuableType,\n issuableCount,\n email,\n exportCsvPath,\n importCsvIssuesPath,\n canEdit,\n projectImportJiraPath,\n maxAttachmentSize,\n } = el.dataset;\n\n return new Vue({\n el,\n name: 'CsvImportExportButtonsRoot',\n provide: {\n showExportButton: parseBoolean(showExportButton),\n showImportButton: parseBoolean(showImportButton),\n issuableType,\n email,\n importCsvIssuesPath,\n canEdit: parseBoolean(canEdit),\n projectImportJiraPath,\n maxAttachmentSize,\n },\n render: (createElement) =>\n createElement(CsvImportExportButtons, {\n props: {\n exportCsvPath,\n issuableCount: parseInt(issuableCount, 10),\n },\n }),\n });\n}\n\nexport function initIssuableSidebar() {\n const el = document.querySelector('.js-sidebar-options');\n\n if (!el) {\n return;\n }\n\n const sidebarOptions = getSidebarOptions(el);\n\n new IssuableContext(sidebarOptions.currentUser); // eslint-disable-line no-new\n Sidebar.initialize();\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('span',[(_vm.loading)?_c('gl-loading-icon',{attrs:{\"size\":\"sm\",\"inline\":true}}):(_vm.isSymlink)?_c('gl-icon',{attrs:{\"name\":\"symlink\",\"size\":_vm.size}}):(!_vm.folder)?_c('svg',{key:_vm.spriteHref,class:[_vm.iconSizeClass, _vm.cssClasses]},[_c('use',{attrs:{\"href\":_vm.spriteHref}})]):_c('gl-icon',{staticClass:\"folder-icon\",attrs:{\"name\":_vm.folderIconName,\"size\":_vm.size}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./file_icon.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./file_icon.vue?vue&type=script&lang=js\"","\n\n \n \n
\n \n \n \n
\n \n {{ item.text }} \n \n +{{ item.added }}\n -{{ item.removed }}\n \n {{ additionsText(item.added) }}, {{ deletionsText(item.removed) }}\n
\n \n {{ item.path }}\n
\n ${wrappedLine}
`;\n}\n\nexport default (result, lineToMarkersInfo) => {\n // eslint-disable-next-line no-param-reassign\n result.value = result.value\n .split(/\\r?\\n/)\n .map((content, index) => markLinesWithDiv(content, index + 1, lineToMarkersInfo?.[index + 1]))\n .join('\\n');\n};\n","import mod from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./code_flow_file_viewer.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./code_flow_file_viewer.vue?vue&type=script&lang=js\"","\n\n\n \n \n \n \n \n \n\n \n \n
\n \n \n \n\n","import { render, staticRenderFns } from \"./code_flow_file_viewer.vue?vue&type=template&id=1932ad0e\"\nimport script from \"./code_flow_file_viewer.vue?vue&type=script&lang=js\"\nexport * from \"./code_flow_file_viewer.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"file-holder\"},[(_vm.loadingError)?_c('gl-alert',{attrs:{\"dismissible\":false,\"variant\":\"warning\"}},[_c('gl-sprintf',{attrs:{\"message\":_vm.$options.i18n.vulnerabilityNotFound},scopedSlots:_vm._u([{key:\"file\",fn:function(){return [_c('code',[_vm._v(_vm._s(_vm.filePath))])]},proxy:true},{key:\"ref\",fn:function(){return [_c('code',[_vm._v(_vm._s(_vm.branchRef))])]},proxy:true}],null,false,2038684176)})],1):[_c('div',{staticClass:\"file-title-flex-parent\"},[_c('div',{staticClass:\"gl-flex\"},[_c('blob-filepath',{attrs:{\"blob\":_vm.blobInfo,\"show-path\":true,\"show-as-link\":true,\"show-blob-size\":false},scopedSlots:_vm._u([{key:\"filepath-prepend\",fn:function(){return [_c('gl-button',{staticClass:\"gl-mr-2\",attrs:{\"category\":\"tertiary\",\"size\":\"small\",\"icon\":_vm.collapseIcon,\"aria-label\":_vm.labelToggleFile,\"data-testid\":\"collapse-expand-file\"},on:{\"click\":_vm.handleToggleFile}})]},proxy:true}])})],1),_vm._v(\" \"),_c('div',{staticClass:\"file-actions gl-flex gl-flex-wrap\"},[_c('web-ide-link',_vm._g({staticClass:\"gl-mr-3\",attrs:{\"button-variant\":\"default\",\"edit-url\":_vm.blobInfo.editBlobPath,\"web-ide-url\":_vm.blobInfo.ideEditPath,\"show-edit-button\":\"\",\"is-blob\":\"\",\"disable-fork-modal\":\"\"}},_vm.$listeners))],1)]),_vm._v(\" \"),(_vm.expanded)?_c('div',{staticClass:\"file-content code js-syntax-highlight blob-content blob-viewer gl-flex gl-w-full gl-flex-col gl-overflow-auto\",class:_vm.userColorScheme,attrs:{\"data-type\":\"simple\",\"data-testid\":\"file-content\"}},_vm._l((_vm.codeBlocks),function(highlightSectionInfo,index){return _c('div',{key:index},[(highlightSectionInfo.blockStartLine !== 1)?_c('div',{staticClass:\"expansion-line gl-bg-strong gl-p-1\"},[_c('gl-button',{staticClass:\"mark-multiple-line-expand-button gl-border-0\",attrs:{\"data-testid\":\"expand-top-lines\",\"title\":_vm.$options.i18n.expandAllLines,\"aria-label\":_vm.$options.i18n.expandAllLines,\"icon\":_vm.getExpandedIcon(index),\"category\":\"tertiary\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.handleExpandLines(index)}}})],1):_vm._e(),_vm._v(\" \"),_c('vulnerability-file-content-viewer',{staticClass:\"gl-border-none\",attrs:{\"is-highlighted\":_vm.isHighlighted,\"content\":_vm.content,\"start-line\":highlightSectionInfo.blockStartLine,\"end-line\":highlightSectionInfo.blockEndLine,\"highlight-info\":highlightSectionInfo.highlightInfo,\"selected-step-number\":_vm.selectedStepNumber}}),_vm._v(\" \"),(_vm.isEndOfCodeBlock(index))?_c('div',{staticClass:\"expansion-line gl-bg-strong gl-p-1\"},[_c('gl-button',{staticClass:\"mark-multiple-line-expand-button gl-border-0\",attrs:{\"data-testid\":\"expand-bottom-lines\",\"title\":_vm.$options.i18n.expandAllLines,\"aria-label\":_vm.$options.i18n.expandAllLines,\"icon\":\"expand-down\",\"category\":\"tertiary\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.handleExpandLines(_vm.codeBlocks.length)}}})],1):_vm._e()],1)}),0):_vm._e()]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./code_flow_steps_section.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./code_flow_steps_section.vue?vue&type=script&lang=js\"","\n\n\n {{ filePath }}\n \n \n {{ branchRef }}\n \n \n
\n\n \n \n \n
\n\n \n
\n \n \n
\n\n \n
\n \n \n \n \n {{ stepNumber }}\n {{ stepNumber }}\n \n \n \n {{ nodeType }}\n \n \n
\n \n \n\n","import { render, staticRenderFns } from \"./code_flow_steps_section.vue?vue&type=template&id=59b57372\"\nimport script from \"./code_flow_steps_section.vue?vue&type=script&lang=js\"\nexport * from \"./code_flow_steps_section.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"gl-flex gl-justify-between gl-pt-2\"},[_c('div',[_c('div',{staticClass:\"item-title gl-text-lg\"},[_vm._v(_vm._s(_vm.$options.i18n.steps))]),_vm._v(\" \"),_c('div',{staticClass:\"gl-pt-2\",attrs:{\"data-testid\":\"steps-header\"}},[_vm._v(_vm._s(_vm.stepsHeader))])]),_vm._v(\" \"),_c('gl-button-group',[_c('gl-button',{attrs:{\"icon\":\"chevron-up\",\"aria-label\":_vm.__(`Previous step`),\"disabled\":_vm.isOutOfRange(_vm.previousStepNumber)},on:{\"click\":function($event){return _vm.selectStep(_vm.previousStepNumber)}}}),_vm._v(\" \"),_c('gl-button',{attrs:{\"icon\":\"chevron-down\",\"aria-label\":_vm.__(`Next step`),\"disabled\":_vm.isOutOfRange(_vm.nextStepNumber)},on:{\"click\":function($event){return _vm.selectStep(_vm.nextStepNumber)}}})],1)],1),_vm._v(\" \"),_c('div',{staticClass:\"gl-ml-4 gl-pt-3\"},_vm._l((_vm.stepsGroupedByFile),function(vulnerabilityFlow,fileName,fileIndex){return _c('div',{key:fileIndex,staticClass:\"-gl-ml-4\",attrs:{\"data-testid\":`file-steps-${fileIndex}`}},[_c('div',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip\"}],staticClass:\"gl-inline-flex gl-max-w-full gl-items-center\",attrs:{\"title\":fileName,\"data-testid\":`file-name-${fileIndex}`}},[_c('gl-button',{attrs:{\"icon\":_vm.getPathIcon(fileIndex),\"category\":\"tertiary\",\"aria-label\":_vm.toggleAriaLabel(fileIndex)},on:{\"click\":function($event){return _vm.openFileSteps(fileIndex)}}}),_vm._v(\" \"),_c('gl-truncate',{staticClass:\"gl-min-w-0 gl-flex-shrink\",attrs:{\"text\":_vm.getFilePath(fileName),\"position\":\"end\"}}),_c('gl-truncate',{staticClass:\"gl-flex-shrink-0 gl-font-bold\",attrs:{\"text\":_vm.getFileName(fileName),\"position\":\"start\"}})],1),_vm._v(\" \"),_c('gl-collapse',{staticClass:\"gl-mt-2 gl-pl-6\",attrs:{\"visible\":_vm.isVisibleCollapse(fileIndex)}},_vm._l((vulnerabilityFlow),function({ stepNumber, nodeType, fileDescription, fileLocation: { lineStart } },stepIndex){return _c('gl-link',{key:stepIndex,staticClass:\"align-content-center gl-flex gl-justify-between !gl-rounded-base gl-pb-2 gl-pl-2 gl-pr-2 gl-pt-2 !gl-text-inherit !gl-no-underline\",class:{\n 'gl-rounded-base gl-bg-blue-50': _vm.selectedStepNumber === stepNumber,\n },attrs:{\"data-testid\":`step-row-${stepIndex}`},on:{\"click\":function($event){return _vm.selectStep(stepNumber)}}},[_c('gl-badge',{staticClass:\"gl-mr-3 gl-h-6 gl-w-6 gl-rounded-base gl-pl-4 gl-pr-4\",class:{\n '!gl-bg-blue-500 !gl-text-white': _vm.selectedStepNumber === stepNumber,\n },attrs:{\"size\":\"lg\",\"variant\":\"muted\"}},[(_vm.selectedStepNumber === stepNumber)?_c('strong',[_vm._v(_vm._s(stepNumber))]):_c('span',[_vm._v(_vm._s(stepNumber))])]),_vm._v(\" \"),_c('span',{staticClass:\"align-content-center gl-mr-auto gl-overflow-hidden gl-text-ellipsis gl-whitespace-nowrap\"},[(['source', 'sink'].includes(nodeType))?_c('gl-badge',{staticClass:\"gl-mr-3 gl-pl-4 gl-pr-4\",attrs:{\"id\":nodeType,\"data-testid\":nodeType,\"size\":\"md\",\"variant\":\"muted\"}},[_vm._v(\"\\n \"+_vm._s(nodeType)+\"\\n \")]):_vm._e(),_vm._v(\" \"),_c('gl-popover',{attrs:{\"triggers\":\"hover focus\",\"placement\":\"top\",\"target\":nodeType,\"content\":_vm.showNodeTypePopover(nodeType),\"show\":false}}),_vm._v(\"\\n\\n \"+_vm._s(fileDescription)+\"\\n \")],1),_vm._v(\" \"),_c('span',{staticClass:\"align-content-center gl-pr-3 gl-text-subtle\"},[_vm._v(_vm._s(lineStart))])],1)}),1)],1)}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vulnerability_code_flow.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./vulnerability_code_flow.vue?vue&type=script&lang=js\"","\n\n\n \n \n \n
\n \n
\n {{ $options.i18n.steps }}
\n {{ stepsHeader }}
\n \n \n \n
\n \n \n {{ s__('Vulnerability|Something went wrong while trying to get the source file.') }}\n \n\n \n \n
\n\n \n
\n 1\">\n \n \n \n \n \n
\n \n\n \n \n \n \n {{ __('Expand all files') }}\n \n \n \n
\n\n","import { render, staticRenderFns } from \"./collapsed_files_warning.vue?vue&type=template&id=56d68f34\"\nimport script from \"./collapsed_files_warning.vue?vue&type=script&lang=js\"\nexport * from \"./collapsed_files_warning.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.shouldDisplay)?_c('div',{staticClass:\"col-12\",attrs:{\"data-testid\":\"root\"}},[_c('gl-alert',{staticClass:\"gl-mb-5\",attrs:{\"dismissible\":true,\"title\":_vm.__('Some changes are not shown'),\"variant\":\"warning\"},on:{\"dismiss\":_vm.dismiss},scopedSlots:_vm._u([{key:\"actions\",fn:function(){return [_c('gl-button',{staticClass:\"gl-alert-action\",on:{\"click\":_vm.expand}},[_vm._v(\"\\n \"+_vm._s(_vm.__('Expand all files'))+\"\\n \")])]},proxy:true}],null,false,1574907447)},[_c('p',{staticClass:\"gl-mb-0\"},[_vm._v(\"\\n \"+_vm._s(_vm.__('For a faster browsing experience, some files are collapsed by default.'))+\"\\n \")])])],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./commit_widget.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./commit_widget.vue?vue&type=script&lang=js\"","\n\n\n \n {{ __('For a faster browsing experience, some files are collapsed by default.') }}\n
\n \n\n
\n\n","import { render, staticRenderFns } from \"./commit_widget.vue?vue&type=template&id=2ff3aaf3\"\nimport script from \"./commit_widget.vue?vue&type=script&lang=js\"\nexport * from \"./commit_widget.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"info-well mx-0 gl-max-w-full\"},[_c('div',{staticClass:\"well-segment\"},[_c('ul',{staticClass:\"gl-m-0 gl-list-none gl-p-0\"},[_c('commit-item',{attrs:{\"commit\":_vm.commit,\"collapsible\":_vm.collapsible}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import GlBaseAnimatedIcon from './base_animated_icon';\nimport __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';\n\nvar script = {\n name: 'GlAnimatedSidebarIcon',\n extends: GlBaseAnimatedIcon\n};\n\n/* script */\nconst __vue_script__ = script;\n\n/* template */\nvar __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],attrs:{\"aria-label\":_vm.ariaLabel,\"width\":\"16\",\"height\":\"16\",\"viewBox\":\"0 0 16 16\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('rect',{attrs:{\"x\":\"1.75\",\"y\":\"1.75\",\"width\":\"12.5\",\"height\":\"12.5\",\"rx\":\"1.25\",\"stroke\":\"currentColor\",\"stroke-width\":\"1.5\"}}),_vm._v(\" \"),_c('path',{staticClass:\"gl-animated-sidebar-line\",attrs:{\"d\":\"M5.25 2V14\",\"stroke\":\"currentColor\",\"stroke-width\":\"1.5\"}})])};\nvar __vue_staticRenderFns__ = [];\n\n /* style */\n const __vue_inject_styles__ = undefined;\n /* scoped */\n const __vue_scope_id__ = undefined;\n /* module identifier */\n const __vue_module_identifier__ = undefined;\n /* functional template */\n const __vue_is_functional_template__ = false;\n /* style inject */\n \n /* style inject SSR */\n \n /* style inject shadow dom */\n \n\n \n const __vue_component__ = __vue_normalize__(\n { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },\n __vue_inject_styles__,\n __vue_script__,\n __vue_scope_id__,\n __vue_is_functional_template__,\n __vue_module_identifier__,\n false,\n undefined,\n undefined,\n undefined\n );\n\nexport default __vue_component__;\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./compare_dropdown_layout.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./compare_dropdown_layout.vue?vue&type=script&lang=js\"","\n\n\n \n
\n - \n
\n \n {{ version.versionName }}\n {{ s__('DiffsCompareBaseBranch|(HEAD)') }}\n {{\n s__('DiffsCompareBaseBranch|(base)')\n }}\n \n
\n \n {{ version.short_commit_sha }} \n
\n \n \n \n {{ version.commitsText }}\n \n
\n \n \n \n
\n\n","import { render, staticRenderFns } from \"./compare_dropdown_layout.vue?vue&type=template&id=b7bac868\"\nimport script from \"./compare_dropdown_layout.vue?vue&type=script&lang=js\"\nexport * from \"./compare_dropdown_layout.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('gl-dropdown',{attrs:{\"text\":_vm.selectedVersionName,\"data-testid\":\"version-dropdown-content\",\"size\":\"small\",\"category\":\"tertiary\"}},[_vm._l((_vm.versions),function(version){return [(version.addDivider)?_c('gl-dropdown-divider',{key:version.id}):_vm._e(),_vm._v(\" \"),_c('gl-dropdown-item',{key:version.id,class:{\n 'is-active': version.selected,\n },attrs:{\"is-check-item\":\"\",\"is-checked\":version.selected,\"href\":version.href}},[_c('div',[_c('strong',[_vm._v(\"\\n \"+_vm._s(version.versionName)+\"\\n \"),(version.isHead)?[_vm._v(_vm._s(_vm.s__('DiffsCompareBaseBranch|(HEAD)')))]:(version.isBase)?[_vm._v(_vm._s(_vm.s__('DiffsCompareBaseBranch|(base)')))]:_vm._e()],2)]),_vm._v(\" \"),_c('div',[_c('small',{staticClass:\"commit-sha\"},[_vm._v(\" \"+_vm._s(version.short_commit_sha)+\" \")])]),_vm._v(\" \"),_c('div',[_c('small',[(version.commitsText)?[_vm._v(\"\\n \"+_vm._s(version.commitsText)+\"\\n \")]:_vm._e(),_vm._v(\" \"),(version.created_at)?_c('time-ago',{staticClass:\"js-timeago\",attrs:{\"time\":version.created_at}}):_vm._e()],2)])])]})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./compare_versions.vue?vue&type=template&id=4b529b62\"\nimport script from \"./compare_versions.vue?vue&type=script&lang=js\"\nexport * from \"./compare_versions.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mr-version-controls\"},[_c('div',{staticClass:\"mr-version-menus-container gl-px-5 gl-pb-2 gl-pt-3\"},[(_vm.toggleFileTreeVisible)?_c('gl-button',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip.html\",value:(_vm.toggleFileBrowserTooltip),expression:\"toggleFileBrowserTooltip\",modifiers:{\"html\":true}}],staticClass:\"js-toggle-tree-list btn-icon gl-mr-3\",attrs:{\"variant\":\"default\",\"data-testid\":\"file-tree-button\",\"aria-label\":_vm.toggleFileBrowserTitle,\"aria-keyshortcuts\":_vm.toggleFileBrowserShortcutKey,\"selected\":_vm.fileBrowserVisible},on:{\"click\":_vm.toggleFileBrowserVisibility}},[_c('gl-animated-sidebar-icon',{attrs:{\"is-on\":_vm.fileBrowserVisible}})],1):_vm._e(),_vm._v(\" \"),(_vm.commit)?_c('div',[_vm._v(\"\\n \"+_vm._s(_vm.__('Viewing commit'))+\"\\n \"),_c('gl-link',{staticClass:\"monospace\",attrs:{\"href\":_vm.commit.commit_url}},[_vm._v(_vm._s(_vm.commit.short_id))])],1):_vm._e(),_vm._v(\" \"),(_vm.hasNeighborCommits)?_c('div',{staticClass:\"commit-nav-buttons\"},[_c('gl-button-group',[_c('gl-button',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip.html\",value:(_vm.previousCommitTooltip),expression:\"previousCommitTooltip\",modifiers:{\"html\":true}}],attrs:{\"aria-label\":_vm.previousCommitTitle,\"aria-keyshortcuts\":_vm.previousCommitShortcutKey,\"href\":_vm.previousCommitUrl,\"disabled\":!_vm.commit.prev_commit_id},on:{\"click\":function($event){$event.preventDefault();return _vm.moveToNeighboringCommit({ direction: 'previous' })}}},[(!_vm.commit.prev_commit_id)?_c('span',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip\"}],staticClass:\"position-absolute position-top-0 position-left-0 gl-h-full gl-w-full\",attrs:{\"title\":_vm.__('You\\'re at the first commit')}}):_vm._e(),_vm._v(\" \"),_c('gl-icon',{attrs:{\"name\":\"chevron-left\"}}),_vm._v(\"\\n \"+_vm._s(_vm.__('Prev'))+\"\\n \")],1),_vm._v(\" \"),_c('gl-button',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip.html\",value:(_vm.nextCommitTooltip),expression:\"nextCommitTooltip\",modifiers:{\"html\":true}}],attrs:{\"aria-label\":_vm.nextCommitTitle,\"aria-keyshortcuts\":_vm.nextCommitShortcutKey,\"href\":_vm.nextCommitUrl,\"disabled\":!_vm.commit.next_commit_id},on:{\"click\":function($event){$event.preventDefault();return _vm.moveToNeighboringCommit({ direction: 'next' })}}},[(!_vm.commit.next_commit_id)?_c('span',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip\"}],staticClass:\"position-absolute position-top-0 position-left-0 gl-h-full gl-w-full\",attrs:{\"title\":_vm.__('You\\'re at the last commit')}}):_vm._e(),_vm._v(\"\\n \"+_vm._s(_vm.__('Next'))+\"\\n \"),_c('gl-icon',{attrs:{\"name\":\"chevron-right\"}})],1)],1)],1):(!_vm.commit && _vm.hasSourceVersions)?_c('gl-sprintf',{staticClass:\"gl-flex gl-min-w-0 gl-items-center\",attrs:{\"message\":_vm.s__('MergeRequest|Compare %{target} and %{source}')},scopedSlots:_vm._u([{key:\"target\",fn:function(){return [_c('compare-dropdown-layout',{staticClass:\"mr-version-compare-dropdown\",attrs:{\"versions\":_vm.diffCompareDropdownTargetVersions,\"data-testid\":\"target-version-dropdown\"}})]},proxy:true},{key:\"source\",fn:function(){return [_c('compare-dropdown-layout',{staticClass:\"mr-version-dropdown\",attrs:{\"versions\":_vm.diffCompareDropdownSourceVersions}})]},proxy:true}])}):_vm._e(),_vm._v(\" \"),(_vm.commit || _vm.startVersion)?_c('gl-button',{staticClass:\"js-latest-version\",class:{ 'gl-ml-3': _vm.commit && !_vm.hasNeighborCommits },attrs:{\"href\":_vm.latestVersionPath,\"variant\":\"default\"}},[_vm._v(\"\\n \"+_vm._s(_vm.__('Show latest version'))+\"\\n \")]):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const fileLineCodequality = (file, line, codequalityData) => {\n const fileDiff = codequalityData?.files?.[file] || [];\n const lineDiff = fileDiff.filter((violation) => violation.line === line);\n return lineDiff;\n};\n\n// Returns the SAST degradations for a specific line of a given file\nexport const fileLineSast = (file, line, sastData) => {\n const lineDiff = [];\n\n sastData?.added?.map((e) => {\n const startLine = parseInt(e.location.startLine, 10);\n if (e.location.file === file && startLine === line) {\n lineDiff.push({\n line: startLine,\n description: e.description,\n details: e.details,\n severity: e.severity.toLowerCase(),\n location: e.location,\n foundByPipelineIid: e.foundByPipelineIid,\n identifiers: e.identifiers,\n state: e.state.toLowerCase(),\n title: e.title,\n });\n }\n return e;\n });\n return lineDiff;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._l((_vm.drafts),function(draft,index){return _c('div',{key:draft.id,staticClass:\"discussion-notes diff-discussions position-relative\"},[_c('div',{staticClass:\"notes\"},[(_vm.showPin)?_c('design-note-pin',{staticClass:\"js-diff-notes-index -gl-translate-x-1/2\",attrs:{\"label\":_vm.toggleText(draft, index),\"is-draft\":\"\",\"size\":\"sm\"}}):_vm._e(),_vm._v(\" \"),_c('draft-note',{attrs:{\"draft\":draft,\"autosave-key\":_vm.autosaveKey}})],1)])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// eslint-disable-next-line no-restricted-imports\nimport { mapActions } from 'vuex';\n\nexport default {\n methods: {\n ...mapActions(['toggleDiscussion']),\n clickedToggle(discussion) {\n this.toggleDiscussion({ discussionId: discussion.id });\n },\n toggleText(discussion, index) {\n return index + 1;\n },\n },\n};\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_file_drafts.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_file_drafts.vue?vue&type=script&lang=js\"","\n\n\n \n \n
\n \n\n","import { render, staticRenderFns } from \"./diff_file_drafts.vue?vue&type=template&id=3d45e596\"\nimport script from \"./diff_file_drafts.vue?vue&type=script&lang=js\"\nexport * from \"./diff_file_drafts.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import { mapState } from 'pinia';\nimport { useBatchComments } from '~/batch_comments/store';\nimport { IMAGE_DIFF_POSITION_TYPE } from '../constants';\n\nexport default {\n computed: {\n ...mapState(useBatchComments, [\n 'shouldRenderDraftRow',\n 'shouldRenderParallelDraftRow',\n 'draftsForLine',\n 'draftsForFile',\n 'hasParallelDraftLeft',\n 'hasParallelDraftRight',\n ]),\n imageDiscussionsWithDrafts() {\n return this.diffFile.discussions\n .filter((f) => f.position?.position_type === IMAGE_DIFF_POSITION_TYPE)\n .concat(this.draftsForFile(this.diffFile.file_hash));\n },\n },\n};\n","import { render, staticRenderFns } from \"./no_preview.vue?vue&type=template&id=263f2eee\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"nothing-here-block\"},[_vm._v(\"\\n \"+_vm._s(_vm.__('No preview for this file type'))+\"\\n\")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./not_diffable.vue?vue&type=template&id=7b1c21f9\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"nothing-here-block\"},[_vm._v(\"\\n \"+_vm._s(_vm.__(\"File suppressed by a .gitattributes entry or the file's encoding is unsupported.\"))+\"\\n\")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_discussions.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_discussions.vue?vue&type=script&lang=js\"","\n\n\n \n
\n \n \n
\n \n\n","import { render, staticRenderFns } from \"./diff_discussions.vue?vue&type=template&id=6347d54e\"\nimport script from \"./diff_discussions.vue?vue&type=script&lang=js\"\nexport * from \"./diff_discussions.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',_vm._l((_vm.discussions),function(discussion,index){return _c('div',{key:discussion.id,staticClass:\"discussion-notes diff-discussions position-relative\",class:{\n collapsed: !_vm.isExpanded(discussion),\n }},[_c('ul',{staticClass:\"notes\",attrs:{\"data-discussion-id\":discussion.id}},[(_vm.shouldCollapseDiscussions)?[(discussion.expandedOnDiff)?_c('button',{staticClass:\"diff-notes-collapse js-diff-notes-toggle\",attrs:{\"type\":\"button\",\"aria-label\":_vm.__('Show comments')},on:{\"click\":function($event){return _vm.toggleVisibility(discussion)}}},[_c('gl-icon',{staticClass:\"collapse-icon\",attrs:{\"name\":\"collapse\"}})],1):_c('design-note-pin',{staticClass:\"js-diff-notes-toggle -gl-translate-x-1/2\",attrs:{\"label\":index + 1,\"is-resolved\":discussion.resolved,\"size\":\"sm\"},on:{\"click\":function($event){return _vm.toggleVisibility(discussion)}}})]:_vm._e(),_vm._v(\" \"),_c('noteable-discussion',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isExpanded(discussion)),expression:\"isExpanded(discussion)\"}],attrs:{\"discussion\":discussion,\"render-diff-file\":false,\"discussions-by-diff-order\":true,\"line\":_vm.line,\"help-page-path\":_vm.helpPagePath},scopedSlots:_vm._u([(_vm.renderAvatarBadge)?{key:\"avatar-badge\",fn:function(){return [_c('design-note-pin',{staticClass:\"user-avatar\",attrs:{\"label\":index + 1,\"is-resolved\":discussion.resolved,\"size\":\"sm\"}})]},proxy:true}:null],null,true)})],2)])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content\"},[(_vm.line.renderDiscussion)?_c('diff-discussions',{attrs:{\"line\":_vm.line,\"discussions\":_vm.line.discussions,\"help-page-path\":_vm.helpPagePath}}):_vm._e(),_vm._v(\" \"),(!_vm.hasDraft)?_c('diff-discussion-reply',{attrs:{\"has-form\":_vm.line.hasCommentForm,\"render-reply-placeholder\":Boolean(_vm.line.discussions.length)},on:{\"showNewDiscussionForm\":function($event){return _vm.showCommentForm({ lineCode: _vm.line.line_code, fileHash: _vm.diffFileHash })}},scopedSlots:_vm._u([{key:\"form\",fn:function(){return [_c('diff-line-note-form',{attrs:{\"diff-file-hash\":_vm.diffFileHash,\"line\":_vm.line,\"range\":_vm.lineRange,\"note-target-line\":_vm.line,\"help-page-path\":_vm.helpPagePath,\"line-position\":_vm.linePosition}})]},proxy:true}],null,false,4013865774)}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_discussion_reply.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_discussion_reply.vue?vue&type=script&lang=js\"","\n\n\n \n\n","import { render, staticRenderFns } from \"./diff_discussion_reply.vue?vue&type=template&id=7167d21a\"\nimport script from \"./diff_discussion_reply.vue?vue&type=script&lang=js\"\nexport * from \"./diff_discussion_reply.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"discussion-reply-holder clearfix gl-flex\"},[(!_vm.canCreateNote && _vm.isLoggedIn)?_c('discussion-locked-widget',{staticClass:\"!gl-mt-0 gl-grow\",attrs:{\"issuable-type\":_vm.$options.i18n.COMMENT_FORM.mergeRequest}}):(_vm.isLoggedIn)?[(_vm.hasForm)?_vm._t(\"form\"):(_vm.renderReplyPlaceholder)?[_c('gl-button',{on:{\"click\":function($event){return _vm.$emit('showNewDiscussionForm')}}},[_vm._v(\"\\n \"+_vm._s(_vm.$options.i18n.START_THREAD)+\"\\n \")])]:_vm._e()]:_c('note-signed-out-widget')],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./multiline_comment_form.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./multiline_comment_form.vue?vue&type=script&lang=js\"","\n\n\n - \n \n
\n \n \n \n
\n\n","import { render, staticRenderFns } from \"./multiline_comment_form.vue?vue&type=template&id=f0324ee6\"\nimport script from \"./multiline_comment_form.vue?vue&type=script&lang=js\"\nexport * from \"./multiline_comment_form.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"gl-flex gl-flex-wrap gl-items-center gl-gap-2\"},[_c('gl-sprintf',{attrs:{\"message\":_vm.s__('MergeRequestDiffs|Commenting on lines %{selectStart}start%{selectEnd} to %{end}')},scopedSlots:_vm._u([{key:\"select\",fn:function(){return [_c('label',{staticClass:\"sr-only\",attrs:{\"for\":\"comment-line-start\"}},[_vm._v(_vm._s(_vm.s__('MergeRequestDiffs|Select comment starting line')))]),_vm._v(\" \"),_c('gl-form-select',{staticClass:\"gl-w-auto\",attrs:{\"id\":\"comment-line-start\",\"value\":_vm.commentLineStart,\"options\":_vm.commentLineOptions,\"width\":\"sm\"},on:{\"change\":_vm.updateCommentLineStart}})]},proxy:true},{key:\"end\",fn:function(){return [_c('span',{class:_vm.getLineClasses(_vm.line)},[_vm._v(\"\\n \"+_vm._s(_vm.lineNumber)+\"\\n \")])]},proxy:true}])})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_line_note_form.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_line_note_form.vue?vue&type=script&lang=js\"","\n\n\n \n
\n\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_comment_cell.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_comment_cell.vue?vue&type=script&lang=js\"","\n\n\n \n
\n \n \n \n
\n\n","import { render, staticRenderFns } from \"./diff_line_note_form.vue?vue&type=template&id=4b6e712e\"\nimport script from \"./diff_line_note_form.vue?vue&type=script&lang=js\"\nexport * from \"./diff_line_note_form.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content discussion-form discussion-form-container discussion-notes\"},[_c('div',{staticClass:\"gl-mb-3 gl-pb-3 gl-text-subtle\"},[_c('multiline-comment-form',{attrs:{\"line\":_vm.line,\"line-range\":_vm.lines,\"comment-line-options\":_vm.commentLineOptions},on:{\"input\":_vm.updateStartLine}})],1),_vm._v(\" \"),_c('note-form',{ref:\"noteForm\",staticClass:\"diff-comment-form gl-mt-3\",attrs:{\"line-code\":_vm.line.line_code,\"line\":_vm.line,\"lines\":_vm.commentLines,\"help-page-path\":_vm.helpPagePath,\"diff-file\":_vm.diffFile,\"show-suggest-popover\":_vm.showSuggestPopover,\"save-button-title\":_vm.__('Comment'),\"autosave-key\":_vm.autosaveKey,\"autofocus\":false},on:{\"handleFormUpdateAddToReview\":_vm.addToReview,\"cancelForm\":_vm.handleCancelCommentForm,\"handleFormUpdate\":_vm.handleSaveNote,\"handleSuggestDismissed\":_vm.setSuggestPopoverDismissed}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./diff_comment_cell.vue?vue&type=template&id=68cb5c0b\"\nimport script from \"./diff_comment_cell.vue?vue&type=script&lang=js\"\nexport * from \"./diff_comment_cell.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n\n\n \n
\n \n\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_expansion_cell.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_expansion_cell.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./diff_expansion_cell.vue?vue&type=template&id=60ae2f8c\"\nimport script from \"./diff_expansion_cell.vue?vue&type=script&lang=js\"\nexport * from \"./diff_expansion_cell.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"diff-td diff-line-num gl-flex !gl-w-full gl-flex-col !gl-p-0 !gl-text-center\"},[(_vm.showExpandDown)?_c('button',{staticClass:\"js-unfold-down diff-line-expand-button gl-rounded-none gl-border-0\",attrs:{\"title\":_vm.s__('Diffs|Next 20 lines'),\"aria-label\":_vm.s__('Diffs|Next 20 lines'),\"disabled\":_vm.loading.down,\"type\":\"button\"},on:{\"click\":function($event){return _vm.handleExpandLines(_vm.$options.EXPAND_DOWN)}}},[(_vm.loading.down)?_c('gl-loading-icon',{attrs:{\"size\":\"sm\",\"color\":\"dark\",\"inline\":\"\"}}):_c('gl-icon',{attrs:{\"name\":\"expand-down\"}})],1):_vm._e(),_vm._v(\" \"),(_vm.lineCountBetween !== -1 && _vm.lineCountBetween < 20)?_c('button',{staticClass:\"js-unfold-all diff-line-expand-button gl-rounded-none gl-border-0\",attrs:{\"title\":_vm.$options.i18n.expandAllLines,\"aria-label\":_vm.$options.i18n.expandAllLines,\"disabled\":_vm.loading.all,\"type\":\"button\"},on:{\"click\":function($event){return _vm.handleExpandLines()}}},[(_vm.loading.all)?_c('gl-loading-icon',{attrs:{\"size\":\"sm\",\"color\":\"dark\",\"inline\":\"\"}}):_c('gl-icon',{attrs:{\"name\":\"expand\"}})],1):_vm._e(),_vm._v(\" \"),(_vm.showExpandUp)?_c('button',{staticClass:\"js-unfold diff-line-expand-button gl-rounded-none gl-border-0\",attrs:{\"title\":_vm.s__('Diffs|Previous 20 lines'),\"aria-label\":_vm.s__('Diffs|Previous 20 lines'),\"disabled\":_vm.loading.up,\"type\":\"button\"},on:{\"click\":function($event){return _vm.handleExpandLines(_vm.$options.EXPAND_UP)}}},[(_vm.loading.up)?_c('gl-loading-icon',{attrs:{\"size\":\"sm\",\"color\":\"dark\",\"inline\":\"\"}}):_c('gl-icon',{attrs:{\"name\":\"expand-up\"}})],1):_vm._e()]),_vm._v(\" \"),_c('div',{directives:[{name:\"safe-html\",rawName:\"v-safe-html\",value:(_vm.line.rich_text),expression:\"line.rich_text\"}],staticClass:\"diff-td line_content left-side gl-whitespace-normal! !gl-flex gl-flex-col gl-justify-center\"})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue';\n\nexport const compatFunctionalMixin = Vue.version.startsWith('3')\n ? {\n created() {\n this.props = this.$props;\n this.listeners = this.$listeners;\n },\n }\n : {\n created() {\n throw new Error('This mixin should not be executed in Vue.js 2');\n },\n };\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"diff-comment-avatar-holders\"},[(_vm.discussionsExpanded)?_c('button',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip\"}],staticClass:\"diff-notes-collapse js-diff-comment-avatar js-diff-comment-button\",attrs:{\"title\":_vm.$options.i18n.HIDE_COMMENTS,\"type\":\"button\",\"aria-label\":_vm.$options.i18n.HIDE_COMMENTS},on:{\"click\":function($event){return _vm.$emit('toggleLineDiscussions')}}},[_c('gl-icon',{attrs:{\"size\":12,\"name\":\"collapse\"}})],1):[_vm._l((_vm.notesInGutter),function(note){return _c('user-avatar-image',{key:note.id,staticClass:\"diff-comment-avatar js-diff-comment-avatar\",attrs:{\"img-src\":note.author.avatar_url,\"size\":24,\"tooltip-text\":_vm.getTooltipText(note),\"pseudo\":\"\",\"css-classes\":\"gl-bg-white\"},nativeOn:{\"click\":function($event){return _vm.$emit('toggleLineDiscussions')}}})}),_vm._v(\" \"),(_vm.moreText)?_c('span',{directives:[{name:\"gl-tooltip\",rawName:\"v-gl-tooltip\"}],staticClass:\"diff-comments-more-count js-diff-comment-avatar js-diff-comment-plus gl-flex gl-h-6 gl-min-w-6 gl-items-center gl-justify-center\",attrs:{\"title\":_vm.moreText,\"data-container\":\"body\",\"data-placement\":\"top\",\"role\":\"button\"},on:{\"click\":function($event){return _vm.$emit('toggleLineDiscussions')}}},[_vm._v(\"+\"+_vm._s(_vm.moreCount))]):_vm._e()]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_gutter_avatars.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_gutter_avatars.vue?vue&type=script&lang=js\"","\n\n\n \n \n \n \n
\n \n \n +{{ moreCount }} \n \n
\n\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_row.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_row.vue?vue&type=script&lang=js\"","\n\n\n\n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n - \n
\n \n \n
\n \n\n","import { mapParallel as CEMapParallel } from '~/diffs/components/diff_row_utils';\nimport { fileLineCodequality, fileLineSast } from './inline_findings_utils';\n\nexport const mapParallel =\n ({\n diffFile,\n codequalityData,\n sastData,\n hasParallelDraftLeft,\n hasParallelDraftRight,\n draftsForLine,\n }) =>\n (line) => {\n let { left, right } = line;\n\n if (left) {\n left = {\n ...left,\n codequality: fileLineCodequality(diffFile.file_path, left.new_line, codequalityData),\n sast: fileLineSast(diffFile.file_path, left.new_line, sastData),\n };\n }\n if (right) {\n right = {\n ...right,\n codequality: fileLineCodequality(diffFile.file_path, right.new_line, codequalityData),\n sast: fileLineSast(diffFile.file_path, right.new_line, sastData),\n };\n }\n\n return {\n ...CEMapParallel({ diffFile, hasParallelDraftLeft, hasParallelDraftRight, draftsForLine })({\n ...line,\n left,\n right,\n }),\n };\n };\n","import { render, staticRenderFns } from \"./diff_content.vue?vue&type=template&id=367efc53\"\nimport script from \"./diff_content.vue?vue&type=script&lang=js\"\nexport * from \"./diff_content.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"diff-content\"},[_c('div',{staticClass:\"diff-viewer\"},[(_vm.isTextFile)?[_c('diff-view',{attrs:{\"diff-file\":_vm.diffFile,\"codequality-data\":_vm.codequalityData,\"sast-data\":_vm.sastData,\"diff-lines\":_vm.mappedLines,\"help-page-path\":_vm.helpPagePath,\"inline\":_vm.isInlineView,\"autosave-key\":_vm.autosaveKey}}),_vm._v(\" \"),(_vm.diffFile.renderingLines)?_c('gl-loading-icon',{staticClass:\"mt-3\",attrs:{\"size\":\"lg\"}}):_vm._e()]:(_vm.isWhitespaceOnly)?_c('div',{staticClass:\"gl-flex gl-h-13 gl-items-center gl-justify-center gl-bg-subtle\",attrs:{\"data-testid\":\"diff-whitespace-only-state\"}},[_vm._v(\"\\n \"+_vm._s(_vm.__('Contains only whitespace changes.'))+\"\\n \"),_c('gl-button',{staticClass:\"gl-ml-3\",attrs:{\"category\":\"tertiary\",\"variant\":\"confirm\",\"size\":\"small\",\"data-testid\":\"diff-load-file-button\"},on:{\"click\":function($event){return _vm.$emit('load-file', { w: '0' })}}},[_vm._v(\"\\n \"+_vm._s(_vm.__('Show changes'))+\"\\n \")])],1):(_vm.notDiffable)?_c('not-diffable-viewer'):(_vm.noPreview)?_c('no-preview-viewer'):_c('diff-viewer',{attrs:{\"diff-file\":_vm.diffFile,\"diff-mode\":_vm.diffMode,\"diff-viewer-mode\":_vm.diffViewerMode,\"new-path\":_vm.diffFile.new_path,\"new-sha\":_vm.diffFile.diff_refs.head_sha,\"new-size\":_vm.diffFile.new_size,\"old-path\":_vm.diffFile.old_path,\"old-sha\":_vm.diffFile.diff_refs.base_sha,\"old-size\":_vm.diffFile.old_size,\"file-hash\":_vm.diffFileHash,\"project-path\":_vm.projectPath,\"a-mode\":_vm.diffFile.a_mode,\"b-mode\":_vm.diffFile.b_mode},scopedSlots:_vm._u([{key:\"image-overlay\",fn:function({ renderedWidth, renderedHeight }){return [(renderedWidth)?_c('image-diff-overlay',{attrs:{\"rendered-width\":renderedWidth,\"rendered-height\":renderedHeight,\"discussions\":_vm.imageDiscussions,\"file-hash\":_vm.diffFileHash,\"can-comment\":_vm.getNoteableData.current_user.can_create_note && !_vm.diffFile.brokenSymlink}}):_vm._e()]}}])},[_vm._v(\" \"),(_vm.showNotesContainer)?_c('div',{staticClass:\"note-container\"},[(_vm.imageDiscussions.length)?_c('diff-discussions',{staticClass:\"diff-file-discussions\",attrs:{\"discussions\":_vm.imageDiscussions,\"should-collapse-discussions\":\"\",\"render-avatar-badge\":\"\"}}):_vm._e(),_vm._v(\" \"),_c('diff-file-drafts',{staticClass:\"diff-file-discussions\",attrs:{\"file-hash\":_vm.diffFileHash,\"position-type\":_vm.$options.IMAGE_DIFF_POSITION_TYPE,\"autosave-key\":_vm.autosaveKey}}),_vm._v(\" \"),(_vm.diffFileCommentForm)?_c('note-form',{ref:\"noteForm\",staticClass:\"diff-comment-form new-note discussion-form discussion-form-container\",attrs:{\"save-button-title\":_vm.__('Comment')},on:{\"handleFormUpdateAddToReview\":_vm.addToReview,\"handleFormUpdate\":_vm.handleSaveNote,\"cancelForm\":function($event){return _vm.closeDiffFileCommentForm(_vm.diffFileHash)}}}):_vm._e()],1):_vm._e()])],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_file_discussion_expansion.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_file_discussion_expansion.vue?vue&type=script&lang=js\"","\n\n\n \n \n \n {{ __('Contains only whitespace changes.') }}\n \n {{ __('Show changes') }}\n \n
\n \n
\n \n \n \n \n \n \n \n
\n\n","import { render, staticRenderFns } from \"./diff_file_discussion_expansion.vue?vue&type=template&id=1a8618c1\"\nimport script from \"./diff_file_discussion_expansion.vue?vue&type=script&lang=js\"\nexport * from \"./diff_file_discussion_expansion.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"gl-border-b gl-flex gl-items-center gl-bg-subtle gl-px-5 gl-py-3\"},[_c('gl-avatars-inline',{attrs:{\"avatars\":_vm.avatars,\"avatar-size\":24,\"max-visible\":5,\"badge-sr-only-text\":\"\"},scopedSlots:_vm._u([{key:\"avatar\",fn:function({ avatar }){return [_c('gl-avatar-link',{staticClass:\"js-user-link\",attrs:{\"target\":\"_blank\",\"href\":avatar.path,\"data-user-id\":avatar.id,\"data-username\":avatar.username}},[_c('gl-avatar',{attrs:{\"size\":24,\"src\":avatar.avatar_url,\"alt\":avatar.name}})],1)]}}])}),_vm._v(\" \"),_c('div',{staticClass:\"gl-ml-3\"},[_c('gl-button',{staticClass:\"gl-align-baseline\",attrs:{\"variant\":\"link\",\"data-testid\":\"toggle-btn\"},on:{\"click\":function($event){return _vm.$emit('toggle')}}},[_vm._v(\"\\n \"+_vm._s(_vm.n__('%d comment', '%d comments', _vm.discussions.length))+\"\\n \")]),_vm._v(\" \"),_c('span',{staticClass:\"gl-text-subtle\"},[_c('gl-sprintf',{attrs:{\"message\":_vm.__('Last comment by %{author} %{timeago}')},scopedSlots:_vm._u([{key:\"author\",fn:function(){return [_c('gl-link',{staticClass:\"author-link js-user-link gl-text-default\",attrs:{\"href\":_vm.lastNote.author.path,\"data-user-id\":_vm.lastNote.author.id,\"data-username\":_vm.lastNote.author.username}},[_vm._v(\"\\n \"+_vm._s(_vm.lastNote.author.name)+\"\\n \")])]},proxy:true},{key:\"timeago\",fn:function(){return [_c('time-ago-tooltip',{attrs:{\"time\":_vm.lastNote.created_at,\"tooltip-placement\":\"bottom\"}})]},proxy:true}])})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_file.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./diff_file.vue?vue&type=script&lang=js\"","\n\n\n \n \n {{ n__('%d comment', '%d comments', discussions.length) }}\n \n \n \n \n \n {{ lastNote.author.name }}\n \n \n \n \n \n
\n \n
\n \n \n
\n \n
\n \n \n \n \n {{ shortSha }}\n \n \n
\n \n \n {{ $options.i18n.tooLarge }}\n
\n\n \n {{ $options.i18n.expand }}\n \n
\n \n {{ content }}\n \n \n
\n
\n \n \n\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./app.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./app.vue?vue&type=script&lang=js\"","export function sortFindingsByFile(newErrors = []) {\n const files = {};\n newErrors.forEach(({ line, description, severity, filePath, webUrl, engineName }) => {\n if (!files[filePath]) {\n files[filePath] = [];\n }\n files[filePath].push({\n line,\n description,\n severity: severity.toLowerCase(),\n filePath,\n webUrl,\n engineName,\n });\n });\n\n const sortedFiles = Object.keys(files)\n .sort()\n .reduce((acc, key) => {\n acc[key] = files[key];\n return acc;\n }, {});\n return { files: sortedFiles };\n}\n","import { render, staticRenderFns } from \"./app.vue?vue&type=template&id=345e8a04\"\nimport script from \"./app.vue?vue&type=script&lang=js\"\nexport * from \"./app.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.shouldShow),expression:\"shouldShow\"}]},[_c('findings-drawer',{attrs:{\"project\":_vm.activeProject,\"drawer\":_vm.activeDrawer},on:{\"close\":_vm.closeDrawer}}),_vm._v(\" \"),(_vm.isLoading || !_vm.isTreeLoaded)?_c('div',{staticClass:\"loading\"},[_c('gl-loading-icon',{attrs:{\"size\":\"lg\"}})],1):_c('div',{staticClass:\"diffs tab-pane\",class:{ active: _vm.shouldShow },attrs:{\"id\":\"diffs\"}},[_c('div',{staticClass:\"gl-flex gl-flex-wrap\"},[_c('compare-versions',{attrs:{\"toggle-file-tree-visible\":_vm.hasChanges}}),_vm._v(\" \"),_c('diff-app-controls',{staticClass:\"gl-ml-auto gl-px-5 gl-pb-2 gl-pt-3\",attrs:{\"has-changes\":_vm.hasChanges,\"diffs-count\":_vm.numTotalFiles,\"added-lines\":_vm.addedLines,\"removed-lines\":_vm.removedLines,\"show-whitespace\":_vm.showWhitespace,\"view-diffs-file-by-file\":_vm.viewDiffsFileByFile,\"diff-view-type\":_vm.diffViewType},on:{\"expandAllFiles\":_vm.expandAllFiles,\"collapseAllFiles\":_vm.collapseAllFiles,\"updateDiffViewType\":_vm.setDiffViewType,\"toggleWhitespace\":_vm.toggleWhitespace,\"toggleFileByFile\":_vm.toggleFileByFile}})],1),_vm._v(\" \"),(!_vm.isBatchLoadingError)?[(_vm.visibleWarning == _vm.$options.alerts.ALERT_COLLAPSED_FILES)?_c('collapsed-files-warning'):_vm._e()]:_vm._e(),_vm._v(\" \"),_c('div',{staticClass:\"files gl-mt-2 gl-flex\",attrs:{\"data-can-create-note\":_vm.getNoteableData.current_user.can_create_note}},[_c('diffs-file-tree',{attrs:{\"visible\":_vm.renderFileTree},on:{\"toggled\":_vm.fileTreeToggled,\"clickFile\":function($event){return _vm.goToFile({ path: $event.path })}}}),_vm._v(\" \"),_c('div',{staticClass:\"col-12 col-md-auto diff-files-holder\"},[(_vm.commit)?_c('commit-widget',{attrs:{\"commit\":_vm.commit,\"collapsible\":false}}):_vm._e(),_vm._v(\" \"),(_vm.isBatchLoadingError)?_c('gl-alert',{attrs:{\"variant\":\"danger\",\"dismissible\":false,\"primary-button-text\":_vm.__('Reload page')},on:{\"primaryAction\":_vm.reloadPage}},[_vm._v(\"\\n \"+_vm._s(_vm.__(\"Error: Couldn't load some or all of the changes.\"))+\"\\n \")]):_vm._e(),_vm._v(\" \"),(_vm.isBatchLoading && !_vm.isBatchLoadingError)?_c('div',{staticClass:\"loading\"},[_c('gl-loading-icon',{attrs:{\"size\":\"lg\"}})],1):(_vm.renderDiffFiles)?[(_vm.linkedFileStatus === 'loading')?_c('div',{staticClass:\"loading\"},[_c('gl-loading-icon',{attrs:{\"size\":\"lg\"}})],1):_vm._e(),_vm._v(\" \"),(_vm.visibleWarning == _vm.$options.alerts.ALERT_OVERFLOW_HIDDEN)?_c('hidden-files-warning',{attrs:{\"visible\":_vm.numVisibleFiles,\"total\":_vm.numTotalFiles,\"plain-diff-path\":_vm.plainDiffPath,\"email-patch-path\":_vm.emailPatchPath}}):_vm._e(),_vm._v(\" \"),(_vm.isVirtualScrollingEnabled)?_c('dynamic-scroller',{attrs:{\"items\":_vm.diffs,\"min-item-size\":70,\"buffer\":1000,\"use-transform\":false,\"page-mode\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ item, index, active }){return [(active)?_c('dynamic-scroller-item',{staticClass:\"gl-mb-5\",class:{ active },attrs:{\"item\":item,\"active\":active}},[_c('diff-file',{attrs:{\"file\":item,\"codequality-data\":_vm.codequalityData,\"sast-data\":_vm.sastData,\"reviewed\":_vm.fileReviews[item.id],\"is-first-file\":index === 0,\"is-last-file\":index === _vm.diffFilesLength - 1,\"help-page-path\":_vm.helpPagePath,\"can-current-user-fork\":_vm.canCurrentUserFork,\"view-diffs-file-by-file\":_vm.viewDiffsFileByFile,\"active\":active,\"is-diff-view-active\":_vm.isDiffViewActive(item)}})],1):_vm._e()]}},{key:\"before\",fn:function(){return [_c('virtual-scroller-scroll-sync',{model:{value:(_vm.virtualScrollCurrentIndex),callback:function ($$v) {_vm.virtualScrollCurrentIndex=$$v},expression:\"virtualScrollCurrentIndex\"}})]},proxy:true}],null,false,3028541424)}):_vm._l((_vm.diffs),function(file,index){return _c('diff-file',{key:file.new_path,staticClass:\"gl-mb-5\",attrs:{\"file\":file,\"codequality-data\":_vm.codequalityData,\"sast-data\":_vm.sastData,\"reviewed\":_vm.fileReviews[file.id],\"is-first-file\":index === 0,\"is-last-file\":index === _vm.diffFilesLength - 1,\"help-page-path\":_vm.helpPagePath,\"can-current-user-fork\":_vm.canCurrentUserFork,\"view-diffs-file-by-file\":_vm.viewDiffsFileByFile,\"is-diff-view-active\":_vm.currentDiffFileId === file.file_hash}})}),_vm._v(\" \"),(_vm.showFileByFileNavigation)?_c('div',{staticClass:\"gl-grid gl-text-center\",attrs:{\"data-testid\":\"file-by-file-navigation\"}},[_c('gl-pagination',{staticClass:\"gl-mx-auto\",attrs:{\"value\":_vm.currentFileNumber,\"prev-page\":_vm.previousFileNumber,\"next-page\":_vm.nextFileNumber},on:{\"input\":_vm.navigateToDiffFileNumber}}),_vm._v(\" \"),_c('gl-sprintf',{attrs:{\"message\":_vm.__('File %{current} of %{total}')},scopedSlots:_vm._u([{key:\"current\",fn:function(){return [_vm._v(_vm._s(_vm.currentFileNumber))]},proxy:true},{key:\"total\",fn:function(){return [_vm._v(_vm._s(_vm.flatBlobsList.length))]},proxy:true}],null,false,2220002481)})],1):(_vm.retrievingBatches)?_c('gl-loading-icon',{attrs:{\"size\":\"lg\"}}):_vm._e()]:(!_vm.isBatchLoadingError)?_c('no-changes',{attrs:{\"changes-empty-state-illustration\":_vm.changesEmptyStateIllustration}}):_vm._e()],2)],1)],2)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import Vue from 'vue';\nimport VueApollo from 'vue-apollo';\n// eslint-disable-next-line no-restricted-imports\nimport { mapActions, mapState, mapGetters } from 'vuex';\nimport { cleanLeadingSeparator } from '~/lib/utils/url_utility';\nimport { apolloProvider } from '~/graphql_shared/issuable_client';\nimport { getCookie, parseBoolean, removeCookie } from '~/lib/utils/common_utils';\nimport notesStore from '~/mr_notes/stores';\nimport { pinia as piniaStore } from '~/pinia/instance';\n\nimport eventHub from '../notes/event_hub';\nimport DiffsApp from './components/app.vue';\n\nimport { TREE_LIST_STORAGE_KEY, DIFF_WHITESPACE_COOKIE_NAME } from './constants';\n\nexport default function initDiffsApp(store = notesStore, pinia = piniaStore) {\n const el = document.getElementById('js-diffs-app');\n const { dataset } = el;\n\n Vue.use(VueApollo);\n const { newCommentTemplatePaths } = dataset;\n\n const vm = new Vue({\n el,\n name: 'MergeRequestDiffs',\n components: {\n DiffsApp,\n },\n pinia,\n store,\n apolloProvider,\n provide: {\n newCommentTemplatePaths: newCommentTemplatePaths ? JSON.parse(newCommentTemplatePaths) : [],\n },\n data() {\n return {\n projectPath: dataset.projectPath || '',\n iid: dataset.iid || '',\n endpointCoverage: dataset.endpointCoverage || '',\n codequalityReportAvailable: parseBoolean(dataset.codequalityReportAvailable),\n sastReportAvailable: parseBoolean(dataset.sastReportAvailable),\n helpPagePath: dataset.helpPagePath,\n currentUser: JSON.parse(dataset.currentUserData) || {},\n changesEmptyStateIllustration: dataset.changesEmptyStateIllustration,\n dismissEndpoint: dataset.dismissEndpoint,\n showWhitespaceDefault: parseBoolean(dataset.showWhitespaceDefault),\n };\n },\n computed: {\n ...mapState({\n activeTab: (state) => state.page.activeTab,\n }),\n },\n created() {\n const treeListStored = localStorage.getItem(TREE_LIST_STORAGE_KEY);\n const renderTreeList = treeListStored !== null ? parseBoolean(treeListStored) : true;\n\n this.setRenderTreeList({ renderTreeList, trackClick: false });\n\n // NOTE: A \"true\" or \"checked\" value for `showWhitespace` is '0' not '1'.\n // Check for cookie and save that setting for future use.\n // Then delete the cookie as we are phasing it out and using the database as SSOT.\n // NOTE: This can/should be removed later\n if (getCookie(DIFF_WHITESPACE_COOKIE_NAME)) {\n const hideWhitespace = getCookie(DIFF_WHITESPACE_COOKIE_NAME);\n this.setShowWhitespace({\n url: this.endpointUpdateUser,\n showWhitespace: hideWhitespace !== '1',\n trackClick: false,\n });\n removeCookie(DIFF_WHITESPACE_COOKIE_NAME);\n } else {\n // This is only to set the the user preference in Vuex for use later\n this.setShowWhitespace({\n showWhitespace: this.showWhitespaceDefault,\n updateDatabase: false,\n trackClick: false,\n });\n }\n },\n methods: {\n ...mapActions('diffs', ['setRenderTreeList', 'setShowWhitespace']),\n },\n render(createElement) {\n return createElement('diffs-app', {\n props: {\n projectPath: cleanLeadingSeparator(this.projectPath),\n iid: this.iid,\n endpointCoverage: this.endpointCoverage,\n endpointCodequality: this.endpointCodequality,\n codequalityReportAvailable: this.codequalityReportAvailable,\n sastReportAvailable: this.sastReportAvailable,\n currentUser: this.currentUser,\n helpPagePath: this.helpPagePath,\n shouldShow: this.activeTab === 'diffs',\n changesEmptyStateIllustration: this.changesEmptyStateIllustration,\n linkedFileUrl: dataset.linkedFileUrl,\n },\n });\n },\n });\n\n const fileFinderEl = document.getElementById('js-diff-file-finder');\n\n if (fileFinderEl) {\n // eslint-disable-next-line no-new\n new Vue({\n el: fileFinderEl,\n store,\n components: {\n FindFile: () => import('~/vue_shared/components/file_finder/index.vue'),\n },\n computed: {\n ...mapState('diffs', ['fileFinderVisible', 'isLoading']),\n ...mapGetters('diffs', ['flatBlobsList']),\n },\n watch: {\n fileFinderVisible(newVal, oldVal) {\n if (newVal && !oldVal && !this.flatBlobsList.length) {\n eventHub.$emit('fetchDiffData');\n }\n },\n },\n methods: {\n ...mapActions('diffs', ['toggleFileFinder', 'scrollToFile']),\n openFile(file) {\n window.mrTabs.tabShown('diffs');\n this.scrollToFile({ path: file.path });\n },\n },\n render(createElement) {\n return createElement('find-file', {\n props: {\n files: this.flatBlobsList,\n visible: this.fileFinderVisible,\n loading: this.isLoading,\n showDiffStats: true,\n clearSearchOnClose: false,\n },\n on: {\n toggle: this.toggleFileFinder,\n click: this.openFile,\n },\n class: ['diff-file-finder'],\n });\n },\n });\n }\n\n return vm;\n}\n","'use strict';\n\nconst path = require('path');\nconst win32 = process.platform === 'win32';\nconst {\n REGEX_BACKSLASH,\n REGEX_REMOVE_BACKSLASH,\n REGEX_SPECIAL_CHARS,\n REGEX_SPECIAL_CHARS_GLOBAL\n} = require('./constants');\n\nexports.isObject = val => val !== null && typeof val === 'object' && !Array.isArray(val);\nexports.hasRegexChars = str => REGEX_SPECIAL_CHARS.test(str);\nexports.isRegexChar = str => str.length === 1 && exports.hasRegexChars(str);\nexports.escapeRegex = str => str.replace(REGEX_SPECIAL_CHARS_GLOBAL, '\\\\$1');\nexports.toPosixSlashes = str => str.replace(REGEX_BACKSLASH, '/');\n\nexports.removeBackslashes = str => {\n return str.replace(REGEX_REMOVE_BACKSLASH, match => {\n return match === '\\\\' ? '' : match;\n });\n};\n\nexports.supportsLookbehinds = () => {\n const segs = process.version.slice(1).split('.').map(Number);\n if (segs.length === 3 && segs[0] >= 9 || (segs[0] === 8 && segs[1] >= 10)) {\n return true;\n }\n return false;\n};\n\nexports.isWindows = options => {\n if (options && typeof options.windows === 'boolean') {\n return options.windows;\n }\n return win32 === true || path.sep === '\\\\';\n};\n\nexports.escapeLast = (input, char, lastIdx) => {\n const idx = input.lastIndexOf(char, lastIdx);\n if (idx === -1) return input;\n if (input[idx - 1] === '\\\\') return exports.escapeLast(input, char, idx - 1);\n return `${input.slice(0, idx)}\\\\${input.slice(idx)}`;\n};\n\nexports.removePrefix = (input, state = {}) => {\n let output = input;\n if (output.startsWith('./')) {\n output = output.slice(2);\n state.prefix = './';\n }\n return output;\n};\n\nexports.wrapOutput = (input, state = {}, options = {}) => {\n const prepend = options.contains ? '' : '^';\n const append = options.contains ? '' : '$';\n\n let output = `${prepend}(?:${input})${append}`;\n if (state.negated === true) {\n output = `(?:^(?!${output}).*$)`;\n }\n return output;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('gl-badge',{attrs:{\"variant\":\"muted\"}},[_vm._t(\"default\")],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./user_access_role_badge.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./user_access_role_badge.vue?vue&type=script&lang=js\"","\n\n\n \n \n
\n \n
\n\n \n \n \n {{ __(\"Error: Couldn't load some or all of the changes.\") }}\n \n \n \n \n \n \n \n \n {{ currentFileNumber }}\n {{ flatBlobsList.length }}\n \n
\n \n
\n \n \n
\n \n \n \n \n {{ line.lineNumber }}\n \n
\n\n \n
\n\n","import { render, staticRenderFns } from \"./download_viewer.vue?vue&type=template&id=535df327\"\nimport script from \"./download_viewer.vue?vue&type=script&lang=js\"\nexport * from \"./download_viewer.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","\n/*\n *\n * More info at [www.dropzonejs.com](http://www.dropzonejs.com)\n *\n * Copyright (c) 2012, Matias Meno\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *\n */\n\n(function() {\n var Dropzone, Emitter, camelize, contentLoaded, detectVerticalSquash, drawImageIOSFix, noop, without,\n __slice = [].slice,\n __hasProp = {}.hasOwnProperty,\n __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };\n\n noop = function() {};\n\n Emitter = (function() {\n function Emitter() {}\n\n Emitter.prototype.addEventListener = Emitter.prototype.on;\n\n Emitter.prototype.on = function(event, fn) {\n this._callbacks = this._callbacks || {};\n if (!this._callbacks[event]) {\n this._callbacks[event] = [];\n }\n this._callbacks[event].push(fn);\n return this;\n };\n\n Emitter.prototype.emit = function() {\n var args, callback, callbacks, event, _i, _len;\n event = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];\n this._callbacks = this._callbacks || {};\n callbacks = this._callbacks[event];\n if (callbacks) {\n for (_i = 0, _len = callbacks.length; _i < _len; _i++) {\n callback = callbacks[_i];\n callback.apply(this, args);\n }\n }\n return this;\n };\n\n Emitter.prototype.removeListener = Emitter.prototype.off;\n\n Emitter.prototype.removeAllListeners = Emitter.prototype.off;\n\n Emitter.prototype.removeEventListener = Emitter.prototype.off;\n\n Emitter.prototype.off = function(event, fn) {\n var callback, callbacks, i, _i, _len;\n if (!this._callbacks || arguments.length === 0) {\n this._callbacks = {};\n return this;\n }\n callbacks = this._callbacks[event];\n if (!callbacks) {\n return this;\n }\n if (arguments.length === 1) {\n delete this._callbacks[event];\n return this;\n }\n for (i = _i = 0, _len = callbacks.length; _i < _len; i = ++_i) {\n callback = callbacks[i];\n if (callback === fn) {\n callbacks.splice(i, 1);\n break;\n }\n }\n return this;\n };\n\n return Emitter;\n\n })();\n\n Dropzone = (function(_super) {\n var extend, resolveOption;\n\n __extends(Dropzone, _super);\n\n Dropzone.prototype.Emitter = Emitter;\n\n\n /*\n This is a list of all available events you can register on a dropzone object.\n \n You can register an event handler like this:\n \n dropzone.on(\"dragEnter\", function() { });\n */\n\n Dropzone.prototype.events = [\"drop\", \"dragstart\", \"dragend\", \"dragenter\", \"dragover\", \"dragleave\", \"addedfile\", \"addedfiles\", \"removedfile\", \"thumbnail\", \"error\", \"errormultiple\", \"processing\", \"processingmultiple\", \"uploadprogress\", \"totaluploadprogress\", \"sending\", \"sendingmultiple\", \"success\", \"successmultiple\", \"canceled\", \"canceledmultiple\", \"complete\", \"completemultiple\", \"reset\", \"maxfilesexceeded\", \"maxfilesreached\", \"queuecomplete\"];\n\n Dropzone.prototype.defaultOptions = {\n url: null,\n method: \"post\",\n withCredentials: false,\n parallelUploads: 2,\n uploadMultiple: false,\n maxFilesize: 256,\n paramName: \"file\",\n createImageThumbnails: true,\n maxThumbnailFilesize: 10,\n thumbnailWidth: 120,\n thumbnailHeight: 120,\n filesizeBase: 1000,\n maxFiles: null,\n params: {},\n clickable: true,\n ignoreHiddenFiles: true,\n acceptedFiles: null,\n acceptedMimeTypes: null,\n autoProcessQueue: true,\n autoQueue: true,\n addRemoveLinks: false,\n previewsContainer: null,\n hiddenInputContainer: \"body\",\n capture: null,\n dictDefaultMessage: \"Drop files here to upload\",\n dictFallbackMessage: \"Your browser does not support drag'n'drop file uploads.\",\n dictFallbackText: \"Please use the fallback form below to upload your files like in the olden days.\",\n dictFileTooBig: \"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.\",\n dictInvalidFileType: \"You can't upload files of this type.\",\n dictResponseError: \"Server responded with {{statusCode}} code.\",\n dictCancelUpload: \"Cancel upload\",\n dictCancelUploadConfirmation: \"Are you sure you want to cancel this upload?\",\n dictRemoveFile: \"Remove file\",\n dictRemoveFileConfirmation: null,\n dictMaxFilesExceeded: \"You can not upload any more files.\",\n accept: function(file, done) {\n return done();\n },\n init: function() {\n return noop;\n },\n forceFallback: false,\n fallback: function() {\n var child, messageElement, span, _i, _len, _ref;\n this.element.className = \"\" + this.element.className + \" dz-browser-not-supported\";\n _ref = this.element.getElementsByTagName(\"div\");\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n child = _ref[_i];\n if (/(^| )dz-message($| )/.test(child.className)) {\n messageElement = child;\n child.className = \"dz-message\";\n continue;\n }\n }\n if (!messageElement) {\n messageElement = Dropzone.createElement(\"\");\n this.element.appendChild(messageElement);\n }\n span = messageElement.getElementsByTagName(\"span\")[0];\n if (span) {\n if (span.textContent != null) {\n span.textContent = this.options.dictFallbackMessage;\n } else if (span.innerText != null) {\n span.innerText = this.options.dictFallbackMessage;\n }\n }\n return this.element.appendChild(this.getFallbackForm());\n },\n resize: function(file) {\n var info, srcRatio, trgRatio;\n info = {\n srcX: 0,\n srcY: 0,\n srcWidth: file.width,\n srcHeight: file.height\n };\n srcRatio = file.width / file.height;\n info.optWidth = this.options.thumbnailWidth;\n info.optHeight = this.options.thumbnailHeight;\n if ((info.optWidth == null) && (info.optHeight == null)) {\n info.optWidth = info.srcWidth;\n info.optHeight = info.srcHeight;\n } else if (info.optWidth == null) {\n info.optWidth = srcRatio * info.optHeight;\n } else if (info.optHeight == null) {\n info.optHeight = (1 / srcRatio) * info.optWidth;\n }\n trgRatio = info.optWidth / info.optHeight;\n if (file.height < info.optHeight || file.width < info.optWidth) {\n info.trgHeight = info.srcHeight;\n info.trgWidth = info.srcWidth;\n } else {\n if (srcRatio > trgRatio) {\n info.srcHeight = file.height;\n info.srcWidth = info.srcHeight * trgRatio;\n } else {\n info.srcWidth = file.width;\n info.srcHeight = info.srcWidth / trgRatio;\n }\n }\n info.srcX = (file.width - info.srcWidth) / 2;\n info.srcY = (file.height - info.srcHeight) / 2;\n return info;\n },\n\n /*\n Those functions register themselves to the events on init and handle all\n the user interface specific stuff. Overwriting them won't break the upload\n but can break the way it's displayed.\n You can overwrite them if you don't like the default behavior. If you just\n want to add an additional event handler, register it on the dropzone object\n and don't overwrite those options.\n */\n drop: function(e) {\n return this.element.classList.remove(\"dz-drag-hover\");\n },\n dragstart: noop,\n dragend: function(e) {\n return this.element.classList.remove(\"dz-drag-hover\");\n },\n dragenter: function(e) {\n return this.element.classList.add(\"dz-drag-hover\");\n },\n dragover: function(e) {\n return this.element.classList.add(\"dz-drag-hover\");\n },\n dragleave: function(e) {\n return this.element.classList.remove(\"dz-drag-hover\");\n },\n paste: noop,\n reset: function() {\n return this.element.classList.remove(\"dz-started\");\n },\n addedfile: function(file) {\n var node, removeFileEvent, removeLink, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _results;\n if (this.element === this.previewsContainer) {\n this.element.classList.add(\"dz-started\");\n }\n if (this.previewsContainer) {\n file.previewElement = Dropzone.createElement(this.options.previewTemplate.trim());\n file.previewTemplate = file.previewElement;\n this.previewsContainer.appendChild(file.previewElement);\n _ref = file.previewElement.querySelectorAll(\"[data-dz-name]\");\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n node = _ref[_i];\n node.textContent = file.name;\n }\n _ref1 = file.previewElement.querySelectorAll(\"[data-dz-size]\");\n for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {\n node = _ref1[_j];\n node.innerHTML = this.filesize(file.size);\n }\n if (this.options.addRemoveLinks) {\n file._removeLink = Dropzone.createElement(\"\" + this.options.dictRemoveFile + \"\");\n file.previewElement.appendChild(file._removeLink);\n }\n removeFileEvent = (function(_this) {\n return function(e) {\n e.preventDefault();\n e.stopPropagation();\n if (file.status === Dropzone.UPLOADING) {\n return Dropzone.confirm(_this.options.dictCancelUploadConfirmation, function() {\n return _this.removeFile(file);\n });\n } else {\n if (_this.options.dictRemoveFileConfirmation) {\n return Dropzone.confirm(_this.options.dictRemoveFileConfirmation, function() {\n return _this.removeFile(file);\n });\n } else {\n return _this.removeFile(file);\n }\n }\n };\n })(this);\n _ref2 = file.previewElement.querySelectorAll(\"[data-dz-remove]\");\n _results = [];\n for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {\n removeLink = _ref2[_k];\n _results.push(removeLink.addEventListener(\"click\", removeFileEvent));\n }\n return _results;\n }\n },\n removedfile: function(file) {\n var _ref;\n if (file.previewElement) {\n if ((_ref = file.previewElement) != null) {\n _ref.parentNode.removeChild(file.previewElement);\n }\n }\n return this._updateMaxFilesReachedClass();\n },\n thumbnail: function(file, dataUrl) {\n var thumbnailElement, _i, _len, _ref;\n if (file.previewElement) {\n file.previewElement.classList.remove(\"dz-file-preview\");\n _ref = file.previewElement.querySelectorAll(\"[data-dz-thumbnail]\");\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n thumbnailElement = _ref[_i];\n thumbnailElement.alt = file.name;\n thumbnailElement.src = dataUrl;\n }\n return setTimeout(((function(_this) {\n return function() {\n return file.previewElement.classList.add(\"dz-image-preview\");\n };\n })(this)), 1);\n }\n },\n error: function(file, message) {\n var node, _i, _len, _ref, _results;\n if (file.previewElement) {\n file.previewElement.classList.add(\"dz-error\");\n if (typeof message !== \"String\" && message.error) {\n message = message.error;\n }\n _ref = file.previewElement.querySelectorAll(\"[data-dz-errormessage]\");\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n node = _ref[_i];\n _results.push(node.textContent = message);\n }\n return _results;\n }\n },\n errormultiple: noop,\n processing: function(file) {\n if (file.previewElement) {\n file.previewElement.classList.add(\"dz-processing\");\n if (file._removeLink) {\n return file._removeLink.textContent = this.options.dictCancelUpload;\n }\n }\n },\n processingmultiple: noop,\n uploadprogress: function(file, progress, bytesSent) {\n var node, _i, _len, _ref, _results;\n if (file.previewElement) {\n _ref = file.previewElement.querySelectorAll(\"[data-dz-uploadprogress]\");\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n node = _ref[_i];\n if (node.nodeName === 'PROGRESS') {\n _results.push(node.value = progress);\n } else {\n _results.push(node.style.width = \"\" + progress + \"%\");\n }\n }\n return _results;\n }\n },\n totaluploadprogress: noop,\n sending: noop,\n sendingmultiple: noop,\n success: function(file) {\n if (file.previewElement) {\n return file.previewElement.classList.add(\"dz-success\");\n }\n },\n successmultiple: noop,\n canceled: function(file) {\n return this.emit(\"error\", file, \"Upload canceled.\");\n },\n canceledmultiple: noop,\n complete: function(file) {\n if (file._removeLink) {\n file._removeLink.textContent = this.options.dictRemoveFile;\n }\n if (file.previewElement) {\n return file.previewElement.classList.add(\"dz-complete\");\n }\n },\n completemultiple: noop,\n maxfilesexceeded: noop,\n maxfilesreached: noop,\n queuecomplete: noop,\n addedfiles: noop,\n previewTemplate: \"\n
\n \n {{ fileName }}\n 0\"> ({{ fileSizeReadable }}) \n
\n \n\\n ![]()
\\n
\"\n };\n\n extend = function() {\n var key, object, objects, target, val, _i, _len;\n target = arguments[0], objects = 2 <= arguments.length ? __slice.call(arguments, 1) : [];\n for (_i = 0, _len = objects.length; _i < _len; _i++) {\n object = objects[_i];\n for (key in object) {\n val = object[key];\n target[key] = val;\n }\n }\n return target;\n };\n\n function Dropzone(element, options) {\n var elementOptions, fallback, _ref;\n this.element = element;\n this.version = Dropzone.version;\n this.defaultOptions.previewTemplate = this.defaultOptions.previewTemplate.replace(/\\n*/g, \"\");\n this.clickableElements = [];\n this.listeners = [];\n this.files = [];\n if (typeof this.element === \"string\") {\n this.element = document.querySelector(this.element);\n }\n if (!(this.element && (this.element.nodeType != null))) {\n throw new Error(\"Invalid dropzone element.\");\n }\n if (this.element.dropzone) {\n throw new Error(\"Dropzone already attached.\");\n }\n Dropzone.instances.push(this);\n this.element.dropzone = this;\n elementOptions = (_ref = Dropzone.optionsForElement(this.element)) != null ? _ref : {};\n this.options = extend({}, this.defaultOptions, elementOptions, options != null ? options : {});\n if (this.options.forceFallback || !Dropzone.isBrowserSupported()) {\n return this.options.fallback.call(this);\n }\n if (this.options.url == null) {\n this.options.url = this.element.getAttribute(\"action\");\n }\n if (!this.options.url) {\n throw new Error(\"No URL provided.\");\n }\n if (this.options.acceptedFiles && this.options.acceptedMimeTypes) {\n throw new Error(\"You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.\");\n }\n if (this.options.acceptedMimeTypes) {\n this.options.acceptedFiles = this.options.acceptedMimeTypes;\n delete this.options.acceptedMimeTypes;\n }\n this.options.method = this.options.method.toUpperCase();\n if ((fallback = this.getExistingFallback()) && fallback.parentNode) {\n fallback.parentNode.removeChild(fallback);\n }\n if (this.options.previewsContainer !== false) {\n if (this.options.previewsContainer) {\n this.previewsContainer = Dropzone.getElement(this.options.previewsContainer, \"previewsContainer\");\n } else {\n this.previewsContainer = this.element;\n }\n }\n if (this.options.clickable) {\n if (this.options.clickable === true) {\n this.clickableElements = [this.element];\n } else {\n this.clickableElements = Dropzone.getElements(this.options.clickable, \"clickable\");\n }\n }\n this.init();\n }\n\n Dropzone.prototype.getAcceptedFiles = function() {\n var file, _i, _len, _ref, _results;\n _ref = this.files;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n if (file.accepted) {\n _results.push(file);\n }\n }\n return _results;\n };\n\n Dropzone.prototype.getRejectedFiles = function() {\n var file, _i, _len, _ref, _results;\n _ref = this.files;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n if (!file.accepted) {\n _results.push(file);\n }\n }\n return _results;\n };\n\n Dropzone.prototype.getFilesWithStatus = function(status) {\n var file, _i, _len, _ref, _results;\n _ref = this.files;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n if (file.status === status) {\n _results.push(file);\n }\n }\n return _results;\n };\n\n Dropzone.prototype.getQueuedFiles = function() {\n return this.getFilesWithStatus(Dropzone.QUEUED);\n };\n\n Dropzone.prototype.getUploadingFiles = function() {\n return this.getFilesWithStatus(Dropzone.UPLOADING);\n };\n\n Dropzone.prototype.getAddedFiles = function() {\n return this.getFilesWithStatus(Dropzone.ADDED);\n };\n\n Dropzone.prototype.getActiveFiles = function() {\n var file, _i, _len, _ref, _results;\n _ref = this.files;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n if (file.status === Dropzone.UPLOADING || file.status === Dropzone.QUEUED) {\n _results.push(file);\n }\n }\n return _results;\n };\n\n Dropzone.prototype.init = function() {\n var eventName, noPropagation, setupHiddenFileInput, _i, _len, _ref, _ref1;\n if (this.element.tagName === \"form\") {\n this.element.setAttribute(\"enctype\", \"multipart/form-data\");\n }\n if (this.element.classList.contains(\"dropzone\") && !this.element.querySelector(\".dz-message\")) {\n this.element.appendChild(Dropzone.createElement(\"\\n
\\n \\n
\\n
\\n \\n
\\n \\n
\\n \\n \\n
\\n\" + this.options.dictDefaultMessage + \"
\"));\n }\n if (this.clickableElements.length) {\n setupHiddenFileInput = (function(_this) {\n return function() {\n if (_this.hiddenFileInput) {\n _this.hiddenFileInput.parentNode.removeChild(_this.hiddenFileInput);\n }\n _this.hiddenFileInput = document.createElement(\"input\");\n _this.hiddenFileInput.setAttribute(\"type\", \"file\");\n if ((_this.options.maxFiles == null) || _this.options.maxFiles > 1) {\n _this.hiddenFileInput.setAttribute(\"multiple\", \"multiple\");\n }\n _this.hiddenFileInput.className = \"dz-hidden-input\";\n if (_this.options.acceptedFiles != null) {\n _this.hiddenFileInput.setAttribute(\"accept\", _this.options.acceptedFiles);\n }\n if (_this.options.capture != null) {\n _this.hiddenFileInput.setAttribute(\"capture\", _this.options.capture);\n }\n _this.hiddenFileInput.style.visibility = \"hidden\";\n _this.hiddenFileInput.style.position = \"absolute\";\n _this.hiddenFileInput.style.top = \"0\";\n _this.hiddenFileInput.style.left = \"0\";\n _this.hiddenFileInput.style.height = \"0\";\n _this.hiddenFileInput.style.width = \"0\";\n document.querySelector(_this.options.hiddenInputContainer).appendChild(_this.hiddenFileInput);\n return _this.hiddenFileInput.addEventListener(\"change\", function() {\n var file, files, _i, _len;\n files = _this.hiddenFileInput.files;\n if (files.length) {\n for (_i = 0, _len = files.length; _i < _len; _i++) {\n file = files[_i];\n _this.addFile(file);\n }\n }\n _this.emit(\"addedfiles\", files);\n return setupHiddenFileInput();\n });\n };\n })(this);\n setupHiddenFileInput();\n }\n this.URL = (_ref = window.URL) != null ? _ref : window.webkitURL;\n _ref1 = this.events;\n for (_i = 0, _len = _ref1.length; _i < _len; _i++) {\n eventName = _ref1[_i];\n this.on(eventName, this.options[eventName]);\n }\n this.on(\"uploadprogress\", (function(_this) {\n return function() {\n return _this.updateTotalUploadProgress();\n };\n })(this));\n this.on(\"removedfile\", (function(_this) {\n return function() {\n return _this.updateTotalUploadProgress();\n };\n })(this));\n this.on(\"canceled\", (function(_this) {\n return function(file) {\n return _this.emit(\"complete\", file);\n };\n })(this));\n this.on(\"complete\", (function(_this) {\n return function(file) {\n if (_this.getAddedFiles().length === 0 && _this.getUploadingFiles().length === 0 && _this.getQueuedFiles().length === 0) {\n return setTimeout((function() {\n return _this.emit(\"queuecomplete\");\n }), 0);\n }\n };\n })(this));\n noPropagation = function(e) {\n e.stopPropagation();\n if (e.preventDefault) {\n return e.preventDefault();\n } else {\n return e.returnValue = false;\n }\n };\n this.listeners = [\n {\n element: this.element,\n events: {\n \"dragstart\": (function(_this) {\n return function(e) {\n return _this.emit(\"dragstart\", e);\n };\n })(this),\n \"dragenter\": (function(_this) {\n return function(e) {\n noPropagation(e);\n return _this.emit(\"dragenter\", e);\n };\n })(this),\n \"dragover\": (function(_this) {\n return function(e) {\n var efct;\n try {\n efct = e.dataTransfer.effectAllowed;\n } catch (_error) {}\n e.dataTransfer.dropEffect = 'move' === efct || 'linkMove' === efct ? 'move' : 'copy';\n noPropagation(e);\n return _this.emit(\"dragover\", e);\n };\n })(this),\n \"dragleave\": (function(_this) {\n return function(e) {\n return _this.emit(\"dragleave\", e);\n };\n })(this),\n \"drop\": (function(_this) {\n return function(e) {\n noPropagation(e);\n return _this.drop(e);\n };\n })(this),\n \"dragend\": (function(_this) {\n return function(e) {\n return _this.emit(\"dragend\", e);\n };\n })(this)\n }\n }\n ];\n this.clickableElements.forEach((function(_this) {\n return function(clickableElement) {\n return _this.listeners.push({\n element: clickableElement,\n events: {\n \"click\": function(evt) {\n if ((clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(\".dz-message\")))) {\n _this.hiddenFileInput.click();\n }\n return true;\n }\n }\n });\n };\n })(this));\n this.enable();\n return this.options.init.call(this);\n };\n\n Dropzone.prototype.destroy = function() {\n var _ref;\n this.disable();\n this.removeAllFiles(true);\n if ((_ref = this.hiddenFileInput) != null ? _ref.parentNode : void 0) {\n this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput);\n this.hiddenFileInput = null;\n }\n delete this.element.dropzone;\n return Dropzone.instances.splice(Dropzone.instances.indexOf(this), 1);\n };\n\n Dropzone.prototype.updateTotalUploadProgress = function() {\n var activeFiles, file, totalBytes, totalBytesSent, totalUploadProgress, _i, _len, _ref;\n totalBytesSent = 0;\n totalBytes = 0;\n activeFiles = this.getActiveFiles();\n if (activeFiles.length) {\n _ref = this.getActiveFiles();\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n totalBytesSent += file.upload.bytesSent;\n totalBytes += file.upload.total;\n }\n totalUploadProgress = 100 * totalBytesSent / totalBytes;\n } else {\n totalUploadProgress = 100;\n }\n return this.emit(\"totaluploadprogress\", totalUploadProgress, totalBytes, totalBytesSent);\n };\n\n Dropzone.prototype._getParamName = function(n) {\n if (typeof this.options.paramName === \"function\") {\n return this.options.paramName(n);\n } else {\n return \"\" + this.options.paramName + (this.options.uploadMultiple ? \"[\" + n + \"]\" : \"\");\n }\n };\n\n Dropzone.prototype.getFallbackForm = function() {\n var existingFallback, fields, fieldsString, form;\n if (existingFallback = this.getExistingFallback()) {\n return existingFallback;\n }\n fieldsString = \"\";\n if (this.options.dictFallbackText) {\n fieldsString += \"
\";\n fields = Dropzone.createElement(fieldsString);\n if (this.element.tagName !== \"FORM\") {\n form = Dropzone.createElement(\"\");\n form.appendChild(fields);\n } else {\n this.element.setAttribute(\"enctype\", \"multipart/form-data\");\n this.element.setAttribute(\"method\", this.options.method);\n }\n return form != null ? form : fields;\n };\n\n Dropzone.prototype.getExistingFallback = function() {\n var fallback, getFallback, tagName, _i, _len, _ref;\n getFallback = function(elements) {\n var el, _i, _len;\n for (_i = 0, _len = elements.length; _i < _len; _i++) {\n el = elements[_i];\n if (/(^| )fallback($| )/.test(el.className)) {\n return el;\n }\n }\n };\n _ref = [\"div\", \"form\"];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n tagName = _ref[_i];\n if (fallback = getFallback(this.element.getElementsByTagName(tagName))) {\n return fallback;\n }\n }\n };\n\n Dropzone.prototype.setupEventListeners = function() {\n var elementListeners, event, listener, _i, _len, _ref, _results;\n _ref = this.listeners;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n elementListeners = _ref[_i];\n _results.push((function() {\n var _ref1, _results1;\n _ref1 = elementListeners.events;\n _results1 = [];\n for (event in _ref1) {\n listener = _ref1[event];\n _results1.push(elementListeners.element.addEventListener(event, listener, false));\n }\n return _results1;\n })());\n }\n return _results;\n };\n\n Dropzone.prototype.removeEventListeners = function() {\n var elementListeners, event, listener, _i, _len, _ref, _results;\n _ref = this.listeners;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n elementListeners = _ref[_i];\n _results.push((function() {\n var _ref1, _results1;\n _ref1 = elementListeners.events;\n _results1 = [];\n for (event in _ref1) {\n listener = _ref1[event];\n _results1.push(elementListeners.element.removeEventListener(event, listener, false));\n }\n return _results1;\n })());\n }\n return _results;\n };\n\n Dropzone.prototype.disable = function() {\n var file, _i, _len, _ref, _results;\n this.clickableElements.forEach(function(element) {\n return element.classList.remove(\"dz-clickable\");\n });\n this.removeEventListeners();\n _ref = this.files;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n _results.push(this.cancelUpload(file));\n }\n return _results;\n };\n\n Dropzone.prototype.enable = function() {\n this.clickableElements.forEach(function(element) {\n return element.classList.add(\"dz-clickable\");\n });\n return this.setupEventListeners();\n };\n\n Dropzone.prototype.filesize = function(size) {\n var cutoff, i, selectedSize, selectedUnit, unit, units, _i, _len;\n selectedSize = 0;\n selectedUnit = \"b\";\n if (size > 0) {\n units = ['TB', 'GB', 'MB', 'KB', 'b'];\n for (i = _i = 0, _len = units.length; _i < _len; i = ++_i) {\n unit = units[i];\n cutoff = Math.pow(this.options.filesizeBase, 4 - i) / 10;\n if (size >= cutoff) {\n selectedSize = size / Math.pow(this.options.filesizeBase, 4 - i);\n selectedUnit = unit;\n break;\n }\n }\n selectedSize = Math.round(10 * selectedSize) / 10;\n }\n return \"\" + selectedSize + \" \" + selectedUnit;\n };\n\n Dropzone.prototype._updateMaxFilesReachedClass = function() {\n if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {\n if (this.getAcceptedFiles().length === this.options.maxFiles) {\n this.emit('maxfilesreached', this.files);\n }\n return this.element.classList.add(\"dz-max-files-reached\");\n } else {\n return this.element.classList.remove(\"dz-max-files-reached\");\n }\n };\n\n Dropzone.prototype.drop = function(e) {\n var files, items;\n if (!e.dataTransfer) {\n return;\n }\n this.emit(\"drop\", e);\n files = e.dataTransfer.files;\n this.emit(\"addedfiles\", files);\n if (files.length) {\n items = e.dataTransfer.items;\n if (items && items.length && (items[0].webkitGetAsEntry != null)) {\n this._addFilesFromItems(items);\n } else {\n this.handleFiles(files);\n }\n }\n };\n\n Dropzone.prototype.paste = function(e) {\n var items, _ref;\n if ((e != null ? (_ref = e.clipboardData) != null ? _ref.items : void 0 : void 0) == null) {\n return;\n }\n this.emit(\"paste\", e);\n items = e.clipboardData.items;\n if (items.length) {\n return this._addFilesFromItems(items);\n }\n };\n\n Dropzone.prototype.handleFiles = function(files) {\n var file, _i, _len, _results;\n _results = [];\n for (_i = 0, _len = files.length; _i < _len; _i++) {\n file = files[_i];\n _results.push(this.addFile(file));\n }\n return _results;\n };\n\n Dropzone.prototype._addFilesFromItems = function(items) {\n var entry, item, _i, _len, _results;\n _results = [];\n for (_i = 0, _len = items.length; _i < _len; _i++) {\n item = items[_i];\n if ((item.webkitGetAsEntry != null) && (entry = item.webkitGetAsEntry())) {\n if (entry.isFile) {\n _results.push(this.addFile(item.getAsFile()));\n } else if (entry.isDirectory) {\n _results.push(this._addFilesFromDirectory(entry, entry.name));\n } else {\n _results.push(void 0);\n }\n } else if (item.getAsFile != null) {\n if ((item.kind == null) || item.kind === \"file\") {\n _results.push(this.addFile(item.getAsFile()));\n } else {\n _results.push(void 0);\n }\n } else {\n _results.push(void 0);\n }\n }\n return _results;\n };\n\n Dropzone.prototype._addFilesFromDirectory = function(directory, path) {\n var dirReader, entriesReader;\n dirReader = directory.createReader();\n entriesReader = (function(_this) {\n return function(entries) {\n var entry, _i, _len;\n for (_i = 0, _len = entries.length; _i < _len; _i++) {\n entry = entries[_i];\n if (entry.isFile) {\n entry.file(function(file) {\n if (_this.options.ignoreHiddenFiles && file.name.substring(0, 1) === '.') {\n return;\n }\n file.fullPath = \"\" + path + \"/\" + file.name;\n return _this.addFile(file);\n });\n } else if (entry.isDirectory) {\n _this._addFilesFromDirectory(entry, \"\" + path + \"/\" + entry.name);\n }\n }\n };\n })(this);\n return dirReader.readEntries(entriesReader, function(error) {\n return typeof console !== \"undefined\" && console !== null ? typeof console.log === \"function\" ? console.log(error) : void 0 : void 0;\n });\n };\n\n Dropzone.prototype.accept = function(file, done) {\n if (file.size > this.options.maxFilesize * 1024 * 1024) {\n return done(this.options.dictFileTooBig.replace(\"{{filesize}}\", Math.round(file.size / 1024 / 10.24) / 100).replace(\"{{maxFilesize}}\", this.options.maxFilesize));\n } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) {\n return done(this.options.dictInvalidFileType);\n } else if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {\n done(this.options.dictMaxFilesExceeded.replace(\"{{maxFiles}}\", this.options.maxFiles));\n return this.emit(\"maxfilesexceeded\", file);\n } else {\n return this.options.accept.call(this, file, done);\n }\n };\n\n Dropzone.prototype.addFile = function(file) {\n file.upload = {\n progress: 0,\n total: file.size,\n bytesSent: 0\n };\n this.files.push(file);\n file.status = Dropzone.ADDED;\n this.emit(\"addedfile\", file);\n this._enqueueThumbnail(file);\n return this.accept(file, (function(_this) {\n return function(error) {\n if (error) {\n file.accepted = false;\n _this._errorProcessing([file], error);\n } else {\n file.accepted = true;\n if (_this.options.autoQueue) {\n _this.enqueueFile(file);\n }\n }\n return _this._updateMaxFilesReachedClass();\n };\n })(this));\n };\n\n Dropzone.prototype.enqueueFiles = function(files) {\n var file, _i, _len;\n for (_i = 0, _len = files.length; _i < _len; _i++) {\n file = files[_i];\n this.enqueueFile(file);\n }\n return null;\n };\n\n Dropzone.prototype.enqueueFile = function(file) {\n if (file.status === Dropzone.ADDED && file.accepted === true) {\n file.status = Dropzone.QUEUED;\n if (this.options.autoProcessQueue) {\n return setTimeout(((function(_this) {\n return function() {\n return _this.processQueue();\n };\n })(this)), 0);\n }\n } else {\n throw new Error(\"This file can't be queued because it has already been processed or was rejected.\");\n }\n };\n\n Dropzone.prototype._thumbnailQueue = [];\n\n Dropzone.prototype._processingThumbnail = false;\n\n Dropzone.prototype._enqueueThumbnail = function(file) {\n if (this.options.createImageThumbnails && file.type.match(/image.*/) && file.size <= this.options.maxThumbnailFilesize * 1024 * 1024) {\n this._thumbnailQueue.push(file);\n return setTimeout(((function(_this) {\n return function() {\n return _this._processThumbnailQueue();\n };\n })(this)), 0);\n }\n };\n\n Dropzone.prototype._processThumbnailQueue = function() {\n if (this._processingThumbnail || this._thumbnailQueue.length === 0) {\n return;\n }\n this._processingThumbnail = true;\n return this.createThumbnail(this._thumbnailQueue.shift(), (function(_this) {\n return function() {\n _this._processingThumbnail = false;\n return _this._processThumbnailQueue();\n };\n })(this));\n };\n\n Dropzone.prototype.removeFile = function(file) {\n if (file.status === Dropzone.UPLOADING) {\n this.cancelUpload(file);\n }\n this.files = without(this.files, file);\n this.emit(\"removedfile\", file);\n if (this.files.length === 0) {\n return this.emit(\"reset\");\n }\n };\n\n Dropzone.prototype.removeAllFiles = function(cancelIfNecessary) {\n var file, _i, _len, _ref;\n if (cancelIfNecessary == null) {\n cancelIfNecessary = false;\n }\n _ref = this.files.slice();\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n if (file.status !== Dropzone.UPLOADING || cancelIfNecessary) {\n this.removeFile(file);\n }\n }\n return null;\n };\n\n Dropzone.prototype.createThumbnail = function(file, callback) {\n var fileReader;\n fileReader = new FileReader;\n fileReader.onload = (function(_this) {\n return function() {\n if (file.type === \"image/svg+xml\") {\n _this.emit(\"thumbnail\", file, fileReader.result);\n if (callback != null) {\n callback();\n }\n return;\n }\n return _this.createThumbnailFromUrl(file, fileReader.result, callback);\n };\n })(this);\n return fileReader.readAsDataURL(file);\n };\n\n Dropzone.prototype.createThumbnailFromUrl = function(file, imageUrl, callback, crossOrigin) {\n var img;\n img = document.createElement(\"img\");\n if (crossOrigin) {\n img.crossOrigin = crossOrigin;\n }\n img.onload = (function(_this) {\n return function() {\n var canvas, ctx, resizeInfo, thumbnail, _ref, _ref1, _ref2, _ref3;\n file.width = img.width;\n file.height = img.height;\n resizeInfo = _this.options.resize.call(_this, file);\n if (resizeInfo.trgWidth == null) {\n resizeInfo.trgWidth = resizeInfo.optWidth;\n }\n if (resizeInfo.trgHeight == null) {\n resizeInfo.trgHeight = resizeInfo.optHeight;\n }\n canvas = document.createElement(\"canvas\");\n ctx = canvas.getContext(\"2d\");\n canvas.width = resizeInfo.trgWidth;\n canvas.height = resizeInfo.trgHeight;\n drawImageIOSFix(ctx, img, (_ref = resizeInfo.srcX) != null ? _ref : 0, (_ref1 = resizeInfo.srcY) != null ? _ref1 : 0, resizeInfo.srcWidth, resizeInfo.srcHeight, (_ref2 = resizeInfo.trgX) != null ? _ref2 : 0, (_ref3 = resizeInfo.trgY) != null ? _ref3 : 0, resizeInfo.trgWidth, resizeInfo.trgHeight);\n thumbnail = canvas.toDataURL(\"image/png\");\n _this.emit(\"thumbnail\", file, thumbnail);\n if (callback != null) {\n return callback();\n }\n };\n })(this);\n if (callback != null) {\n img.onerror = callback;\n }\n return img.src = imageUrl;\n };\n\n Dropzone.prototype.processQueue = function() {\n var i, parallelUploads, processingLength, queuedFiles;\n parallelUploads = this.options.parallelUploads;\n processingLength = this.getUploadingFiles().length;\n i = processingLength;\n if (processingLength >= parallelUploads) {\n return;\n }\n queuedFiles = this.getQueuedFiles();\n if (!(queuedFiles.length > 0)) {\n return;\n }\n if (this.options.uploadMultiple) {\n return this.processFiles(queuedFiles.slice(0, parallelUploads - processingLength));\n } else {\n while (i < parallelUploads) {\n if (!queuedFiles.length) {\n return;\n }\n this.processFile(queuedFiles.shift());\n i++;\n }\n }\n };\n\n Dropzone.prototype.processFile = function(file) {\n return this.processFiles([file]);\n };\n\n Dropzone.prototype.processFiles = function(files) {\n var file, _i, _len;\n for (_i = 0, _len = files.length; _i < _len; _i++) {\n file = files[_i];\n file.processing = true;\n file.status = Dropzone.UPLOADING;\n this.emit(\"processing\", file);\n }\n if (this.options.uploadMultiple) {\n this.emit(\"processingmultiple\", files);\n }\n return this.uploadFiles(files);\n };\n\n Dropzone.prototype._getFilesWithXhr = function(xhr) {\n var file, files;\n return files = (function() {\n var _i, _len, _ref, _results;\n _ref = this.files;\n _results = [];\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n file = _ref[_i];\n if (file.xhr === xhr) {\n _results.push(file);\n }\n }\n return _results;\n }).call(this);\n };\n\n Dropzone.prototype.cancelUpload = function(file) {\n var groupedFile, groupedFiles, _i, _j, _len, _len1, _ref;\n if (file.status === Dropzone.UPLOADING) {\n groupedFiles = this._getFilesWithXhr(file.xhr);\n for (_i = 0, _len = groupedFiles.length; _i < _len; _i++) {\n groupedFile = groupedFiles[_i];\n groupedFile.status = Dropzone.CANCELED;\n }\n file.xhr.abort();\n for (_j = 0, _len1 = groupedFiles.length; _j < _len1; _j++) {\n groupedFile = groupedFiles[_j];\n this.emit(\"canceled\", groupedFile);\n }\n if (this.options.uploadMultiple) {\n this.emit(\"canceledmultiple\", groupedFiles);\n }\n } else if ((_ref = file.status) === Dropzone.ADDED || _ref === Dropzone.QUEUED) {\n file.status = Dropzone.CANCELED;\n this.emit(\"canceled\", file);\n if (this.options.uploadMultiple) {\n this.emit(\"canceledmultiple\", [file]);\n }\n }\n if (this.options.autoProcessQueue) {\n return this.processQueue();\n }\n };\n\n resolveOption = function() {\n var args, option;\n option = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];\n if (typeof option === 'function') {\n return option.apply(this, args);\n }\n return option;\n };\n\n Dropzone.prototype.uploadFile = function(file) {\n return this.uploadFiles([file]);\n };\n\n Dropzone.prototype.uploadFiles = function(files) {\n var file, formData, handleError, headerName, headerValue, headers, i, input, inputName, inputType, key, method, option, progressObj, response, updateProgress, url, value, xhr, _i, _j, _k, _l, _len, _len1, _len2, _len3, _m, _ref, _ref1, _ref2, _ref3, _ref4, _ref5;\n xhr = new XMLHttpRequest();\n for (_i = 0, _len = files.length; _i < _len; _i++) {\n file = files[_i];\n file.xhr = xhr;\n }\n method = resolveOption(this.options.method, files);\n url = resolveOption(this.options.url, files);\n xhr.open(method, url, true);\n xhr.withCredentials = !!this.options.withCredentials;\n response = null;\n handleError = (function(_this) {\n return function() {\n var _j, _len1, _results;\n _results = [];\n for (_j = 0, _len1 = files.length; _j < _len1; _j++) {\n file = files[_j];\n _results.push(_this._errorProcessing(files, response || _this.options.dictResponseError.replace(\"{{statusCode}}\", xhr.status), xhr));\n }\n return _results;\n };\n })(this);\n updateProgress = (function(_this) {\n return function(e) {\n var allFilesFinished, progress, _j, _k, _l, _len1, _len2, _len3, _results;\n if (e != null) {\n progress = 100 * e.loaded / e.total;\n for (_j = 0, _len1 = files.length; _j < _len1; _j++) {\n file = files[_j];\n file.upload = {\n progress: progress,\n total: e.total,\n bytesSent: e.loaded\n };\n }\n } else {\n allFilesFinished = true;\n progress = 100;\n for (_k = 0, _len2 = files.length; _k < _len2; _k++) {\n file = files[_k];\n if (!(file.upload.progress === 100 && file.upload.bytesSent === file.upload.total)) {\n allFilesFinished = false;\n }\n file.upload.progress = progress;\n file.upload.bytesSent = file.upload.total;\n }\n if (allFilesFinished) {\n return;\n }\n }\n _results = [];\n for (_l = 0, _len3 = files.length; _l < _len3; _l++) {\n file = files[_l];\n _results.push(_this.emit(\"uploadprogress\", file, progress, file.upload.bytesSent));\n }\n return _results;\n };\n })(this);\n xhr.onload = (function(_this) {\n return function(e) {\n var _ref;\n if (files[0].status === Dropzone.CANCELED) {\n return;\n }\n if (xhr.readyState !== 4) {\n return;\n }\n response = xhr.responseText;\n if (xhr.getResponseHeader(\"content-type\") && ~xhr.getResponseHeader(\"content-type\").indexOf(\"application/json\")) {\n try {\n response = JSON.parse(response);\n } catch (_error) {\n e = _error;\n response = \"Invalid JSON response from server.\";\n }\n }\n updateProgress();\n if (!((200 <= (_ref = xhr.status) && _ref < 300))) {\n return handleError();\n } else {\n return _this._finished(files, response, e);\n }\n };\n })(this);\n xhr.onerror = (function(_this) {\n return function() {\n if (files[0].status === Dropzone.CANCELED) {\n return;\n }\n return handleError();\n };\n })(this);\n progressObj = (_ref = xhr.upload) != null ? _ref : xhr;\n progressObj.onprogress = updateProgress;\n headers = {\n \"Accept\": \"application/json\",\n \"Cache-Control\": \"no-cache\",\n \"X-Requested-With\": \"XMLHttpRequest\"\n };\n if (this.options.headers) {\n extend(headers, this.options.headers);\n }\n for (headerName in headers) {\n headerValue = headers[headerName];\n if (headerValue) {\n xhr.setRequestHeader(headerName, headerValue);\n }\n }\n formData = new FormData();\n if (this.options.params) {\n _ref1 = this.options.params;\n for (key in _ref1) {\n value = _ref1[key];\n formData.append(key, value);\n }\n }\n for (_j = 0, _len1 = files.length; _j < _len1; _j++) {\n file = files[_j];\n this.emit(\"sending\", file, xhr, formData);\n }\n if (this.options.uploadMultiple) {\n this.emit(\"sendingmultiple\", files, xhr, formData);\n }\n if (this.element.tagName === \"FORM\") {\n _ref2 = this.element.querySelectorAll(\"input, textarea, select, button\");\n for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {\n input = _ref2[_k];\n inputName = input.getAttribute(\"name\");\n inputType = input.getAttribute(\"type\");\n if (input.tagName === \"SELECT\" && input.hasAttribute(\"multiple\")) {\n _ref3 = input.options;\n for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {\n option = _ref3[_l];\n if (option.selected) {\n formData.append(inputName, option.value);\n }\n }\n } else if (!inputType || ((_ref4 = inputType.toLowerCase()) !== \"checkbox\" && _ref4 !== \"radio\") || input.checked) {\n formData.append(inputName, input.value);\n }\n }\n }\n for (i = _m = 0, _ref5 = files.length - 1; 0 <= _ref5 ? _m <= _ref5 : _m >= _ref5; i = 0 <= _ref5 ? ++_m : --_m) {\n formData.append(this._getParamName(i), files[i], files[i].name);\n }\n return this.submitRequest(xhr, formData, files);\n };\n\n Dropzone.prototype.submitRequest = function(xhr, formData, files) {\n return xhr.send(formData);\n };\n\n Dropzone.prototype._finished = function(files, responseText, e) {\n var file, _i, _len;\n for (_i = 0, _len = files.length; _i < _len; _i++) {\n file = files[_i];\n file.status = Dropzone.SUCCESS;\n this.emit(\"success\", file, responseText, e);\n this.emit(\"complete\", file);\n }\n if (this.options.uploadMultiple) {\n this.emit(\"successmultiple\", files, responseText, e);\n this.emit(\"completemultiple\", files);\n }\n if (this.options.autoProcessQueue) {\n return this.processQueue();\n }\n };\n\n Dropzone.prototype._errorProcessing = function(files, message, xhr) {\n var file, _i, _len;\n for (_i = 0, _len = files.length; _i < _len; _i++) {\n file = files[_i];\n file.status = Dropzone.ERROR;\n this.emit(\"error\", file, message, xhr);\n this.emit(\"complete\", file);\n }\n if (this.options.uploadMultiple) {\n this.emit(\"errormultiple\", files, message, xhr);\n this.emit(\"completemultiple\", files);\n }\n if (this.options.autoProcessQueue) {\n return this.processQueue();\n }\n };\n\n return Dropzone;\n\n })(Emitter);\n\n Dropzone.version = \"4.2.0\";\n\n Dropzone.options = {};\n\n Dropzone.optionsForElement = function(element) {\n if (element.getAttribute(\"id\")) {\n return Dropzone.options[camelize(element.getAttribute(\"id\"))];\n } else {\n return void 0;\n }\n };\n\n Dropzone.instances = [];\n\n Dropzone.forElement = function(element) {\n if (typeof element === \"string\") {\n element = document.querySelector(element);\n }\n if ((element != null ? element.dropzone : void 0) == null) {\n throw new Error(\"No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.\");\n }\n return element.dropzone;\n };\n\n Dropzone.autoDiscover = true;\n\n Dropzone.discover = function() {\n var checkElements, dropzone, dropzones, _i, _len, _results;\n if (document.querySelectorAll) {\n dropzones = document.querySelectorAll(\".dropzone\");\n } else {\n dropzones = [];\n checkElements = function(elements) {\n var el, _i, _len, _results;\n _results = [];\n for (_i = 0, _len = elements.length; _i < _len; _i++) {\n el = elements[_i];\n if (/(^| )dropzone($| )/.test(el.className)) {\n _results.push(dropzones.push(el));\n } else {\n _results.push(void 0);\n }\n }\n return _results;\n };\n checkElements(document.getElementsByTagName(\"div\"));\n checkElements(document.getElementsByTagName(\"form\"));\n }\n _results = [];\n for (_i = 0, _len = dropzones.length; _i < _len; _i++) {\n dropzone = dropzones[_i];\n if (Dropzone.optionsForElement(dropzone) !== false) {\n _results.push(new Dropzone(dropzone));\n } else {\n _results.push(void 0);\n }\n }\n return _results;\n };\n\n Dropzone.blacklistedBrowsers = [/opera.*Macintosh.*version\\/12/i];\n\n Dropzone.isBrowserSupported = function() {\n var capableBrowser, regex, _i, _len, _ref;\n capableBrowser = true;\n if (window.File && window.FileReader && window.FileList && window.Blob && window.FormData && document.querySelector) {\n if (!(\"classList\" in document.createElement(\"a\"))) {\n capableBrowser = false;\n } else {\n _ref = Dropzone.blacklistedBrowsers;\n for (_i = 0, _len = _ref.length; _i < _len; _i++) {\n regex = _ref[_i];\n if (regex.test(navigator.userAgent)) {\n capableBrowser = false;\n continue;\n }\n }\n }\n } else {\n capableBrowser = false;\n }\n return capableBrowser;\n };\n\n without = function(list, rejectedItem) {\n var item, _i, _len, _results;\n _results = [];\n for (_i = 0, _len = list.length; _i < _len; _i++) {\n item = list[_i];\n if (item !== rejectedItem) {\n _results.push(item);\n }\n }\n return _results;\n };\n\n camelize = function(str) {\n return str.replace(/[\\-_](\\w)/g, function(match) {\n return match.charAt(1).toUpperCase();\n });\n };\n\n Dropzone.createElement = function(string) {\n var div;\n div = document.createElement(\"div\");\n div.innerHTML = string;\n return div.childNodes[0];\n };\n\n Dropzone.elementInside = function(element, container) {\n if (element === container) {\n return true;\n }\n while (element = element.parentNode) {\n if (element === container) {\n return true;\n }\n }\n return false;\n };\n\n Dropzone.getElement = function(el, name) {\n var element;\n if (typeof el === \"string\") {\n element = document.querySelector(el);\n } else if (el.nodeType != null) {\n element = el;\n }\n if (element == null) {\n throw new Error(\"Invalid `\" + name + \"` option provided. Please provide a CSS selector or a plain HTML element.\");\n }\n return element;\n };\n\n Dropzone.getElements = function(els, name) {\n var e, el, elements, _i, _j, _len, _len1, _ref;\n if (els instanceof Array) {\n elements = [];\n try {\n for (_i = 0, _len = els.length; _i < _len; _i++) {\n el = els[_i];\n elements.push(this.getElement(el, name));\n }\n } catch (_error) {\n e = _error;\n elements = null;\n }\n } else if (typeof els === \"string\") {\n elements = [];\n _ref = document.querySelectorAll(els);\n for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {\n el = _ref[_j];\n elements.push(el);\n }\n } else if (els.nodeType != null) {\n elements = [els];\n }\n if (!((elements != null) && elements.length)) {\n throw new Error(\"Invalid `\" + name + \"` option provided. Please provide a CSS selector, a plain HTML element or a list of those.\");\n }\n return elements;\n };\n\n Dropzone.confirm = function(question, accepted, rejected) {\n if (window.confirm(question)) {\n return accepted();\n } else if (rejected != null) {\n return rejected();\n }\n };\n\n Dropzone.isValidFile = function(file, acceptedFiles) {\n var baseMimeType, mimeType, validType, _i, _len;\n if (!acceptedFiles) {\n return true;\n }\n acceptedFiles = acceptedFiles.split(\",\");\n mimeType = file.type;\n baseMimeType = mimeType.replace(/\\/.*$/, \"\");\n for (_i = 0, _len = acceptedFiles.length; _i < _len; _i++) {\n validType = acceptedFiles[_i];\n validType = validType.trim();\n if (validType.charAt(0) === \".\") {\n if (file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.length - validType.length) !== -1) {\n return true;\n }\n } else if (/\\/\\*$/.test(validType)) {\n if (baseMimeType === validType.replace(/\\/.*$/, \"\")) {\n return true;\n }\n } else {\n if (mimeType === validType) {\n return true;\n }\n }\n }\n return false;\n };\n\n if (typeof jQuery !== \"undefined\" && jQuery !== null) {\n jQuery.fn.dropzone = function(options) {\n return this.each(function() {\n return new Dropzone(this, options);\n });\n };\n }\n\n if (typeof module !== \"undefined\" && module !== null) {\n module.exports = Dropzone;\n } else {\n window.Dropzone = Dropzone;\n }\n\n Dropzone.ADDED = \"added\";\n\n Dropzone.QUEUED = \"queued\";\n\n Dropzone.ACCEPTED = Dropzone.QUEUED;\n\n Dropzone.UPLOADING = \"uploading\";\n\n Dropzone.PROCESSING = Dropzone.UPLOADING;\n\n Dropzone.CANCELED = \"canceled\";\n\n Dropzone.ERROR = \"error\";\n\n Dropzone.SUCCESS = \"success\";\n\n\n /*\n \n Bugfix for iOS 6 and 7\n Source: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios\n based on the work of https://github.com/stomita/ios-imagefile-megapixel\n */\n\n detectVerticalSquash = function(img) {\n var alpha, canvas, ctx, data, ey, ih, iw, py, ratio, sy;\n iw = img.naturalWidth;\n ih = img.naturalHeight;\n canvas = document.createElement(\"canvas\");\n canvas.width = 1;\n canvas.height = ih;\n ctx = canvas.getContext(\"2d\");\n ctx.drawImage(img, 0, 0);\n data = ctx.getImageData(0, 0, 1, ih).data;\n sy = 0;\n ey = ih;\n py = ih;\n while (py > sy) {\n alpha = data[(py - 1) * 4 + 3];\n if (alpha === 0) {\n ey = py;\n } else {\n sy = py;\n }\n py = (ey + sy) >> 1;\n }\n ratio = py / ih;\n if (ratio === 0) {\n return 1;\n } else {\n return ratio;\n }\n };\n\n drawImageIOSFix = function(ctx, img, sx, sy, sw, sh, dx, dy, dw, dh) {\n var vertSquashRatio;\n vertSquashRatio = detectVerticalSquash(img);\n return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh / vertSquashRatio);\n };\n\n\n /*\n * contentloaded.js\n *\n * Author: Diego Perini (diego.perini at gmail.com)\n * Summary: cross-browser wrapper for DOMContentLoaded\n * Updated: 20101020\n * License: MIT\n * Version: 1.2\n *\n * URL:\n * http://javascript.nwbox.com/ContentLoaded/\n * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE\n */\n\n contentLoaded = function(win, fn) {\n var add, doc, done, init, poll, pre, rem, root, top;\n done = false;\n top = true;\n doc = win.document;\n root = doc.documentElement;\n add = (doc.addEventListener ? \"addEventListener\" : \"attachEvent\");\n rem = (doc.addEventListener ? \"removeEventListener\" : \"detachEvent\");\n pre = (doc.addEventListener ? \"\" : \"on\");\n init = function(e) {\n if (e.type === \"readystatechange\" && doc.readyState !== \"complete\") {\n return;\n }\n (e.type === \"load\" ? win : doc)[rem](pre + e.type, init, false);\n if (!done && (done = true)) {\n return fn.call(win, e.type || e);\n }\n };\n poll = function() {\n var e;\n try {\n root.doScroll(\"left\");\n } catch (_error) {\n e = _error;\n setTimeout(poll, 50);\n return;\n }\n return init(\"poll\");\n };\n if (doc.readyState !== \"complete\") {\n if (doc.createEventObject && root.doScroll) {\n try {\n top = !win.frameElement;\n } catch (_error) {}\n if (top) {\n poll();\n }\n }\n doc[add](pre + \"DOMContentLoaded\", init, false);\n doc[add](pre + \"readystatechange\", init, false);\n return win[add](pre + \"load\", init, false);\n }\n };\n\n Dropzone._autoDiscoverFunction = function() {\n if (Dropzone.autoDiscover) {\n return Dropzone.discover();\n }\n };\n\n contentLoaded(window, Dropzone._autoDiscoverFunction);\n\n}).call(this);\n","import { isString } from 'lodash';\n\n/**\n * Serializes a value for storage in localStorage\n * @param {*} val - The value to serialize\n * @param {boolean} asString - Whether to store as raw string (legacy mode)\n * @returns {string} The serialized value\n */\nconst serializeValue = (val, asString = false) => {\n if (!isString(val) && asString) {\n // eslint-disable-next-line no-console\n console.warn(\n `[gitlab] LocalStorageSync is saving`,\n val,\n `but it is not a string and the 'asString' param is true. This will save and restore the stringified value rather than the original value.`,\n );\n }\n\n return asString ? val : JSON.stringify(val);\n};\n\n/**\n * Deserializes a value from localStorage\n * @param {string} val - The stored string value\n * @param {boolean} asString - Whether the value was stored as raw string (legacy mode)\n * @returns {*} The deserialized value\n */\nconst deserializeValue = (val, asString = false) => {\n return asString ? val : JSON.parse(val);\n};\n\n/**\n * Gets a value from localStorage with proper deserialization\n * @param {string} storageKey - The localStorage key\n * @param {boolean} asString - Whether to treat as raw string (legacy mode)\n * @returns {Object} Object with exists flag and value if it exists\n */\nexport const getStorageValue = (storageKey, asString = false) => {\n const value = localStorage.getItem(storageKey);\n\n if (value === null) {\n return { exists: false };\n }\n\n try {\n return { exists: true, value: deserializeValue(value, asString) };\n } catch {\n // eslint-disable-next-line no-console\n console.warn(\n `[gitlab] Failed to deserialize value from localStorage (key=${storageKey})`,\n value,\n );\n // default to \"don't use localStorage value\"\n return { exists: false };\n }\n};\n\n/**\n * Saves a value to localStorage with proper serialization\n * @param {string} storageKey - The localStorage key\n * @param {*} val - The value to store\n * @param {boolean} asString - Whether to store as raw string (legacy mode)\n */\nexport const saveStorageValue = (storageKey, val, asString = false) => {\n localStorage.setItem(storageKey, serializeValue(val, asString));\n};\n\n/**\n * Removes a value from localStorage\n * @param {string} storageKey - The localStorage key to remove\n */\nexport const removeStorageValue = (storageKey) => {\n localStorage.removeItem(storageKey);\n};\n","\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./local_storage_sync.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./local_storage_sync.vue?vue&type=script&lang=js\"","var render, staticRenderFns\nimport script from \"./local_storage_sync.vue?vue&type=script&lang=js\"\nexport * from \"./local_storage_sync.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var VueModule = require('vue')\n\n// get the real Vue https://github.com/vueuse/vue-demi/issues/192\nvar Vue = VueModule.default || VueModule\n\nexports.Vue = Vue\nexports.Vue2 = Vue\nexports.isVue2 = true\nexports.isVue3 = false\nexports.install = function () {}\nexports.warn = Vue.util.warn\n\n// createApp polyfill\nexports.createApp = function (rootComponent, rootProps) {\n var vm\n var provide = {}\n var app = {\n config: Vue.config,\n use: Vue.use.bind(Vue),\n mixin: Vue.mixin.bind(Vue),\n component: Vue.component.bind(Vue),\n provide: function (key, value) {\n provide[key] = value\n return this\n },\n directive: function (name, dir) {\n if (dir) {\n Vue.directive(name, dir)\n return app\n } else {\n return Vue.directive(name)\n }\n },\n mount: function (el, hydrating) {\n if (!vm) {\n vm = new Vue(Object.assign({ propsData: rootProps }, rootComponent, { provide: Object.assign(provide, rootComponent.provide) }))\n vm.$mount(el, hydrating)\n return vm\n } else {\n return vm\n }\n },\n unmount: function () {\n if (vm) {\n vm.$destroy()\n vm = undefined\n }\n },\n }\n return app\n}\n\nObject.keys(VueModule).forEach(function (key) {\n exports[key] = VueModule[key]\n})\n\n// Not implemented https://github.com/vuejs/core/pull/8111, falls back to getCurrentInstance()\nexports.hasInjectionContext = function() {\n return !!VueModule.getCurrentInstance()\n}","/* Developer beware! Do not add logic to showButton or hideButton\n * that will force a reflow. Doing so will create a significant performance\n * bottleneck for pages with large diffs. For a comprehensive list of what\n * causes reflows, visit https://gist.github.com/paulirish/5d52fb081b3570c81e3a\n */\n\nimport { getCookie } from '~/lib/utils/common_utils';\n\nconst LINE_NUMBER_CLASS = 'diff-line-num';\nconst UNFOLDABLE_LINE_CLASS = 'js-unfold';\nconst NO_COMMENT_CLASS = 'no-comment-btn';\nconst EMPTY_CELL_CLASS = 'empty-cell';\nconst OLD_LINE_CLASS = 'old_line';\nconst LINE_COLUMN_CLASSES = `.${LINE_NUMBER_CLASS}, .line_content`;\nconst DIFF_CONTAINER_SELECTOR = '.files';\nconst DIFF_EXPANDED_CLASS = 'diff-expanded';\n\nexport default {\n init($diffFile) {\n /* Caching is used only when the following members are *true*.\n * This is because there are likely to be\n * differently configured versions of diffs in the same session.\n * However if these values are true, they\n * will be true in all cases */\n\n if (!this.userCanCreateNote) {\n // data-can-create-note is an empty string when true, otherwise undefined\n this.userCanCreateNote =\n $diffFile.closest(DIFF_CONTAINER_SELECTOR).data('canCreateNote') === '';\n }\n\n this.isParallelView = getCookie('diff_view') === 'parallel';\n\n if (this.userCanCreateNote) {\n $diffFile\n .on('mouseover', LINE_COLUMN_CLASSES, (e) => this.showButton(this.isParallelView, e))\n .on('mouseleave', LINE_COLUMN_CLASSES, (e) => this.hideButton(this.isParallelView, e));\n }\n },\n\n showButton(isParallelView, e) {\n const buttonParentElement = this.getButtonParent(e.currentTarget, isParallelView);\n\n if (!this.validateButtonParent(buttonParentElement)) return;\n\n buttonParentElement.classList.add('is-over');\n buttonParentElement.nextElementSibling.classList.add('is-over');\n },\n\n hideButton(isParallelView, e) {\n const buttonParentElement = this.getButtonParent(e.currentTarget, isParallelView);\n\n buttonParentElement.classList.remove('is-over');\n buttonParentElement.nextElementSibling.classList.remove('is-over');\n },\n\n getButtonParent(hoveredElement, isParallelView) {\n if (isParallelView) {\n if (!hoveredElement.classList.contains(LINE_NUMBER_CLASS)) {\n return hoveredElement.previousElementSibling;\n }\n } else if (!hoveredElement.classList.contains(OLD_LINE_CLASS)) {\n return hoveredElement.parentNode.querySelector(`.${OLD_LINE_CLASS}`);\n }\n return hoveredElement;\n },\n\n validateButtonParent(buttonParentElement) {\n return (\n !buttonParentElement.classList.contains(EMPTY_CELL_CLASS) &&\n !buttonParentElement.classList.contains(UNFOLDABLE_LINE_CLASS) &&\n !buttonParentElement.classList.contains(NO_COMMENT_CLASS) &&\n !buttonParentElement.parentNode.classList.contains(DIFF_EXPANDED_CLASS)\n );\n },\n};\n","/* eslint-disable func-names, consistent-return, one-var, no-return-assign */\n\nimport $ from 'jquery';\n\n// Width where images must fits in, for 2-up this gets divided by 2\nconst availWidth = 900;\nconst viewModes = ['two-up', 'swipe'];\n\nexport default class ImageFile {\n constructor(file) {\n this.file = file;\n this.requestImageInfo($('.two-up.view .frame.deleted img', this.file), () =>\n this.requestImageInfo($('.two-up.view .frame.added img', this.file), () => {\n this.initViewModes();\n\n // Load two-up view after images are loaded\n // so that we can display the correct width and height information\n this.initView('two-up');\n }),\n );\n }\n\n initViewModes() {\n const viewMode = viewModes[0];\n $('.view-modes', this.file).removeClass('gl-hidden');\n $('.view-modes-menu', this.file).on('click', 'li', (event) => {\n if (!$(event.currentTarget).hasClass('active')) {\n return this.activateViewMode(event.currentTarget.className);\n }\n });\n return this.activateViewMode(viewMode);\n }\n\n activateViewMode(viewMode) {\n $('.view-modes-menu li', this.file)\n .removeClass('active')\n .filter(`.${viewMode}`)\n .addClass('active');\n\n $(`.view:visible:not(.${viewMode})`, this.file).addClass('gl-hidden');\n $(`.view.${viewMode}`, this.file).removeClass('gl-hidden');\n\n return this.initView(viewMode);\n }\n\n initView(viewMode) {\n return this.views[viewMode].call(this);\n }\n // eslint-disable-next-line class-methods-use-this\n initDraggable($el, padding, callback) {\n let dragging = false;\n const $body = $('body');\n const $offsetEl = $el.parent();\n const dragStart = function () {\n dragging = true;\n $body.css('user-select', 'none');\n };\n const dragStop = function () {\n dragging = false;\n $body.css('user-select', '');\n };\n const dragMove = function (e) {\n const moveX = e.pageX || e.touches[0].pageX;\n const left = moveX - ($offsetEl.offset().left + padding);\n if (!dragging) return;\n\n callback(e, left);\n };\n\n // eslint-disable-next-line @gitlab/no-global-event-off\n $el.off('mousedown').off('touchstart').on('mousedown', dragStart).on('touchstart', dragStart);\n\n // eslint-disable-next-line @gitlab/no-global-event-off\n $body\n .off('mouseup')\n .off('mousemove')\n .off('touchend')\n .off('touchmove')\n .on('mouseup', dragStop)\n .on('touchend', dragStop)\n .on('mousemove', dragMove)\n .on('touchmove', dragMove);\n }\n\n static prepareFrames(view) {\n let maxWidth = 0;\n let maxHeight = 0;\n $('.frame', view)\n .each((index, frame) => {\n const width = $(frame).width();\n const height = $(frame).height();\n maxWidth = width > maxWidth ? width : maxWidth;\n return (maxHeight = height > maxHeight ? height : maxHeight);\n })\n .css({\n width: maxWidth,\n height: maxHeight,\n });\n return [maxWidth, maxHeight];\n }\n\n views = {\n 'two-up': function () {\n return $('.two-up.view .wrap', this.file).each((index, wrap) => {\n $('img', wrap).each(function () {\n const currentWidth = $(this).width();\n if (currentWidth > availWidth / 2) {\n return $(this).width(availWidth / 2);\n }\n });\n return this.requestImageInfo($('img', wrap), (width, height) => {\n $('.image-info .meta-width', wrap).text(`${width}px`);\n $('.image-info .meta-height', wrap).text(`${height}px`);\n return $('.image-info', wrap).removeClass('gl-hidden');\n });\n });\n },\n swipe() {\n let maxWidth = 0;\n let maxHeight = 0;\n return $('.swipe.view', this.file).each((index, view) => {\n const ref = ImageFile.prepareFrames(view);\n [maxWidth, maxHeight] = ref;\n const $swipeFrame = $('.swipe-frame', view);\n const $swipeWrap = $('.swipe-wrap', view);\n const $swipeBar = $('.swipe-bar', view);\n\n $swipeFrame.css({\n width: maxWidth + 16,\n height: maxHeight + 28,\n });\n $swipeWrap.css({\n width: maxWidth + 1,\n height: maxHeight + 2,\n });\n // Set swipeBar left position to match image frame\n $swipeBar.css({\n left: 1,\n });\n\n const wrapPadding = parseInt($swipeWrap.css('right').replace('px', ''), 10);\n\n this.initDraggable($swipeBar, wrapPadding, (e, left) => {\n if (left > 0 && left < $swipeFrame.width() - wrapPadding * 2) {\n $swipeWrap.width(maxWidth + 1 - left);\n $swipeBar.css('left', left);\n }\n });\n });\n },\n 'onion-skin': function () {\n let maxHeight, maxWidth;\n maxWidth = 0;\n maxHeight = 0;\n const dragTrackWidth = $('.drag-track', this.file).width() - $('.dragger', this.file).width();\n return $('.onion-skin.view', this.file).each((index, view) => {\n const ref = ImageFile.prepareFrames(view);\n [maxWidth, maxHeight] = ref;\n const $frame = $('.onion-skin-frame', view);\n const $frameAdded = $('.frame.added', view);\n const $track = $('.drag-track', view);\n const $dragger = $('.dragger', $track);\n\n $frame.css({\n width: maxWidth + 16,\n height: maxHeight + 28,\n });\n $('.swipe-wrap', view).css({\n width: maxWidth + 1,\n height: maxHeight + 2,\n });\n $dragger.css({\n left: dragTrackWidth,\n });\n\n $frameAdded.css('opacity', 1);\n const framePadding = parseInt($frameAdded.css('right').replace('px', ''), 10);\n\n this.initDraggable($dragger, framePadding, (e, left) => {\n const opacity = left / dragTrackWidth;\n\n if (opacity >= 0 && opacity <= 1) {\n $dragger.css('left', left);\n $frameAdded.css('opacity', opacity);\n }\n });\n });\n },\n };\n\n requestImageInfo(img, callback) {\n const domImg = img.get(0);\n if (domImg) {\n if (domImg.complete) {\n return callback.call(this, domImg.naturalWidth, domImg.naturalHeight);\n }\n return img.on('load', () => callback.call(this, domImg.naturalWidth, domImg.naturalHeight));\n }\n }\n}\n","import { spriteIcon } from '~/lib/utils/common_utils';\n\nexport function createImageBadge(noteId, { x, y }, classNames = []) {\n const buttonEl = document.createElement('button');\n const classList = classNames.concat(['js-image-badge']);\n classList.forEach((className) => buttonEl.classList.add(className));\n buttonEl.setAttribute('type', 'button');\n buttonEl.setAttribute('disabled', true);\n buttonEl.dataset.noteId = noteId;\n buttonEl.style.left = `${x}px`;\n buttonEl.style.top = `${y}px`;\n\n return buttonEl;\n}\n\nexport function addImageBadge(containerEl, { coordinate, badgeText, noteId }) {\n const buttonEl = createImageBadge(noteId, coordinate, [\n 'gl-flex',\n 'gl-items-center',\n 'gl-justify-center',\n 'gl-text-sm',\n 'design-note-pin',\n 'on-image',\n 'gl-absolute',\n ]);\n buttonEl.textContent = badgeText;\n\n containerEl.appendChild(buttonEl);\n}\n\nexport function addImageCommentBadge(containerEl, { coordinate, noteId }) {\n const buttonEl = createImageBadge(noteId, coordinate, ['image-comment-badge']);\n // eslint-disable-next-line no-unsanitized/property\n buttonEl.innerHTML = spriteIcon('image-comment-dark');\n\n containerEl.appendChild(buttonEl);\n}\n\nexport function addAvatarBadge(el, event) {\n const { noteId, badgeNumber } = event.detail;\n\n // Add design pin to new comment\n const avatarBadgeEl = el.querySelector(`#${noteId} .design-note-pin`);\n avatarBadgeEl.textContent = badgeNumber;\n avatarBadgeEl.classList.remove('hidden');\n}\n","import { spriteIcon } from '~/lib/utils/common_utils';\n\nexport function addCommentIndicator(containerEl, { x, y }) {\n const buttonEl = document.createElement('button');\n buttonEl.classList.add('gl-border-0');\n buttonEl.classList.add('gl-bg-transparent');\n buttonEl.classList.add('comment-indicator');\n buttonEl.setAttribute('type', 'button');\n buttonEl.style.left = `${x}px`;\n buttonEl.style.top = `${y}px`;\n\n // eslint-disable-next-line no-unsanitized/property\n buttonEl.innerHTML = spriteIcon('image-comment-dark');\n\n containerEl.appendChild(buttonEl);\n}\n\nexport function removeCommentIndicator(imageFrameEl) {\n const commentIndicatorEl = imageFrameEl.querySelector('.comment-indicator');\n const imageEl = imageFrameEl.querySelector('img');\n const willRemove = Boolean(commentIndicatorEl);\n let meta = {};\n\n if (willRemove) {\n meta = {\n x: parseInt(commentIndicatorEl.style.left, 10),\n y: parseInt(commentIndicatorEl.style.top, 10),\n image: {\n width: imageEl.width,\n height: imageEl.height,\n },\n };\n\n commentIndicatorEl.remove();\n }\n\n return { ...meta, removed: willRemove };\n}\n\nexport function showCommentIndicator(imageFrameEl, coordinate) {\n const { x, y } = coordinate;\n const commentIndicatorEl = imageFrameEl.querySelector('.comment-indicator');\n\n if (commentIndicatorEl) {\n commentIndicatorEl.style.left = `${x}px`;\n commentIndicatorEl.style.top = `${y}px`;\n } else {\n addCommentIndicator(imageFrameEl, coordinate);\n }\n}\n\nexport function commentIndicatorOnClick(event) {\n // Prevent from triggering onAddImageDiffNote in notes.js\n event.stopPropagation();\n\n const buttonEl = event.currentTarget;\n const diffViewerEl = buttonEl.closest('.diff-viewer');\n const textareaEl = diffViewerEl.querySelector('.note-container .note-textarea');\n textareaEl.focus();\n}\n","import imageDiffHelper from './helpers/index';\n\nconst defaultMeta = {\n x: 0,\n y: 0,\n width: 0,\n height: 0,\n};\n\nexport default class ImageBadge {\n constructor(options) {\n const { noteId, discussionId } = options;\n\n this.actual = options.actual || defaultMeta;\n this.browser = options.browser || defaultMeta;\n this.noteId = noteId;\n this.discussionId = discussionId;\n\n if (options.imageEl && !options.browser) {\n this.browser = imageDiffHelper.resizeCoordinatesToImageElement(options.imageEl, this.actual);\n }\n }\n}\n","import * as badgeHelper from './badge_helper';\nimport * as commentIndicatorHelper from './comment_indicator_helper';\nimport * as domHelper from './dom_helper';\nimport * as utilsHelper from './utils_helper';\n\nexport default {\n addCommentIndicator: commentIndicatorHelper.addCommentIndicator,\n removeCommentIndicator: commentIndicatorHelper.removeCommentIndicator,\n showCommentIndicator: commentIndicatorHelper.showCommentIndicator,\n commentIndicatorOnClick: commentIndicatorHelper.commentIndicatorOnClick,\n\n addImageBadge: badgeHelper.addImageBadge,\n addImageCommentBadge: badgeHelper.addImageCommentBadge,\n addAvatarBadge: badgeHelper.addAvatarBadge,\n\n setPositionDataAttribute: domHelper.setPositionDataAttribute,\n updateDiscussionAvatarBadgeNumber: domHelper.updateDiscussionAvatarBadgeNumber,\n updateDiscussionBadgeNumber: domHelper.updateDiscussionBadgeNumber,\n toggleCollapsed: domHelper.toggleCollapsed,\n\n resizeCoordinatesToImageElement: utilsHelper.resizeCoordinatesToImageElement,\n generateBadgeFromDiscussionDOM: utilsHelper.generateBadgeFromDiscussionDOM,\n getTargetSelection: utilsHelper.getTargetSelection,\n};\n","export function setPositionDataAttribute(el, options) {\n // Update position data attribute so that the\n // new comment form can use this data for ajax request\n const { x, y, width, height } = options;\n const { position } = el.dataset;\n\n const positionObject = { ...JSON.parse(position), x, y, width, height };\n\n el.dataset.position = JSON.stringify(positionObject);\n}\n\nexport function updateDiscussionAvatarBadgeNumber(discussionEl, newBadgeNumber) {\n const avatarBadgeEl = discussionEl.querySelector('.image-diff-avatar-link .design-note-pin');\n avatarBadgeEl.textContent = newBadgeNumber;\n}\n\nexport function updateDiscussionBadgeNumber(discussionEl, newBadgeNumber) {\n const discussionBadgeEl = discussionEl.querySelector('.design-note-pin');\n discussionBadgeEl.textContent = newBadgeNumber;\n}\n\nexport function toggleCollapsed(event) {\n const toggleButtonEl = event.currentTarget;\n const discussionNotesEl = toggleButtonEl.closest('.discussion-notes');\n const formEl = discussionNotesEl.querySelector('.discussion-form');\n const isCollapsed = discussionNotesEl.classList.contains('collapsed');\n\n if (isCollapsed) {\n discussionNotesEl.classList.remove('collapsed');\n } else {\n discussionNotesEl.classList.add('collapsed');\n }\n\n // Override the inline display style set in notes.js\n if (formEl && !isCollapsed) {\n formEl.style.display = 'none';\n } else if (formEl && isCollapsed) {\n formEl.style.display = 'block';\n }\n}\n","import ImageBadge from '../image_badge';\n\nexport function resizeCoordinatesToImageElement(imageEl, meta) {\n const { x, y, width, height } = meta;\n\n const imageWidth = imageEl.width;\n const imageHeight = imageEl.height;\n\n const widthRatio = imageWidth / width;\n const heightRatio = imageHeight / height;\n\n return {\n x: Math.round(x * widthRatio),\n y: Math.round(y * heightRatio),\n width: imageWidth,\n height: imageHeight,\n };\n}\n\nexport function generateBadgeFromDiscussionDOM(imageFrameEl, discussionEl) {\n const position = JSON.parse(discussionEl.dataset.position);\n const firstNoteEl = discussionEl.querySelector('.note');\n const badge = new ImageBadge({\n actual: position,\n imageEl: imageFrameEl.querySelector('img'),\n noteId: firstNoteEl.id,\n discussionId: discussionEl.dataset.discussionId,\n });\n\n return badge;\n}\n\nexport function getTargetSelection(event) {\n const containerEl = event.currentTarget;\n const imageEl = containerEl.querySelector('img');\n\n const x = event.offsetX;\n const y = event.offsetY;\n\n const { width, height } = imageEl;\n\n const actualWidth = imageEl.naturalWidth;\n const actualHeight = imageEl.naturalHeight;\n\n const widthRatio = actualWidth / width;\n const heightRatio = actualHeight / height;\n\n // Browser will include the frame as a clickable target,\n // which would result in potential 1px out of bounds value\n // This bound the coordinates to inside the frame\n const normalizedX = Math.max(0, x) && Math.min(x, width);\n const normalizedY = Math.max(0, y) && Math.min(y, height);\n\n return {\n browser: {\n x: normalizedX,\n y: normalizedY,\n width,\n height,\n },\n actual: {\n // Round x, y so that we don't need to deal with decimals\n x: Math.round(normalizedX * widthRatio),\n y: Math.round(normalizedY * heightRatio),\n width: actualWidth,\n height: actualHeight,\n },\n };\n}\n","import $ from 'jquery';\nimport { isImageLoaded } from '../lib/utils/image_utility';\nimport imageDiffHelper from './helpers/index';\nimport ImageBadge from './image_badge';\n\nexport default class ImageDiff {\n constructor(el, options) {\n this.el = el;\n this.canCreateNote = Boolean(options && options.canCreateNote);\n this.renderCommentBadge = Boolean(options && options.renderCommentBadge);\n this.$noteContainer = $('.note-container', this.el);\n this.imageBadges = [];\n }\n\n init() {\n this.imageFrameEl = this.el.querySelector('.diff-file .js-image-frame');\n this.imageEl = this.imageFrameEl.querySelector('img');\n\n this.bindEvents();\n }\n\n bindEvents() {\n this.imageClickedWrapper = this.imageClicked.bind(this);\n this.imageBlurredWrapper = imageDiffHelper.removeCommentIndicator.bind(null, this.imageFrameEl);\n this.addBadgeWrapper = this.addBadge.bind(this);\n this.removeBadgeWrapper = this.removeBadge.bind(this);\n this.renderBadgesWrapper = this.renderBadges.bind(this);\n\n // Render badges\n if (isImageLoaded(this.imageEl)) {\n this.renderBadges();\n } else {\n this.imageEl.addEventListener('load', this.renderBadgesWrapper);\n }\n\n // jquery makes the event delegation here much simpler\n this.$noteContainer.on('click', '.js-diff-notes-toggle', imageDiffHelper.toggleCollapsed);\n $(this.el).on('click', '.comment-indicator', imageDiffHelper.commentIndicatorOnClick);\n\n if (this.canCreateNote) {\n this.el.addEventListener('click.imageDiff', this.imageClickedWrapper);\n this.el.addEventListener('blur.imageDiff', this.imageBlurredWrapper);\n this.el.addEventListener('addBadge.imageDiff', this.addBadgeWrapper);\n this.el.addEventListener('removeBadge.imageDiff', this.removeBadgeWrapper);\n }\n }\n\n imageClicked(event) {\n const customEvent = event.detail;\n const selection = imageDiffHelper.getTargetSelection(customEvent);\n const el = customEvent.currentTarget;\n\n imageDiffHelper.setPositionDataAttribute(el, selection.actual);\n imageDiffHelper.showCommentIndicator(this.imageFrameEl, selection.browser);\n }\n\n renderBadges() {\n const discussionsEls = this.el.querySelectorAll('.note-container .discussion-notes .notes');\n [...discussionsEls].forEach(this.renderBadge.bind(this));\n }\n\n renderBadge(discussionEl, index) {\n const imageBadge = imageDiffHelper.generateBadgeFromDiscussionDOM(\n this.imageFrameEl,\n discussionEl,\n );\n\n this.imageBadges.push(imageBadge);\n\n const options = {\n coordinate: imageBadge.browser,\n noteId: imageBadge.noteId,\n };\n\n if (this.renderCommentBadge) {\n imageDiffHelper.addImageCommentBadge(this.imageFrameEl, options);\n } else {\n const numberBadgeOptions = { ...options, badgeText: index + 1 };\n\n imageDiffHelper.addImageBadge(this.imageFrameEl, numberBadgeOptions);\n }\n }\n\n addBadge(event) {\n const { x, y, width, height, noteId, discussionId } = event.detail;\n const badgeText = this.imageBadges.length + 1;\n const imageBadge = new ImageBadge({\n actual: {\n x,\n y,\n width,\n height,\n },\n imageEl: this.imageFrameEl.querySelector('img'),\n noteId,\n discussionId,\n });\n\n this.imageBadges.push(imageBadge);\n\n imageDiffHelper.addImageBadge(this.imageFrameEl, {\n coordinate: imageBadge.browser,\n badgeText,\n noteId,\n });\n\n imageDiffHelper.addAvatarBadge(this.el, {\n detail: {\n noteId,\n badgeNumber: badgeText,\n },\n });\n\n const discussionEl = this.el.querySelector(`#discussion_${discussionId}`);\n imageDiffHelper.updateDiscussionBadgeNumber(discussionEl, badgeText);\n }\n\n removeBadge(event) {\n const { badgeNumber } = event.detail;\n const indexToRemove = badgeNumber - 1;\n const imageBadgeEls = this.imageFrameEl.querySelectorAll('.design-note-pin');\n\n if (this.imageBadges.length !== badgeNumber) {\n // Cascade badges count numbers for (avatar badges + image badges)\n this.imageBadges.forEach((badge, index) => {\n if (index > indexToRemove) {\n const { discussionId } = badge;\n const updatedBadgeNumber = index;\n const discussionEl = this.el.querySelector(`#discussion_${discussionId}`);\n\n imageBadgeEls[index].textContent = updatedBadgeNumber;\n\n imageDiffHelper.updateDiscussionBadgeNumber(discussionEl, updatedBadgeNumber);\n imageDiffHelper.updateDiscussionAvatarBadgeNumber(discussionEl, updatedBadgeNumber);\n }\n });\n }\n\n this.imageBadges.splice(indexToRemove, 1);\n\n const imageBadgeEl = imageBadgeEls[indexToRemove];\n imageBadgeEl.remove();\n }\n}\n","export function isImageLoaded(element) {\n return element.complete && element.naturalHeight !== 0;\n}\n","export const viewTypes = {\n TWO_UP: 'TWO_UP',\n SWIPE: 'SWIPE',\n ONION_SKIN: 'ONION_SKIN',\n};\n\nexport function isValidViewType(validate) {\n return Boolean(Object.getOwnPropertyNames(viewTypes).find((viewType) => viewType === validate));\n}\n","import imageDiffHelper from './helpers/index';\nimport ImageDiff from './image_diff';\nimport { viewTypes, isValidViewType } from './view_types';\n\nexport default class ReplacedImageDiff extends ImageDiff {\n init(defaultViewType = viewTypes.TWO_UP) {\n this.imageFrameEls = {\n [viewTypes.TWO_UP]: this.el.querySelector('.two-up .js-image-frame'),\n [viewTypes.SWIPE]: this.el.querySelector('.swipe .js-image-frame'),\n [viewTypes.ONION_SKIN]: this.el.querySelector('.onion-skin .js-image-frame'),\n };\n\n const viewModesEl = this.el.querySelector('.view-modes-menu');\n this.viewModesEls = {\n [viewTypes.TWO_UP]: viewModesEl.querySelector('.two-up'),\n [viewTypes.SWIPE]: viewModesEl.querySelector('.swipe'),\n [viewTypes.ONION_SKIN]: viewModesEl.querySelector('.onion-skin'),\n };\n\n this.currentView = defaultViewType;\n this.generateImageEls();\n this.bindEvents();\n }\n\n generateImageEls() {\n this.imageEls = {};\n\n const viewTypeNames = Object.getOwnPropertyNames(viewTypes);\n viewTypeNames.forEach((viewType) => {\n this.imageEls[viewType] = this.imageFrameEls[viewType].querySelector('img');\n });\n }\n\n bindEvents() {\n super.bindEvents();\n\n this.changeToViewTwoUp = this.changeView.bind(this, viewTypes.TWO_UP);\n this.changeToViewSwipe = this.changeView.bind(this, viewTypes.SWIPE);\n this.changeToViewOnionSkin = this.changeView.bind(this, viewTypes.ONION_SKIN);\n\n this.viewModesEls[viewTypes.TWO_UP].addEventListener('click', this.changeToViewTwoUp);\n this.viewModesEls[viewTypes.SWIPE].addEventListener('click', this.changeToViewSwipe);\n this.viewModesEls[viewTypes.ONION_SKIN].addEventListener('click', this.changeToViewOnionSkin);\n }\n\n get imageEl() {\n return this.imageEls[this.currentView];\n }\n\n get imageFrameEl() {\n return this.imageFrameEls[this.currentView];\n }\n\n changeView(newView) {\n if (!isValidViewType(newView)) {\n return;\n }\n\n const indicator = imageDiffHelper.removeCommentIndicator(this.imageFrameEl);\n\n this.currentView = newView;\n\n // Clear existing badges on new view\n const existingBadges = this.imageFrameEl.querySelectorAll('.design-note-pin');\n [...existingBadges].map((badge) => badge.remove());\n\n // Remove existing references to old view image badges\n this.imageBadges = [];\n\n // Image_file.js has a fade animation of 200ms for loading the view\n // Need to wait an additional 250ms for the images to be displayed\n // on window in order to re-normalize their dimensions\n setTimeout(this.renderNewView.bind(this, indicator), 250);\n }\n\n renderNewView(indicator) {\n // Generate badge coordinates on new view\n this.renderBadges();\n\n // Re-render indicator in new view\n if (indicator.removed) {\n const normalizedIndicator = imageDiffHelper.resizeCoordinatesToImageElement(this.imageEl, {\n x: indicator.x,\n y: indicator.y,\n width: indicator.image.width,\n height: indicator.image.height,\n });\n imageDiffHelper.showCommentIndicator(this.imageFrameEl, normalizedIndicator);\n }\n }\n}\n","import ImageFile from '~/commit/image_file';\nimport ImageDiff from '../image_diff';\nimport ReplacedImageDiff from '../replaced_image_diff';\n\nfunction initImageDiff(fileEl, canCreateNote, renderCommentBadge) {\n const options = {\n canCreateNote,\n renderCommentBadge,\n };\n let diff;\n\n // ImageFile needs to be invoked before initImageDiff so that badges\n // can mount to the correct location\n new ImageFile(fileEl); // eslint-disable-line no-new\n\n if (fileEl.querySelector('.diff-file .js-single-image')) {\n diff = new ImageDiff(fileEl, options);\n diff.init();\n } else if (fileEl.querySelector('.diff-file .js-replaced-image')) {\n diff = new ReplacedImageDiff(fileEl, options);\n diff.init();\n }\n\n return diff;\n}\n\nexport default { initImageDiff };\n","import $ from 'jquery';\nimport { GlButton } from '@gitlab/ui';\nimport { createAlert } from '~/alert';\nimport { loadingIconForLegacyJS } from '~/loading_icon_for_legacy_js';\nimport { renderVueComponentForLegacyJS } from '~/render_vue_component_for_legacy_js';\nimport { spriteIcon } from '~/lib/utils/common_utils';\nimport FilesCommentButton from './files_comment_button';\nimport initImageDiffHelper from './image_diff/helpers/init_image_diff';\nimport axios from './lib/utils/axios_utils';\nimport { __ } from './locale';\nimport syntaxHighlight from './syntax_highlight';\n\nconst WRAPPER = '';\nconst LOADING_HTML = loadingIconForLegacyJS().outerHTML;\nconst ERROR_HTML = `\" + this.options.dictFallbackText + \"
\";\n }\n fieldsString += \"${spriteIcon(\n 'warning-solid',\n 's16',\n)} Could not load diff
`;\nconst CLICK_TO_EXPAND_BUTTON_HTML = renderVueComponentForLegacyJS(\n GlButton,\n {\n class: 'click-to-expand',\n props: { variant: 'link' },\n },\n __('Click to expand it.'),\n).outerHTML;\nconst COLLAPSED_HTML = `${__('This diff is collapsed.')} ${CLICK_TO_EXPAND_BUTTON_HTML}
`;\n\nexport default class SingleFileDiff {\n constructor(file) {\n this.file = file;\n this.toggleDiff = this.toggleDiff.bind(this);\n this.content = $('.diff-content', this.file);\n this.$chevronRightIcon = $('.diff-toggle-caret .chevron-right', this.file);\n this.$chevronDownIcon = $('.diff-toggle-caret .chevron-down', this.file);\n this.diffForPath = this.content\n .find('div:not(.note-text)[data-diff-for-path]')\n .data('diffForPath');\n this.isOpen = !this.diffForPath;\n if (this.diffForPath) {\n this.collapsedContent = this.content;\n this.loadingContent = $(WRAPPER).addClass('loading').html(LOADING_HTML).hide();\n this.content = null;\n this.collapsedContent.after(this.loadingContent);\n this.$chevronRightIcon.removeClass('gl-hidden');\n } else {\n this.collapsedContent = $(WRAPPER).html(COLLAPSED_HTML).hide();\n this.content.after(this.collapsedContent);\n this.$chevronDownIcon.removeClass('gl-hidden');\n }\n\n $('.js-file-title', this.file).on('click', (e) => {\n this.toggleDiff($(e.target));\n });\n $('.click-to-expand', this.file).on('click', (e) => {\n this.toggleDiff($(e.currentTarget));\n });\n }\n\n toggleDiff($target, cb) {\n if (\n !$target.hasClass('js-file-title') &&\n !$target.hasClass('click-to-expand') &&\n !$target.closest('.diff-toggle-caret').length > 0\n )\n return;\n this.isOpen = !this.isOpen;\n if (!this.isOpen && !this.hasError) {\n this.content.hide();\n this.$chevronRightIcon.removeClass('gl-hidden');\n this.$chevronDownIcon.addClass('gl-hidden');\n this.collapsedContent.show();\n } else if (this.content) {\n this.collapsedContent.hide();\n this.content.show();\n this.$chevronDownIcon.removeClass('gl-hidden');\n this.$chevronRightIcon.addClass('gl-hidden');\n } else {\n this.$chevronDownIcon.removeClass('gl-hidden');\n this.$chevronRightIcon.addClass('gl-hidden');\n return this.getContentHTML(cb); // eslint-disable-line consistent-return\n }\n }\n\n getContentHTML(cb) {\n this.collapsedContent.hide();\n this.loadingContent.show();\n\n return axios\n .get(this.diffForPath)\n .then(({ data }) => {\n this.loadingContent.hide();\n if (data.html) {\n this.content = $(data.html);\n syntaxHighlight(this.content);\n } else {\n this.hasError = true;\n this.content = $(ERROR_HTML);\n }\n this.collapsedContent.after(this.content);\n\n const $file = $(this.file);\n FilesCommentButton.init($file);\n\n const canCreateNote = $file.closest('.files').is('[data-can-create-note]');\n initImageDiffHelper.initImageDiff($file[0], canCreateNote);\n\n if (cb) cb();\n })\n .catch(() => {\n createAlert({\n message: __('An error occurred while retrieving diff'),\n });\n });\n }\n}\n","import $ from 'jquery';\nimport { merge } from 'lodash';\nimport { createAlert } from '~/alert';\nimport axios from '~/lib/utils/axios_utils';\nimport { __ } from '~/locale';\nimport FilesCommentButton from './files_comment_button';\nimport initImageDiffHelper from './image_diff/helpers/init_image_diff';\nimport { getLocationHash } from './lib/utils/url_utility';\nimport SingleFileDiff from './single_file_diff';\n\nconst UNFOLD_COUNT = 20;\nlet isBound = false;\n\nexport default class Diff {\n constructor({ mergeRequestEventHub } = {}) {\n const $diffFile = $('.files .diff-file');\n\n if (mergeRequestEventHub) {\n this.mrHub = mergeRequestEventHub;\n }\n\n $diffFile.each((index, file) => {\n if (!$.data(file, 'singleFileDiff')) {\n $.data(file, 'singleFileDiff', new SingleFileDiff(file));\n }\n });\n\n const tab = document.getElementById('diffs');\n if (!tab || (tab && tab.dataset && tab.dataset.isLocked !== ''))\n FilesCommentButton.init($diffFile);\n\n const firstFile = $('.files').first().get(0);\n const canCreateNote =\n firstFile && Object.prototype.hasOwnProperty.call(firstFile.dataset, 'canCreateNote');\n $diffFile.each((index, file) => initImageDiffHelper.initImageDiff(file, canCreateNote));\n\n if (!isBound) {\n $(document)\n .on('click', '.js-unfold', this.handleClickUnfold.bind(this))\n .on('click', '.diff-line-num a', this.handleClickLineNum.bind(this))\n .on('mousedown', 'td.line_content.parallel', this.handleParallelLineDown.bind(this))\n .on('click', '.inline-parallel-buttons a', ($e) => this.viewTypeSwitch($e));\n isBound = true;\n }\n\n if (getLocationHash()) {\n this.highlightSelectedLine();\n }\n\n this.openAnchoredDiff();\n\n this.prepareRenderedDiff();\n }\n\n handleClickUnfold(e) {\n const $target = $(e.target);\n const [oldLineNumber, newLineNumber] = this.lineNumbers($target.parent());\n const offset = newLineNumber - oldLineNumber;\n const bottom = $target.hasClass('js-unfold-bottom');\n let since;\n let to;\n let unfold = true;\n\n if (bottom) {\n const lineNumber = newLineNumber + 1;\n since = lineNumber;\n to = lineNumber + UNFOLD_COUNT;\n } else {\n const lineNumber = newLineNumber - 1;\n since = lineNumber - UNFOLD_COUNT;\n to = lineNumber;\n\n // make sure we aren't loading more than we need\n const prevNewLine = this.lineNumbers($target.parent().prev())[1];\n if (since <= prevNewLine + 1) {\n since = prevNewLine + 1;\n unfold = false;\n }\n }\n\n const file = $target.parents('.diff-file');\n const link = file.data('blobDiffPath');\n const view = file.data('view');\n\n const params = { since, to, bottom, offset, unfold, view };\n axios\n .get(link, { params })\n .then(({ data }) => $target.parent().replaceWith(data))\n .catch(() =>\n createAlert({\n message: __('An error occurred while loading diff'),\n }),\n );\n }\n\n openAnchoredDiff(cb) {\n const locationHash = getLocationHash();\n const anchoredDiff = locationHash && locationHash.split('_')[0];\n\n if (!anchoredDiff) return;\n\n const diffTitle = $(`#${anchoredDiff}`);\n const diffFile = diffTitle.closest('.diff-file');\n const nothingHereBlock = $('.nothing-here-block:visible', diffFile);\n if (nothingHereBlock.length) {\n const clickTarget = $('.js-file-title, .click-to-expand', diffFile);\n diffFile.data('singleFileDiff').toggleDiff(clickTarget, () => {\n this.highlightSelectedLine();\n this.prepareRenderedDiff();\n if (cb) cb();\n });\n } else if (cb) {\n cb();\n }\n }\n\n handleClickLineNum(e) {\n const hash = $(e.currentTarget).attr('href');\n e.preventDefault();\n if (window.history.pushState) {\n window.history.pushState(null, null, hash);\n } else {\n window.location.hash = hash;\n }\n this.highlightSelectedLine();\n }\n // eslint-disable-next-line class-methods-use-this\n handleParallelLineDown(e) {\n const line = $(e.currentTarget);\n const table = line.closest('table');\n\n table.removeClass('left-side-selected right-side-selected');\n\n const lineClass = ['left-side', 'right-side'].filter((name) => line.hasClass(name))[0];\n if (lineClass) {\n table.addClass(`${lineClass}-selected`);\n }\n }\n // eslint-disable-next-line class-methods-use-this\n diffViewType() {\n return $('.inline-parallel-buttons a.active').data('viewType');\n }\n viewTypeSwitch(event) {\n const click = event.originalEvent;\n const diffSource = new URL(event.currentTarget.getAttribute('href'), document.location.href);\n\n if (this.mrHub) {\n click.preventDefault();\n click.stopPropagation();\n\n diffSource.pathname = `${diffSource.pathname}.json`;\n\n this.mrHub.$emit('diff:switch-view-type', { source: diffSource.toString() });\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n lineNumbers(line) {\n const children = line.find('.diff-line-num').toArray();\n if (children.length !== 2) {\n return [0, 0];\n }\n return children.map((elm) => parseInt($(elm).data('linenumber'), 10) || 0);\n }\n // eslint-disable-next-line class-methods-use-this\n highlightSelectedLine() {\n const hash = getLocationHash();\n const $diffFiles = $('.diff-file');\n $diffFiles.find('.hll').removeClass('hll');\n\n if (hash) {\n $diffFiles\n .find(`tr#${hash}:not(.match) td, td#${hash}, td[data-line-code=\"${hash}\"]`)\n .addClass('hll');\n }\n }\n\n prepareRenderedDiff() {\n const allElements = this.elementsForRenderedDiff();\n const diff = this;\n\n for (const [fileHash, fileElements] of Object.entries(allElements)) {\n // eslint-disable no-param-reassign\n fileElements.rawButton.onclick = () => {\n diff.showRawViewer(fileHash, diff.elementsForRenderedDiff()[fileHash]);\n };\n\n fileElements.renderedButton.onclick = () => {\n diff.showRenderedViewer(fileHash, diff.elementsForRenderedDiff()[fileHash]);\n };\n // eslint-enable no-param-reassign\n\n diff.showRenderedViewer(fileHash, fileElements);\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n formatElementToObject = (element) => {\n const key = element.attributes['data-file-hash'].value;\n const name = element.attributes['data-diff-toggle-entity'].value;\n\n return { [key]: { [name]: element } };\n };\n\n elementsForRenderedDiff = () => {\n const $elements = $('[data-diff-toggle-entity]');\n\n if ($elements.length === 0) return {};\n\n const diff = this;\n\n return $elements.toArray().map(diff.formatElementToObject).reduce(merge);\n };\n\n // eslint-disable-next-line class-methods-use-this\n showRawViewer = (fileHash, elements) => {\n if (elements === undefined) return;\n\n elements.rawButton.classList.add('selected');\n elements.renderedButton.classList.remove('selected');\n\n elements.renderedViewer.classList.add('hidden');\n elements.rawViewer.classList.remove('hidden');\n };\n\n // eslint-disable-next-line class-methods-use-this\n showRenderedViewer = (fileHash, elements) => {\n if (elements === undefined) return;\n\n elements.rawButton.classList.remove('selected');\n elements.rawViewer.classList.add('hidden');\n\n elements.renderedButton.classList.add('selected');\n elements.renderedViewer.classList.remove('hidden');\n };\n}\n","var arrayReduce = require('./_arrayReduce'),\n deburr = require('./deburr'),\n words = require('./words');\n\n/** Used to compose unicode capture groups. */\nvar rsApos = \"['\\u2019]\";\n\n/** Used to match apostrophes. */\nvar reApos = RegExp(rsApos, 'g');\n\n/**\n * Creates a function like `_.camelCase`.\n *\n * @private\n * @param {Function} callback The function to combine each word.\n * @returns {Function} Returns the new compounder function.\n */\nfunction createCompounder(callback) {\n return function(string) {\n return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');\n };\n}\n\nmodule.exports = createCompounder;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"file-header-content gl-flex gl-items-center gl-leading-1\"},[_vm._t(\"filepath-prepend\"),_vm._v(\" \"),(_vm.fileName)?[_c('file-icon',{attrs:{\"file-name\":_vm.fileName,\"size\":16,\"aria-hidden\":\"true\",\"css-classes\":\"gl-mr-3\"}}),_vm._v(\" \"),_c(_vm.showAsLink ? 'gl-link' : 'strong',_vm._b({tag:\"component\",staticClass:\"file-title-name js-blob-header-filepath gl-mr-1 gl-break-all gl-font-bold gl-text-strong\",class:{ '!gl-text-blue-700 hover:gl-cursor-pointer': _vm.showAsLink },attrs:{\"data-testid\":\"file-title-content\"}},'component',_vm.linkHref,false),[_vm._v(_vm._s(_vm.fileName))])]:_vm._e(),_vm._v(\" \"),(!_vm.glFeatures.directoryCodeDropdownUpdates)?_c('clipboard-button',{attrs:{\"text\":_vm.blob.path,\"gfm\":_vm.gfmCopyText,\"title\":_vm.__('Copy file path'),\"category\":\"tertiary\",\"css-class\":\"gl-mr-2\"}}):_vm._e(),_vm._v(\" \"),(_vm.showBlobSize)?_c('small',{staticClass:\"gl-mr-3 gl-text-subtle\"},[_vm._v(_vm._s(_vm.blobSize))]):_vm._e(),_vm._v(\" \"),(_vm.showLfsBadge)?_c('gl-badge',[_vm._v(_vm._s(_vm.__('LFS')))]):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./blob_header_filepath.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./blob_header_filepath.vue?vue&type=script&lang=js\"","\n\n \n {{ fileName }} \n \n\n {{ __('LFS') }} \n
\n\n","import { render, staticRenderFns } from \"./blob_header_filepath.vue?vue&type=template&id=78ebdaa0\"\nimport script from \"./blob_header_filepath.vue?vue&type=script&lang=js\"\nexport * from \"./blob_header_filepath.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"image-diff-overlay gl-absolute gl-h-full gl-w-full\"},[(_vm.canComment)?_c('button',{staticClass:\"image-diff-overlay-add-comment js-add-image-diff-note-button gl-absolute gl-h-full gl-w-full gl-border-0 gl-bg-transparent\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.clickedImage($event.offsetX, $event.offsetY)}}},[_c('span',{staticClass:\"sr-only\"},[_vm._v(\" \"+_vm._s(_vm.__('Add image comment'))+\" \")])]):_vm._e(),_vm._v(\" \"),_vm._l((_vm.allDiscussions),function(discussion,index){return _c('design-note-pin',{key:discussion.id,staticClass:\"js-image-badge\",class:_vm.badgeClass,attrs:{\"label\":_vm.showCommentIcon ? null : _vm.toggleText(discussion, index),\"position\":_vm.getPosition(discussion),\"aria-label\":_vm.__('Show comments'),\"is-draft\":discussion.isDraft,\"is-resolved\":discussion.resolved,\"is-on-image\":\"\",\"disabled\":!_vm.shouldToggleDiscussion},on:{\"click\":function($event){return _vm.clickedToggle(discussion)}}})}),_vm._v(\" \"),(_vm.canComment && _vm.currentCommentForm)?_c('design-note-pin',{attrs:{\"position\":/* eslint-disable @gitlab/vue-no-new-non-primitive-in-template */ {\n left: `${_vm.currentCommentForm.xPercent}%`,\n top: `${_vm.currentCommentForm.yPercent}%`,\n } /* eslint-enable @gitlab/vue-no-new-non-primitive-in-template */}}):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// eslint-disable-next-line no-restricted-imports\nimport { mapActions } from 'vuex';\n\nexport default {\n computed: {\n diffFileDiscussions() {\n return this.allDiscussions.filter((d) => !d.isDraft);\n },\n },\n methods: {\n ...mapActions(['toggleDiscussion']),\n clickedToggle(discussion) {\n if (!discussion.isDraft) {\n this.toggleDiscussion({ discussionId: discussion.id });\n }\n },\n toggleText(discussion, index) {\n const count = index + 1;\n\n return discussion.isDraft ? count - this.diffFileDiscussions.length : count;\n },\n },\n};\n","\n\n\n \n\n","import mod from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image_diff_overlay.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./image_diff_overlay.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./image_diff_overlay.vue?vue&type=template&id=50229185\"\nimport script from \"./image_diff_overlay.vue?vue&type=script&lang=js\"\nexport * from \"./image_diff_overlay.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import { invert } from 'lodash';\n\nexport const FEEDBACK_TYPE_DISMISSAL = 'dismissal';\nexport const FEEDBACK_TYPE_ISSUE = 'issue';\nexport const FEEDBACK_TYPE_MERGE_REQUEST = 'merge_request';\n\n/**\n * Security artifact file types\n */\nexport const REPORT_FILE_TYPES = {\n ARCHIVE: 'ARCHIVE',\n TRACE: 'TRACE',\n METADATA: 'METADATA',\n};\n\n/**\n * Security scan report types, as provided by the backend.\n */\nexport const REPORT_TYPE_SAST = 'sast';\nexport const REPORT_TYPE_SAST_IAC = 'sast_iac';\nexport const REPORT_TYPE_DAST = 'dast';\nexport const REPORT_TYPE_DAST_PROFILES = 'dast_profiles';\nexport const REPORT_TYPE_SECRET_DETECTION = 'secret_detection';\nexport const REPORT_TYPE_DEPENDENCY_SCANNING = 'dependency_scanning';\nexport const REPORT_TYPE_CONTAINER_SCANNING = 'container_scanning';\nexport const REPORT_TYPE_CONTAINER_SCANNING_FOR_REGISTRY = 'container_scanning_for_registry';\nexport const REPORT_TYPE_CLUSTER_IMAGE_SCANNING = 'cluster_image_scanning';\nexport const REPORT_TYPE_COVERAGE_FUZZING = 'coverage_fuzzing';\nexport const REPORT_TYPE_CORPUS_MANAGEMENT = 'corpus_management';\nexport const REPORT_TYPE_API_FUZZING = 'api_fuzzing';\n\n/**\n * SecurityReportTypeEnum values for use with GraphQL.\n *\n * These should correspond to the lowercase security scan report types.\n */\nexport const SECURITY_REPORT_TYPE_ENUM_SAST = 'SAST';\nexport const SECURITY_REPORT_TYPE_ENUM_SECRET_DETECTION = 'SECRET_DETECTION';\n\n/**\n * A mapping from security scan report types to SecurityReportTypeEnum values.\n */\nexport const reportTypeToSecurityReportTypeEnum = {\n [REPORT_TYPE_SAST]: SECURITY_REPORT_TYPE_ENUM_SAST,\n [REPORT_TYPE_SECRET_DETECTION]: SECURITY_REPORT_TYPE_ENUM_SECRET_DETECTION,\n};\n\n/**\n * A mapping from SecurityReportTypeEnum values to security scan report types.\n */\nexport const securityReportTypeEnumToReportType = invert(reportTypeToSecurityReportTypeEnum);\n","import { isEmpty } from 'lodash';\nimport { createAlert } from '~/alert';\nimport { scrollToElement } from '~/lib/utils/common_utils';\nimport { __ } from '~/locale';\nimport { FILE_DIFF_POSITION_TYPE } from '~/diffs/constants';\nimport { updateNoteErrorMessage } from '~/notes/utils';\nimport { CHANGES_TAB, DISCUSSION_TAB, SHOW_TAB } from '../constants';\nimport service from '../services/drafts_service';\nimport * as types from '../stores/modules/batch_comments/mutation_types';\n\nexport function saveDraft(draft) {\n return this.tryStore('legacyNotes').saveNote({ ...draft, isDraft: true });\n}\n\nexport function addDraftToDiscussion({ endpoint, data }) {\n return service\n .addDraftToDiscussion(endpoint, data)\n .then((res) => res.data)\n .then((res) => {\n this[types.ADD_NEW_DRAFT](res);\n return res;\n })\n .catch((e) => {\n throw e.response;\n });\n}\n\nexport function createNewDraft({ endpoint, data }) {\n return service\n .createNewDraft(endpoint, data)\n .then((res) => res.data)\n .then((res) => {\n this[types.ADD_NEW_DRAFT](res);\n\n if (res.position?.position_type === FILE_DIFF_POSITION_TYPE) {\n this.tryStore('legacyDiffs').addDraftToFile({ filePath: res.file_path, draft: res });\n }\n\n return res;\n })\n .catch((e) => {\n throw e.response;\n });\n}\n\nexport function deleteDraft(draft) {\n return service\n .deleteDraft(this.getNotesData.draftsPath, draft.id)\n .then(() => {\n this[types.DELETE_DRAFT](draft.id);\n })\n .catch(() =>\n createAlert({\n message: __('An error occurred while deleting the comment'),\n }),\n );\n}\n\nexport function fetchDrafts() {\n return service\n .fetchDrafts(this.getNotesData.draftsPath)\n .then((res) => res.data)\n .then((data) => this[types.SET_BATCH_COMMENTS_DRAFTS](data))\n .then(() => {\n this.drafts.forEach((draft) => {\n if (draft.position?.position_type === FILE_DIFF_POSITION_TYPE) {\n this.tryStore('legacyDiffs').addDraftToFile({ filePath: draft.file_path, draft });\n } else if (!draft.line_code) {\n this.tryStore('legacyNotes').convertToDiscussion(draft.discussion_id);\n }\n });\n })\n .catch(() =>\n createAlert({\n message: __('An error occurred while fetching pending comments'),\n }),\n );\n}\n\nexport function publishSingleDraft(draftId) {\n this[types.REQUEST_PUBLISH_DRAFT](draftId);\n\n service\n .publishDraft(this.getNotesData.draftsPublishPath, draftId)\n .then(() => this[types.RECEIVE_PUBLISH_DRAFT_SUCCESS](draftId))\n .catch(() => this[types.RECEIVE_PUBLISH_DRAFT_ERROR](draftId));\n}\n\nexport function publishReview(noteData = {}) {\n this[types.REQUEST_PUBLISH_REVIEW]();\n\n return service\n .publish(this.getNotesData.draftsPublishPath, noteData)\n .then(() => this[types.RECEIVE_PUBLISH_REVIEW_SUCCESS]())\n .catch((e) => {\n this[types.RECEIVE_PUBLISH_REVIEW_ERROR]();\n\n throw e.response;\n });\n}\n\nexport function updateDraft({\n note,\n noteText,\n resolveDiscussion,\n position,\n flashContainer,\n callback,\n errorCallback,\n}) {\n const params = {\n draftId: note.id,\n note: noteText,\n resolveDiscussion,\n };\n // Stringifying an empty object yields `{}` which breaks graphql queries\n // https://gitlab.com/gitlab-org/gitlab/-/issues/298827\n if (!isEmpty(position)) params.position = JSON.stringify(position);\n\n return service\n .update(this.getNotesData.draftsPath, params)\n .then((res) => res.data)\n .then((data) => this[types.RECEIVE_DRAFT_UPDATE_SUCCESS](data))\n .then(callback)\n .catch((e) => {\n createAlert({\n message: updateNoteErrorMessage(e),\n parent: flashContainer,\n });\n\n errorCallback();\n });\n}\n\nexport function scrollToDraft(draft) {\n const discussion =\n draft.discussion_id && this.tryStore('legacyNotes').getDiscussion(draft.discussion_id);\n const tab =\n draft.file_hash || (discussion && discussion.diff_discussion) ? CHANGES_TAB : SHOW_TAB;\n const tabEl = tab === CHANGES_TAB ? CHANGES_TAB : DISCUSSION_TAB;\n const draftID = `note_${draft.id}`;\n const el = document.querySelector(`#${tabEl} #${draftID}`);\n\n window.location.hash = draftID;\n\n if (window.mrTabs.currentAction !== tab) {\n window.mrTabs.tabShown(tab);\n }\n\n const { file_path: filePath } = draft;\n\n if (filePath) {\n this.tryStore('legacyDiffs').setFileCollapsedAutomatically({ filePath, collapsed: false });\n }\n\n if (discussion) {\n this.tryStore('legacyNotes').expandDiscussion({ discussionId: discussion.id });\n }\n\n if (el) {\n setTimeout(() => scrollToElement(el.closest('.draft-note-component')));\n }\n}\n\nexport function expandAllDiscussions() {\n return this.drafts\n .filter((draft) => draft.discussion_id)\n .forEach((draft) => {\n this.tryStore('legacyNotes').expandDiscussion({ discussionId: draft.discussion_id });\n });\n}\n\nexport function toggleResolveDiscussion(draftId) {\n this[types.TOGGLE_RESOLVE_DISCUSSION](draftId);\n}\n\nexport function clearDrafts() {\n return this[types.CLEAR_DRAFTS]();\n}\n\nexport function discardDrafts() {\n return service\n .discard(this.getNotesData.draftsDiscardPath)\n .then(() => {\n this[types.CLEAR_DRAFTS]();\n })\n .catch((error) =>\n createAlert({\n captureError: true,\n error,\n message: __('An error occurred while discarding your review. Please try again.'),\n }),\n );\n}\n","import * as types from '../stores/modules/batch_comments/mutation_types';\n\nconst processDraft = (draft) => ({\n ...draft,\n isDraft: true,\n});\n\nexport default {\n [types.ADD_NEW_DRAFT](draft) {\n this.drafts.push(processDraft(draft));\n if (this.drafts.length === 1) {\n this.shouldAnimateReviewButton = true;\n }\n },\n\n [types.DELETE_DRAFT](draftId) {\n this.drafts = this.drafts.filter((draft) => draft.id !== draftId);\n },\n\n [types.SET_BATCH_COMMENTS_DRAFTS](drafts) {\n this.drafts = drafts.map(processDraft);\n },\n\n [types.REQUEST_PUBLISH_DRAFT](draftId) {\n this.currentlyPublishingDrafts.push(draftId);\n },\n [types.RECEIVE_PUBLISH_DRAFT_SUCCESS](draftId) {\n this.currentlyPublishingDrafts = this.currentlyPublishingDrafts.filter(\n (publishingDraftId) => publishingDraftId !== draftId,\n );\n this.drafts = this.drafts.filter((d) => d.id !== draftId);\n },\n [types.RECEIVE_PUBLISH_DRAFT_ERROR](draftId) {\n this.currentlyPublishingDrafts = this.currentlyPublishingDrafts.filter(\n (publishingDraftId) => publishingDraftId !== draftId,\n );\n },\n\n [types.REQUEST_PUBLISH_REVIEW]() {\n this.isPublishing = true;\n },\n [types.RECEIVE_PUBLISH_REVIEW_SUCCESS]() {\n this.isPublishing = false;\n },\n [types.RECEIVE_PUBLISH_REVIEW_ERROR]() {\n this.isPublishing = false;\n },\n [types.RECEIVE_DRAFT_UPDATE_SUCCESS](data) {\n const index = this.drafts.findIndex((draft) => draft.id === data.id);\n\n if (index >= 0) {\n this.drafts.splice(index, 1, processDraft(data));\n }\n },\n [types.TOGGLE_RESOLVE_DISCUSSION](draftId) {\n this.drafts = this.drafts.map((draft) => {\n if (draft.id === draftId) {\n return {\n ...draft,\n resolve_discussion: !draft.resolve_discussion,\n };\n }\n\n return draft;\n });\n },\n [types.CLEAR_DRAFTS]() {\n this.drafts = [];\n },\n [types.SET_REVIEW_BAR_RENDERED]() {\n this.reviewBarRendered = true;\n },\n [types.SET_DRAFT_EDITING]({ draftId, isEditing }) {\n const draftIndex = this.drafts.findIndex((draft) => draft.id === draftId);\n const draft = this.drafts[draftIndex];\n this.drafts.splice(draftIndex, 1, { ...draft, isEditing });\n },\n};\n","import { parallelLineKey, showDraftOnSide } from '../utils';\n\nexport function draftsCount() {\n return this.drafts.length;\n}\n\nexport function getNotesData() {\n return this.tryStore('legacyNotes').getNotesData;\n}\n\nexport function hasDrafts() {\n return this.drafts.length > 0;\n}\n\nexport function draftsPerDiscussionId() {\n return this.drafts.reduce((acc, draft) => {\n if (draft.discussion_id) {\n acc[draft.discussion_id] = draft;\n }\n\n return acc;\n }, {});\n}\n\nexport function draftsPerFileHashAndLine() {\n return this.drafts.reduce((acc, draft) => {\n if (draft.file_hash) {\n if (!acc[draft.file_hash]) {\n acc[draft.file_hash] = {};\n }\n\n if (!acc[draft.file_hash][draft.line_code]) {\n acc[draft.file_hash][draft.line_code] = [];\n }\n\n acc[draft.file_hash][draft.line_code].push(draft);\n }\n\n return acc;\n }, {});\n}\n\nexport function shouldRenderDraftRow() {\n return (diffFileSha, line) =>\n Boolean(\n diffFileSha in this.draftsPerFileHashAndLine &&\n this.draftsPerFileHashAndLine[diffFileSha][line.line_code],\n );\n}\n\nexport function shouldRenderParallelDraftRow() {\n return (diffFileSha, line) => {\n const drafts = this.draftsPerFileHashAndLine[diffFileSha];\n const [lkey, rkey] = [parallelLineKey(line, 'left'), parallelLineKey(line, 'right')];\n\n return drafts ? Boolean(drafts[lkey] || drafts[rkey]) : false;\n };\n}\n\nexport function hasParallelDraftLeft() {\n return (diffFileSha, line) => {\n const drafts = this.draftsPerFileHashAndLine[diffFileSha];\n const lkey = parallelLineKey(line, 'left');\n\n return drafts ? Boolean(drafts[lkey]) : false;\n };\n}\n\nexport function hasParallelDraftRight() {\n return (diffFileSha, line) => {\n const drafts = this.draftsPerFileHashAndLine[diffFileSha];\n const rkey = parallelLineKey(line, 'left');\n\n return drafts ? Boolean(drafts[rkey]) : false;\n };\n}\n\nexport function shouldRenderDraftRowInDiscussion() {\n return (discussionId) => typeof this.draftsPerDiscussionId[discussionId] !== 'undefined';\n}\n\nexport function draftForDiscussion() {\n return (discussionId) => this.draftsPerDiscussionId[discussionId] || {};\n}\n\nexport function draftsForLine() {\n return (diffFileSha, line, side = null) => {\n const drafts = this.draftsPerFileHashAndLine[diffFileSha];\n const key = side !== null ? parallelLineKey(line, side) : line.line_code;\n const showDraftsForThisSide = showDraftOnSide(line, side);\n\n if (showDraftsForThisSide && drafts?.[key]) {\n return drafts[key].filter((d) => d.position.position_type === 'text');\n }\n return [];\n };\n}\n\nexport function draftsForFile() {\n return (diffFileSha) => this.drafts.filter((draft) => draft.file_hash === diffFileSha);\n}\n\nexport function isPublishingDraft() {\n return (draftId) => this.currentlyPublishingDrafts.indexOf(draftId) !== -1;\n}\n\nexport function sortedDrafts() {\n return [...this.drafts].sort((a, b) => a.id > b.id);\n}\n","import { defineStore } from 'pinia';\nimport mrNotes from '~/mr_notes/stores';\nimport * as actions from './actions';\nimport mutations from './mutations';\nimport * as getters from './getters';\n\nexport const useBatchComments = defineStore('batchComments', {\n syncWith: {\n store: mrNotes,\n namespace: 'batchComments',\n },\n state() {\n return {\n isDraftsFetched: false,\n drafts: [],\n isPublishing: false,\n currentlyPublishingDrafts: [],\n shouldAnimateReviewButton: false,\n reviewBarRendered: false,\n isMergeRequest: false,\n };\n },\n actions: {\n ...mutations,\n ...actions,\n },\n getters,\n});\n","'use strict';\n\nconst stringify = require('./lib/stringify');\nconst compile = require('./lib/compile');\nconst expand = require('./lib/expand');\nconst parse = require('./lib/parse');\n\n/**\n * Expand the given pattern or create a regex-compatible string.\n *\n * ```js\n * const braces = require('braces');\n * console.log(braces('{a,b,c}', { compile: true })); //=> ['(a|b|c)']\n * console.log(braces('{a,b,c}')); //=> ['a', 'b', 'c']\n * ```\n * @param {String} `str`\n * @param {Object} `options`\n * @return {String}\n * @api public\n */\n\nconst braces = (input, options = {}) => {\n let output = [];\n\n if (Array.isArray(input)) {\n for (const pattern of input) {\n const result = braces.create(pattern, options);\n if (Array.isArray(result)) {\n output.push(...result);\n } else {\n output.push(result);\n }\n }\n } else {\n output = [].concat(braces.create(input, options));\n }\n\n if (options && options.expand === true && options.nodupes === true) {\n output = [...new Set(output)];\n }\n return output;\n};\n\n/**\n * Parse the given `str` with the given `options`.\n *\n * ```js\n * // braces.parse(pattern, [, options]);\n * const ast = braces.parse('a/{b,c}/d');\n * console.log(ast);\n * ```\n * @param {String} pattern Brace pattern to parse\n * @param {Object} options\n * @return {Object} Returns an AST\n * @api public\n */\n\nbraces.parse = (input, options = {}) => parse(input, options);\n\n/**\n * Creates a braces string from an AST, or an AST node.\n *\n * ```js\n * const braces = require('braces');\n * let ast = braces.parse('foo/{a,b}/bar');\n * console.log(stringify(ast.nodes[2])); //=> '{a,b}'\n * ```\n * @param {String} `input` Brace pattern or AST.\n * @param {Object} `options`\n * @return {Array} Returns an array of expanded values.\n * @api public\n */\n\nbraces.stringify = (input, options = {}) => {\n if (typeof input === 'string') {\n return stringify(braces.parse(input, options), options);\n }\n return stringify(input, options);\n};\n\n/**\n * Compiles a brace pattern into a regex-compatible, optimized string.\n * This method is called by the main [braces](#braces) function by default.\n *\n * ```js\n * const braces = require('braces');\n * console.log(braces.compile('a/{b,c}/d'));\n * //=> ['a/(b|c)/d']\n * ```\n * @param {String} `input` Brace pattern or AST.\n * @param {Object} `options`\n * @return {Array} Returns an array of expanded values.\n * @api public\n */\n\nbraces.compile = (input, options = {}) => {\n if (typeof input === 'string') {\n input = braces.parse(input, options);\n }\n return compile(input, options);\n};\n\n/**\n * Expands a brace pattern into an array. This method is called by the\n * main [braces](#braces) function when `options.expand` is true. Before\n * using this method it's recommended that you read the [performance notes](#performance))\n * and advantages of using [.compile](#compile) instead.\n *\n * ```js\n * const braces = require('braces');\n * console.log(braces.expand('a/{b,c}/d'));\n * //=> ['a/b/d', 'a/c/d'];\n * ```\n * @param {String} `pattern` Brace pattern\n * @param {Object} `options`\n * @return {Array} Returns an array of expanded values.\n * @api public\n */\n\nbraces.expand = (input, options = {}) => {\n if (typeof input === 'string') {\n input = braces.parse(input, options);\n }\n\n let result = expand(input, options);\n\n // filter out empty strings if specified\n if (options.noempty === true) {\n result = result.filter(Boolean);\n }\n\n // filter out duplicates if specified\n if (options.nodupes === true) {\n result = [...new Set(result)];\n }\n\n return result;\n};\n\n/**\n * Processes a brace pattern and returns either an expanded array\n * (if `options.expand` is true), a highly optimized regex-compatible string.\n * This method is called by the main [braces](#braces) function.\n *\n * ```js\n * const braces = require('braces');\n * console.log(braces.create('user-{200..300}/project-{a,b,c}-{1..10}'))\n * //=> 'user-(20[0-9]|2[1-9][0-9]|300)/project-(a|b|c)-([1-9]|10)'\n * ```\n * @param {String} `pattern` Brace pattern\n * @param {Object} `options`\n * @return {Array} Returns an array of expanded values.\n * @api public\n */\n\nbraces.create = (input, options = {}) => {\n if (input === '' || input.length < 3) {\n return [input];\n }\n\n return options.expand !== true\n ? braces.compile(input, options)\n : braces.expand(input, options);\n};\n\n/**\n * Expose \"braces\"\n */\n\nmodule.exports = braces;\n","import { s__, __ } from '~/locale';\n\nexport const OPEN_REVERT_MODAL = 'openRevertModal';\nexport const REVERT_MODAL_ID = 'revert-commit-modal';\nexport const OPEN_CHERRY_PICK_MODAL = 'openCherryPickModal';\nexport const CHERRY_PICK_MODAL_ID = 'cherry-pick-commit-modal';\n\nexport const I18N_MODAL = {\n startMergeRequest: s__('ChangeTypeAction|Start a %{newMergeRequest} with these changes'),\n existingBranch: s__(\n 'ChangeTypeAction|Your changes will be committed to %{branchName} because a merge request is open.',\n ),\n branchInFork: s__(\n 'ChangeTypeAction|GitLab will create a branch in your fork and start a merge request.',\n ),\n newMergeRequest: __('new merge request'),\n actionCancelText: __('Cancel'),\n};\n\nexport const I18N_REVERT_MODAL = {\n branchLabel: s__('ChangeTypeAction|Revert in branch'),\n actionPrimaryText: s__('ChangeTypeAction|Revert'),\n};\n\nexport const I18N_CHERRY_PICK_MODAL = {\n branchLabel: s__('ChangeTypeAction|Pick into branch'),\n projectLabel: s__('ChangeTypeAction|Pick into project'),\n actionPrimaryText: s__('ChangeTypeAction|Cherry-pick'),\n};\n\nexport const PREPENDED_MODAL_TEXT = s__(\n 'ChangeTypeAction|This will create a new commit in order to revert the existing changes.',\n);\n\nexport const I18N_NO_RESULTS_MESSAGE = __('No matching results');\n\nexport const I18N_PROJECT_HEADER = s__('ChangeTypeAction|Switch project');\nexport const I18N_PROJECT_SEARCH_PLACEHOLDER = s__('ChangeTypeAction|Search projects');\n\nexport const I18N_BRANCH_HEADER = s__('ChangeTypeAction|Switch branch');\nexport const I18N_BRANCH_SEARCH_PLACEHOLDER = s__('ChangeTypeAction|Search branches');\n\nexport const PROJECT_BRANCHES_ERROR = __('Something went wrong while fetching branches');\n","import { createAlert } from '~/alert';\nimport { __ } from '~/locale';\n\nexport default {\n computed: {\n discussionResolved() {\n if (this.discussion) {\n return Boolean(this.discussion.resolved);\n }\n\n return this.note.resolved;\n },\n resolveButtonTitle() {\n return this.discussionResolved ? __('Unresolve thread') : __('Resolve thread');\n },\n },\n methods: {\n resolveHandler(resolvedState = false) {\n if (this.note && this.note.isDraft) {\n return this.$emit('toggleResolveStatus');\n }\n\n this.isResolving = true;\n const isResolved = this.discussionResolved || resolvedState;\n const discussion = this.resolveAsThread;\n let endpoint =\n discussion && this.discussion ? this.discussion.resolve_path : `${this.note.path}/resolve`;\n\n if (this.discussionResolvePath) {\n endpoint = this.discussionResolvePath;\n }\n\n return this.toggleResolveNote({ endpoint, isResolved, discussion })\n .then(() => {\n this.isResolving = false;\n })\n .catch(() => {\n this.isResolving = false;\n\n const msg = __('Something went wrong while resolving this discussion. Please try again.');\n createAlert({\n message: msg,\n parent: this.$el,\n });\n });\n },\n },\n};\n","import { makeModelMixin } from '../utils/model';\n\nconst {\n mixin,\n props,\n prop,\n event\n} = makeModelMixin('value');\n\nexport { event as MODEL_EVENT_NAME, prop as MODEL_PROP_NAME, mixin as modelMixin, props };\n","import { extend } from '../../../vue';\nimport { PROP_TYPE_STRING } from '../../../constants/props';\nimport { get } from '../../../utils/get';\nimport { isPlainObject, isNull, isUndefined } from '../../../utils/inspect';\nimport { sortKeys } from '../../../utils/object';\nimport { makePropsConfigurable, makeProp } from '../../../utils/props';\nimport { props as props$1, formOptionsMixin } from '../../../mixins/form-options';\n\n// --- Props ---\n\nconst props = makePropsConfigurable(sortKeys({\n ...props$1,\n labelField: makeProp(PROP_TYPE_STRING, 'label'),\n optionsField: makeProp(PROP_TYPE_STRING, 'options')\n}), 'formOptions');\n\n// --- Mixin ---\n\n// @vue/component\nconst optionsMixin = extend({\n mixins: [formOptionsMixin],\n props,\n methods: {\n normalizeOption(option) {\n let key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n // When the option is an object, normalize it\n if (isPlainObject(option)) {\n const value = get(option, this.valueField);\n const text = get(option, this.textField);\n const options = get(option, this.optionsField, null);\n // When it has options, create an `