@payloadcms/ui 3.70.0 → 3.71.0-internal-debug.80dab4c

package/dist/elements/HTMLDiff/diff/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["htmlStartTagReg","htmlTagWithNameReg","htmlTagReg","htmlImgTagReg","htmlVideoTagReg","HtmlDiff","config","leastCommonLength","Infinity","matchedBlockList","newTokens","oldTokens","operationList","sideBySideContents","unifiedContent","constructor","oldHtml","newHtml","classNames","createBlock","createInline","deleteBlock","deleteInline","greedyBoundary","greedyMatch","minMatchedSize","tokenizeByCharacter","trim","equalSequence","content","replace","match","name","tagNameLength","length","slice","tokenizeFn","tokenizeByWord","getMatchedBlockList","getOperationList","computeBestMatchedBlock","oldStart","oldEnd","newStart","newEnd","bestMatchedBlock","i","len","Math","min","ret","slideBestMatchedBlock","size","j","computeMatchedBlockList","matchBlock","push","dressUpBlockTag","type","token","dressUpDiffContent","tokens","tokensLength","result","textStartIndex","isMatchElement","includes","isMatchExplicitlyDisabled","isHtmlTag","dressUpText","newToken","dressupMatchEnabledHtmlTag","dressUpInlineTag","tagName","groups","matchType","text","join","n1","n2","start","end","e1","e2","commonLength","floor","unshift","walkIndexOld","walkIndexNew","matchedBlock","isOldStartIndexMatched","isNewStartIndexMatched","operationBase","Object","assign","maxIndexOld","maxIndexNew","tailOperationBase","isOldFinished","isNewFinished","addA","addB","maxSize","continuousSize","html","currentPos","tagRegex","exec","beforeTag","substring","index","char","remaining","getSideBySideContents","undefined","forEach","operation","deletedTokens","equalTokens","equalString","startTagMatch","console","error","String","getUnifiedContent","olds","news","createdTokens","createIndex","deleteIndex","deletedToken","matchTagResultD","some","item","splice","isTagInNewFind","tempCreateIndex","createdToken","matchTagResultC","isEnd"],"sources":["../../../../src/elements/HTMLDiff/diff/index.ts"],"sourcesContent":["// Taken and modified from https://github.com/Arman19941113/html-diff/blob/master/packages/html-diff/src/index.ts\n\ninterface MatchedBlock {\n  newEnd: number\n  newStart: number\n  oldEnd: number\n  oldStart: number\n  size: number\n}\n\ninterface Operation {\n  /**\n   * Index of entry in tokenized token list\n   */\n  newEnd: number\n  newStart: number\n  oldEnd: number\n  oldStart: number\n  type: 'create' | 'delete' | 'equal' | 'replace'\n}\n\ntype BaseOpType = 'create' | 'delete'\n\ninterface HtmlDiffConfig {\n  classNames: {\n    createBlock: string\n    createInline: string\n    deleteBlock: string\n    deleteInline: string\n  }\n  greedyBoundary: number\n  greedyMatch: boolean\n  minMatchedSize: number\n}\n\nexport interface HtmlDiffOptions {\n  /**\n   * The classNames for wrapper DOM.\n   * Use this to configure your own styles without importing the built-in CSS file\n   */\n  classNames?: Partial<{\n    createBlock?: string\n    createInline?: string\n    deleteBlock?: string\n    deleteInline?: string\n  }>\n  /**\n   * @defaultValue 1000\n   */\n  greedyBoundary?: number\n  /**\n   * When greedyMatch is enabled, if the length of the sub-tokens exceeds greedyBoundary,\n   * we will use the matched sub-tokens that are sufficiently good, even if they are not optimal, to enhance performance.\n   * @defaultValue true\n   */\n  greedyMatch?: boolean\n  /**\n   * Determine the minimum threshold for calculating common sub-tokens.\n   * You may adjust it to a value larger than 2, but not lower, due to the potential inclusion of HTML tags in the count.\n   * @defaultValue 2\n   */\n  minMatchedSize?: number\n  /**\n   * Whether to tokenize by character or by word.\n   * @defaultValue false\n   */\n  tokenizeByCharacter?: boolean\n}\n\n// eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/optimal-quantifier-concatenation\nconst htmlStartTagReg = /^<(?<name>[^\\s/>]+)[^>]*>$/\n// eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/optimal-quantifier-concatenation\nconst htmlTagWithNameReg = /^<(?<isEnd>\\/)?(?<name>[^\\s>]+)[^>]*>$/\n\nconst htmlTagReg = /^<[^>]+>/\nconst htmlImgTagReg = /^<img[^>]*>$/\nconst htmlVideoTagReg = /^<video[^>]*>.*?<\\/video>$/ms\n\nexport class HtmlDiff {\n  private readonly config: HtmlDiffConfig\n  private leastCommonLength: number = Infinity\n  private readonly matchedBlockList: MatchedBlock[] = []\n  private readonly newTokens: string[] = []\n  private readonly oldTokens: string[] = []\n  private readonly operationList: Operation[] = []\n  private sideBySideContents?: [string, string]\n  private unifiedContent?: string\n\n  constructor(\n    oldHtml: string,\n    newHtml: string,\n    {\n      classNames = {\n        createBlock: 'html-diff-create-block-wrapper',\n        createInline: 'html-diff-create-inline-wrapper',\n        deleteBlock: 'html-diff-delete-block-wrapper',\n        deleteInline: 'html-diff-delete-inline-wrapper',\n      },\n      greedyBoundary = 1000,\n      greedyMatch = true,\n      minMatchedSize = 2,\n      tokenizeByCharacter = false,\n    }: HtmlDiffOptions = {},\n  ) {\n    // init config\n    this.config = {\n      classNames: {\n        createBlock: 'html-diff-create-block-wrapper',\n        createInline: 'html-diff-create-inline-wrapper',\n        deleteBlock: 'html-diff-delete-block-wrapper',\n        deleteInline: 'html-diff-delete-inline-wrapper',\n        ...classNames,\n      },\n      greedyBoundary,\n      greedyMatch,\n      minMatchedSize,\n    }\n    // white space is junk\n    oldHtml = oldHtml.trim()\n    newHtml = newHtml.trim()\n\n    // no need to diff\n    if (oldHtml === newHtml) {\n      this.unifiedContent = oldHtml\n      let equalSequence = 0\n      // eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/optimal-quantifier-concatenation\n      const content = oldHtml.replace(/<([^\\s/>]+)[^>]*>/g, (match: string, name: string) => {\n        const tagNameLength = name.length + 1\n        return `${match.slice(0, tagNameLength)} data-seq=\"${++equalSequence}\"${match.slice(tagNameLength)}`\n      })\n      this.sideBySideContents = [content, content]\n      return\n    }\n\n    // step1: split HTML to tokens(atomic tokens)\n    const tokenizeFn = tokenizeByCharacter ? this.tokenizeByCharacter : this.tokenizeByWord\n    this.oldTokens = tokenizeFn(oldHtml)\n    this.newTokens = tokenizeFn(newHtml)\n    // step2: find matched blocks\n    this.matchedBlockList = this.getMatchedBlockList()\n\n    // step3: generate operation list\n    this.operationList = this.getOperationList()\n  }\n\n  // Find the longest matched block between tokens\n  private computeBestMatchedBlock(\n    oldStart: number,\n    oldEnd: number,\n    newStart: number,\n    newEnd: number,\n  ): MatchedBlock | null {\n    let bestMatchedBlock = null\n    for (let i = oldStart; i < oldEnd; i++) {\n      const len = Math.min(oldEnd - i, newEnd - newStart)\n      const ret = this.slideBestMatchedBlock(i, newStart, len)\n      if (ret && (!bestMatchedBlock || ret.size > bestMatchedBlock.size)) {\n        bestMatchedBlock = ret\n        if (ret.size > this.leastCommonLength) {\n          return bestMatchedBlock\n        }\n      }\n    }\n    for (let j = newStart; j < newEnd; j++) {\n      const len = Math.min(oldEnd - oldStart, newEnd - j)\n      const ret = this.slideBestMatchedBlock(oldStart, j, len)\n      if (ret && (!bestMatchedBlock || ret.size > bestMatchedBlock.size)) {\n        bestMatchedBlock = ret\n        if (ret.size > this.leastCommonLength) {\n          return bestMatchedBlock\n        }\n      }\n    }\n    return bestMatchedBlock\n  }\n\n  private computeMatchedBlockList(\n    oldStart: number,\n    oldEnd: number,\n    newStart: number,\n    newEnd: number,\n    matchedBlockList: MatchedBlock[] = [],\n  ): MatchedBlock[] {\n    const matchBlock = this.computeBestMatchedBlock(oldStart, oldEnd, newStart, newEnd)\n\n    if (!matchBlock) {\n      return []\n    }\n\n    if (oldStart < matchBlock.oldStart && newStart < matchBlock.newStart) {\n      this.computeMatchedBlockList(\n        oldStart,\n        matchBlock.oldStart,\n        newStart,\n        matchBlock.newStart,\n        matchedBlockList,\n      )\n    }\n    matchedBlockList.push(matchBlock)\n    if (oldEnd > matchBlock.oldEnd && newEnd > matchBlock.newEnd) {\n      this.computeMatchedBlockList(\n        matchBlock.oldEnd,\n        oldEnd,\n        matchBlock.newEnd,\n        newEnd,\n        matchedBlockList,\n      )\n    }\n    return matchedBlockList\n  }\n\n  private dressUpBlockTag(type: BaseOpType, token: string): string {\n    if (type === 'create') {\n      return `<div class=\"${this.config.classNames.createBlock}\">${token}</div>`\n    }\n    if (type === 'delete') {\n      return `<div class=\"${this.config.classNames.deleteBlock}\">${token}</div>`\n    }\n    return ''\n  }\n\n  private dressUpDiffContent(type: BaseOpType, tokens: string[]): string {\n    const tokensLength = tokens.length\n    if (!tokensLength) {\n      return ''\n    }\n\n    let result = ''\n    let textStartIndex = 0\n    let i = -1\n    for (const token of tokens) {\n      i++\n\n      // If this is true, this HTML should be diffed as well - not just its children\n      const isMatchElement = token.includes('data-enable-match=\"true\"')\n      const isMatchExplicitlyDisabled = token.includes('data-enable-match=\"false\"')\n      const isHtmlTag = !!token.match(htmlTagReg)?.length\n\n      if (isMatchExplicitlyDisabled) {\n        textStartIndex = i + 1\n        result += token\n      }\n      // this token is html tag\n      else if (!isMatchElement && isHtmlTag) {\n        // handle text tokens before\n        if (i > textStartIndex) {\n          result += this.dressUpText(type, tokens.slice(textStartIndex, i))\n        }\n        // handle this tag\n        textStartIndex = i + 1\n        if (token.match(htmlVideoTagReg)) {\n          result += this.dressUpBlockTag(type, token)\n        } /* else if ([htmlImgTagReg].some((item) => token.match(item))) {\n          result += this.dressUpInlineTag(type, token)\n        }*/ else {\n          result += token\n        }\n      } else if (isMatchElement && isHtmlTag) {\n        // handle text tokens before\n        if (i > textStartIndex) {\n          result += this.dressUpText(type, tokens.slice(textStartIndex, i))\n        }\n\n        // handle this tag\n        textStartIndex = i + 1\n        // Add data-match-type to the tag that can be styled\n        const newToken = this.dressupMatchEnabledHtmlTag(type, token)\n\n        result += newToken\n      }\n    }\n    if (textStartIndex < tokensLength) {\n      result += this.dressUpText(type, tokens.slice(textStartIndex))\n    }\n    return result\n  }\n\n  private dressUpInlineTag(type: BaseOpType, token: string): string {\n    if (type === 'create') {\n      return `<span class=\"${this.config.classNames.createInline}\">${token}</span>`\n    }\n    if (type === 'delete') {\n      return `<span class=\"${this.config.classNames.deleteInline}\">${token}</span>`\n    }\n    return ''\n  }\n\n  private dressupMatchEnabledHtmlTag(type: BaseOpType, token: string): string {\n    // token is a single html tag, e.g. <a data-enable-match=\"true\" href=\"https://2\" rel=undefined target=undefined>\n    // add data-match-type to the tag\n    const tagName = token.match(htmlStartTagReg)?.groups?.name\n    if (!tagName) {\n      return token\n    }\n    const tagNameLength = tagName.length + 1\n    const matchType = type === 'create' ? 'create' : 'delete'\n    return `${token.slice(0, tagNameLength)} data-match-type=\"${matchType}\"${token.slice(\n      tagNameLength,\n      token.length,\n    )}`\n  }\n\n  private dressUpText(type: BaseOpType, tokens: string[]): string {\n    const text = tokens.join('')\n    if (!text.trim()) {\n      return ''\n    }\n    if (type === 'create') {\n      return `<span data-match-type=\"create\">${text}</span>`\n    }\n    if (type === 'delete') {\n      return `<span data-match-type=\"delete\">${text}</span>`\n    }\n    return ''\n  }\n\n  /**\n   * Generates a list of token entries that are matched between the old and new HTML. This list will not\n   * include token ranges that differ.\n   */\n  private getMatchedBlockList(): MatchedBlock[] {\n    const n1 = this.oldTokens.length\n    const n2 = this.newTokens.length\n\n    // 1. sync from start\n    let start: MatchedBlock | null = null\n    let i = 0\n    while (i < n1 && i < n2 && this.oldTokens[i] === this.newTokens[i]) {\n      i++\n    }\n    if (i >= this.config.minMatchedSize) {\n      start = {\n        newEnd: i,\n        newStart: 0,\n        oldEnd: i,\n        oldStart: 0,\n        size: i,\n      }\n    }\n\n    // 2. sync from end\n    let end: MatchedBlock | null = null\n    let e1 = n1 - 1\n    let e2 = n2 - 1\n    while (i <= e1 && i <= e2 && this.oldTokens[e1] === this.newTokens[e2]) {\n      e1--\n      e2--\n    }\n    const size = n1 - 1 - e1\n    if (size >= this.config.minMatchedSize) {\n      end = {\n        newEnd: n2,\n        newStart: e2 + 1,\n        oldEnd: n1,\n        oldStart: e1 + 1,\n        size,\n      }\n    }\n\n    // 3. handle rest\n    const oldStart = start ? i : 0\n    const oldEnd = end ? e1 + 1 : n1\n    const newStart = start ? i : 0\n    const newEnd = end ? e2 + 1 : n2\n    // optimize for large tokens\n    if (this.config.greedyMatch) {\n      const commonLength = Math.min(oldEnd - oldStart, newEnd - newStart)\n      if (commonLength > this.config.greedyBoundary) {\n        this.leastCommonLength = Math.floor(commonLength / 3)\n      }\n    }\n    const ret = this.computeMatchedBlockList(oldStart, oldEnd, newStart, newEnd)\n    if (start) {\n      ret.unshift(start)\n    }\n    if (end) {\n      ret.push(end)\n    }\n\n    return ret\n  }\n\n  // Generate operation list by matchedBlockList\n  private getOperationList(): Operation[] {\n    const operationList: Operation[] = []\n    let walkIndexOld = 0\n    let walkIndexNew = 0\n    for (const matchedBlock of this.matchedBlockList) {\n      const isOldStartIndexMatched = walkIndexOld === matchedBlock.oldStart\n      const isNewStartIndexMatched = walkIndexNew === matchedBlock.newStart\n      const operationBase = {\n        newEnd: matchedBlock.newStart,\n        newStart: walkIndexNew,\n        oldEnd: matchedBlock.oldStart,\n        oldStart: walkIndexOld,\n      }\n      if (!isOldStartIndexMatched && !isNewStartIndexMatched) {\n        operationList.push(Object.assign(operationBase, { type: 'replace' as const }))\n      } else if (isOldStartIndexMatched && !isNewStartIndexMatched) {\n        operationList.push(Object.assign(operationBase, { type: 'create' as const }))\n      } else if (!isOldStartIndexMatched && isNewStartIndexMatched) {\n        operationList.push(Object.assign(operationBase, { type: 'delete' as const }))\n      }\n\n      operationList.push({\n        type: 'equal',\n        newEnd: matchedBlock.newEnd,\n        newStart: matchedBlock.newStart,\n        oldEnd: matchedBlock.oldEnd,\n        oldStart: matchedBlock.oldStart,\n      })\n      walkIndexOld = matchedBlock.oldEnd\n      walkIndexNew = matchedBlock.newEnd\n    }\n    // handle the tail content\n    const maxIndexOld = this.oldTokens.length\n    const maxIndexNew = this.newTokens.length\n    const tailOperationBase = {\n      newEnd: maxIndexNew,\n      newStart: walkIndexNew,\n      oldEnd: maxIndexOld,\n      oldStart: walkIndexOld,\n    }\n    const isOldFinished = walkIndexOld === maxIndexOld\n    const isNewFinished = walkIndexNew === maxIndexNew\n    if (!isOldFinished && !isNewFinished) {\n      operationList.push(Object.assign(tailOperationBase, { type: 'replace' as const }))\n    } else if (isOldFinished && !isNewFinished) {\n      operationList.push(Object.assign(tailOperationBase, { type: 'create' as const }))\n    } else if (!isOldFinished && isNewFinished) {\n      operationList.push(Object.assign(tailOperationBase, { type: 'delete' as const }))\n    }\n    return operationList\n  }\n\n  private slideBestMatchedBlock(addA: number, addB: number, len: number): MatchedBlock | null {\n    let maxSize = 0\n    let bestMatchedBlock: MatchedBlock | null = null\n\n    let continuousSize = 0\n    for (let i = 0; i < len; i++) {\n      if (this.oldTokens[addA + i] === this.newTokens[addB + i]) {\n        continuousSize++\n      } else {\n        continuousSize = 0\n      }\n      if (continuousSize > maxSize) {\n        maxSize = continuousSize\n        bestMatchedBlock = {\n          newEnd: addB + i + 1,\n          newStart: addB + i - continuousSize + 1,\n          oldEnd: addA + i + 1,\n          oldStart: addA + i - continuousSize + 1,\n          size: continuousSize,\n        }\n      }\n    }\n\n    return maxSize >= this.config.minMatchedSize ? bestMatchedBlock : null\n  }\n\n  /**\n   * Convert HTML to tokens at character level, preserving HTML tags as complete tokens\n   * @example\n   * tokenize(\"<a> Hello World </a>\")\n   * [\"<a>\", \" \", \"H\", \"e\", \"l\", \"l\", \"o\", \" \", \"W\", \"o\", \"r\", \"l\", \"d\", \" \", \"</a>\"]\n   */\n  private tokenizeByCharacter(html: string): string[] {\n    // First, identify HTML tags and preserve them as complete tokens\n    const tokens: string[] = []\n    let currentPos = 0\n\n    // Regular expression to match HTML tags (including picture and video tags with content)\n    const tagRegex = /<picture[^>]*>.*?<\\/picture>|<video[^>]*>.*?<\\/video>|<[^>]+>/gs\n    let match: null | RegExpExecArray\n\n    while ((match = tagRegex.exec(html)) !== null) {\n      // Add characters before the tag\n      const beforeTag = html.substring(currentPos, match.index)\n      if (beforeTag) {\n        // Split non-tag content into individual characters\n        for (const char of beforeTag) {\n          tokens.push(char)\n        }\n      }\n\n      // Add the complete tag as a single token\n      tokens.push(match[0])\n      currentPos = match.index + match[0].length\n    }\n\n    // Add any remaining characters after the last tag\n    const remaining = html.substring(currentPos)\n    for (const char of remaining) {\n      tokens.push(char)\n    }\n\n    return tokens\n  }\n\n  /**\n   * convert HTML to tokens\n   * @example\n   * tokenize(\"<a> Hello World </a>\")\n   * [\"<a>\",\" \", \"Hello\", \" \", \"World\", \" \", \"</a>\"]\n   */\n  private tokenizeByWord(html: string): string[] {\n    // atomic token: html tag、continuous numbers or letters、blank spaces、other symbol\n    return (\n      html.match(\n        /<picture[^>]*>.*?<\\/picture>|<video[^>]*>.*?<\\/video>|<[^>]+>|\\w+\\b|\\s+|[^<>\\w]/gs,\n      ) || []\n    )\n  }\n\n  public getSideBySideContents(): string[] {\n    if (this.sideBySideContents !== undefined) {\n      return this.sideBySideContents\n    }\n\n    let oldHtml = ''\n    let newHtml = ''\n    let equalSequence = 0\n    this.operationList.forEach((operation) => {\n      switch (operation.type) {\n        case 'create': {\n          newHtml += this.dressUpDiffContent(\n            'create',\n            this.newTokens.slice(operation.newStart, operation.newEnd),\n          )\n          break\n        }\n\n        case 'delete': {\n          const deletedTokens = this.oldTokens.slice(operation.oldStart, operation.oldEnd)\n          oldHtml += this.dressUpDiffContent('delete', deletedTokens)\n          break\n        }\n        case 'equal': {\n          const equalTokens = this.newTokens.slice(operation.newStart, operation.newEnd)\n          let equalString = ''\n          for (const token of equalTokens) {\n            // find start tags and add data-seq to enable sync scroll\n            const startTagMatch = token.match(htmlStartTagReg)\n            if (startTagMatch) {\n              equalSequence += 1\n              const tagNameLength = (startTagMatch?.groups?.name?.length ?? 0) + 1\n              equalString += `${token.slice(0, tagNameLength)} data-seq=\"${equalSequence}\"${token.slice(tagNameLength)}`\n            } else {\n              equalString += token\n            }\n          }\n          oldHtml += equalString\n          newHtml += equalString\n          break\n        }\n\n        case 'replace': {\n          oldHtml += this.dressUpDiffContent(\n            'delete',\n            this.oldTokens.slice(operation.oldStart, operation.oldEnd),\n          )\n          newHtml += this.dressUpDiffContent(\n            'create',\n            this.newTokens.slice(operation.newStart, operation.newEnd),\n          )\n          break\n        }\n\n        default: {\n          console.error('Richtext diff error - invalid operation: ' + String(operation.type))\n        }\n      }\n    })\n\n    const result: [string, string] = [oldHtml, newHtml]\n    this.sideBySideContents = result\n    return result\n  }\n\n  public getUnifiedContent(): string {\n    if (this.unifiedContent !== undefined) {\n      return this.unifiedContent\n    }\n\n    let result = ''\n    this.operationList.forEach((operation) => {\n      switch (operation.type) {\n        case 'create': {\n          result += this.dressUpDiffContent(\n            'create',\n            this.newTokens.slice(operation.newStart, operation.newEnd),\n          )\n          break\n        }\n\n        case 'delete': {\n          result += this.dressUpDiffContent(\n            'delete',\n            this.oldTokens.slice(operation.oldStart, operation.oldEnd),\n          )\n          break\n        }\n\n        case 'equal': {\n          for (const token of this.newTokens.slice(operation.newStart, operation.newEnd)) {\n            result += token\n          }\n          break\n        }\n\n        case 'replace': {\n          // handle specially tag replace\n          const olds = this.oldTokens.slice(operation.oldStart, operation.oldEnd)\n          const news = this.newTokens.slice(operation.newStart, operation.newEnd)\n          if (\n            olds.length === 1 &&\n            news.length === 1 &&\n            olds[0]?.match(htmlTagReg) &&\n            news[0]?.match(htmlTagReg)\n          ) {\n            result += news[0]\n            break\n          }\n\n          const deletedTokens: string[] = []\n          const createdTokens: string[] = []\n          let createIndex = operation.newStart\n          for (\n            let deleteIndex = operation.oldStart;\n            deleteIndex < operation.oldEnd;\n            deleteIndex++\n          ) {\n            const deletedToken = this.oldTokens[deleteIndex]\n\n            if (!deletedToken) {\n              continue\n            }\n\n            const matchTagResultD = deletedToken?.match(htmlTagWithNameReg)\n            if (matchTagResultD) {\n              // handle replaced tag token\n\n              // skip special tag\n              if ([htmlImgTagReg, htmlVideoTagReg].some((item) => deletedToken?.match(item))) {\n                deletedTokens.push(deletedToken)\n                continue\n              }\n\n              // handle normal tag\n              result += this.dressUpDiffContent('delete', deletedTokens)\n              deletedTokens.splice(0)\n              let isTagInNewFind = false\n              for (\n                let tempCreateIndex = createIndex;\n                tempCreateIndex < operation.newEnd;\n                tempCreateIndex++\n              ) {\n                const createdToken = this.newTokens[tempCreateIndex]\n                if (!createdToken) {\n                  continue\n                }\n                const matchTagResultC = createdToken?.match(htmlTagWithNameReg)\n                if (\n                  matchTagResultC &&\n                  matchTagResultC.groups?.name === matchTagResultD.groups?.name &&\n                  matchTagResultC.groups?.isEnd === matchTagResultD.groups?.isEnd\n                ) {\n                  // find first matched tag, but not maybe the expected tag(to optimize)\n                  isTagInNewFind = true\n                  result += this.dressUpDiffContent('create', createdTokens)\n                  result += createdToken\n                  createdTokens.splice(0)\n                  createIndex = tempCreateIndex + 1\n                  break\n                } else {\n                  createdTokens.push(createdToken)\n                }\n              }\n              if (!isTagInNewFind) {\n                result += deletedToken\n                createdTokens.splice(0)\n              }\n            } else {\n              // token is not a tag\n              deletedTokens.push(deletedToken)\n            }\n          }\n          if (createIndex < operation.newEnd) {\n            createdTokens.push(...this.newTokens.slice(createIndex, operation.newEnd))\n          }\n          result += this.dressUpDiffContent('delete', deletedTokens)\n          result += this.dressUpDiffContent('create', createdTokens)\n          break\n        }\n\n        default: {\n          console.error('Richtext diff error - invalid operation: ' + String(operation.type))\n        }\n      }\n    })\n    this.unifiedContent = result\n    return result\n  }\n}\n"],"mappings":"AAAA;AAqEA;AACA,MAAMA,eAAA,GAAkB;AACxB;AACA,MAAMC,kBAAA,GAAqB;AAE3B,MAAMC,UAAA,GAAa;AACnB,MAAMC,aAAA,GAAgB;AACtB,MAAMC,eAAA,GAAkB;AAExB,OAAO,MAAMC,QAAA;EACMC,MAAA;EACTC,iBAAA,GAA4BC,QAAA;EACnBC,gBAAA,GAAmC,EAAE;EACrCC,SAAA,GAAsB,EAAE;EACxBC,SAAA,GAAsB,EAAE;EACxBC,aAAA,GAA6B,EAAE;EACxCC,kBAAA;EACAC,cAAA;EAERC,YACEC,OAAe,EACfC,OAAe,EACf;IACEC,UAAA,GAAa;MACXC,WAAA,EAAa;MACbC,YAAA,EAAc;MACdC,WAAA,EAAa;MACbC,YAAA,EAAc;IAChB,CAAC;IACDC,cAAA,GAAiB,IAAI;IACrBC,WAAA,GAAc,IAAI;IAClBC,cAAA,GAAiB,CAAC;IAClBC,mBAAA,GAAsB;EAAK,CACX,GAAG,CAAC,CAAC,EACvB;IACA;IACA,IAAI,CAACpB,MAAM,GAAG;MACZY,UAAA,EAAY;QACVC,WAAA,EAAa;QACbC,YAAA,EAAc;QACdC,WAAA,EAAa;QACbC,YAAA,EAAc;QACd,GAAGJ;MACL;MACAK,cAAA;MACAC,WAAA;MACAC;IACF;IACA;IACAT,OAAA,GAAUA,OAAA,CAAQW,IAAI;IACtBV,OAAA,GAAUA,OAAA,CAAQU,IAAI;IAEtB;IACA,IAAIX,OAAA,KAAYC,OAAA,EAAS;MACvB,IAAI,CAACH,cAAc,GAAGE,OAAA;MACtB,IAAIY,aAAA,GAAgB;MACpB;MACA,MAAMC,OAAA,GAAUb,OAAA,CAAQc,OAAO,CAAC,sBAAsB,CAACC,KAAA,EAAeC,IAAA;QACpE,MAAMC,aAAA,GAAgBD,IAAA,CAAKE,MAAM,GAAG;QACpC,OAAO,GAAGH,KAAA,CAAMI,KAAK,CAAC,GAAGF,aAAA,eAA4B,EAAEL,aAAA,IAAiBG,KAAA,CAAMI,KAAK,CAACF,aAAA,GAAgB;MACtG;MACA,IAAI,CAACpB,kBAAkB,GAAG,CAACgB,OAAA,EAASA,OAAA,CAAQ;MAC5C;IACF;IAEA;IACA,MAAMO,UAAA,GAAaV,mBAAA,GAAsB,IAAI,CAACA,mBAAmB,GAAG,IAAI,CAACW,cAAc;IACvF,IAAI,CAAC1B,SAAS,GAAGyB,UAAA,CAAWpB,OAAA;IAC5B,IAAI,CAACN,SAAS,GAAG0B,UAAA,CAAWnB,OAAA;IAC5B;IACA,IAAI,CAACR,gBAAgB,GAAG,IAAI,CAAC6B,mBAAmB;IAEhD;IACA,IAAI,CAAC1B,aAAa,GAAG,IAAI,CAAC2B,gBAAgB;EAC5C;EAEA;EACQC,wBACNC,QAAgB,EAChBC,MAAc,EACdC,QAAgB,EAChBC,MAAc,EACO;IACrB,IAAIC,gBAAA,GAAmB;IACvB,KAAK,IAAIC,CAAA,GAAIL,QAAA,EAAUK,CAAA,GAAIJ,MAAA,EAAQI,CAAA,IAAK;MACtC,MAAMC,GAAA,GAAMC,IAAA,CAAKC,GAAG,CAACP,MAAA,GAASI,CAAA,EAAGF,MAAA,GAASD,QAAA;MAC1C,MAAMO,GAAA,GAAM,IAAI,CAACC,qBAAqB,CAACL,CAAA,EAAGH,QAAA,EAAUI,GAAA;MACpD,IAAIG,GAAA,KAAQ,CAACL,gBAAA,IAAoBK,GAAA,CAAIE,IAAI,GAAGP,gBAAA,CAAiBO,IAAI,CAAD,EAAI;QAClEP,gBAAA,GAAmBK,GAAA;QACnB,IAAIA,GAAA,CAAIE,IAAI,GAAG,IAAI,CAAC7C,iBAAiB,EAAE;UACrC,OAAOsC,gBAAA;QACT;MACF;IACF;IACA,KAAK,IAAIQ,CAAA,GAAIV,QAAA,EAAUU,CAAA,GAAIT,MAAA,EAAQS,CAAA,IAAK;MACtC,MAAMN,GAAA,GAAMC,IAAA,CAAKC,GAAG,CAACP,MAAA,GAASD,QAAA,EAAUG,MAAA,GAASS,CAAA;MACjD,MAAMH,GAAA,GAAM,IAAI,CAACC,qBAAqB,CAACV,QAAA,EAAUY,CAAA,EAAGN,GAAA;MACpD,IAAIG,GAAA,KAAQ,CAACL,gBAAA,IAAoBK,GAAA,CAAIE,IAAI,GAAGP,gBAAA,CAAiBO,IAAI,CAAD,EAAI;QAClEP,gBAAA,GAAmBK,GAAA;QACnB,IAAIA,GAAA,CAAIE,IAAI,GAAG,IAAI,CAAC7C,iBAAiB,EAAE;UACrC,OAAOsC,gBAAA;QACT;MACF;IACF;IACA,OAAOA,gBAAA;EACT;EAEQS,wBACNb,QAAgB,EAChBC,MAAc,EACdC,QAAgB,EAChBC,MAAc,EACdnC,gBAAA,GAAmC,EAAE,EACrB;IAChB,MAAM8C,UAAA,GAAa,IAAI,CAACf,uBAAuB,CAACC,QAAA,EAAUC,MAAA,EAAQC,QAAA,EAAUC,MAAA;IAE5E,IAAI,CAACW,UAAA,EAAY;MACf,OAAO,EAAE;IACX;IAEA,IAAId,QAAA,GAAWc,UAAA,CAAWd,QAAQ,IAAIE,QAAA,GAAWY,UAAA,CAAWZ,QAAQ,EAAE;MACpE,IAAI,CAACW,uBAAuB,CAC1Bb,QAAA,EACAc,UAAA,CAAWd,QAAQ,EACnBE,QAAA,EACAY,UAAA,CAAWZ,QAAQ,EACnBlC,gBAAA;IAEJ;IACAA,gBAAA,CAAiB+C,IAAI,CAACD,UAAA;IACtB,IAAIb,MAAA,GAASa,UAAA,CAAWb,MAAM,IAAIE,MAAA,GAASW,UAAA,CAAWX,MAAM,EAAE;MAC5D,IAAI,CAACU,uBAAuB,CAC1BC,UAAA,CAAWb,MAAM,EACjBA,MAAA,EACAa,UAAA,CAAWX,MAAM,EACjBA,MAAA,EACAnC,gBAAA;IAEJ;IACA,OAAOA,gBAAA;EACT;EAEQgD,gBAAgBC,IAAgB,EAAEC,KAAa,EAAU;IAC/D,IAAID,IAAA,KAAS,UAAU;MACrB,OAAO,eAAe,IAAI,CAACpD,MAAM,CAACY,UAAU,CAACC,WAAW,KAAKwC,KAAA,QAAa;IAC5E;IACA,IAAID,IAAA,KAAS,UAAU;MACrB,OAAO,eAAe,IAAI,CAACpD,MAAM,CAACY,UAAU,CAACG,WAAW,KAAKsC,KAAA,QAAa;IAC5E;IACA,OAAO;EACT;EAEQC,mBAAmBF,IAAgB,EAAEG,MAAgB,EAAU;IACrE,MAAMC,YAAA,GAAeD,MAAA,CAAO3B,MAAM;IAClC,IAAI,CAAC4B,YAAA,EAAc;MACjB,OAAO;IACT;IAEA,IAAIC,MAAA,GAAS;IACb,IAAIC,cAAA,GAAiB;IACrB,IAAIlB,CAAA,GAAI,CAAC;IACT,KAAK,MAAMa,KAAA,IAASE,MAAA,EAAQ;MAC1Bf,CAAA;MAEA;MACA,MAAMmB,cAAA,GAAiBN,KAAA,CAAMO,QAAQ,CAAC;MACtC,MAAMC,yBAAA,GAA4BR,KAAA,CAAMO,QAAQ,CAAC;MACjD,MAAME,SAAA,GAAY,CAAC,CAACT,KAAA,CAAM5B,KAAK,CAAC7B,UAAA,GAAagC,MAAA;MAE7C,IAAIiC,yBAAA,EAA2B;QAC7BH,cAAA,GAAiBlB,CAAA,GAAI;QACrBiB,MAAA,IAAUJ,KAAA;MACZ,OAEK,IAAI,CAACM,cAAA,IAAkBG,SAAA,EAAW;QACrC;QACA,IAAItB,CAAA,GAAIkB,cAAA,EAAgB;UACtBD,MAAA,IAAU,IAAI,CAACM,WAAW,CAACX,IAAA,EAAMG,MAAA,CAAO1B,KAAK,CAAC6B,cAAA,EAAgBlB,CAAA;QAChE;QACA;QACAkB,cAAA,GAAiBlB,CAAA,GAAI;QACrB,IAAIa,KAAA,CAAM5B,KAAK,CAAC3B,eAAA,GAAkB;UAChC2D,MAAA,IAAU,IAAI,CAACN,eAAe,CAACC,IAAA,EAAMC,KAAA;QACvC,OAES;UACPI,MAAA,IAAUJ,KAAA;QACZ;MACF,OAAO,IAAIM,cAAA,IAAkBG,SAAA,EAAW;QACtC;QACA,IAAItB,CAAA,GAAIkB,cAAA,EAAgB;UACtBD,MAAA,IAAU,IAAI,CAACM,WAAW,CAACX,IAAA,EAAMG,MAAA,CAAO1B,KAAK,CAAC6B,cAAA,EAAgBlB,CAAA;QAChE;QAEA;QACAkB,cAAA,GAAiBlB,CAAA,GAAI;QACrB;QACA,MAAMwB,QAAA,GAAW,IAAI,CAACC,0BAA0B,CAACb,IAAA,EAAMC,KAAA;QAEvDI,MAAA,IAAUO,QAAA;MACZ;IACF;IACA,IAAIN,cAAA,GAAiBF,YAAA,EAAc;MACjCC,MAAA,IAAU,IAAI,CAACM,WAAW,CAACX,IAAA,EAAMG,MAAA,CAAO1B,KAAK,CAAC6B,cAAA;IAChD;IACA,OAAOD,MAAA;EACT;EAEQS,iBAAiBd,IAAgB,EAAEC,KAAa,EAAU;IAChE,IAAID,IAAA,KAAS,UAAU;MACrB,OAAO,gBAAgB,IAAI,CAACpD,MAAM,CAACY,UAAU,CAACE,YAAY,KAAKuC,KAAA,SAAc;IAC/E;IACA,IAAID,IAAA,KAAS,UAAU;MACrB,OAAO,gBAAgB,IAAI,CAACpD,MAAM,CAACY,UAAU,CAACI,YAAY,KAAKqC,KAAA,SAAc;IAC/E;IACA,OAAO;EACT;EAEQY,2BAA2Bb,IAAgB,EAAEC,KAAa,EAAU;IAC1E;IACA;IACA,MAAMc,OAAA,GAAUd,KAAA,CAAM5B,KAAK,CAAC/B,eAAA,GAAkB0E,MAAA,EAAQ1C,IAAA;IACtD,IAAI,CAACyC,OAAA,EAAS;MACZ,OAAOd,KAAA;IACT;IACA,MAAM1B,aAAA,GAAgBwC,OAAA,CAAQvC,MAAM,GAAG;IACvC,MAAMyC,SAAA,GAAYjB,IAAA,KAAS,WAAW,WAAW;IACjD,OAAO,GAAGC,KAAA,CAAMxB,KAAK,CAAC,GAAGF,aAAA,sBAAmC0C,SAAA,IAAahB,KAAA,CAAMxB,KAAK,CAClFF,aAAA,EACA0B,KAAA,CAAMzB,MAAM,GACX;EACL;EAEQmC,YAAYX,IAAgB,EAAEG,MAAgB,EAAU;IAC9D,MAAMe,IAAA,GAAOf,MAAA,CAAOgB,IAAI,CAAC;IACzB,IAAI,CAACD,IAAA,CAAKjD,IAAI,IAAI;MAChB,OAAO;IACT;IACA,IAAI+B,IAAA,KAAS,UAAU;MACrB,OAAO,kCAAkCkB,IAAA,SAAa;IACxD;IACA,IAAIlB,IAAA,KAAS,UAAU;MACrB,OAAO,kCAAkCkB,IAAA,SAAa;IACxD;IACA,OAAO;EACT;EAEA;;;;EAIAtC,mBAAQA,CAAA,EAAsC;IAC5C,MAAMwC,EAAA,GAAK,IAAI,CAACnE,SAAS,CAACuB,MAAM;IAChC,MAAM6C,EAAA,GAAK,IAAI,CAACrE,SAAS,CAACwB,MAAM;IAEhC;IACA,IAAI8C,KAAA,GAA6B;IACjC,IAAIlC,CAAA,GAAI;IACR,OAAOA,CAAA,GAAIgC,EAAA,IAAMhC,CAAA,GAAIiC,EAAA,IAAM,IAAI,CAACpE,SAAS,CAACmC,CAAA,CAAE,KAAK,IAAI,CAACpC,SAAS,CAACoC,CAAA,CAAE,EAAE;MAClEA,CAAA;IACF;IACA,IAAIA,CAAA,IAAK,IAAI,CAACxC,MAAM,CAACmB,cAAc,EAAE;MACnCuD,KAAA,GAAQ;QACNpC,MAAA,EAAQE,CAAA;QACRH,QAAA,EAAU;QACVD,MAAA,EAAQI,CAAA;QACRL,QAAA,EAAU;QACVW,IAAA,EAAMN;MACR;IACF;IAEA;IACA,IAAImC,GAAA,GAA2B;IAC/B,IAAIC,EAAA,GAAKJ,EAAA,GAAK;IACd,IAAIK,EAAA,GAAKJ,EAAA,GAAK;IACd,OAAOjC,CAAA,IAAKoC,EAAA,IAAMpC,CAAA,IAAKqC,EAAA,IAAM,IAAI,CAACxE,SAAS,CAACuE,EAAA,CAAG,KAAK,IAAI,CAACxE,SAAS,CAACyE,EAAA,CAAG,EAAE;MACtED,EAAA;MACAC,EAAA;IACF;IACA,MAAM/B,IAAA,GAAO0B,EAAA,GAAK,IAAII,EAAA;IACtB,IAAI9B,IAAA,IAAQ,IAAI,CAAC9C,MAAM,CAACmB,cAAc,EAAE;MACtCwD,GAAA,GAAM;QACJrC,MAAA,EAAQmC,EAAA;QACRpC,QAAA,EAAUwC,EAAA,GAAK;QACfzC,MAAA,EAAQoC,EAAA;QACRrC,QAAA,EAAUyC,EAAA,GAAK;QACf9B;MACF;IACF;IAEA;IACA,MAAMX,QAAA,GAAWuC,KAAA,GAAQlC,CAAA,GAAI;IAC7B,MAAMJ,MAAA,GAASuC,GAAA,GAAMC,EAAA,GAAK,IAAIJ,EAAA;IAC9B,MAAMnC,QAAA,GAAWqC,KAAA,GAAQlC,CAAA,GAAI;IAC7B,MAAMF,MAAA,GAASqC,GAAA,GAAME,EAAA,GAAK,IAAIJ,EAAA;IAC9B;IACA,IAAI,IAAI,CAACzE,MAAM,CAACkB,WAAW,EAAE;MAC3B,MAAM4D,YAAA,GAAepC,IAAA,CAAKC,GAAG,CAACP,MAAA,GAASD,QAAA,EAAUG,MAAA,GAASD,QAAA;MAC1D,IAAIyC,YAAA,GAAe,IAAI,CAAC9E,MAAM,CAACiB,cAAc,EAAE;QAC7C,IAAI,CAAChB,iBAAiB,GAAGyC,IAAA,CAAKqC,KAAK,CAACD,YAAA,GAAe;MACrD;IACF;IACA,MAAMlC,GAAA,GAAM,IAAI,CAACI,uBAAuB,CAACb,QAAA,EAAUC,MAAA,EAAQC,QAAA,EAAUC,MAAA;IACrE,IAAIoC,KAAA,EAAO;MACT9B,GAAA,CAAIoC,OAAO,CAACN,KAAA;IACd;IACA,IAAIC,GAAA,EAAK;MACP/B,GAAA,CAAIM,IAAI,CAACyB,GAAA;IACX;IAEA,OAAO/B,GAAA;EACT;EAEA;EACQX,iBAAA,EAAgC;IACtC,MAAM3B,aAAA,GAA6B,EAAE;IACrC,IAAI2E,YAAA,GAAe;IACnB,IAAIC,YAAA,GAAe;IACnB,KAAK,MAAMC,YAAA,IAAgB,IAAI,CAAChF,gBAAgB,EAAE;MAChD,MAAMiF,sBAAA,GAAyBH,YAAA,KAAiBE,YAAA,CAAahD,QAAQ;MACrE,MAAMkD,sBAAA,GAAyBH,YAAA,KAAiBC,YAAA,CAAa9C,QAAQ;MACrE,MAAMiD,aAAA,GAAgB;QACpBhD,MAAA,EAAQ6C,YAAA,CAAa9C,QAAQ;QAC7BA,QAAA,EAAU6C,YAAA;QACV9C,MAAA,EAAQ+C,YAAA,CAAahD,QAAQ;QAC7BA,QAAA,EAAU8C;MACZ;MACA,IAAI,CAACG,sBAAA,IAA0B,CAACC,sBAAA,EAAwB;QACtD/E,aAAA,CAAc4C,IAAI,CAACqC,MAAA,CAAOC,MAAM,CAACF,aAAA,EAAe;UAAElC,IAAA,EAAM;QAAmB;MAC7E,OAAO,IAAIgC,sBAAA,IAA0B,CAACC,sBAAA,EAAwB;QAC5D/E,aAAA,CAAc4C,IAAI,CAACqC,MAAA,CAAOC,MAAM,CAACF,aAAA,EAAe;UAAElC,IAAA,EAAM;QAAkB;MAC5E,OAAO,IAAI,CAACgC,sBAAA,IAA0BC,sBAAA,EAAwB;QAC5D/E,aAAA,CAAc4C,IAAI,CAACqC,MAAA,CAAOC,MAAM,CAACF,aAAA,EAAe;UAAElC,IAAA,EAAM;QAAkB;MAC5E;MAEA9C,aAAA,CAAc4C,IAAI,CAAC;QACjBE,IAAA,EAAM;QACNd,MAAA,EAAQ6C,YAAA,CAAa7C,MAAM;QAC3BD,QAAA,EAAU8C,YAAA,CAAa9C,QAAQ;QAC/BD,MAAA,EAAQ+C,YAAA,CAAa/C,MAAM;QAC3BD,QAAA,EAAUgD,YAAA,CAAahD;MACzB;MACA8C,YAAA,GAAeE,YAAA,CAAa/C,MAAM;MAClC8C,YAAA,GAAeC,YAAA,CAAa7C,MAAM;IACpC;IACA;IACA,MAAMmD,WAAA,GAAc,IAAI,CAACpF,SAAS,CAACuB,MAAM;IACzC,MAAM8D,WAAA,GAAc,IAAI,CAACtF,SAAS,CAACwB,MAAM;IACzC,MAAM+D,iBAAA,GAAoB;MACxBrD,MAAA,EAAQoD,WAAA;MACRrD,QAAA,EAAU6C,YAAA;MACV9C,MAAA,EAAQqD,WAAA;MACRtD,QAAA,EAAU8C;IACZ;IACA,MAAMW,aAAA,GAAgBX,YAAA,KAAiBQ,WAAA;IACvC,MAAMI,aAAA,GAAgBX,YAAA,KAAiBQ,WAAA;IACvC,IAAI,CAACE,aAAA,IAAiB,CAACC,aAAA,EAAe;MACpCvF,aAAA,CAAc4C,IAAI,CAACqC,MAAA,CAAOC,MAAM,CAACG,iBAAA,EAAmB;QAAEvC,IAAA,EAAM;MAAmB;IACjF,OAAO,IAAIwC,aAAA,IAAiB,CAACC,aAAA,EAAe;MAC1CvF,aAAA,CAAc4C,IAAI,CAACqC,MAAA,CAAOC,MAAM,CAACG,iBAAA,EAAmB;QAAEvC,IAAA,EAAM;MAAkB;IAChF,OAAO,IAAI,CAACwC,aAAA,IAAiBC,aAAA,EAAe;MAC1CvF,aAAA,CAAc4C,IAAI,CAACqC,MAAA,CAAOC,MAAM,CAACG,iBAAA,EAAmB;QAAEvC,IAAA,EAAM;MAAkB;IAChF;IACA,OAAO9C,aAAA;EACT;EAEQuC,sBAAsBiD,IAAY,EAAEC,IAAY,EAAEtD,GAAW,EAAuB;IAC1F,IAAIuD,OAAA,GAAU;IACd,IAAIzD,gBAAA,GAAwC;IAE5C,IAAI0D,cAAA,GAAiB;IACrB,KAAK,IAAIzD,CAAA,GAAI,GAAGA,CAAA,GAAIC,GAAA,EAAKD,CAAA,IAAK;MAC5B,IAAI,IAAI,CAACnC,SAAS,CAACyF,IAAA,GAAOtD,CAAA,CAAE,KAAK,IAAI,CAACpC,SAAS,CAAC2F,IAAA,GAAOvD,CAAA,CAAE,EAAE;QACzDyD,cAAA;MACF,OAAO;QACLA,cAAA,GAAiB;MACnB;MACA,IAAIA,cAAA,GAAiBD,OAAA,EAAS;QAC5BA,OAAA,GAAUC,cAAA;QACV1D,gBAAA,GAAmB;UACjBD,MAAA,EAAQyD,IAAA,GAAOvD,CAAA,GAAI;UACnBH,QAAA,EAAU0D,IAAA,GAAOvD,CAAA,GAAIyD,cAAA,GAAiB;UACtC7D,MAAA,EAAQ0D,IAAA,GAAOtD,CAAA,GAAI;UACnBL,QAAA,EAAU2D,IAAA,GAAOtD,CAAA,GAAIyD,cAAA,GAAiB;UACtCnD,IAAA,EAAMmD;QACR;MACF;IACF;IAEA,OAAOD,OAAA,IAAW,IAAI,CAAChG,MAAM,CAACmB,cAAc,GAAGoB,gBAAA,GAAmB;EACpE;EAEA;;;;;;EAMAnB,mBAAQA,CAAoB8E,IAAY,EAAY;IAClD;IACA,MAAM3C,MAAA,GAAmB,EAAE;IAC3B,IAAI4C,UAAA,GAAa;IAEjB;IACA,MAAMC,QAAA,GAAW;IACjB,IAAI3E,KAAA;IAEJ,OAAO,CAACA,KAAA,GAAQ2E,QAAA,CAASC,IAAI,CAACH,IAAA,CAAI,MAAO,MAAM;MAC7C;MACA,MAAMI,SAAA,GAAYJ,IAAA,CAAKK,SAAS,CAACJ,UAAA,EAAY1E,KAAA,CAAM+E,KAAK;MACxD,IAAIF,SAAA,EAAW;QACb;QACA,KAAK,MAAMG,IAAA,IAAQH,SAAA,EAAW;UAC5B/C,MAAA,CAAOL,IAAI,CAACuD,IAAA;QACd;MACF;MAEA;MACAlD,MAAA,CAAOL,IAAI,CAACzB,KAAK,CAAC,EAAE;MACpB0E,UAAA,GAAa1E,KAAA,CAAM+E,KAAK,GAAG/E,KAAK,CAAC,EAAE,CAACG,MAAM;IAC5C;IAEA;IACA,MAAM8E,SAAA,GAAYR,IAAA,CAAKK,SAAS,CAACJ,UAAA;IACjC,KAAK,MAAMM,IAAA,IAAQC,SAAA,EAAW;MAC5BnD,MAAA,CAAOL,IAAI,CAACuD,IAAA;IACd;IAEA,OAAOlD,MAAA;EACT;EAEA;;;;;;EAMAxB,cAAQA,CAAemE,IAAY,EAAY;IAC7C;IACA,OACEA,IAAA,CAAKzE,KAAK,CACR,wFACG,EAAE;EAEX;EAEOkF,sBAAA,EAAkC;IACvC,IAAI,IAAI,CAACpG,kBAAkB,KAAKqG,SAAA,EAAW;MACzC,OAAO,IAAI,CAACrG,kBAAkB;IAChC;IAEA,IAAIG,OAAA,GAAU;IACd,IAAIC,OAAA,GAAU;IACd,IAAIW,aAAA,GAAgB;IACpB,IAAI,CAAChB,aAAa,CAACuG,OAAO,CAAEC,SAAA;MAC1B,QAAQA,SAAA,CAAU1D,IAAI;QACpB,KAAK;UAAU;YACbzC,OAAA,IAAW,IAAI,CAAC2C,kBAAkB,CAChC,UACA,IAAI,CAAClD,SAAS,CAACyB,KAAK,CAACiF,SAAA,CAAUzE,QAAQ,EAAEyE,SAAA,CAAUxE,MAAM;YAE3D;UACF;QAEA,KAAK;UAAU;YACb,MAAMyE,aAAA,GAAgB,IAAI,CAAC1G,SAAS,CAACwB,KAAK,CAACiF,SAAA,CAAU3E,QAAQ,EAAE2E,SAAA,CAAU1E,MAAM;YAC/E1B,OAAA,IAAW,IAAI,CAAC4C,kBAAkB,CAAC,UAAUyD,aAAA;YAC7C;UACF;QACA,KAAK;UAAS;YACZ,MAAMC,WAAA,GAAc,IAAI,CAAC5G,SAAS,CAACyB,KAAK,CAACiF,SAAA,CAAUzE,QAAQ,EAAEyE,SAAA,CAAUxE,MAAM;YAC7E,IAAI2E,WAAA,GAAc;YAClB,KAAK,MAAM5D,KAAA,IAAS2D,WAAA,EAAa;cAC/B;cACA,MAAME,aAAA,GAAgB7D,KAAA,CAAM5B,KAAK,CAAC/B,eAAA;cAClC,IAAIwH,aAAA,EAAe;gBACjB5F,aAAA,IAAiB;gBACjB,MAAMK,aAAA,GAAgB,CAACuF,aAAA,EAAe9C,MAAA,EAAQ1C,IAAA,EAAME,MAAA,IAAU,KAAK;gBACnEqF,WAAA,IAAe,GAAG5D,KAAA,CAAMxB,KAAK,CAAC,GAAGF,aAAA,eAA4BL,aAAA,IAAiB+B,KAAA,CAAMxB,KAAK,CAACF,aAAA,GAAgB;cAC5G,OAAO;gBACLsF,WAAA,IAAe5D,KAAA;cACjB;YACF;YACA3C,OAAA,IAAWuG,WAAA;YACXtG,OAAA,IAAWsG,WAAA;YACX;UACF;QAEA,KAAK;UAAW;YACdvG,OAAA,IAAW,IAAI,CAAC4C,kBAAkB,CAChC,UACA,IAAI,CAACjD,SAAS,CAACwB,KAAK,CAACiF,SAAA,CAAU3E,QAAQ,EAAE2E,SAAA,CAAU1E,MAAM;YAE3DzB,OAAA,IAAW,IAAI,CAAC2C,kBAAkB,CAChC,UACA,IAAI,CAAClD,SAAS,CAACyB,KAAK,CAACiF,SAAA,CAAUzE,QAAQ,EAAEyE,SAAA,CAAUxE,MAAM;YAE3D;UACF;QAEA;UAAS;YACP6E,OAAA,CAAQC,KAAK,CAAC,8CAA8CC,MAAA,CAAOP,SAAA,CAAU1D,IAAI;UACnF;MACF;IACF;IAEA,MAAMK,MAAA,GAA2B,CAAC/C,OAAA,EAASC,OAAA,CAAQ;IACnD,IAAI,CAACJ,kBAAkB,GAAGkD,MAAA;IAC1B,OAAOA,MAAA;EACT;EAEO6D,kBAAA,EAA4B;IACjC,IAAI,IAAI,CAAC9G,cAAc,KAAKoG,SAAA,EAAW;MACrC,OAAO,IAAI,CAACpG,cAAc;IAC5B;IAEA,IAAIiD,MAAA,GAAS;IACb,IAAI,CAACnD,aAAa,CAACuG,OAAO,CAAEC,SAAA;MAC1B,QAAQA,SAAA,CAAU1D,IAAI;QACpB,KAAK;UAAU;YACbK,MAAA,IAAU,IAAI,CAACH,kBAAkB,CAC/B,UACA,IAAI,CAAClD,SAAS,CAACyB,KAAK,CAACiF,SAAA,CAAUzE,QAAQ,EAAEyE,SAAA,CAAUxE,MAAM;YAE3D;UACF;QAEA,KAAK;UAAU;YACbmB,MAAA,IAAU,IAAI,CAACH,kBAAkB,CAC/B,UACA,IAAI,CAACjD,SAAS,CAACwB,KAAK,CAACiF,SAAA,CAAU3E,QAAQ,EAAE2E,SAAA,CAAU1E,MAAM;YAE3D;UACF;QAEA,KAAK;UAAS;YACZ,KAAK,MAAMiB,KAAA,IAAS,IAAI,CAACjD,SAAS,CAACyB,KAAK,CAACiF,SAAA,CAAUzE,QAAQ,EAAEyE,SAAA,CAAUxE,MAAM,GAAG;cAC9EmB,MAAA,IAAUJ,KAAA;YACZ;YACA;UACF;QAEA,KAAK;UAAW;YACd;YACA,MAAMkE,IAAA,GAAO,IAAI,CAAClH,SAAS,CAACwB,KAAK,CAACiF,SAAA,CAAU3E,QAAQ,EAAE2E,SAAA,CAAU1E,MAAM;YACtE,MAAMoF,IAAA,GAAO,IAAI,CAACpH,SAAS,CAACyB,KAAK,CAACiF,SAAA,CAAUzE,QAAQ,EAAEyE,SAAA,CAAUxE,MAAM;YACtE,IACEiF,IAAA,CAAK3F,MAAM,KAAK,KAChB4F,IAAA,CAAK5F,MAAM,KAAK,KAChB2F,IAAI,CAAC,EAAE,EAAE9F,KAAA,CAAM7B,UAAA,KACf4H,IAAI,CAAC,EAAE,EAAE/F,KAAA,CAAM7B,UAAA,GACf;cACA6D,MAAA,IAAU+D,IAAI,CAAC,EAAE;cACjB;YACF;YAEA,MAAMT,aAAA,GAA0B,EAAE;YAClC,MAAMU,aAAA,GAA0B,EAAE;YAClC,IAAIC,WAAA,GAAcZ,SAAA,CAAUzE,QAAQ;YACpC,KACE,IAAIsF,WAAA,GAAcb,SAAA,CAAU3E,QAAQ,EACpCwF,WAAA,GAAcb,SAAA,CAAU1E,MAAM,EAC9BuF,WAAA,IACA;cACA,MAAMC,YAAA,GAAe,IAAI,CAACvH,SAAS,CAACsH,WAAA,CAAY;cAEhD,IAAI,CAACC,YAAA,EAAc;gBACjB;cACF;cAEA,MAAMC,eAAA,GAAkBD,YAAA,EAAcnG,KAAA,CAAM9B,kBAAA;cAC5C,IAAIkI,eAAA,EAAiB;gBACnB;gBAEA;gBACA,IAAI,CAAChI,aAAA,EAAeC,eAAA,CAAgB,CAACgI,IAAI,CAAEC,IAAA,IAASH,YAAA,EAAcnG,KAAA,CAAMsG,IAAA,IAAQ;kBAC9EhB,aAAA,CAAc7D,IAAI,CAAC0E,YAAA;kBACnB;gBACF;gBAEA;gBACAnE,MAAA,IAAU,IAAI,CAACH,kBAAkB,CAAC,UAAUyD,aAAA;gBAC5CA,aAAA,CAAciB,MAAM,CAAC;gBACrB,IAAIC,cAAA,GAAiB;gBACrB,KACE,IAAIC,eAAA,GAAkBR,WAAA,EACtBQ,eAAA,GAAkBpB,SAAA,CAAUxE,MAAM,EAClC4F,eAAA,IACA;kBACA,MAAMC,YAAA,GAAe,IAAI,CAAC/H,SAAS,CAAC8H,eAAA,CAAgB;kBACpD,IAAI,CAACC,YAAA,EAAc;oBACjB;kBACF;kBACA,MAAMC,eAAA,GAAkBD,YAAA,EAAc1G,KAAA,CAAM9B,kBAAA;kBAC5C,IACEyI,eAAA,IACAA,eAAA,CAAgBhE,MAAM,EAAE1C,IAAA,KAASmG,eAAA,CAAgBzD,MAAM,EAAE1C,IAAA,IACzD0G,eAAA,CAAgBhE,MAAM,EAAEiE,KAAA,KAAUR,eAAA,CAAgBzD,MAAM,EAAEiE,KAAA,EAC1D;oBACA;oBACAJ,cAAA,GAAiB;oBACjBxE,MAAA,IAAU,IAAI,CAACH,kBAAkB,CAAC,UAAUmE,aAAA;oBAC5ChE,MAAA,IAAU0E,YAAA;oBACVV,aAAA,CAAcO,MAAM,CAAC;oBACrBN,WAAA,GAAcQ,eAAA,GAAkB;oBAChC;kBACF,OAAO;oBACLT,aAAA,CAAcvE,IAAI,CAACiF,YAAA;kBACrB;gBACF;gBACA,IAAI,CAACF,cAAA,EAAgB;kBACnBxE,MAAA,IAAUmE,YAAA;kBACVH,aAAA,CAAcO,MAAM,CAAC;gBACvB;cACF,OAAO;gBACL;gBACAjB,aAAA,CAAc7D,IAAI,CAAC0E,YAAA;cACrB;YACF;YACA,IAAIF,WAAA,GAAcZ,SAAA,CAAUxE,MAAM,EAAE;cAClCmF,aAAA,CAAcvE,IAAI,IAAI,IAAI,CAAC9C,SAAS,CAACyB,KAAK,CAAC6F,WAAA,EAAaZ,SAAA,CAAUxE,MAAM;YAC1E;YACAmB,MAAA,IAAU,IAAI,CAACH,kBAAkB,CAAC,UAAUyD,aAAA;YAC5CtD,MAAA,IAAU,IAAI,CAACH,kBAAkB,CAAC,UAAUmE,aAAA;YAC5C;UACF;QAEA;UAAS;YACPN,OAAA,CAAQC,KAAK,CAAC,8CAA8CC,MAAA,CAAOP,SAAA,CAAU1D,IAAI;UACnF;MACF;IACF;IACA,IAAI,CAAC5C,cAAc,GAAGiD,MAAA;IACtB,OAAOA,MAAA;EACT;AACF","ignoreList":[]}
+{"version":3,"sources":["../../../../src/elements/HTMLDiff/diff/index.ts"],"sourcesContent":["// Taken and modified from https://github.com/Arman19941113/html-diff/blob/master/packages/html-diff/src/index.ts\n\ninterface MatchedBlock {\n  newEnd: number\n  newStart: number\n  oldEnd: number\n  oldStart: number\n  size: number\n}\n\ninterface Operation {\n  /**\n   * Index of entry in tokenized token list\n   */\n  newEnd: number\n  newStart: number\n  oldEnd: number\n  oldStart: number\n  type: 'create' | 'delete' | 'equal' | 'replace'\n}\n\ntype BaseOpType = 'create' | 'delete'\n\ninterface HtmlDiffConfig {\n  classNames: {\n    createBlock: string\n    createInline: string\n    deleteBlock: string\n    deleteInline: string\n  }\n  greedyBoundary: number\n  greedyMatch: boolean\n  minMatchedSize: number\n}\n\nexport interface HtmlDiffOptions {\n  /**\n   * The classNames for wrapper DOM.\n   * Use this to configure your own styles without importing the built-in CSS file\n   */\n  classNames?: Partial<{\n    createBlock?: string\n    createInline?: string\n    deleteBlock?: string\n    deleteInline?: string\n  }>\n  /**\n   * @defaultValue 1000\n   */\n  greedyBoundary?: number\n  /**\n   * When greedyMatch is enabled, if the length of the sub-tokens exceeds greedyBoundary,\n   * we will use the matched sub-tokens that are sufficiently good, even if they are not optimal, to enhance performance.\n   * @defaultValue true\n   */\n  greedyMatch?: boolean\n  /**\n   * Determine the minimum threshold for calculating common sub-tokens.\n   * You may adjust it to a value larger than 2, but not lower, due to the potential inclusion of HTML tags in the count.\n   * @defaultValue 2\n   */\n  minMatchedSize?: number\n  /**\n   * Whether to tokenize by character or by word.\n   * @defaultValue false\n   */\n  tokenizeByCharacter?: boolean\n}\n\n// eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/optimal-quantifier-concatenation\nconst htmlStartTagReg = /^<(?<name>[^\\s/>]+)[^>]*>$/\n// eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/optimal-quantifier-concatenation\nconst htmlTagWithNameReg = /^<(?<isEnd>\\/)?(?<name>[^\\s>]+)[^>]*>$/\n\nconst htmlTagReg = /^<[^>]+>/\nconst htmlImgTagReg = /^<img[^>]*>$/\nconst htmlVideoTagReg = /^<video[^>]*>.*?<\\/video>$/ms\n\nexport class HtmlDiff {\n  private readonly config: HtmlDiffConfig\n  private leastCommonLength: number = Infinity\n  private readonly matchedBlockList: MatchedBlock[] = []\n  private readonly newTokens: string[] = []\n  private readonly oldTokens: string[] = []\n  private readonly operationList: Operation[] = []\n  private sideBySideContents?: [string, string]\n  private unifiedContent?: string\n\n  constructor(\n    oldHtml: string,\n    newHtml: string,\n    {\n      classNames = {\n        createBlock: 'html-diff-create-block-wrapper',\n        createInline: 'html-diff-create-inline-wrapper',\n        deleteBlock: 'html-diff-delete-block-wrapper',\n        deleteInline: 'html-diff-delete-inline-wrapper',\n      },\n      greedyBoundary = 1000,\n      greedyMatch = true,\n      minMatchedSize = 2,\n      tokenizeByCharacter = false,\n    }: HtmlDiffOptions = {},\n  ) {\n    // init config\n    this.config = {\n      classNames: {\n        createBlock: 'html-diff-create-block-wrapper',\n        createInline: 'html-diff-create-inline-wrapper',\n        deleteBlock: 'html-diff-delete-block-wrapper',\n        deleteInline: 'html-diff-delete-inline-wrapper',\n        ...classNames,\n      },\n      greedyBoundary,\n      greedyMatch,\n      minMatchedSize,\n    }\n    // white space is junk\n    oldHtml = oldHtml.trim()\n    newHtml = newHtml.trim()\n\n    // no need to diff\n    if (oldHtml === newHtml) {\n      this.unifiedContent = oldHtml\n      let equalSequence = 0\n      // eslint-disable-next-line regexp/no-super-linear-backtracking, regexp/optimal-quantifier-concatenation\n      const content = oldHtml.replace(/<([^\\s/>]+)[^>]*>/g, (match: string, name: string) => {\n        const tagNameLength = name.length + 1\n        return `${match.slice(0, tagNameLength)} data-seq=\"${++equalSequence}\"${match.slice(tagNameLength)}`\n      })\n      this.sideBySideContents = [content, content]\n      return\n    }\n\n    // step1: split HTML to tokens(atomic tokens)\n    const tokenizeFn = tokenizeByCharacter ? this.tokenizeByCharacter : this.tokenizeByWord\n    this.oldTokens = tokenizeFn(oldHtml)\n    this.newTokens = tokenizeFn(newHtml)\n    // step2: find matched blocks\n    this.matchedBlockList = this.getMatchedBlockList()\n\n    // step3: generate operation list\n    this.operationList = this.getOperationList()\n  }\n\n  // Find the longest matched block between tokens\n  private computeBestMatchedBlock(\n    oldStart: number,\n    oldEnd: number,\n    newStart: number,\n    newEnd: number,\n  ): MatchedBlock | null {\n    let bestMatchedBlock = null\n    for (let i = oldStart; i < oldEnd; i++) {\n      const len = Math.min(oldEnd - i, newEnd - newStart)\n      const ret = this.slideBestMatchedBlock(i, newStart, len)\n      if (ret && (!bestMatchedBlock || ret.size > bestMatchedBlock.size)) {\n        bestMatchedBlock = ret\n        if (ret.size > this.leastCommonLength) {\n          return bestMatchedBlock\n        }\n      }\n    }\n    for (let j = newStart; j < newEnd; j++) {\n      const len = Math.min(oldEnd - oldStart, newEnd - j)\n      const ret = this.slideBestMatchedBlock(oldStart, j, len)\n      if (ret && (!bestMatchedBlock || ret.size > bestMatchedBlock.size)) {\n        bestMatchedBlock = ret\n        if (ret.size > this.leastCommonLength) {\n          return bestMatchedBlock\n        }\n      }\n    }\n    return bestMatchedBlock\n  }\n\n  private computeMatchedBlockList(\n    oldStart: number,\n    oldEnd: number,\n    newStart: number,\n    newEnd: number,\n    matchedBlockList: MatchedBlock[] = [],\n  ): MatchedBlock[] {\n    const matchBlock = this.computeBestMatchedBlock(oldStart, oldEnd, newStart, newEnd)\n\n    if (!matchBlock) {\n      return []\n    }\n\n    if (oldStart < matchBlock.oldStart && newStart < matchBlock.newStart) {\n      this.computeMatchedBlockList(\n        oldStart,\n        matchBlock.oldStart,\n        newStart,\n        matchBlock.newStart,\n        matchedBlockList,\n      )\n    }\n    matchedBlockList.push(matchBlock)\n    if (oldEnd > matchBlock.oldEnd && newEnd > matchBlock.newEnd) {\n      this.computeMatchedBlockList(\n        matchBlock.oldEnd,\n        oldEnd,\n        matchBlock.newEnd,\n        newEnd,\n        matchedBlockList,\n      )\n    }\n    return matchedBlockList\n  }\n\n  private dressUpBlockTag(type: BaseOpType, token: string): string {\n    if (type === 'create') {\n      return `<div class=\"${this.config.classNames.createBlock}\">${token}</div>`\n    }\n    if (type === 'delete') {\n      return `<div class=\"${this.config.classNames.deleteBlock}\">${token}</div>`\n    }\n    return ''\n  }\n\n  private dressUpDiffContent(type: BaseOpType, tokens: string[]): string {\n    const tokensLength = tokens.length\n    if (!tokensLength) {\n      return ''\n    }\n\n    let result = ''\n    let textStartIndex = 0\n    let i = -1\n    for (const token of tokens) {\n      i++\n\n      // If this is true, this HTML should be diffed as well - not just its children\n      const isMatchElement = token.includes('data-enable-match=\"true\"')\n      const isMatchExplicitlyDisabled = token.includes('data-enable-match=\"false\"')\n      const isHtmlTag = !!token.match(htmlTagReg)?.length\n\n      if (isMatchExplicitlyDisabled) {\n        textStartIndex = i + 1\n        result += token\n      }\n      // this token is html tag\n      else if (!isMatchElement && isHtmlTag) {\n        // handle text tokens before\n        if (i > textStartIndex) {\n          result += this.dressUpText(type, tokens.slice(textStartIndex, i))\n        }\n        // handle this tag\n        textStartIndex = i + 1\n        if (token.match(htmlVideoTagReg)) {\n          result += this.dressUpBlockTag(type, token)\n        } /* else if ([htmlImgTagReg].some((item) => token.match(item))) {\n          result += this.dressUpInlineTag(type, token)\n        }*/ else {\n          result += token\n        }\n      } else if (isMatchElement && isHtmlTag) {\n        // handle text tokens before\n        if (i > textStartIndex) {\n          result += this.dressUpText(type, tokens.slice(textStartIndex, i))\n        }\n\n        // handle this tag\n        textStartIndex = i + 1\n        // Add data-match-type to the tag that can be styled\n        const newToken = this.dressupMatchEnabledHtmlTag(type, token)\n\n        result += newToken\n      }\n    }\n    if (textStartIndex < tokensLength) {\n      result += this.dressUpText(type, tokens.slice(textStartIndex))\n    }\n    return result\n  }\n\n  private dressUpInlineTag(type: BaseOpType, token: string): string {\n    if (type === 'create') {\n      return `<span class=\"${this.config.classNames.createInline}\">${token}</span>`\n    }\n    if (type === 'delete') {\n      return `<span class=\"${this.config.classNames.deleteInline}\">${token}</span>`\n    }\n    return ''\n  }\n\n  private dressupMatchEnabledHtmlTag(type: BaseOpType, token: string): string {\n    // token is a single html tag, e.g. <a data-enable-match=\"true\" href=\"https://2\" rel=undefined target=undefined>\n    // add data-match-type to the tag\n    const tagName = token.match(htmlStartTagReg)?.groups?.name\n    if (!tagName) {\n      return token\n    }\n    const tagNameLength = tagName.length + 1\n    const matchType = type === 'create' ? 'create' : 'delete'\n    return `${token.slice(0, tagNameLength)} data-match-type=\"${matchType}\"${token.slice(\n      tagNameLength,\n      token.length,\n    )}`\n  }\n\n  private dressUpText(type: BaseOpType, tokens: string[]): string {\n    const text = tokens.join('')\n    if (!text.trim()) {\n      return ''\n    }\n    if (type === 'create') {\n      return `<span data-match-type=\"create\">${text}</span>`\n    }\n    if (type === 'delete') {\n      return `<span data-match-type=\"delete\">${text}</span>`\n    }\n    return ''\n  }\n\n  /**\n   * Generates a list of token entries that are matched between the old and new HTML. This list will not\n   * include token ranges that differ.\n   */\n  private getMatchedBlockList(): MatchedBlock[] {\n    const n1 = this.oldTokens.length\n    const n2 = this.newTokens.length\n\n    // 1. sync from start\n    let start: MatchedBlock | null = null\n    let i = 0\n    while (i < n1 && i < n2 && this.oldTokens[i] === this.newTokens[i]) {\n      i++\n    }\n    if (i >= this.config.minMatchedSize) {\n      start = {\n        newEnd: i,\n        newStart: 0,\n        oldEnd: i,\n        oldStart: 0,\n        size: i,\n      }\n    }\n\n    // 2. sync from end\n    let end: MatchedBlock | null = null\n    let e1 = n1 - 1\n    let e2 = n2 - 1\n    while (i <= e1 && i <= e2 && this.oldTokens[e1] === this.newTokens[e2]) {\n      e1--\n      e2--\n    }\n    const size = n1 - 1 - e1\n    if (size >= this.config.minMatchedSize) {\n      end = {\n        newEnd: n2,\n        newStart: e2 + 1,\n        oldEnd: n1,\n        oldStart: e1 + 1,\n        size,\n      }\n    }\n\n    // 3. handle rest\n    const oldStart = start ? i : 0\n    const oldEnd = end ? e1 + 1 : n1\n    const newStart = start ? i : 0\n    const newEnd = end ? e2 + 1 : n2\n    // optimize for large tokens\n    if (this.config.greedyMatch) {\n      const commonLength = Math.min(oldEnd - oldStart, newEnd - newStart)\n      if (commonLength > this.config.greedyBoundary) {\n        this.leastCommonLength = Math.floor(commonLength / 3)\n      }\n    }\n    const ret = this.computeMatchedBlockList(oldStart, oldEnd, newStart, newEnd)\n    if (start) {\n      ret.unshift(start)\n    }\n    if (end) {\n      ret.push(end)\n    }\n\n    return ret\n  }\n\n  // Generate operation list by matchedBlockList\n  private getOperationList(): Operation[] {\n    const operationList: Operation[] = []\n    let walkIndexOld = 0\n    let walkIndexNew = 0\n    for (const matchedBlock of this.matchedBlockList) {\n      const isOldStartIndexMatched = walkIndexOld === matchedBlock.oldStart\n      const isNewStartIndexMatched = walkIndexNew === matchedBlock.newStart\n      const operationBase = {\n        newEnd: matchedBlock.newStart,\n        newStart: walkIndexNew,\n        oldEnd: matchedBlock.oldStart,\n        oldStart: walkIndexOld,\n      }\n      if (!isOldStartIndexMatched && !isNewStartIndexMatched) {\n        operationList.push(Object.assign(operationBase, { type: 'replace' as const }))\n      } else if (isOldStartIndexMatched && !isNewStartIndexMatched) {\n        operationList.push(Object.assign(operationBase, { type: 'create' as const }))\n      } else if (!isOldStartIndexMatched && isNewStartIndexMatched) {\n        operationList.push(Object.assign(operationBase, { type: 'delete' as const }))\n      }\n\n      operationList.push({\n        type: 'equal',\n        newEnd: matchedBlock.newEnd,\n        newStart: matchedBlock.newStart,\n        oldEnd: matchedBlock.oldEnd,\n        oldStart: matchedBlock.oldStart,\n      })\n      walkIndexOld = matchedBlock.oldEnd\n      walkIndexNew = matchedBlock.newEnd\n    }\n    // handle the tail content\n    const maxIndexOld = this.oldTokens.length\n    const maxIndexNew = this.newTokens.length\n    const tailOperationBase = {\n      newEnd: maxIndexNew,\n      newStart: walkIndexNew,\n      oldEnd: maxIndexOld,\n      oldStart: walkIndexOld,\n    }\n    const isOldFinished = walkIndexOld === maxIndexOld\n    const isNewFinished = walkIndexNew === maxIndexNew\n    if (!isOldFinished && !isNewFinished) {\n      operationList.push(Object.assign(tailOperationBase, { type: 'replace' as const }))\n    } else if (isOldFinished && !isNewFinished) {\n      operationList.push(Object.assign(tailOperationBase, { type: 'create' as const }))\n    } else if (!isOldFinished && isNewFinished) {\n      operationList.push(Object.assign(tailOperationBase, { type: 'delete' as const }))\n    }\n    return operationList\n  }\n\n  private slideBestMatchedBlock(addA: number, addB: number, len: number): MatchedBlock | null {\n    let maxSize = 0\n    let bestMatchedBlock: MatchedBlock | null = null\n\n    let continuousSize = 0\n    for (let i = 0; i < len; i++) {\n      if (this.oldTokens[addA + i] === this.newTokens[addB + i]) {\n        continuousSize++\n      } else {\n        continuousSize = 0\n      }\n      if (continuousSize > maxSize) {\n        maxSize = continuousSize\n        bestMatchedBlock = {\n          newEnd: addB + i + 1,\n          newStart: addB + i - continuousSize + 1,\n          oldEnd: addA + i + 1,\n          oldStart: addA + i - continuousSize + 1,\n          size: continuousSize,\n        }\n      }\n    }\n\n    return maxSize >= this.config.minMatchedSize ? bestMatchedBlock : null\n  }\n\n  /**\n   * Convert HTML to tokens at character level, preserving HTML tags as complete tokens\n   * @example\n   * tokenize(\"<a> Hello World </a>\")\n   * [\"<a>\", \" \", \"H\", \"e\", \"l\", \"l\", \"o\", \" \", \"W\", \"o\", \"r\", \"l\", \"d\", \" \", \"</a>\"]\n   */\n  private tokenizeByCharacter(html: string): string[] {\n    // First, identify HTML tags and preserve them as complete tokens\n    const tokens: string[] = []\n    let currentPos = 0\n\n    // Regular expression to match HTML tags (including picture and video tags with content)\n    const tagRegex = /<picture[^>]*>.*?<\\/picture>|<video[^>]*>.*?<\\/video>|<[^>]+>/gs\n    let match: null | RegExpExecArray\n\n    while ((match = tagRegex.exec(html)) !== null) {\n      // Add characters before the tag\n      const beforeTag = html.substring(currentPos, match.index)\n      if (beforeTag) {\n        // Split non-tag content into individual characters\n        for (const char of beforeTag) {\n          tokens.push(char)\n        }\n      }\n\n      // Add the complete tag as a single token\n      tokens.push(match[0])\n      currentPos = match.index + match[0].length\n    }\n\n    // Add any remaining characters after the last tag\n    const remaining = html.substring(currentPos)\n    for (const char of remaining) {\n      tokens.push(char)\n    }\n\n    return tokens\n  }\n\n  /**\n   * convert HTML to tokens\n   * @example\n   * tokenize(\"<a> Hello World </a>\")\n   * [\"<a>\",\" \", \"Hello\", \" \", \"World\", \" \", \"</a>\"]\n   */\n  private tokenizeByWord(html: string): string[] {\n    // atomic token: html tag、continuous numbers or letters、blank spaces、other symbol\n    return (\n      html.match(\n        /<picture[^>]*>.*?<\\/picture>|<video[^>]*>.*?<\\/video>|<[^>]+>|\\w+\\b|\\s+|[^<>\\w]/gs,\n      ) || []\n    )\n  }\n\n  public getSideBySideContents(): string[] {\n    if (this.sideBySideContents !== undefined) {\n      return this.sideBySideContents\n    }\n\n    let oldHtml = ''\n    let newHtml = ''\n    let equalSequence = 0\n    this.operationList.forEach((operation) => {\n      switch (operation.type) {\n        case 'create': {\n          newHtml += this.dressUpDiffContent(\n            'create',\n            this.newTokens.slice(operation.newStart, operation.newEnd),\n          )\n          break\n        }\n\n        case 'delete': {\n          const deletedTokens = this.oldTokens.slice(operation.oldStart, operation.oldEnd)\n          oldHtml += this.dressUpDiffContent('delete', deletedTokens)\n          break\n        }\n        case 'equal': {\n          const equalTokens = this.newTokens.slice(operation.newStart, operation.newEnd)\n          let equalString = ''\n          for (const token of equalTokens) {\n            // find start tags and add data-seq to enable sync scroll\n            const startTagMatch = token.match(htmlStartTagReg)\n            if (startTagMatch) {\n              equalSequence += 1\n              const tagNameLength = (startTagMatch?.groups?.name?.length ?? 0) + 1\n              equalString += `${token.slice(0, tagNameLength)} data-seq=\"${equalSequence}\"${token.slice(tagNameLength)}`\n            } else {\n              equalString += token\n            }\n          }\n          oldHtml += equalString\n          newHtml += equalString\n          break\n        }\n\n        case 'replace': {\n          oldHtml += this.dressUpDiffContent(\n            'delete',\n            this.oldTokens.slice(operation.oldStart, operation.oldEnd),\n          )\n          newHtml += this.dressUpDiffContent(\n            'create',\n            this.newTokens.slice(operation.newStart, operation.newEnd),\n          )\n          break\n        }\n\n        default: {\n          console.error('Richtext diff error - invalid operation: ' + String(operation.type))\n        }\n      }\n    })\n\n    const result: [string, string] = [oldHtml, newHtml]\n    this.sideBySideContents = result\n    return result\n  }\n\n  public getUnifiedContent(): string {\n    if (this.unifiedContent !== undefined) {\n      return this.unifiedContent\n    }\n\n    let result = ''\n    this.operationList.forEach((operation) => {\n      switch (operation.type) {\n        case 'create': {\n          result += this.dressUpDiffContent(\n            'create',\n            this.newTokens.slice(operation.newStart, operation.newEnd),\n          )\n          break\n        }\n\n        case 'delete': {\n          result += this.dressUpDiffContent(\n            'delete',\n            this.oldTokens.slice(operation.oldStart, operation.oldEnd),\n          )\n          break\n        }\n\n        case 'equal': {\n          for (const token of this.newTokens.slice(operation.newStart, operation.newEnd)) {\n            result += token\n          }\n          break\n        }\n\n        case 'replace': {\n          // handle specially tag replace\n          const olds = this.oldTokens.slice(operation.oldStart, operation.oldEnd)\n          const news = this.newTokens.slice(operation.newStart, operation.newEnd)\n          if (\n            olds.length === 1 &&\n            news.length === 1 &&\n            olds[0]?.match(htmlTagReg) &&\n            news[0]?.match(htmlTagReg)\n          ) {\n            result += news[0]\n            break\n          }\n\n          const deletedTokens: string[] = []\n          const createdTokens: string[] = []\n          let createIndex = operation.newStart\n          for (\n            let deleteIndex = operation.oldStart;\n            deleteIndex < operation.oldEnd;\n            deleteIndex++\n          ) {\n            const deletedToken = this.oldTokens[deleteIndex]\n\n            if (!deletedToken) {\n              continue\n            }\n\n            const matchTagResultD = deletedToken?.match(htmlTagWithNameReg)\n            if (matchTagResultD) {\n              // handle replaced tag token\n\n              // skip special tag\n              if ([htmlImgTagReg, htmlVideoTagReg].some((item) => deletedToken?.match(item))) {\n                deletedTokens.push(deletedToken)\n                continue\n              }\n\n              // handle normal tag\n              result += this.dressUpDiffContent('delete', deletedTokens)\n              deletedTokens.splice(0)\n              let isTagInNewFind = false\n              for (\n                let tempCreateIndex = createIndex;\n                tempCreateIndex < operation.newEnd;\n                tempCreateIndex++\n              ) {\n                const createdToken = this.newTokens[tempCreateIndex]\n                if (!createdToken) {\n                  continue\n                }\n                const matchTagResultC = createdToken?.match(htmlTagWithNameReg)\n                if (\n                  matchTagResultC &&\n                  matchTagResultC.groups?.name === matchTagResultD.groups?.name &&\n                  matchTagResultC.groups?.isEnd === matchTagResultD.groups?.isEnd\n                ) {\n                  // find first matched tag, but not maybe the expected tag(to optimize)\n                  isTagInNewFind = true\n                  result += this.dressUpDiffContent('create', createdTokens)\n                  result += createdToken\n                  createdTokens.splice(0)\n                  createIndex = tempCreateIndex + 1\n                  break\n                } else {\n                  createdTokens.push(createdToken)\n                }\n              }\n              if (!isTagInNewFind) {\n                result += deletedToken\n                createdTokens.splice(0)\n              }\n            } else {\n              // token is not a tag\n              deletedTokens.push(deletedToken)\n            }\n          }\n          if (createIndex < operation.newEnd) {\n            createdTokens.push(...this.newTokens.slice(createIndex, operation.newEnd))\n          }\n          result += this.dressUpDiffContent('delete', deletedTokens)\n          result += this.dressUpDiffContent('create', createdTokens)\n          break\n        }\n\n        default: {\n          console.error('Richtext diff error - invalid operation: ' + String(operation.type))\n        }\n      }\n    })\n    this.unifiedContent = result\n    return result\n  }\n}\n"],"names":["htmlStartTagReg","htmlTagWithNameReg","htmlTagReg","htmlImgTagReg","htmlVideoTagReg","HtmlDiff","config","leastCommonLength","Infinity","matchedBlockList","newTokens","oldTokens","operationList","sideBySideContents","unifiedContent","oldHtml","newHtml","classNames","createBlock","createInline","deleteBlock","deleteInline","greedyBoundary","greedyMatch","minMatchedSize","tokenizeByCharacter","trim","equalSequence","content","replace","match","name","tagNameLength","length","slice","tokenizeFn","tokenizeByWord","getMatchedBlockList","getOperationList","computeBestMatchedBlock","oldStart","oldEnd","newStart","newEnd","bestMatchedBlock","i","len","Math","min","ret","slideBestMatchedBlock","size","j","computeMatchedBlockList","matchBlock","push","dressUpBlockTag","type","token","dressUpDiffContent","tokens","tokensLength","result","textStartIndex","isMatchElement","includes","isMatchExplicitlyDisabled","isHtmlTag","dressUpText","newToken","dressupMatchEnabledHtmlTag","dressUpInlineTag","tagName","groups","matchType","text","join","n1","n2","start","end","e1","e2","commonLength","floor","unshift","walkIndexOld","walkIndexNew","matchedBlock","isOldStartIndexMatched","isNewStartIndexMatched","operationBase","Object","assign","maxIndexOld","maxIndexNew","tailOperationBase","isOldFinished","isNewFinished","addA","addB","maxSize","continuousSize","html","currentPos","tagRegex","exec","beforeTag","substring","index","char","remaining","getSideBySideContents","undefined","forEach","operation","deletedTokens","equalTokens","equalString","startTagMatch","console","error","String","getUnifiedContent","olds","news","createdTokens","createIndex","deleteIndex","deletedToken","matchTagResultD","some","item","splice","isTagInNewFind","tempCreateIndex","createdToken","matchTagResultC","isEnd"],"mappings":"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"}

