// include.php
// т.к. в битриксе есть js-библиотека viewer, то нужно использовать другое название
CJSCore::RegisterExt('elementviewer', [
    'js' => '/local/viewer/js/viewer.js', // путь к библиотеке
    'rel' => ['SidePanel'] // слайдер
]);

// include.php
$pattern = '/\/lists\/(\d+)\/view\//'; // часть адреса страницы универсального списка, где (\d+) = id списка
$server = Bitrix\Main\Context::getCurrent()->getServer(); // объект Server, потребуется для получения адреса страницы
if(preg_match($pattern, $server->getRequestUri())) {
       CJSCore::Init(['elementviewer']); // подключаем библиотеку
}

const ElementViewer = BX.namespace('Viewer');

ElementViewer.init = function() {
}

ElementViewer.findCell = function () {
    return BX.findChildren(document, {
        class: 'main-grid-cell-content' // css-класс узла с искомой ссылкой
    }, true);
}

ElementViewer.pattern = '/lists/(\\d+)/element/0/(\\d+)'; // часть адреса страницы детального просмотра элемента универсального списка, где первый шаблон = id списка, а второй = id элемента.
ElementViewer.extractListData = function (url) {
    let match = url.match(this.pattern); // проверяем ссылку регуляркой
    if(match) {
        return {
            list_id: Number(match[1]),
            element_id: Number(match[2])
        };
    }
}

ElementViewer.init = function (sliderUrl) {
    const cell = this.findCell();
    cell.forEach(item => {
        let itemChild = item.children;
        let child = itemChild[0];
        if(child && child.tagName === 'A') {
            const listData = this.extractListData(child.toString()); // получаем id списка и элемента из ссылки
            if(listData !== undefined) {
                child.addEventListener('click', (e) => {
                    e.preventDefault(); // отменяем переход по ссылке
                    this.openSlider(sliderUrl, listData.list_id, listData.element_id); // открываем слайдер
                })
            }
        }
    });
}

ElementViewer.openSlider = function (sliderUri, listId, elementId) {
// в слайдер можно передавать данные методом POST, поэтому воспользуемся этой возможностью для передачи id списка и элемента
    let sliderParams = {
        list_id: listId,
        element_id: elementId
    }
    return BX.SidePanel.Instance.open(sliderUri, {
        allowChangeHistory: false,
        cacheable: false,
        requestMethod: 'POST',
        requestParams: sliderParams
    });
}

if(preg_match($pattern, $server->getRequestUri())) {
       CJSCore::Init(['elementviewer']); // подключаем библиотеку
       $asset = Bitrix\Main\Page\Asset::getInstance();
       $script = '<script>BX.ready(function() {
  ElementViewer.init();
})</script>';
      $asset->addString($script);
}

// init.php
$file = $_SERVER['DOCUMENT_ROOT'] . '/local/path/to/viewer/include.php';
if(file_exists($file)) {
   require $file;
}