package/dist/elements/HTMLDiff/index.js

@@ -1,32 +1,37 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { HtmlDiff } from './diff/index.js';
 import './index.scss';
 const baseClass = 'html-diff';
-export const getHTMLDiffComponents = ({
-  fromHTML,
-  toHTML,
-  tokenizeByCharacter
-}) => {
-  const diffHTML = new HtmlDiff(fromHTML, toHTML, {
-    tokenizeByCharacter
-  });
-  const [oldHTML, newHTML] = diffHTML.getSideBySideContents();
-  const From = oldHTML ? /*#__PURE__*/_jsx("div", {
-    className: `${baseClass}__diff-old html-diff`,
-    dangerouslySetInnerHTML: {
-      __html: oldHTML
-    }
-  }) : null;
-  const To = newHTML ? /*#__PURE__*/_jsx("div", {
-    className: `${baseClass}__diff-new html-diff`,
-    dangerouslySetInnerHTML: {
-      __html: newHTML
-    }
-  }) : null;
-  return {
-    From,
-    To
-  };
+export const getHTMLDiffComponents = ({ fromHTML, toHTML, tokenizeByCharacter })=>{
+    const diffHTML = new HtmlDiff(fromHTML, toHTML, {
+        tokenizeByCharacter
+    });
+    const [oldHTML, newHTML] = diffHTML.getSideBySideContents();
+    const From = oldHTML ? /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass}__diff-old html-diff`,
+        dangerouslySetInnerHTML: {
+            __html: oldHTML
+        }
+    }, void 0, false, {
+        fileName: "src/elements/HTMLDiff/index.tsx",
+        lineNumber: 27,
+        columnNumber: 5
+    }, this) : null;
+    const To = newHTML ? /*#__PURE__*/ _jsxDEV("div", {
+        className: `${baseClass}__diff-new html-diff`,
+        dangerouslySetInnerHTML: {
+            __html: newHTML
+        }
+    }, void 0, false, {
+        fileName: "src/elements/HTMLDiff/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this) : null;
+    return {
+        From,
+        To
+    };
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/HTMLDiff/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","HtmlDiff","baseClass","getHTMLDiffComponents","fromHTML","toHTML","tokenizeByCharacter","diffHTML","oldHTML","newHTML","getSideBySideContents","From","_jsx","className","dangerouslySetInnerHTML","__html","To"],"sources":["../../../src/elements/HTMLDiff/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HtmlDiff } from './diff/index.js'\nimport './index.scss'\n\nconst baseClass = 'html-diff'\n\nexport const getHTMLDiffComponents = ({\n  fromHTML,\n  toHTML,\n  tokenizeByCharacter,\n}: {\n  fromHTML: string\n  toHTML: string\n  tokenizeByCharacter?: boolean\n}): {\n  From: React.ReactNode\n  To: React.ReactNode\n} => {\n  const diffHTML = new HtmlDiff(fromHTML, toHTML, {\n    tokenizeByCharacter,\n  })\n\n  const [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  const From = oldHTML ? (\n    <div\n      className={`${baseClass}__diff-old html-diff`}\n      dangerouslySetInnerHTML={{ __html: oldHTML }}\n    />\n  ) : null\n\n  const To = newHTML ? (\n    <div\n      className={`${baseClass}__diff-new html-diff`}\n      dangerouslySetInnerHTML={{ __html: newHTML }}\n    />\n  ) : null\n\n  return { From, To }\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,MAAM;EACNC;AAAmB,CAKpB;EAIC,MAAMC,QAAA,GAAW,IAAIN,QAAA,CAASG,QAAA,EAAUC,MAAA,EAAQ;IAC9CC;EACF;EAEA,MAAM,CAACE,OAAA,EAASC,OAAA,CAAQ,GAAGF,QAAA,CAASG,qBAAqB;EAEzD,MAAMC,IAAA,GAAOH,OAAA,gBACXI,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGX,SAAA,sBAA+B;IAC7CY,uBAAA,EAAyB;MAAEC,MAAA,EAAQP;IAAQ;OAE3C;EAEJ,MAAMQ,EAAA,GAAKP,OAAA,gBACTG,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGX,SAAA,sBAA+B;IAC7CY,uBAAA,EAAyB;MAAEC,MAAA,EAAQN;IAAQ;OAE3C;EAEJ,OAAO;IAAEE,IAAA;IAAMK;EAAG;AACpB","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/HTMLDiff/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HtmlDiff } from './diff/index.js'\nimport './index.scss'\n\nconst baseClass = 'html-diff'\n\nexport const getHTMLDiffComponents = ({\n  fromHTML,\n  toHTML,\n  tokenizeByCharacter,\n}: {\n  fromHTML: string\n  toHTML: string\n  tokenizeByCharacter?: boolean\n}): {\n  From: React.ReactNode\n  To: React.ReactNode\n} => {\n  const diffHTML = new HtmlDiff(fromHTML, toHTML, {\n    tokenizeByCharacter,\n  })\n\n  const [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  const From = oldHTML ? (\n    <div\n      className={`${baseClass}__diff-old html-diff`}\n      dangerouslySetInnerHTML={{ __html: oldHTML }}\n    />\n  ) : null\n\n  const To = newHTML ? (\n    <div\n      className={`${baseClass}__diff-new html-diff`}\n      dangerouslySetInnerHTML={{ __html: newHTML }}\n    />\n  ) : null\n\n  return { From, To }\n}\n"],"names":["React","HtmlDiff","baseClass","getHTMLDiffComponents","fromHTML","toHTML","tokenizeByCharacter","diffHTML","oldHTML","newHTML","getSideBySideContents","From","div","className","dangerouslySetInnerHTML","__html","To"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,SAASC,QAAQ,QAAQ,kBAAiB;AAC1C,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAQ,EACRC,MAAM,EACNC,mBAAmB,EAKpB;IAIC,MAAMC,WAAW,IAAIN,SAASG,UAAUC,QAAQ;QAC9CC;IACF;IAEA,MAAM,CAACE,SAASC,QAAQ,GAAGF,SAASG,qBAAqB;IAEzD,MAAMC,OAAOH,wBACX,QAACI;QACCC,WAAW,GAAGX,UAAU,oBAAoB,CAAC;QAC7CY,yBAAyB;YAAEC,QAAQP;QAAQ;;;;;eAE3C;IAEJ,MAAMQ,KAAKP,wBACT,QAACG;QACCC,WAAW,GAAGX,UAAU,oBAAoB,CAAC;QAC7CY,yBAAyB;YAAEC,QAAQN;QAAQ;;;;;eAE3C;IAEJ,OAAO;QAAEE;QAAMK;IAAG;AACpB,EAAC"}

package/dist/elements/Hamburger/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import { ChevronIcon } from '../../icons/Chevron/index.js';
 import { CloseMenuIcon } from '../../icons/CloseMenu/index.js';
@@ -9,42 +7,55 @@ import { MenuIcon } from '../../icons/Menu/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import './index.scss';
 const baseClass = 'hamburger';
-export const Hamburger = props => {
-  const $ = _c(4);
-  const {
-    t
-  } = useTranslation();
-  const {
-    closeIcon: t0,
-    isActive: t1
-  } = props;
-  const closeIcon = t0 === undefined ? "x" : t0;
-  const isActive = t1 === undefined ? false : t1;
-  let t2;
-  if ($[0] !== closeIcon || $[1] !== isActive || $[2] !== t) {
-    t2 = _jsxs("div", {
-      className: baseClass,
-      children: [!isActive && _jsx("div", {
-        "aria-label": t("general:open"),
-        className: `${baseClass}__open-icon`,
-        title: t("general:open"),
-        children: _jsx(MenuIcon, {})
-      }), isActive && _jsxs("div", {
-        "aria-label": closeIcon === "collapse" ? t("general:collapse") : t("general:close"),
-        className: `${baseClass}__close-icon`,
-        title: closeIcon === "collapse" ? t("general:collapse") : t("general:close"),
-        children: [closeIcon === "x" && _jsx(CloseMenuIcon, {}), closeIcon === "collapse" && _jsx(ChevronIcon, {
-          direction: "left"
-        })]
-      })]
-    });
-    $[0] = closeIcon;
-    $[1] = isActive;
-    $[2] = t;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  return t2;
+export const Hamburger = (props)=>{
+    const { t } = useTranslation();
+    const { closeIcon = 'x', isActive = false } = props;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: baseClass,
+        children: [
+            !isActive && /*#__PURE__*/ _jsxDEV("div", {
+                "aria-label": t('general:open'),
+                className: `${baseClass}__open-icon`,
+                title: t('general:open'),
+                children: /*#__PURE__*/ _jsxDEV(MenuIcon, {}, void 0, false, {
+                    fileName: "src/elements/Hamburger/index.tsx",
+                    lineNumber: 27,
+                    columnNumber: 11
+                }, this)
+            }, void 0, false, {
+                fileName: "src/elements/Hamburger/index.tsx",
+                lineNumber: 22,
+                columnNumber: 9
+            }, this),
+            isActive && /*#__PURE__*/ _jsxDEV("div", {
+                "aria-label": closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
+                className: `${baseClass}__close-icon`,
+                title: closeIcon === 'collapse' ? t('general:collapse') : t('general:close'),
+                children: [
+                    closeIcon === 'x' && /*#__PURE__*/ _jsxDEV(CloseMenuIcon, {}, void 0, false, {
+                        fileName: "src/elements/Hamburger/index.tsx",
+                        lineNumber: 36,
+                        columnNumber: 33
+                    }, this),
+                    closeIcon === 'collapse' && /*#__PURE__*/ _jsxDEV(ChevronIcon, {
+                        direction: "left"
+                    }, void 0, false, {
+                        fileName: "src/elements/Hamburger/index.tsx",
+                        lineNumber: 37,
+                        columnNumber: 40
+                    }, this)
+                ]
+            }, void 0, true, {
+                fileName: "src/elements/Hamburger/index.tsx",
+                lineNumber: 31,
+                columnNumber: 9
+            }, this)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/Hamburger/index.tsx",
+        lineNumber: 20,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/Hamburger/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","ChevronIcon","CloseMenuIcon","MenuIcon","useTranslation","baseClass","Hamburger","props","$","t","closeIcon","t0","isActive","t1","undefined","t2","_jsxs","className","children","_jsx","title","direction"],"sources":["../../../src/elements/Hamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CloseMenuIcon } from '../../icons/CloseMenu/index.js'\nimport { MenuIcon } from '../../icons/Menu/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'hamburger'\n\nexport const Hamburger: React.FC<{\n  readonly closeIcon?: 'collapse' | 'x'\n  readonly isActive?: boolean\n}> = (props) => {\n  const { t } = useTranslation()\n  const { closeIcon = 'x', isActive = false } = props\n\n  return (\n    <div className={baseClass}>\n      {!isActive && (\n        <div\n          aria-label={t('general:open')}\n          className={`${baseClass}__open-icon`}\n          title={t('general:open')}\n        >\n          <MenuIcon />\n        </div>\n      )}\n      {isActive && (\n        <div\n          aria-label={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n          className={`${baseClass}__close-icon`}\n          title={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n        >\n          {closeIcon === 'x' && <CloseMenuIcon />}\n          {closeIcon === 'collapse' && <ChevronIcon direction=\"left\" />}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,SAASC,WAAW,QAAQ;AAC5B,SAASC,aAAa,QAAQ;AAC9B,SAASC,QAAQ,QAAQ;AACzB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,SAAA,GAGRC,KAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EACH;IAAAU;EAAA,IAAcL,cAAA;EACd;IAAAM,SAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IAA8CN,KAAA;EAAtC,MAAAG,SAAA,GAAAC,EAAe,KAAAG,SAAA,GAAH,GAAG,GAAfH,EAAe;EAAE,MAAAC,QAAA,GAAAC,EAAgB,KAAAC,SAAA,WAAhBD,EAAgB;EAAA,IAAAE,EAAA;EAAA,IAAAP,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAC,CAAA;IAGvCM,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAAZ,SAAA;MAAAa,QAAA,GACE,CAACN,QAAA,IACAO,IAAA,CAAC;QAAA,cACaV,CAAA,CAAE;QAAAQ,SAAA,EACH,GAAAZ,SAAA,aAAyB;QAAAe,KAAA,EAC7BX,CAAA,CAAE;QAAAS,QAAA,EAETC,IAAA,CAAAhB,QAAA,IAAC;MAAA,C,GAGJS,QAAA,IACCI,KAAA,CAAC;QAAA,cACaN,SAAA,KAAc,aAAaD,CAAA,CAAE,sBAAsBA,CAAA,CAAE;QAAAQ,SAAA,EACtD,GAAAZ,SAAA,cAA0B;QAAAe,KAAA,EAC9BV,SAAA,KAAc,aAAaD,CAAA,CAAE,sBAAsBA,CAAA,CAAE;QAAAS,QAAA,GAE3DR,SAAA,KAAc,OAAOS,IAAA,CAAAjB,aAAA,IAAC,GACtBQ,SAAA,KAAc,cAAcS,IAAA,CAAAlB,WAAA;UAAAoB,SAAA,EAAuB;QAAA,C;;;;;;;;;;SAjB1DN,E;CAsBJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/Hamburger/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { CloseMenuIcon } from '../../icons/CloseMenu/index.js'\nimport { MenuIcon } from '../../icons/Menu/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport './index.scss'\n\nconst baseClass = 'hamburger'\n\nexport const Hamburger: React.FC<{\n  readonly closeIcon?: 'collapse' | 'x'\n  readonly isActive?: boolean\n}> = (props) => {\n  const { t } = useTranslation()\n  const { closeIcon = 'x', isActive = false } = props\n\n  return (\n    <div className={baseClass}>\n      {!isActive && (\n        <div\n          aria-label={t('general:open')}\n          className={`${baseClass}__open-icon`}\n          title={t('general:open')}\n        >\n          <MenuIcon />\n        </div>\n      )}\n      {isActive && (\n        <div\n          aria-label={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n          className={`${baseClass}__close-icon`}\n          title={closeIcon === 'collapse' ? t('general:collapse') : t('general:close')}\n        >\n          {closeIcon === 'x' && <CloseMenuIcon />}\n          {closeIcon === 'collapse' && <ChevronIcon direction=\"left\" />}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["React","ChevronIcon","CloseMenuIcon","MenuIcon","useTranslation","baseClass","Hamburger","props","t","closeIcon","isActive","div","className","aria-label","title","direction"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,WAAW,QAAQ,+BAA8B;AAC1D,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,QAAQ,QAAQ,4BAA2B;AACpD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,YAGR,CAACC;IACJ,MAAM,EAAEC,CAAC,EAAE,GAAGJ;IACd,MAAM,EAAEK,YAAY,GAAG,EAAEC,WAAW,KAAK,EAAE,GAAGH;IAE9C,qBACE,QAACI;QAAIC,WAAWP;;YACb,CAACK,0BACA,QAACC;gBACCE,cAAYL,EAAE;gBACdI,WAAW,GAAGP,UAAU,WAAW,CAAC;gBACpCS,OAAON,EAAE;0BAET,cAAA,QAACL;;;;;;;;;;YAGJO,0BACC,QAACC;gBACCE,cAAYJ,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;gBACjEI,WAAW,GAAGP,UAAU,YAAY,CAAC;gBACrCS,OAAOL,cAAc,aAAaD,EAAE,sBAAsBA,EAAE;;oBAE3DC,cAAc,qBAAO,QAACP;;;;;oBACtBO,cAAc,4BAAc,QAACR;wBAAYc,WAAU;;;;;;;;;;;;;;;;;;AAK9D,EAAC"}

package/dist/elements/HydrateAuthProvider/index.js

@@ -1,32 +1,20 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
 import { useEffect } from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
-export function HydrateAuthProvider(t0) {
-  const $ = _c(4);
-  const {
-    permissions
-  } = t0;
-  const {
-    setPermissions
-  } = useAuth();
-  let t1;
-  let t2;
-  if ($[0] !== permissions || $[1] !== setPermissions) {
-    t1 = () => {
-      setPermissions(permissions);
-    };
-    t2 = [permissions, setPermissions];
-    $[0] = permissions;
-    $[1] = setPermissions;
-    $[2] = t1;
-    $[3] = t2;
-  } else {
-    t1 = $[2];
-    t2 = $[3];
-  }
-  useEffect(t1, t2);
-  return null;
+/**
+ * The Auth Provider wraps the entire app
+ * but each page has specific permissions
+ *
+ * i.e. access control on documents/fields on a document
+ */ export function HydrateAuthProvider({ permissions }) {
+    const { setPermissions } = useAuth();
+    useEffect(()=>{
+        setPermissions(permissions);
+    }, [
+        permissions,
+        setPermissions
+    ]);
+    return null;
 }
+
 //# sourceMappingURL=index.js.map

package/dist/elements/HydrateAuthProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","useEffect","useAuth","HydrateAuthProvider","t0","$","permissions","setPermissions","t1","t2"],"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedPermissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: SanitizedPermissions\n}\n\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAIA,SAASC,SAAS,QAAQ;AAE1B,SAASC,OAAO,QAAQ;AAaxB,OAAO,SAAAC,oBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAA6B;IAAAM;EAAA,IAAAF,EAAsB;EACxD;IAAAG;EAAA,IAA2BL,OAAA;EAAA,IAAAM,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAJ,CAAA,QAAAC,WAAA,IAAAD,CAAA,QAAAE,cAAA;IAEjBC,EAAA,GAAAA,CAAA;MACRD,cAAA,CAAeD,WAAA;IAAA;IACdG,EAAA,IAACH,WAAA,EAAaC,cAAA;IAAeF,CAAA,MAAAC,WAAA;IAAAD,CAAA,MAAAE,cAAA;IAAAF,CAAA,MAAAG,EAAA;IAAAH,CAAA,MAAAI,EAAA;EAAA;IAAAD,EAAA,GAAAH,CAAA;IAAAI,EAAA,GAAAJ,CAAA;EAAA;EAFhCJ,SAAA,CAAUO,EAEV,EAAGC,EAA6B;EAAA;AAAA","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/HydrateAuthProvider/index.tsx"],"sourcesContent":["'use client'\n\nimport type { SanitizedPermissions } from 'payload'\n\nimport { useEffect } from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\n\n/**\n * The Auth Provider wraps the entire app\n * but each page has specific permissions\n *\n * i.e. access control on documents/fields on a document\n */\n\ntype Props = {\n  permissions: SanitizedPermissions\n}\n\nexport function HydrateAuthProvider({ permissions }: Props) {\n  const { setPermissions } = useAuth()\n\n  useEffect(() => {\n    setPermissions(permissions)\n  }, [permissions, setPermissions])\n\n  return null\n}\n"],"names":["useEffect","useAuth","HydrateAuthProvider","permissions","setPermissions"],"mappings":"AAAA;AAIA,SAASA,SAAS,QAAQ,QAAO;AAEjC,SAASC,OAAO,QAAQ,gCAA+B;AAEvD;;;;;CAKC,GAMD,OAAO,SAASC,oBAAoB,EAAEC,WAAW,EAAS;IACxD,MAAM,EAAEC,cAAc,EAAE,GAAGH;IAE3BD,UAAU;QACRI,eAAeD;IACjB,GAAG;QAACA;QAAaC;KAAe;IAEhC,OAAO;AACT"}

package/dist/elements/IDLabel/index.js

@@ -1,7 +1,5 @@
 'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
 import React from 'react';
 import './index.scss';
 import { Link } from '../../elements/Link/index.js';
@@ -11,61 +9,37 @@ import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { sanitizeID } from '../../utilities/sanitizeID.js';
 import { useDrawerDepth } from '../Drawer/index.js';
 const baseClass = 'id-label';
-export const IDLabel = t0 => {
-  const $ = _c(9);
-  const {
-    id,
-    className,
-    prefix: t1
-  } = t0;
-  const prefix = t1 === undefined ? "ID:" : t1;
-  const {
-    config: t2
-  } = useConfig();
-  const {
-    routes: t3
-  } = t2;
-  const {
-    admin: adminRoute
-  } = t3;
-  const {
-    collectionSlug,
-    globalSlug
-  } = useDocumentInfo();
-  const drawerDepth = useDrawerDepth();
-  const t4 = `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`;
-  let t5;
-  if ($[0] !== adminRoute || $[1] !== className || $[2] !== drawerDepth || $[3] !== id || $[4] !== prefix || $[5] !== t4) {
+export const IDLabel = ({ id, className, prefix = 'ID:' })=>{
+    const { config: { routes: { admin: adminRoute } } } = useConfig();
+    const { collectionSlug, globalSlug } = useDocumentInfo();
+    const drawerDepth = useDrawerDepth();
     const docPath = formatAdminURL({
-      adminRoute,
-      path: t4
-    });
-    let t6;
-    if ($[7] !== className) {
-      t6 = [baseClass, className].filter(Boolean);
-      $[7] = className;
-      $[8] = t6;
-    } else {
-      t6 = $[8];
-    }
-    t5 = _jsxs("div", {
-      className: t6.join(" "),
-      title: id,
-      children: [prefix, "\xA0", drawerDepth > 1 ? _jsx(Link, {
-        href: docPath,
-        children: sanitizeID(id)
-      }) : sanitizeID(id)]
+        adminRoute,
+        path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`
     });
-    $[0] = adminRoute;
-    $[1] = className;
-    $[2] = drawerDepth;
-    $[3] = id;
-    $[4] = prefix;
-    $[5] = t4;
-    $[6] = t5;
-  } else {
-    t5 = $[6];
-  }
-  return t5;
+    return /*#__PURE__*/ _jsxDEV("div", {
+        className: [
+            baseClass,
+            className
+        ].filter(Boolean).join(' '),
+        title: id,
+        children: [
+            prefix,
+            " ",
+            drawerDepth > 1 ? /*#__PURE__*/ _jsxDEV(Link, {
+                href: docPath,
+                children: sanitizeID(id)
+            }, void 0, false, {
+                fileName: "src/elements/IDLabel/index.tsx",
+                lineNumber: 37,
+                columnNumber: 26
+            }, this) : sanitizeID(id)
+        ]
+    }, void 0, true, {
+        fileName: "src/elements/IDLabel/index.tsx",
+        lineNumber: 34,
+        columnNumber: 5
+    }, this);
 };
+
 //# sourceMappingURL=index.js.map

package/dist/elements/IDLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","Link","useConfig","useDocumentInfo","formatAdminURL","sanitizeID","useDrawerDepth","baseClass","IDLabel","t0","$","id","className","prefix","t1","undefined","config","t2","routes","t3","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","t4","t5","docPath","path","t6","filter","Boolean","_jsxs","join","title","children","_jsx","href"],"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const docPath = formatAdminURL({\n    adminRoute,\n    path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n  })\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n      {prefix}\n      &nbsp;\n      {drawerDepth > 1 ? <Link href={docPath}>{sanitizeID(id)}</Link> : sanitizeID(id)}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,MAAW;AAElB,OAAO;AACP,SAASC,IAAI,QAAQ;AACrB,SAASC,SAAS,QAAQ;AAC1B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,cAAc,QAAQ;AAE/B,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,OAAA,GAAyEC,EAAA;EAAA,MAAAC,CAAA,GAAAX,EAAA;EAAC;IAAAY,EAAA;IAAAC,SAAA;IAAAC,MAAA,EAAAC;EAAA,IAAAL,EAItF;EADC,MAAAI,MAAA,GAAAC,EAAc,KAAAC,SAAA,GAAL,KAAK,GAAdD,EAAc;EAEd;IAAAE,MAAA,EAAAC;EAAA,IAIIf,SAAA;EAHM;IAAAgB,MAAA,EAAAC;EAAA,IAAAF,EAEP;EADS;IAAAG,KAAA,EAAAC;EAAA,IAAAF,EAAqB;EAIjC;IAAAG,cAAA;IAAAC;EAAA,IAAuCpB,eAAA;EACvC,MAAAqB,WAAA,GAAoBlB,cAAA;EAIZ,MAAAmB,EAAA,OAAIH,cAAA,GAAiB,eAAeA,cAAA,EAAgB,GAAG,WAAWC,UAAA,EAAY,IAAIZ,EAAA,EAAI;EAAA,IAAAe,EAAA;EAAA,IAAAhB,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAE,SAAA,IAAAF,CAAA,QAAAc,WAAA,IAAAd,CAAA,QAAAC,EAAA,IAAAD,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAe,EAAA;IAF9F,MAAAE,OAAA,GAAgBvB,cAAA;MAAAiB,UAAA;MAAAO,IAAA,EAERH;IAAsF,CAC9F;IAAA,IAAAI,EAAA;IAAA,IAAAnB,CAAA,QAAAE,SAAA;MAGkBiB,EAAA,IAAAtB,SAAA,EAAYK,SAAA,EAAAkB,MAAA,CAAAC,OAAkB;MAAArB,CAAA,MAAAE,SAAA;MAAAF,CAAA,MAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAA9CgB,EAAA,GAAAM,KAAA,CAAC;MAAApB,SAAA,EAAeiB,EAA8B,CAAAI,IAAA,CAAc;MAAAC,KAAA,EAAavB,EAAA;MAAAwB,QAAA,GACtEtB,MAAA,EAAO,QAEPW,WAAA,IAAc,GAAIY,IAAA,CAAAnC,IAAA;QAAAoC,IAAA,EAAYV,OAAA;QAAAQ,QAAA,EAAU9B,UAAA,CAAWM,EAAA;MAAA,C,IAAcN,UAAA,CAAWM,EAAA;IAAA,C;;;;;;;;;;;SAH/Ee,E;CAMJ","ignoreList":[]}
+{"version":3,"sources":["../../../src/elements/IDLabel/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport './index.scss'\nimport { Link } from '../../elements/Link/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useDocumentInfo } from '../../providers/DocumentInfo/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { sanitizeID } from '../../utilities/sanitizeID.js'\nimport { useDrawerDepth } from '../Drawer/index.js'\n\nconst baseClass = 'id-label'\n\nexport const IDLabel: React.FC<{ className?: string; id: string; prefix?: string }> = ({\n  id,\n  className,\n  prefix = 'ID:',\n}) => {\n  const {\n    config: {\n      routes: { admin: adminRoute },\n    },\n  } = useConfig()\n\n  const { collectionSlug, globalSlug } = useDocumentInfo()\n  const drawerDepth = useDrawerDepth()\n\n  const docPath = formatAdminURL({\n    adminRoute,\n    path: `/${collectionSlug ? `collections/${collectionSlug}` : `globals/${globalSlug}`}/${id}`,\n  })\n\n  return (\n    <div className={[baseClass, className].filter(Boolean).join(' ')} title={id}>\n      {prefix}\n      &nbsp;\n      {drawerDepth > 1 ? <Link href={docPath}>{sanitizeID(id)}</Link> : sanitizeID(id)}\n    </div>\n  )\n}\n"],"names":["React","Link","useConfig","useDocumentInfo","formatAdminURL","sanitizeID","useDrawerDepth","baseClass","IDLabel","id","className","prefix","config","routes","admin","adminRoute","collectionSlug","globalSlug","drawerDepth","docPath","path","div","filter","Boolean","join","title","href"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AACrB,SAASC,IAAI,QAAQ,+BAA8B;AACnD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,eAAe,QAAQ,wCAAuC;AACvE,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,UAAU,QAAQ,gCAA+B;AAC1D,SAASC,cAAc,QAAQ,qBAAoB;AAEnD,MAAMC,YAAY;AAElB,OAAO,MAAMC,UAAyE,CAAC,EACrFC,EAAE,EACFC,SAAS,EACTC,SAAS,KAAK,EACf;IACC,MAAM,EACJC,QAAQ,EACNC,QAAQ,EAAEC,OAAOC,UAAU,EAAE,EAC9B,EACF,GAAGb;IAEJ,MAAM,EAAEc,cAAc,EAAEC,UAAU,EAAE,GAAGd;IACvC,MAAMe,cAAcZ;IAEpB,MAAMa,UAAUf,eAAe;QAC7BW;QACAK,MAAM,CAAC,CAAC,EAAEJ,iBAAiB,CAAC,YAAY,EAAEA,gBAAgB,GAAG,CAAC,QAAQ,EAAEC,YAAY,CAAC,CAAC,EAAER,IAAI;IAC9F;IAEA,qBACE,QAACY;QAAIX,WAAW;YAACH;YAAWG;SAAU,CAACY,MAAM,CAACC,SAASC,IAAI,CAAC;QAAMC,OAAOhB;;YACtEE;YAAO;YAEPO,cAAc,kBAAI,QAACjB;gBAAKyB,MAAMP;0BAAUd,WAAWI;;;;;uBAAcJ,WAAWI;;;;;;;AAGnF,EAAC"}