{"id":3286,"date":"2024-10-10T11:48:07","date_gmt":"2024-10-10T10:48:07","guid":{"rendered":"https:\/\/itsiller-software.com\/?page_id=3286"},"modified":"2024-11-05T19:32:34","modified_gmt":"2024-11-05T18:32:34","slug":"v","status":"publish","type":"page","link":"https:\/\/itsiller-software.com\/index.php\/v\/","title":{"rendered":"V"},"content":{"rendered":"<div>\n<div class=\"uk-margin\"> <!-- Toggle buttons combined --> <button id=\"translation-button\" class=\"uk-button uk-button-primary uk-button-small toggle-button\" uk-icon=\"icon: world\" onclick=\"handleTranslationToggle()\"><\/button> <button id=\"ToggleRandom\" class=\"uk-button uk-button-primary uk-button-small\" uk-icon=\"icon: settings\"><\/button> <!-- Dropdown select --> <\/p>\n<div class=\"uk-inline\"> <button id=\"Select\" class=\"uk-button uk-button-default uk-button-small uk-width-auto\" type=\"button\"> <span uk-icon=\"icon: triangle-down\"><\/span> <\/button> <\/p>\n<div uk-dropdown=\"mode: click; pos: bottom-right;\">\n<div class=\"uk-overflow-auto\" style=\"white-space: nowrap;\">\n<ul class=\"uk-list\">\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"selectAll1\">&nbsp;select all <\/label> <\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select1\" value=\"1\">&nbsp; I have done it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select2\" value=\"1\">&nbsp; I have seen it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select3\" value=\"1\">&nbsp; I have gone<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select4\" value=\"1\">&nbsp; I have got it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select5\" value=\"1\">&nbsp; I have made it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select6\" value=\"1\">&nbsp; I have found it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select7\" value=\"1\">&nbsp; I have taken it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select8\" value=\"1\">&nbsp; I have read it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select9\" value=\"1\">&nbsp; I have written it<\/label><\/li>\n<li> <label> <input class=\"uk-checkbox\" type=\"checkbox\" id=\"select10\" value=\"1\">&nbsp; I have eaten it<\/label><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p><!-- Content, text --> <\/p>\n<div class=\"filterBlock1\" id=\"filterBlock1\n\" style=\"display: table; width: 100%;\"> <\/p>\n<table class=\"uk-table uk-table-middle\">\n<thead>\n<tr>\n<th class=\"uk-table-expand uk-text-success\">Topic: 1<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr id=\"row1\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have done it\" data-new-text=\" \u042f \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have done it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row2\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have seen it\" data-new-text=\" \u042f \u0432\u0438\u0434\u0435\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have seen it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row3\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have gone\" data-new-text=\" \u042f \u0443\u0448\u0435\u043b, \u0443\u0435\u0445\u0430\u043b\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have gone<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row4\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have got it\" data-new-text=\" \u042f \u043f\u043e\u043d\u044f\u043b \u044d\u0442\u043e, \u0423 \u043c\u0435\u043d\u044f \u044d\u0442\u043e \u0435\u0441\u0442\u044c\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have got it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row5\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have made it\" data-new-text=\" \u042f \u0441\u0434\u0435\u043b\u0430\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have made it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row6\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have found it\" data-new-text=\" \u042f \u043d\u0430\u0448\u0435\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have found it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row7\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have taken it\" data-new-text=\" \u042f \u0432\u0437\u044f\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have taken it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row8\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have read it\" data-new-text=\" \u042f \u043f\u0440\u043e\u0447\u0438\u0442\u0430\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have read it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row9\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have written it\" data-new-text=\" \u042f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have written it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<tr id=\"row10\" style=\"display: none;\">\n<td>\n<div class=\"speech-container\" data-voice=\"en-GB-Wavenet-C\">\n<div style=\"display: inline-flex; align-items: center; margin: 0;\">\n<div class=\"speakButtonContainer\" style=\"margin-right: 20px;\"> <button class=\"speakButton\" style=\"background: none; border: none; padding: 0; margin: 0;\"> <a class=\"uk-icon-link\" uk-icon=\"microphone\"><\/a> <\/button> <\/div>\n<p class=\"toggle-text\" data-original-text=\"I have eaten it\" data-new-text=\" \u042f \u0441\u044a\u0435\u043b \u044d\u0442\u043e\" style=\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\">I have eaten it<\/p>\n<\/div>\n<p><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><!-- Next one button --><button id=\"nextOne1\" class=\"uk-button uk-button-secondary uk-button-small\" uk-icon=\"icon: forward\">Next one<\/button><\/div>\n<div><script>\n    let isTranslated = false;\n    let isRandomActive = false;\n    let currentIndex = 0;\n    let selectedRows = [];\n    let randomOrder = []; \/\/ \u043c\u0430\u0441\u0441\u0438\u0432 \u0434\u043b\u044f \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0433\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0430<\/p>\n<p>    function handleTranslationToggle() {\n        const translationButton = document.getElementById('translation-button');\n        const toggleTextElements = document.querySelectorAll('.toggle-text');<\/p>\n<p>        if (isTranslated) {\n            translationButton.classList.remove('uk-button-danger');\n            translationButton.classList.add('uk-button-primary');\n            toggleTextElements.forEach(el => {\n                el.textContent = el.getAttribute('data-original-text');\n            });\n        } else {\n            translationButton.classList.remove('uk-button-primary');\n            translationButton.classList.add('uk-button-danger');\n            toggleTextElements.forEach(el => {\n                el.textContent = el.getAttribute('data-new-text');\n            });\n        }\n        isTranslated = !isTranslated;\n    }<\/p>\n<p>    function handleRandomToggle() {\n        const randomButton = document.getElementById('ToggleRandom');\n        isRandomActive = !isRandomActive;<\/p>\n<p>        if (isRandomActive) {\n            randomButton.classList.remove('uk-button-primary');\n            randomButton.classList.add('uk-button-danger');\n            generateRandomOrder();\n        } else {\n            randomButton.classList.remove('uk-button-danger');\n            randomButton.classList.add('uk-button-primary');\n            currentIndex = 0; \/\/ \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0438\u043d\u0434\u0435\u043a\u0441\n        }\n    }<\/p>\n<p>    function generateRandomOrder() {\n        randomOrder = [...selectedRows];\n        for (let i = randomOrder.length - 1; i > 0; i--) {\n            const j = Math.floor(Math.random() * (i + 1));\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\n        }\n        currentIndex = 0; \/\/ \u0441\u0431\u0440\u043e\u0441\u0438\u0442\u044c \u0438\u043d\u0434\u0435\u043a\u0441 \u0434\u043b\u044f \u043d\u043e\u0432\u043e\u0433\u043e \u0441\u043b\u0443\u0447\u0430\u0439\u043d\u043e\u0433\u043e \u043f\u043e\u0440\u044f\u0434\u043a\u0430\n    }<\/p>\n<p>    function displayCurrentRow() {\n        const rows = document.querySelectorAll(\".filterBlock1 tbody tr\");\n        rows.forEach(row => row.style.display = \"none\");<\/p>\n<p>        if (selectedRows.length > 0) {\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\n            rows[rowIndex].style.display = \"table-row\";\n        }\n    }<\/p>\n<p>    function goToNextRow() {\n        if (selectedRows.length > 0) {\n            currentIndex = (currentIndex + 1) % selectedRows.length;\n            displayCurrentRow();\n        }\n    }<\/p>\n<p>    function updateSelectedRows() {\n        const rows = document.querySelectorAll(\".filterBlock1 tbody tr\");\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\n        selectedRows = [];<\/p>\n<p>        checkboxes.forEach((checkbox, index) => {\n            if (checkbox.checked && checkbox !== document.getElementById(\"selectAll1\")) {\n                selectedRows.push(index - 1);\n            }\n        });<\/p>\n<p>        if (isRandomActive) {\n            generateRandomOrder();\n        }<\/p>\n<p>        if (selectedRows.length > 0) {\n            currentIndex = 0;\n            displayCurrentRow();\n        } else {\n            rows.forEach(row => row.style.display = \"none\");\n        }\n    }<\/p>\n<p>    document.addEventListener(\"DOMContentLoaded\", function() {\n        const rows = document.querySelectorAll(\".filterBlock1 tbody tr\");\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\n        const selectAllCheckbox = document.getElementById(\"selectAll1\");<\/p>\n<p>        \/\/ \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043d\u0430\u0447\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\n        selectAllCheckbox.checked = true;\n        checkboxes.forEach(checkbox => checkbox.checked = true);\n        updateSelectedRows();<\/p>\n<p>        \/\/ \u0421\u043e\u0431\u044b\u0442\u0438\u044f \u0434\u043b\u044f \u043a\u043d\u043e\u043f\u043e\u043a \u0438 \u0447\u0435\u043a\u0431\u043e\u043a\u0441\u043e\u0432\n        document.getElementById(\"nextOne1\").addEventListener(\"click\", goToNextRow);\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);<\/p>\n<p>        selectAllCheckbox.addEventListener(\"change\", function() {\n            const isChecked = selectAllCheckbox.checked;\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\n            updateSelectedRows();\n        });<\/p>\n<p>        checkboxes.forEach(checkbox => {\n            checkbox.addEventListener(\"change\", function() {\n                if (!this.checked) selectAllCheckbox.checked = false;\n                updateSelectedRows();\n            });\n        });\n    });\n<\/script><\/div>\n<div><script><\/p>\n<p>jQuery(document).ready(function ($) {\n    \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430\n    function speakText(textToSpeak, voice) {\n        \/\/ \u0412\u0430\u0448 \u043a\u043b\u044e\u0447 Google API\n        var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';<\/p>\n<p>        \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438 Web Speech API\n        if ('speechSynthesis' in window) {\n            \/\/ \u0417\u0430\u043f\u0440\u043e\u0441 \u043a Google Text-to-Speech API\n            fetch('https:\/\/texttospeech.googleapis.com\/v1\/text:synthesize?key=' + apiKey, {\n                method: 'POST',\n                headers: {\n                    'Content-Type': 'application\/json',\n                },\n                body: JSON.stringify({\n                    input: {\n                        text: textToSpeak,\n                    },\n                    voice: {\n                        languageCode: 'en-GB',\n                        name: voice,\n                        ssmlGender: 'FEMALE',\n                    },\n                    audioConfig: {\n                        audioEncoding: 'MP3', \/\/ \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u043e \u043d\u0430 MP3 \u0434\u043b\u044f \u043b\u0443\u0447\u0448\u0435\u0439 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438\n                    },\n                }),\n            })\n                .then(response => response.json())\n                .then(data => {\n                    if (data.audioContent) {\n                        \/\/ \u041f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 base64 \u0432 \u0430\u0443\u0434\u0438\u043e \u0438 \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u0435\n                        var audio = new Audio('data:audio\/mp3;base64,' + data.audioContent);\n                        audio.play();\n                    } else {\n                        console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0430\u0443\u0434\u0438\u043e\u043a\u043e\u043d\u0442\u0435\u043d\u0442\u0430 \u043e\u0442 Google Text-to-Speech API');\n                    }\n                })\n                .catch(error => console.error('\u041e\u0448\u0438\u0431\u043a\u0430 \u0437\u0430\u043f\u0440\u043e\u0441\u0430 \u043a Google Text-to-Speech API:', error));\n        } else {\n            console.error('\u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 Web Speech API');\n        }\n    }<\/p>\n<p>    \/\/ \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u043a\u043b\u0438\u043a\u0430 \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u0434\u043b\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430\n    $('.speakButton').on('click', function () {\n        var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\n        var voice = $(this).closest('.speech-container').data('voice');\n        speakText(textToSpeak, voice);\n    });\n});<\/p>\n<p><\/script><\/div>\n<div>\n<style>\n    .speakButtonContainer {\n        flex-shrink: 0; \/* \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c *\/\n    }<\/p>\n<p>    .speakButtonContainer:hover .uk-icon-link {\n        color: #ff6600; \/* \u041d\u043e\u0432\u044b\u0439 \u0446\u0432\u0435\u0442 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\n    }\n<\/style>\n<\/div>\n<div>\n<style>\n    \/* \u0421\u0442\u0438\u043b\u044c \u0434\u043b\u044f \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 \u0441 \u0442\u0435\u043a\u0441\u0442\u043e\u043c *\/\n.speech-container {\n  height: 2cm; \/* \u0412\u044b\u0441\u043e\u0442\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430 2 \u0441\u043c *\/\n}<\/p>\n<\/style>\n<\/div>\n<div><script src=\"https:\/\/code.jquery.com\/jquery-3.6.4.min.js\"><\/script><\/p>\n<p><script>\n    jQuery(document).ready(function ($) {\n        $('.toggle-text').on('click', function () {\n            var element = $(this);<\/p>\n<p>            \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u0435\/\u0443\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 uk-animation-fade \u0434\u043b\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0433\u043e \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044f\n            element.addClass('uk-animation-fade');<\/p>\n<p>            if (element.data('state') === 'original') {\n                \/\/ \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u0438 \u0441\u0442\u0438\u043b\u044c \u0446\u0432\u0435\u0442\u0430\n                element.html('<span style=\"font-size: 13pt;\">' + element.data('original-text') + '<\/span>');\n                element.data('state', 'changed');\n            } else {\n                \/\/ \u0417\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430 \u043d\u043e\u0432\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u0438 \u0441\u0442\u0438\u043b\u044c \u0446\u0432\u0435\u0442\u0430\n                element.html('<span style=\"font-size: 13pt; color: #a8a7b7;\">' + element.data('new-text') + '<\/span>');\n                element.data('state', 'original');\n            }<\/p>\n<p>            \/\/ \u0423\u0434\u0430\u043b\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 uk-animation-fade \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u0432\u0435\u0440\u0448\u0435\u043d\u0438\u044f \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438\n            setTimeout(function () {\n                element.removeClass('uk-animation-fade');\n            }, 1000);\n        });\n    });\n<\/script>\n<\/div>\n<div>\n<h3>Lincs<\/h3>\n<div>\n<ul class=\"uk-list uk-list-collapse uk-list-disc uk-list-primary\">\n<li><a href=\"\/index.php\/topic-1\/\">Topic: 1<\/a><\/li>\n<li><a href=\"\/index.php\/topic-2\/\">Topic: 2<\/a><\/li>\n<li><a href=\"\/index.php\/topic-3\/\">Topic: 3<\/a><\/li>\n<li>Topic: 4<\/li>\n<li>Topic: 5<\/li>\n<li>Topic: 6<\/li>\n<li>Topic: 7<\/li>\n<li>Topic: 8<\/li>\n<li>Topic: 9<\/li>\n<li>Topic: 10<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"margin\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; I have done it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; I have seen it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; I have gone<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; I have got it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; I have made it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; I have found it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; I have taken it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; I have read it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; I have written it<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; I have eaten it<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have done it\\\" data-new-text=\\\" \\u042f \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have done it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have seen it\\\" data-new-text=\\\" \\u042f \\u0432\\u0438\\u0434\\u0435\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have seen it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have gone\\\" data-new-text=\\\" \\u042f \\u0443\\u0448\\u0435\\u043b, \\u0443\\u0435\\u0445\\u0430\\u043b\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have gone<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have got it\\\" data-new-text=\\\" \\u042f \\u043f\\u043e\\u043d\\u044f\\u043b \\u044d\\u0442\\u043e, \\u0423 \\u043c\\u0435\\u043d\\u044f \\u044d\\u0442\\u043e \\u0435\\u0441\\u0442\\u044c\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have got it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have made it\\\" data-new-text=\\\" \\u042f \\u0441\\u0434\\u0435\\u043b\\u0430\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have made it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have found it\\\" data-new-text=\\\" \\u042f \\u043d\\u0430\\u0448\\u0435\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have found it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have taken it\\\" data-new-text=\\\" \\u042f \\u0432\\u0437\\u044f\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have taken it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have read it\\\" data-new-text=\\\" \\u042f \\u043f\\u0440\\u043e\\u0447\\u0438\\u0442\\u0430\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have read it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have written it\\\" data-new-text=\\\" \\u042f \\u043d\\u0430\\u043f\\u0438\\u0441\\u0430\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have written it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"I have eaten it\\\" data-new-text=\\\" \\u042f \\u0441\\u044a\\u0435\\u043b \\u044d\\u0442\\u043e\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">I have eaten it<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>&#8220;,&#8221;margin&#8221;:&#8221;default&#8221;}}]}]},{&#8220;type&#8221;:&#8221;row&#8221;,&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;column&#8221;,&#8221;props&#8221;:{&#8220;image_position&#8221;:&#8221;center-center&#8221;,&#8221;position_sticky_breakpoint&#8221;:&#8221;m&#8221;},&#8221;children&#8221;:[{&#8220;type&#8221;:&#8221;text&#8221;,&#8221;props&#8221;:{&#8220;column_breakpoint&#8221;:&#8221;m&#8221;,&#8221;content&#8221;:&#8221;<script>\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n    let randomOrder = []; \\\/\\\/ \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            generateRandomOrder();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\n        }\\n    }\\n\\n    function generateRandomOrder() {\\n        randomOrder = [...selectedRows];\\n        for (let i = randomOrder.length - 1; i > 0; i--) {\\n            const j = Math.floor(Math.random() * (i + 1));\\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\\n        }\\n        currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0434\\u043b\\u044f \\u043d\\u043e\\u0432\\u043e\\u0433\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    }\\n\\n    function displayCurrentRow() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach(row => row.style.display = \\\"none\\\");\\n\\n        if (selectedRows.length > 0) {\\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\\n            rows[rowIndex].style.display = \\\"table-row\\\";\\n        }\\n    }\\n\\n    function goToNextRow() {\\n        if (selectedRows.length > 0) {\\n            currentIndex = (currentIndex + 1) % selectedRows.length;\\n            displayCurrentRow();\\n        }\\n    }\\n\\n    function updateSelectedRows() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        selectedRows = [];\\n\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== document.getElementById(\\\"selectAll1\\\")) {\\n                selectedRows.push(index - 1);\\n            }\\n        });\\n\\n        if (isRandomActive) {\\n            generateRandomOrder();\\n        }\\n\\n        if (selectedRows.length > 0) {\\n            currentIndex = 0;\\n            displayCurrentRow();\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\");\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0421\\u043e\\u0431\\u044b\\u0442\\u0438\\u044f \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a \\u0438 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", goToNextRow);\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n    });\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0432\\u0435\\u0441\\u044c\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n \\n    \\njQuery(document).ready(function ($) {\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        \\\/\\\/ \\u0412\\u0430\\u0448 \\u043a\\u043b\\u044e\\u0447 Google API\\n        var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u043a\\u0438 Web Speech API\\n        if ('speechSynthesis' in window) {\\n            \\\/\\\/ \\u0417\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043a Google Text-to-Speech API\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: {\\n                    'Content-Type': 'application\\\/json',\\n                },\\n                body: JSON.stringify({\\n                    input: {\\n                        text: textToSpeak,\\n                    },\\n                    voice: {\\n                        languageCode: 'en-GB',\\n                        name: voice,\\n                        ssmlGender: 'FEMALE',\\n                    },\\n                    audioConfig: {\\n                        audioEncoding: 'MP3', \\\/\\\/ \\u0418\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u043e \\u043d\\u0430 MP3 \\u0434\\u043b\\u044f \\u043b\\u0443\\u0447\\u0448\\u0435\\u0439 \\u0441\\u043e\\u0432\\u043c\\u0435\\u0441\\u0442\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438\\n                    },\\n                }),\\n            })\\n                .then(response => response.json())\\n                .then(data => {\\n                    if (data.audioContent) {\\n                        \\\/\\\/ \\u041f\\u0440\\u0435\\u043e\\u0431\\u0440\\u0430\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435 base64 \\u0432 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0438 \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435\\n                        var audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                        audio.play();\\n                    } else {\\n                        console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                    }\\n                })\\n                .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u0430 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u044d\\u043a\\u0437\\u0435\\u043c\\u043f\\u043b\\u044f\\u0440\\u0430\\n    $('.speakButton').on('click', function () {\\n        var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\\n        var voice = $(this).closest('.speech-container').data('voice');\\n        speakText(textToSpeak, voice);\\n    });\\n});\\n\\n    \\n    \\n    \\n    \\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0430 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u041d\\u043e\\u0432\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"css \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    \\\/* \\u0421\\u0442\\u0438\\u043b\\u044c \\u0434\\u043b\\u044f \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 \\u0441 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u043c *\\\/\\n.speech-container {\\n  height: 2cm; \\\/* \\u0412\\u044b\\u0441\\u043e\\u0442\\u0430 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 2 \\u0441\\u043c *\\\/\\n}\\n\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"CSS \\u0412\\u044b\\u0441\\u043e\\u0442\\u0430 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430 2 \\u0441\\u043c\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script src=\\\"https:\\\/\\\/code.jquery.com\\\/jquery-3.6.4.min.js\\\"><\\\/script>\\n\\n<script>\\n    jQuery(document).ready(function ($) {\\n        $('.toggle-text').on('click', function () {\\n            var element = $(this);\\n\\n            \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\\/\\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u0434\\u043b\\u044f \\u043f\\u043b\\u0430\\u0432\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f\\n            element.addClass('uk-animation-fade');\\n\\n            if (element.data('state') === 'original') {\\n                \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt;\\\">' + element.data('original-text') + '<\\\/span>');\\n                element.data('state', 'changed');\\n            } else {\\n                \\\/\\\/ \\u0417\\u0430\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043d\\u0430 \\u043d\\u043e\\u0432\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt; color: #a8a7b7;\\\">' + element.data('new-text') + '<\\\/span>');\\n                element.data('state', 'original');\\n            }\\n\\n            \\\/\\\/ \\u0423\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043d\\u0438\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n            setTimeout(function () {\\n                element.removeClass('uk-animation-fade');\\n            }, 1000);\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"JS \\u041c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043d\\u0430 ru\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"accordion\",\"props\":{\"collapsible\":true,\"content_column_breakpoint\":\"m\",\"content_margin\":\"remove\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"\",\"image_svg_inline\":true,\"link_size\":\"small\",\"link_style\":\"primary\",\"link_text\":\"Read more\",\"show_image\":true,\"show_link\":true},\"children\":[{\"type\":\"accordion_item\",\"props\":{\"content\":\"<\/p>\n<ul class=\\\"uk-list uk-list-collapse uk-list-disc uk-list-primary\\\">\\n<\/p>\n<li><a href=\\\"index.php\\\/topic-1\\\/\\\">Topic: 1<\\\/a><\\\/li>\\n\n<li><a href=\\\"index.php\\\/topic-2\\\/\\\">Topic: 2<\\\/a><\\\/li>\\n\n<li><a href=\\\"index.php\\\/topic-3\\\/\\\">Topic: 3<\\\/a><\\\/li>\\n\n<li>Topic: 4<\\\/li>\\n\n<li>Topic: 5<\\\/li>\\n\n<li>Topic: 6<\\\/li>\\n\n<li>Topic: 7<\\\/li>\\n\n<li>Topic: 8<\\\/li>\\n\n<li>Topic: 9<\\\/li>\\n\n<li>Topic: 10<\\\/li>\\n<\\\/ul>\",\"title\":\"Lincs\"}}]}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}],\"name\":\"Next one\"},{\"type\":\"button\",\"props\":{\"animation\":\"slide-bottom\",\"button_size\":\"small\",\"fullwidth\":false,\"grid_column_gap\":\"small\",\"grid_row_gap\":\"collapse\",\"margin\":\"default\",\"position\":\"absolute\",\"position_left\":\"0\",\"position_z_index\":\"0\",\"status\":\"disabled\",\"text_align\":\"center\"},\"children\":[{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"\",\"icon\":\"forward\",\"icon_align\":\"left\",\"link\":\"index.php\\\/112-2\\\/\"}},{\"type\":\"button_item\",\"props\":{\"button_style\":\"default\",\"content\":\"\",\"icon\":\"reply\",\"icon_align\":\"left\",\"link\":\"index.php\\\/112-2\\\/\"}}],\"name\":\"Button\"},{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    \\n    \\n   \\n    <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button>\\n\\n\\n\\n    \\n    \\n    \\n    \\n    \\n    \\n    \\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n    \\n    \\n    \\n    \\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame. \\u0440\\u043e\\u043b\\u0440\\u043e\\u043b\\u0440\\u043e\\u043b\\u0440\\u043e\\u043b\\u043b\\u0440\\u043e\\u043b\\u043b\\u0440\\u0440\\u0440\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame. \\u0440\\u043e\\u043b\\u0440\\u043e\\u043b\\u0440\\u043e\\u043b\\u0440\\u043e\\u043b\\u043b\\u0440\\u043e\\u043b\\u043b\\u0440\\u0440\\u0440<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\",\"margin\":\"default\"},\"name\":\"\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next one\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n    let randomOrder = []; \\\/\\\/ \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            generateRandomOrder();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\n        }\\n    }\\n\\n    function generateRandomOrder() {\\n        randomOrder = [...selectedRows];\\n        for (let i = randomOrder.length - 1; i > 0; i--) {\\n            const j = Math.floor(Math.random() * (i + 1));\\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\\n        }\\n        currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0434\\u043b\\u044f \\u043d\\u043e\\u0432\\u043e\\u0433\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    }\\n\\n    function displayCurrentRow() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach(row => row.style.display = \\\"none\\\");\\n\\n        if (selectedRows.length > 0) {\\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\\n            rows[rowIndex].style.display = \\\"table-row\\\";\\n        }\\n    }\\n\\n    function goToNextRow() {\\n        if (selectedRows.length > 0) {\\n            currentIndex = (currentIndex + 1) % selectedRows.length;\\n            displayCurrentRow();\\n        }\\n    }\\n\\n    function updateSelectedRows() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        selectedRows = [];\\n\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== document.getElementById(\\\"selectAll1\\\")) {\\n                selectedRows.push(index - 1);\\n            }\\n        });\\n\\n        if (isRandomActive) {\\n            generateRandomOrder();\\n        }\\n\\n        if (selectedRows.length > 0) {\\n            currentIndex = 0;\\n            displayCurrentRow();\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\");\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0421\\u043e\\u0431\\u044b\\u0442\\u0438\\u044f \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a \\u0438 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", goToNextRow);\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n    });\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0432\\u0435\\u0441\\u044c\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n \\n    \\njQuery(document).ready(function ($) {\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        \\\/\\\/ \\u0412\\u0430\\u0448 \\u043a\\u043b\\u044e\\u0447 Google API\\n        var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u043a\\u0438 Web Speech API\\n        if ('speechSynthesis' in window) {\\n            \\\/\\\/ \\u0417\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043a Google Text-to-Speech API\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: {\\n                    'Content-Type': 'application\\\/json',\\n                },\\n                body: JSON.stringify({\\n                    input: {\\n                        text: textToSpeak,\\n                    },\\n                    voice: {\\n                        languageCode: 'en-GB',\\n                        name: voice,\\n                        ssmlGender: 'FEMALE',\\n                    },\\n                    audioConfig: {\\n                        audioEncoding: 'MP3', \\\/\\\/ \\u0418\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u043e \\u043d\\u0430 MP3 \\u0434\\u043b\\u044f \\u043b\\u0443\\u0447\\u0448\\u0435\\u0439 \\u0441\\u043e\\u0432\\u043c\\u0435\\u0441\\u0442\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438\\n                    },\\n                }),\\n            })\\n                .then(response => response.json())\\n                .then(data => {\\n                    if (data.audioContent) {\\n                        \\\/\\\/ \\u041f\\u0440\\u0435\\u043e\\u0431\\u0440\\u0430\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435 base64 \\u0432 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0438 \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435\\n                        var audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                        audio.play();\\n                    } else {\\n                        console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                    }\\n                })\\n                .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u0430 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u044d\\u043a\\u0437\\u0435\\u043c\\u043f\\u043b\\u044f\\u0440\\u0430\\n    $('.speakButton').on('click', function () {\\n        var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\\n        var voice = $(this).closest('.speech-container').data('voice');\\n        speakText(textToSpeak, voice);\\n    });\\n});\\n\\n    \\n    \\n    \\n    \\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0430 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u041d\\u043e\\u0432\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"css \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438\"}]}]}],\"name\":\"\\u043a\\u043e\\u0434 \\u0438\\u0434\\u0435\\u0430\\u043b\\u0435\\u043d. \\u0412\\u0441\\u0435 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438, JS, \\u0432\\u0441\\u0435\"},{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div id=\\\"block1\\\">\\n   \\n<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; Sources suggest to me<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; The chancellor says<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; Budget of blame<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; fair deal<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; A spending review.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; Would otherwise have been the case.<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\\t\\n\\t\\n\\t\\n\\t\\n\\t\\n<\\\/div>\",\"margin\":\"default\"},\"name\":\"block1\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div id=\\\"block2\\\">\\n   \\n<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; Sources suggest to me<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; The chancellor says<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; Budget of blame<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; fair deal<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; A spending review.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; Would otherwise have been the case.<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\\t\\n\\t\\n\\t\\n\\t\\n\\t\\n<\\\/div>\",\"margin\":\"default\"},\"name\":\"block2\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n\\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0438\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 \\u0441 \\u0441\\u043e\\u0431\\u0441\\u0442\\u0432\\u0435\\u043d\\u043d\\u044b\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\u043c\\nfunction initBlock(blockId) {\\n    const block = document.getElementById(blockId);\\n    if (!block) return;\\n\\n    \\\/\\\/ \\u041b\\u043e\\u043a\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u043f\\u0435\\u0440\\u0435\\u043c\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0434\\u043b\\u044f \\u043a\\u043e\\u043d\\u043a\\u0440\\u0435\\u0442\\u043d\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n    let randomOrder = [];\\n\\n    const translationButton = block.querySelector('#translation-button');\\n    const randomButton = block.querySelector('#ToggleRandom');\\n    const nextButton = block.querySelector('#nextOne1');\\n    const selectAllCheckbox = block.querySelector(\\\"#selectAll1\\\");\\n    const checkboxes = block.querySelectorAll('.uk-checkbox');\\n\\n    translationButton.addEventListener('click', () => handleTranslationToggle());\\n    randomButton.addEventListener('click', () => handleRandomToggle());\\n    nextButton.addEventListener('click', () => goToNextRow());\\n\\n    selectAllCheckbox.addEventListener(\\\"change\\\", function () {\\n        const isChecked = selectAllCheckbox.checked;\\n        checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n        updateSelectedRows();\\n    });\\n\\n    checkboxes.forEach(checkbox => {\\n        checkbox.addEventListener(\\\"change\\\", function () {\\n            if (!this.checked) selectAllCheckbox.checked = false;\\n            updateSelectedRows();\\n        });\\n    });\\n\\n    selectAllCheckbox.checked = true;\\n    checkboxes.forEach(checkbox => checkbox.checked = true);\\n    updateSelectedRows();\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const toggleTextElements = block.querySelectorAll('.toggle-text');\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    function handleRandomToggle() {\\n        isRandomActive = !isRandomActive;\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            generateRandomOrder();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            currentIndex = 0;\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0413\\u0435\\u043d\\u0435\\u0440\\u0430\\u0446\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    function generateRandomOrder() {\\n        randomOrder = [...selectedRows];\\n        for (let i = randomOrder.length - 1; i > 0; i--) {\\n            const j = Math.floor(Math.random() * (i + 1));\\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\\n        }\\n        currentIndex = 0;\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043a \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n    function goToNextRow() {\\n        if (selectedRows.length > 0) {\\n            currentIndex = (currentIndex + 1) % selectedRows.length;\\n            displayCurrentRow();\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function updateSelectedRows() {\\n        const rows = block.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        selectedRows = [];\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                selectedRows.push(index - 1);\\n            }\\n        });\\n        if (isRandomActive) {\\n            generateRandomOrder();\\n        }\\n        if (selectedRows.length > 0) {\\n            currentIndex = 0;\\n            displayCurrentRow();\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\");\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u0435 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function displayCurrentRow() {\\n        const rows = block.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach(row => row.style.display = \\\"none\\\");\\n        if (selectedRows.length > 0) {\\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\\n            rows[rowIndex].style.display = \\\"table-row\\\";\\n        }\\n    }\\n}\\n\\nfunction speakText(text) {\\n    \\\/\\\/ \\u041e\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0435\\u0439 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0438, \\u0435\\u0441\\u043b\\u0438 \\u043e\\u043d\\u0430 \\u0435\\u0441\\u0442\\u044c\\n    window.speechSynthesis.cancel();\\n\\n    const utterance = new SpeechSynthesisUtterance(text);\\n    window.speechSynthesis.speak(utterance);\\n}\\n\\n\\n\\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u0440 \\u0438\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u043d\\u0435\\u0441\\u043a\\u043e\\u043b\\u044c\\u043a\\u0438\\u0445 \\u0431\\u043b\\u043e\\u043a\\u043e\\u0432\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n    initBlock(\\\"block1\\\");\\n    initBlock(\\\"block2\\\"); \\\/\\\/ \\u0438 \\u0442\\u0430\\u043a \\u0434\\u0430\\u043b\\u0435\\u0435 \\u0434\\u043b\\u044f \\u0434\\u0440\\u0443\\u0433\\u0438\\u0445 \\u0431\\u043b\\u043e\\u043a\\u043e\\u0432\\n});\\n\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0432\\u0435\\u0441\\u044c\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n \\n    \\njQuery(document).ready(function ($) {\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        \\\/\\\/ \\u0412\\u0430\\u0448 \\u043a\\u043b\\u044e\\u0447 Google API\\n        var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u043a\\u0438 Web Speech API\\n        if ('speechSynthesis' in window) {\\n            \\\/\\\/ \\u0417\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043a Google Text-to-Speech API\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: {\\n                    'Content-Type': 'application\\\/json',\\n                },\\n                body: JSON.stringify({\\n                    input: {\\n                        text: textToSpeak,\\n                    },\\n                    voice: {\\n                        languageCode: 'en-GB',\\n                        name: voice,\\n                        ssmlGender: 'FEMALE',\\n                    },\\n                    audioConfig: {\\n                        audioEncoding: 'MP3', \\\/\\\/ \\u0418\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u043e \\u043d\\u0430 MP3 \\u0434\\u043b\\u044f \\u043b\\u0443\\u0447\\u0448\\u0435\\u0439 \\u0441\\u043e\\u0432\\u043c\\u0435\\u0441\\u0442\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438\\n                    },\\n                }),\\n            })\\n                .then(response => response.json())\\n                .then(data => {\\n                    if (data.audioContent) {\\n                        \\\/\\\/ \\u041f\\u0440\\u0435\\u043e\\u0431\\u0440\\u0430\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435 base64 \\u0432 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0438 \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435\\n                        var audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                        audio.play();\\n                    } else {\\n                        console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                    }\\n                })\\n                .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u0430 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u044d\\u043a\\u0437\\u0435\\u043c\\u043f\\u043b\\u044f\\u0440\\u0430\\n    $('.speakButton').on('click', function () {\\n        var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\\n        var voice = $(this).closest('.speech-container').data('voice');\\n        speakText(textToSpeak, voice);\\n    });\\n});\\n\\n    \\n    \\n    \\n    \\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0430 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u041d\\u043e\\u0432\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"css \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script src=\\\"https:\\\/\\\/code.jquery.com\\\/jquery-3.6.4.min.js\\\"><\\\/script>\\n\\n<script>\\n    jQuery(document).ready(function ($) {\\n        $('.toggle-text').on('click', function () {\\n            var element = $(this);\\n\\n            \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\\/\\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u0434\\u043b\\u044f \\u043f\\u043b\\u0430\\u0432\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f\\n            element.addClass('uk-animation-fade');\\n\\n            if (element.data('state') === 'original') {\\n                \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt;\\\">' + element.data('original-text') + '<\\\/span>');\\n                element.data('state', 'changed');\\n            } else {\\n                \\\/\\\/ \\u0417\\u0430\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043d\\u0430 \\u043d\\u043e\\u0432\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt; color: #a8a7b7;\\\">' + element.data('new-text') + '<\\\/span>');\\n                element.data('state', 'original');\\n            }\\n\\n            \\\/\\\/ \\u0423\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043d\\u0438\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n            setTimeout(function () {\\n                element.removeClass('uk-animation-fade');\\n            }, 1000);\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"JS \\u041c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043d\\u0430 ru\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\\n\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\\" style=\\\"display: table; width: 100%;\\\">\\n    <\/p>\n<table class=\\\"uk-table uk-table-middle\\\">\\n        <\/p>\n<thead>\\n            <\/p>\n<tr>\\n                <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th>\\n            <\\\/tr>\\n        <\\\/thead>\\n        <\/p>\n<tbody>\\n            <\/p>\n<tr id=\\\"row1\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 1\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 2\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 2\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 3\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 3\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 4\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 4\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 5 \\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 5\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 5\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n        <\\\/tbody>\\n    <\\\/table>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next one\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n\\nfunction handleTranslationToggle() {\\n    const translationButton = document.getElementById('translation-button');\\n    const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n    if (isTranslated) {\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n        translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        \\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-original-text');\\n        });\\n    } else {\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n        \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-new-text');\\n        });\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n    isTranslated = !isTranslated;\\n}\\n\\n\\n    \\n<\\\/script>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    let selectedRows = []; \\\/\\\/ \\u041c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u043e\\u0432 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    let currentIndex = 0; \\\/\\\/ \\u0422\\u0435\\u043a\\u0443\\u0449\\u0438\\u0439 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        toggleTextElements.forEach(el => {\\n            el.textContent = isTranslated ? el.getAttribute('data-original-text') : el.getAttribute('data-new-text');\\n        });\\n\\n        translationButton.classList.toggle('uk-button-danger', !isTranslated); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n        translationButton.classList.toggle('uk-button-primary', isTranslated); \\\/\\\/ \\u0421\\u0435\\u0440\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n\\n        isTranslated = !isTranslated; \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0430\\u043a\\u0442\\u0438\\u0432\\u0430\\u0446\\u0438\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        randomButton.classList.toggle('uk-button-danger', isRandomActive); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n        randomButton.classList.toggle('uk-button-primary', !isRandomActive); \\\/\\\/ \\u0421\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n\\n        if (isRandomActive) {\\n            shuffleSelectedRows();\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function shuffleSelectedRows() {\\n        selectedRows = selectedRows.sort(() => Math.random() - 0.5);\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u0435 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function displayNextRow() {\\n        if (selectedRows.length === 0) return; \\\/\\\/ \\u0412\\u044b\\u0445\\u043e\\u0434, \\u0435\\u0441\\u043b\\u0438 \\u043d\\u0435\\u0442 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        \\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\").forEach(row => row.style.display = \\\"none\\\");\\n        currentIndex = (currentIndex + 1) % selectedRows.length;\\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\")[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043e\\u0437\\u0432\\u0443\\u0447\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        const apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        if ('speechSynthesis' in window) {\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: { 'Content-Type': 'application\\\/json' },\\n                body: JSON.stringify({\\n                    input: { text: textToSpeak },\\n                    voice: { languageCode: 'en-GB', name: voice, ssmlGender: 'FEMALE' },\\n                    audioConfig: { audioEncoding: 'MP3' }\\n                })\\n            })\\n            .then(response => response.json())\\n            .then(data => {\\n                if (data.audioContent) {\\n                    const audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                    audio.play();\\n                } else {\\n                    console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                }\\n            })\\n            .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u0432\\u044b\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u043f\\u043e \\u0443\\u043c\\u043e\\u043b\\u0447\\u0430\\u043d\\u0438\\u044e\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 Next one\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", displayNextRow);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1);\\n                }\\n            });\\n            \\n            if (selectedRows.length === 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n            } else {\\n                currentIndex = 0;\\n                displayNextRow();\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430 \\\"\\u0412\\u044b\\u0431\\u0440\\u0430\\u0442\\u044c \\u0432\\u0441\\u0435\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n        document.getElementById('translation-button').addEventListener('click', handleTranslationToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0438 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043c\\u0438\\u043a\\u0440\\u043e\\u0444\\u043e\\u043d\\u0430\\n        rows.forEach(row => {\\n            const speakButton = row.querySelector('.speakButton');\\n            speakButton.addEventListener('click', function () {\\n                const textElement = row.querySelector('.toggle-text');\\n                const currentText = textElement.textContent;\\n                const voice = row.getAttribute('data-voice') || 'en-GB-Standard-A';\\n                speakText(currentText, voice);\\n            });\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u0434\\u043b\\u044f \\u0440\\u043e\\u043d\\u0434\\u043e\\u043c\\u043d.\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\\"ToggleRandom\\\"\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n            \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-new-text');\\n            });\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isTranslated = !isTranslated;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n\\n        if (isRandomActive) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            randomButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isRandomActive = !isRandomActive;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0438, \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b \\u043b\\u0438 \\u043e\\u0431\\u0435 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438\\n    function checkForRandomRule() {\\n        if (isTranslated && isRandomActive) {\\n            applyRandomRule(); \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0438\\u0442\\u044c \\u043f\\u0440\\u0430\\u0432\\u0438\\u043b\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0441\\u0442\\u0438\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041b\\u043e\\u0433\\u0438\\u043a\\u0430 \\u0434\\u043b\\u044f \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0445 \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0439\\n    function applyRandomRule() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const selectedRows = Array.from(rows).filter(row => row.style.display !== 'none');\\n\\n        if (selectedRows.length > 0) {\\n            const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            selectedRows[randomIndex].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        let currentIndex = 0;\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n        let selectedRows = [];\\n\\n        \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.checked = true;\\n        });\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0438 \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n            if (selectedRows.length > 0) {\\n                \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"none\\\"; \\n                \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (\\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443)\\n                currentIndex = (currentIndex + 1) % selectedRows.length; \\n                \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\n            }\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n\\n            \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b, \\u043a\\u0440\\u043e\\u043c\\u0435 \\\"select-all\\\", \\u0438 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u044b \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 (\\u043c\\u0438\\u043d\\u0443\\u0441 1 \\u0434\\u043b\\u044f \\u043a\\u043e\\u0440\\u0440\\u0435\\u043a\\u0442\\u043d\\u043e\\u0433\\u043e \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u0430)\\n                }\\n            });\\n\\n            \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0435\\u0441\\u0442\\u044c, \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                currentIndex = 0; \\\/\\\/ \\u0421\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u043d\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u043e\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (row-1)\\n            } else {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0438 \\u043e\\u0434\\u043d\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0430 \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u0430, \\u0441\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\\"select all\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach((checkbox) => {\\n                checkbox.checked = isChecked;\\n            });\\n            updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false; \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043e\\u0434\\u0438\\u043d \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d, \\u0441\\u043d\\u0438\\u043c\\u0430\\u0435\\u043c \\\"select all\\\"\\n                updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            });\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f\\n        function randomAction() {\\n            \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u0440 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f: \\u0432\\u044b\\u0432\\u043e\\u0434 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0447\\u0438\\u0441\\u043b\\u0430 \\u043e\\u0442 1 \\u0434\\u043e 100 \\u0432 \\u043a\\u043e\\u043d\\u0441\\u043e\\u043b\\u044c\\n            const randomNumber = Math.floor(Math.random() * 100) + 1;\\n            console.log('Random number:', randomNumber);\\n\\n            \\\/\\\/ \\u0421\\u0431\\u043e\\u0440 \\u0432\\u0441\\u0435\\u0445 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 \\u0432 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\n            const texts = Array.from(rows).map(row => {\\n                return row.querySelector('.toggle-text').textContent;\\n            });\\n\\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u0435\\u043c \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432\\n            const shuffledTexts = texts.sort(() => Math.random() - 0.5);\\n\\n            \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0432 \\u043a\\u0430\\u0436\\u0434\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n            rows.forEach((row, index) => {\\n                const textElement = row.querySelector('.toggle-text');\\n                textElement.textContent = shuffledTexts[index]; \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442\\n            });\\n\\n            \\\/\\\/ \\u0421\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0432\\u044b\\u0431\\u043e\\u0440 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0438\\u0437 \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445\\n            if (selectedRows.length > 0) {\\n                const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                rows[selectedRows[randomIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                currentIndex = randomIndex; \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c currentIndex \\u0434\\u043b\\u044f \\u0441\\u0438\\u043d\\u0445\\u0440\\u043e\\u043d\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u0441 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u043e\\u0439\\n            }\\n        }\\n\\n        \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043e\\u0431\\u044b\\u0442\\u0438\\u0435 \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441 id=\\\"ToggleRandom\\\"\\n        document.getElementById('ToggleRandom').addEventListener('click', function() {\\n            randomAction();\\n            handleRandomToggle(); \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0446\\u0432\\u0435\\u0442 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u043a\\u0430\\u0436\\u0434\\u043e\\u043c \\u043a\\u043b\\u0438\\u043a\\u0435\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}],\"name\":\"\\u043a\\u043e\\u0434 2 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430. \\u041d\\u0435 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442 \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432 2 \\u0431\\u043b\\u043e\\u043a, \\u044d\\u0445\\u043e \"},{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n<div id=\\\"block1\\\">\\n   \\n<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; Sources suggest to me<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; The chancellor says<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; Budget of blame<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; fair deal<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; A spending review.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; Would otherwise have been the case.<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\\t\\n\\t\\n\\t\\n\\t\\n\\t\\n<\\\/div>\",\"margin\":\"default\"},\"name\":\"block1\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div id=\\\"block2\\\">\\n   \\n<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; Sources suggest to me<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; The chancellor says<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; Budget of blame<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; fair deal<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; A spending review.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; Would otherwise have been the case.<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\\t\\n\\t\\n\\t\\n\\t\\n\\t\\n<\\\/div>\",\"margin\":\"default\"},\"name\":\"block2\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n\\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0438\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430 \\u0441 \\u0441\\u043e\\u0431\\u0441\\u0442\\u0432\\u0435\\u043d\\u043d\\u044b\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\u043c\\nfunction initBlock(blockId) {\\n    const block = document.getElementById(blockId);\\n    if (!block) return;\\n\\n    \\\/\\\/ \\u041b\\u043e\\u043a\\u0430\\u043b\\u044c\\u043d\\u044b\\u0435 \\u043f\\u0435\\u0440\\u0435\\u043c\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0434\\u043b\\u044f \\u043a\\u043e\\u043d\\u043a\\u0440\\u0435\\u0442\\u043d\\u043e\\u0433\\u043e \\u0431\\u043b\\u043e\\u043a\\u0430\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n    let randomOrder = [];\\n\\n    const translationButton = block.querySelector('#translation-button');\\n    const randomButton = block.querySelector('#ToggleRandom');\\n    const nextButton = block.querySelector('#nextOne1');\\n    const selectAllCheckbox = block.querySelector(\\\"#selectAll1\\\");\\n    const checkboxes = block.querySelectorAll('.uk-checkbox');\\n\\n    translationButton.addEventListener('click', () => handleTranslationToggle());\\n    randomButton.addEventListener('click', () => handleRandomToggle());\\n    nextButton.addEventListener('click', () => goToNextRow());\\n\\n    selectAllCheckbox.addEventListener(\\\"change\\\", function () {\\n        const isChecked = selectAllCheckbox.checked;\\n        checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n        updateSelectedRows();\\n    });\\n\\n    checkboxes.forEach(checkbox => {\\n        checkbox.addEventListener(\\\"change\\\", function () {\\n            if (!this.checked) selectAllCheckbox.checked = false;\\n            updateSelectedRows();\\n        });\\n    });\\n\\n    selectAllCheckbox.checked = true;\\n    checkboxes.forEach(checkbox => checkbox.checked = true);\\n    updateSelectedRows();\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const toggleTextElements = block.querySelectorAll('.toggle-text');\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    function handleRandomToggle() {\\n        isRandomActive = !isRandomActive;\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            generateRandomOrder();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            currentIndex = 0;\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0413\\u0435\\u043d\\u0435\\u0440\\u0430\\u0446\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    function generateRandomOrder() {\\n        randomOrder = [...selectedRows];\\n        for (let i = randomOrder.length - 1; i > 0; i--) {\\n            const j = Math.floor(Math.random() * (i + 1));\\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\\n        }\\n        currentIndex = 0;\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043a \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n    function goToNextRow() {\\n        if (selectedRows.length > 0) {\\n            currentIndex = (currentIndex + 1) % selectedRows.length;\\n            displayCurrentRow();\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function updateSelectedRows() {\\n        const rows = block.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        selectedRows = [];\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                selectedRows.push(index - 1);\\n            }\\n        });\\n        if (isRandomActive) {\\n            generateRandomOrder();\\n        }\\n        if (selectedRows.length > 0) {\\n            currentIndex = 0;\\n            displayCurrentRow();\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\");\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u0435 \\u0442\\u0435\\u043a\\u0443\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function displayCurrentRow() {\\n        const rows = block.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach(row => row.style.display = \\\"none\\\");\\n        if (selectedRows.length > 0) {\\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\\n            rows[rowIndex].style.display = \\\"table-row\\\";\\n        }\\n    }\\n}\\n\\n\\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u0440 \\u0438\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u043d\\u0435\\u0441\\u043a\\u043e\\u043b\\u044c\\u043a\\u0438\\u0445 \\u0431\\u043b\\u043e\\u043a\\u043e\\u0432\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n    initBlock(\\\"block1\\\");\\n    initBlock(\\\"block2\\\"); \\\/\\\/ \\u0438 \\u0442\\u0430\\u043a \\u0434\\u0430\\u043b\\u0435\\u0435 \\u0434\\u043b\\u044f \\u0434\\u0440\\u0443\\u0433\\u0438\\u0445 \\u0431\\u043b\\u043e\\u043a\\u043e\\u0432\\n});\\n\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0432\\u0435\\u0441\\u044c\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n \\n    \\njQuery(document).ready(function ($) {\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        \\\/\\\/ \\u0412\\u0430\\u0448 \\u043a\\u043b\\u044e\\u0447 Google API\\n        var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u043a\\u0438 Web Speech API\\n        if ('speechSynthesis' in window) {\\n            \\\/\\\/ \\u0417\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043a Google Text-to-Speech API\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: {\\n                    'Content-Type': 'application\\\/json',\\n                },\\n                body: JSON.stringify({\\n                    input: {\\n                        text: textToSpeak,\\n                    },\\n                    voice: {\\n                        languageCode: 'en-GB',\\n                        name: voice,\\n                        ssmlGender: 'FEMALE',\\n                    },\\n                    audioConfig: {\\n                        audioEncoding: 'MP3', \\\/\\\/ \\u0418\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u043e \\u043d\\u0430 MP3 \\u0434\\u043b\\u044f \\u043b\\u0443\\u0447\\u0448\\u0435\\u0439 \\u0441\\u043e\\u0432\\u043c\\u0435\\u0441\\u0442\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438\\n                    },\\n                }),\\n            })\\n                .then(response => response.json())\\n                .then(data => {\\n                    if (data.audioContent) {\\n                        \\\/\\\/ \\u041f\\u0440\\u0435\\u043e\\u0431\\u0440\\u0430\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435 base64 \\u0432 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0438 \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435\\n                        var audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                        audio.play();\\n                    } else {\\n                        console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                    }\\n                })\\n                .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u0430 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u044d\\u043a\\u0437\\u0435\\u043c\\u043f\\u043b\\u044f\\u0440\\u0430\\n    $('.speakButton').on('click', function () {\\n        var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\\n        var voice = $(this).closest('.speech-container').data('voice');\\n        speakText(textToSpeak, voice);\\n    });\\n});\\n\\n    \\n    \\n    \\n    \\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0430 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u041d\\u043e\\u0432\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"css \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script src=\\\"https:\\\/\\\/code.jquery.com\\\/jquery-3.6.4.min.js\\\"><\\\/script>\\n\\n<script>\\n    jQuery(document).ready(function ($) {\\n        $('.toggle-text').on('click', function () {\\n            var element = $(this);\\n\\n            \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\\/\\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u0434\\u043b\\u044f \\u043f\\u043b\\u0430\\u0432\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f\\n            element.addClass('uk-animation-fade');\\n\\n            if (element.data('state') === 'original') {\\n                \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt;\\\">' + element.data('original-text') + '<\\\/span>');\\n                element.data('state', 'changed');\\n            } else {\\n                \\\/\\\/ \\u0417\\u0430\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043d\\u0430 \\u043d\\u043e\\u0432\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt; color: #a8a7b7;\\\">' + element.data('new-text') + '<\\\/span>');\\n                element.data('state', 'original');\\n            }\\n\\n            \\\/\\\/ \\u0423\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043d\\u0438\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n            setTimeout(function () {\\n                element.removeClass('uk-animation-fade');\\n            }, 1000);\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"JS \\u041c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043d\\u0430 ru\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\\n\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\\" style=\\\"display: table; width: 100%;\\\">\\n    <\/p>\n<table class=\\\"uk-table uk-table-middle\\\">\\n        <\/p>\n<thead>\\n            <\/p>\n<tr>\\n                <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th>\\n            <\\\/tr>\\n        <\\\/thead>\\n        <\/p>\n<tbody>\\n            <\/p>\n<tr id=\\\"row1\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 1\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 2\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 2\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 3\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 3\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 4\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 4\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 5 \\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 5\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 5\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n        <\\\/tbody>\\n    <\\\/table>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next one\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n\\nfunction handleTranslationToggle() {\\n    const translationButton = document.getElementById('translation-button');\\n    const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n    if (isTranslated) {\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n        translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        \\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-original-text');\\n        });\\n    } else {\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n        \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-new-text');\\n        });\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n    isTranslated = !isTranslated;\\n}\\n\\n\\n    \\n<\\\/script>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    let selectedRows = []; \\\/\\\/ \\u041c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u043e\\u0432 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    let currentIndex = 0; \\\/\\\/ \\u0422\\u0435\\u043a\\u0443\\u0449\\u0438\\u0439 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        toggleTextElements.forEach(el => {\\n            el.textContent = isTranslated ? el.getAttribute('data-original-text') : el.getAttribute('data-new-text');\\n        });\\n\\n        translationButton.classList.toggle('uk-button-danger', !isTranslated); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n        translationButton.classList.toggle('uk-button-primary', isTranslated); \\\/\\\/ \\u0421\\u0435\\u0440\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n\\n        isTranslated = !isTranslated; \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0430\\u043a\\u0442\\u0438\\u0432\\u0430\\u0446\\u0438\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        randomButton.classList.toggle('uk-button-danger', isRandomActive); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n        randomButton.classList.toggle('uk-button-primary', !isRandomActive); \\\/\\\/ \\u0421\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n\\n        if (isRandomActive) {\\n            shuffleSelectedRows();\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function shuffleSelectedRows() {\\n        selectedRows = selectedRows.sort(() => Math.random() - 0.5);\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u0435 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function displayNextRow() {\\n        if (selectedRows.length === 0) return; \\\/\\\/ \\u0412\\u044b\\u0445\\u043e\\u0434, \\u0435\\u0441\\u043b\\u0438 \\u043d\\u0435\\u0442 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        \\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\").forEach(row => row.style.display = \\\"none\\\");\\n        currentIndex = (currentIndex + 1) % selectedRows.length;\\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\")[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043e\\u0437\\u0432\\u0443\\u0447\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        const apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        if ('speechSynthesis' in window) {\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: { 'Content-Type': 'application\\\/json' },\\n                body: JSON.stringify({\\n                    input: { text: textToSpeak },\\n                    voice: { languageCode: 'en-GB', name: voice, ssmlGender: 'FEMALE' },\\n                    audioConfig: { audioEncoding: 'MP3' }\\n                })\\n            })\\n            .then(response => response.json())\\n            .then(data => {\\n                if (data.audioContent) {\\n                    const audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                    audio.play();\\n                } else {\\n                    console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                }\\n            })\\n            .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u0432\\u044b\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u043f\\u043e \\u0443\\u043c\\u043e\\u043b\\u0447\\u0430\\u043d\\u0438\\u044e\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 Next one\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", displayNextRow);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1);\\n                }\\n            });\\n            \\n            if (selectedRows.length === 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n            } else {\\n                currentIndex = 0;\\n                displayNextRow();\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430 \\\"\\u0412\\u044b\\u0431\\u0440\\u0430\\u0442\\u044c \\u0432\\u0441\\u0435\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n        document.getElementById('translation-button').addEventListener('click', handleTranslationToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0438 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043c\\u0438\\u043a\\u0440\\u043e\\u0444\\u043e\\u043d\\u0430\\n        rows.forEach(row => {\\n            const speakButton = row.querySelector('.speakButton');\\n            speakButton.addEventListener('click', function () {\\n                const textElement = row.querySelector('.toggle-text');\\n                const currentText = textElement.textContent;\\n                const voice = row.getAttribute('data-voice') || 'en-GB-Standard-A';\\n                speakText(currentText, voice);\\n            });\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u0434\\u043b\\u044f \\u0440\\u043e\\u043d\\u0434\\u043e\\u043c\\u043d.\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\\"ToggleRandom\\\"\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n            \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-new-text');\\n            });\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isTranslated = !isTranslated;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n\\n        if (isRandomActive) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            randomButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isRandomActive = !isRandomActive;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0438, \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b \\u043b\\u0438 \\u043e\\u0431\\u0435 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438\\n    function checkForRandomRule() {\\n        if (isTranslated && isRandomActive) {\\n            applyRandomRule(); \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0438\\u0442\\u044c \\u043f\\u0440\\u0430\\u0432\\u0438\\u043b\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0441\\u0442\\u0438\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041b\\u043e\\u0433\\u0438\\u043a\\u0430 \\u0434\\u043b\\u044f \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0445 \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0439\\n    function applyRandomRule() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const selectedRows = Array.from(rows).filter(row => row.style.display !== 'none');\\n\\n        if (selectedRows.length > 0) {\\n            const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            selectedRows[randomIndex].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        let currentIndex = 0;\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n        let selectedRows = [];\\n\\n        \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.checked = true;\\n        });\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0438 \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n            if (selectedRows.length > 0) {\\n                \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"none\\\"; \\n                \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (\\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443)\\n                currentIndex = (currentIndex + 1) % selectedRows.length; \\n                \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\n            }\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n\\n            \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b, \\u043a\\u0440\\u043e\\u043c\\u0435 \\\"select-all\\\", \\u0438 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u044b \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 (\\u043c\\u0438\\u043d\\u0443\\u0441 1 \\u0434\\u043b\\u044f \\u043a\\u043e\\u0440\\u0440\\u0435\\u043a\\u0442\\u043d\\u043e\\u0433\\u043e \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u0430)\\n                }\\n            });\\n\\n            \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0435\\u0441\\u0442\\u044c, \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                currentIndex = 0; \\\/\\\/ \\u0421\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u043d\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u043e\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (row-1)\\n            } else {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0438 \\u043e\\u0434\\u043d\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0430 \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u0430, \\u0441\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\\"select all\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach((checkbox) => {\\n                checkbox.checked = isChecked;\\n            });\\n            updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false; \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043e\\u0434\\u0438\\u043d \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d, \\u0441\\u043d\\u0438\\u043c\\u0430\\u0435\\u043c \\\"select all\\\"\\n                updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            });\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f\\n        function randomAction() {\\n            \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u0440 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f: \\u0432\\u044b\\u0432\\u043e\\u0434 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0447\\u0438\\u0441\\u043b\\u0430 \\u043e\\u0442 1 \\u0434\\u043e 100 \\u0432 \\u043a\\u043e\\u043d\\u0441\\u043e\\u043b\\u044c\\n            const randomNumber = Math.floor(Math.random() * 100) + 1;\\n            console.log('Random number:', randomNumber);\\n\\n            \\\/\\\/ \\u0421\\u0431\\u043e\\u0440 \\u0432\\u0441\\u0435\\u0445 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 \\u0432 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\n            const texts = Array.from(rows).map(row => {\\n                return row.querySelector('.toggle-text').textContent;\\n            });\\n\\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u0435\\u043c \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432\\n            const shuffledTexts = texts.sort(() => Math.random() - 0.5);\\n\\n            \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0432 \\u043a\\u0430\\u0436\\u0434\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n            rows.forEach((row, index) => {\\n                const textElement = row.querySelector('.toggle-text');\\n                textElement.textContent = shuffledTexts[index]; \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442\\n            });\\n\\n            \\\/\\\/ \\u0421\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0432\\u044b\\u0431\\u043e\\u0440 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0438\\u0437 \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445\\n            if (selectedRows.length > 0) {\\n                const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                rows[selectedRows[randomIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                currentIndex = randomIndex; \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c currentIndex \\u0434\\u043b\\u044f \\u0441\\u0438\\u043d\\u0445\\u0440\\u043e\\u043d\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u0441 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u043e\\u0439\\n            }\\n        }\\n\\n        \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043e\\u0431\\u044b\\u0442\\u0438\\u0435 \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441 id=\\\"ToggleRandom\\\"\\n        document.getElementById('ToggleRandom').addEventListener('click', function() {\\n            randomAction();\\n            handleRandomToggle(); \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0446\\u0432\\u0435\\u0442 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u043a\\u0430\\u0436\\u0434\\u043e\\u043c \\u043a\\u043b\\u0438\\u043a\\u0435\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}],\"name\":\"\\u043a\\u043e\\u0434 2 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430. \\u041d\\u0435 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442 \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432 2 \\u0431\\u043b\\u043e\\u043a, \\u044d\\u0445\\u043e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n<div id=\\\"block1\\\">\\n   \\n<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; Sources suggest to me<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; The chancellor says<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; Budget of blame<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; fair deal<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; A spending review.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; Would otherwise have been the case.<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\\t\\n\\t\\n\\t\\n\\t\\n\\t\\n<\\\/div>\",\"margin\":\"default\"},\"name\":\"block1\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div id=\\\"block2\\\">\\n    <\/p>\n<div class=\\\"uk-margin\\\">\\n        <!-- \\u041a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f -->\\n        <button id=\\\"translation-button-2\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button>\\n        <button id=\\\"ToggleRandom-2\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n        <!-- \\u0412\\u044b\\u043f\\u0430\\u0434\\u0430\\u044e\\u0449\\u0438\\u0439 \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a -->\\n        <\/p>\n<div class=\\\"uk-inline\\\">\\n            <button id=\\\"Select-2\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n                <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n            <\\\/button>\\n            <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n                <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                    <\/p>\n<ul class=\\\"uk-list\\\">\\n                        <\/p>\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll-2\\\">&nbsp;select all<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1-2\\\" value=\\\"1\\\">&nbsp;Sources suggest to me<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2-2\\\" value=\\\"1\\\">&nbsp;The chancellor says<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3-2\\\" value=\\\"1\\\">&nbsp;Budget of blame<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4-2\\\" value=\\\"1\\\">&nbsp;fair deal<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5-2\\\" value=\\\"1\\\">&nbsp;And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6-2\\\" value=\\\"1\\\">&nbsp;Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7-2\\\" value=\\\"1\\\">&nbsp;A spending review.<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8-2\\\" value=\\\"1\\\">&nbsp;The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9-2\\\" value=\\\"1\\\">&nbsp;The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li><label><input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10-2\\\" value=\\\"1\\\">&nbsp;Would otherwise have been the case.<\\\/label><\\\/li>\\n                    <\\\/ul>\\n                <\\\/div>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n\\n    <!-- \\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442, \\u0442\\u0435\\u043a\\u0441\\u0442 -->\\n\n<div class=\\\"filterBlock2\\\" id=\\\"filterBlock-2\\\" style=\\\"display: table; width: 100%;\\\">\\n        <\/p>\n<table class=\\\"uk-table uk-table-middle\\\">\\n            <\/p>\n<thead>\\n                <\/p>\n<tr>\\n                    <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th>\\n                <\\\/tr>\\n            <\\\/thead>\\n            <\/p>\n<tbody>\\n                <!-- \\u0421\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430 \\u0441 \\u0443\\u043d\\u0438\\u043a\\u0430\\u043b\\u044c\\u043d\\u044b\\u043c\\u0438 ID -->\\n                <\/p>\n<tr id=\\\"row1-2\\\">\\n                    <\/p>\n<td>\\n                        <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n                            <\/p>\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\\n                                <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                                    <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                        <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                                    <\\\/button>\\n                                <\\\/div>\\n                                <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p>\\n                            <\\\/div>\\n                            <br \/>\\n                        <\\\/div>\\n                    <\\\/td>\\n                <\\\/tr>\\n                <\/p>\n<tr id=\\\"row2-2\\\" style=\\\"display: none;\\\">\\n                    <\/p>\n<td>\\n                        <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n                            <\/p>\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\\n                                <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                                    <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                        <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                                    <\\\/button>\\n                                <\\\/div>\\n                                <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p>\\n                            <\\\/div>\\n                            <br \/>\\n                        <\\\/div>\\n                    <\\\/td>\\n                <\\\/tr>\\n                <\/p>\n<tr id=\\\"row3-2\\\" style=\\\"display: none;\\\">\\n                    <\/p>\n<td>\\n                        <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n                            <\/p>\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\\n                                <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                                    <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                        <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                                    <\\\/button>\\n                                <\\\/div>\\n                                <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p>\\n                            <\\\/div>\\n                            <br \/>\\n                        <\\\/div>\\n                    <\\\/td>\\n                <\\\/tr>\\n                <\/p>\n<tr id=\\\"row4-2\\\" style=\\\"display: none;\\\">\\n                    <\/p>\n<td>\\n                        <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n                            <\/p>\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\\n                                <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                                    <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                        <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                                    <\\\/button>\\n                                <\\\/div>\\n                                <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p>\\n                            <\\\/div>\\n                            <br \/>\\n                        <\\\/div>\\n                    <\\\/td>\\n                <\\\/tr>\\n                <\/p>\n<tr id=\\\"row5-2\\\" style=\\\"display: none;\\\">\\n                    <\/p>\n<td>\\n                        <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n                            <\/p>\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\\n                                <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                                    <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                        <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                                    <\\\/button>\\n                                <\\\/div>\\n                                <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p>\\n                            <\\\/div>\\n                            <br \/>\\n                        <\\\/div>\\n                    <\\\/td>\\n                <\\\/tr>\\n                <\/p>\n<tr id=\\\"row6-2\\\" style=\\\"display: none;\\\">\\n                    <\/p>\n<td>\\n                        <\/p>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\\n                            <\/p>\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\\n                                <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                                    <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                        <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                                    <\\\/button>\\n                                <\\\/div>\\n                                <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p>\\n                            <\\\/div>\\n                            <br \/>\\n                        <\\\/div>\\n                    <\\\/td>\\n                <\\\/tr>\\n            <\\\/tbody>\\n        <\\\/table>\\n    <\\\/div>\\n\\n    <!-- \\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next -->\\n    <button id=\\\"nextOne-2\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"block2\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0442\\u0435\\u043b\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0442\\u0435\\u043b\\u044c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            applyRandomRule();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            displaySingleRow(); \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437 \\u043e\\u0434\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u0438 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430 \\u0438 \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function applyRandomRule() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u0430\\u043a\\u0442\\u0438\\u0432\\u0435\\u043d \\u043b\\u0438 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u044b\\u0439 \\u0440\\u0435\\u0436\\u0438\\u043c\\n        if (isRandomActive) {\\n            \\\/\\\/ \\u0421\\u0431\\u043e\\u0440 \\u0432\\u0441\\u0435\\u0445 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0432 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\n            const texts = Array.from(rows).map(row => row.querySelector('.toggle-text').textContent);\\n\\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u0435\\u043c \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432\\n            const shuffledTexts = texts.sort(() => Math.random() - 0.5);\\n\\n            \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0432 \\u043a\\u0430\\u0436\\u0434\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n            rows.forEach((row, index) => {\\n                row.querySelector('.toggle-text').textContent = shuffledTexts[index];\\n            });\\n\\n            \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u0438\\u0437 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445\\n            if (selectedRows.length > 0) {\\n                const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                rows[selectedRows[randomIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                currentIndex = randomIndex;\\n            }\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437 \\u0442\\u043e\\u043b\\u044c\\u043a\\u043e \\u043e\\u0434\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438, \\u0435\\u0441\\u043b\\u0438 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u044b\\u0439 \\u0440\\u0435\\u0436\\u0438\\u043c \\u043e\\u0442\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\n    function displaySingleRow() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach((row, index) => {\\n            row.style.display = index === 0 ? \\\"table-row\\\" : \\\"none\\\";\\n        });\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043a \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n                currentIndex = (currentIndex + 1) % selectedRows.length;\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n            }\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u043d\\u0430 \\u043e\\u0441\\u043d\\u043e\\u0432\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1);\\n                }\\n            });\\n\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n                currentIndex = 0;\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n            } else {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n            }\\n        }\\n\\n        \\\/\\\/ \\u0423\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\u043c \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430 \\\"\\u0412\\u044b\\u0431\\u0440\\u0430\\u0442\\u044c \\u0432\\u0441\\u0435\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043d\\u0430\\u0436\\u0430\\u0442\\u0438\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 ToggleRandom\\n        document.getElementById('ToggleRandom').addEventListener('click', function() {\\n            handleRandomToggle();\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0432\\u0435\\u0441\\u044c\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n \\n    \\njQuery(document).ready(function ($) {\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        \\\/\\\/ \\u0412\\u0430\\u0448 \\u043a\\u043b\\u044e\\u0447 Google API\\n        var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u043a\\u0438 Web Speech API\\n        if ('speechSynthesis' in window) {\\n            \\\/\\\/ \\u0417\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043a Google Text-to-Speech API\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: {\\n                    'Content-Type': 'application\\\/json',\\n                },\\n                body: JSON.stringify({\\n                    input: {\\n                        text: textToSpeak,\\n                    },\\n                    voice: {\\n                        languageCode: 'en-GB',\\n                        name: voice,\\n                        ssmlGender: 'FEMALE',\\n                    },\\n                    audioConfig: {\\n                        audioEncoding: 'MP3', \\\/\\\/ \\u0418\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u043e \\u043d\\u0430 MP3 \\u0434\\u043b\\u044f \\u043b\\u0443\\u0447\\u0448\\u0435\\u0439 \\u0441\\u043e\\u0432\\u043c\\u0435\\u0441\\u0442\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438\\n                    },\\n                }),\\n            })\\n                .then(response => response.json())\\n                .then(data => {\\n                    if (data.audioContent) {\\n                        \\\/\\\/ \\u041f\\u0440\\u0435\\u043e\\u0431\\u0440\\u0430\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435 base64 \\u0432 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0438 \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435\\n                        var audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                        audio.play();\\n                    } else {\\n                        console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                    }\\n                })\\n                .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u0430 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u044d\\u043a\\u0437\\u0435\\u043c\\u043f\\u043b\\u044f\\u0440\\u0430\\n    $('.speakButton').on('click', function () {\\n        var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\\n        var voice = $(this).closest('.speech-container').data('voice');\\n        speakText(textToSpeak, voice);\\n    });\\n});\\n\\n    \\n    \\n    \\n    \\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0430 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u041d\\u043e\\u0432\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"css \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script src=\\\"https:\\\/\\\/code.jquery.com\\\/jquery-3.6.4.min.js\\\"><\\\/script>\\n\\n<script>\\n    jQuery(document).ready(function ($) {\\n        $('.toggle-text').on('click', function () {\\n            var element = $(this);\\n\\n            \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\\/\\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u0434\\u043b\\u044f \\u043f\\u043b\\u0430\\u0432\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f\\n            element.addClass('uk-animation-fade');\\n\\n            if (element.data('state') === 'original') {\\n                \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt;\\\">' + element.data('original-text') + '<\\\/span>');\\n                element.data('state', 'changed');\\n            } else {\\n                \\\/\\\/ \\u0417\\u0430\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043d\\u0430 \\u043d\\u043e\\u0432\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt; color: #a8a7b7;\\\">' + element.data('new-text') + '<\\\/span>');\\n                element.data('state', 'original');\\n            }\\n\\n            \\\/\\\/ \\u0423\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043d\\u0438\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n            setTimeout(function () {\\n                element.removeClass('uk-animation-fade');\\n            }, 1000);\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"JS \\u041c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043d\\u0430 ru\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\\n\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\\" style=\\\"display: table; width: 100%;\\\">\\n    <\/p>\n<table class=\\\"uk-table uk-table-middle\\\">\\n        <\/p>\n<thead>\\n            <\/p>\n<tr>\\n                <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th>\\n            <\\\/tr>\\n        <\\\/thead>\\n        <\/p>\n<tbody>\\n            <\/p>\n<tr id=\\\"row1\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 1\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 2\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 2\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 3\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 3\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 4\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 4\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 5 \\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 5\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 5\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n        <\\\/tbody>\\n    <\\\/table>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next one\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n\\nfunction handleTranslationToggle() {\\n    const translationButton = document.getElementById('translation-button');\\n    const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n    if (isTranslated) {\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n        translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        \\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-original-text');\\n        });\\n    } else {\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n        \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-new-text');\\n        });\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n    isTranslated = !isTranslated;\\n}\\n\\n\\n    \\n<\\\/script>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    let selectedRows = []; \\\/\\\/ \\u041c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u043e\\u0432 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    let currentIndex = 0; \\\/\\\/ \\u0422\\u0435\\u043a\\u0443\\u0449\\u0438\\u0439 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        toggleTextElements.forEach(el => {\\n            el.textContent = isTranslated ? el.getAttribute('data-original-text') : el.getAttribute('data-new-text');\\n        });\\n\\n        translationButton.classList.toggle('uk-button-danger', !isTranslated); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n        translationButton.classList.toggle('uk-button-primary', isTranslated); \\\/\\\/ \\u0421\\u0435\\u0440\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n\\n        isTranslated = !isTranslated; \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0430\\u043a\\u0442\\u0438\\u0432\\u0430\\u0446\\u0438\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        randomButton.classList.toggle('uk-button-danger', isRandomActive); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n        randomButton.classList.toggle('uk-button-primary', !isRandomActive); \\\/\\\/ \\u0421\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n\\n        if (isRandomActive) {\\n            shuffleSelectedRows();\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function shuffleSelectedRows() {\\n        selectedRows = selectedRows.sort(() => Math.random() - 0.5);\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u0435 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function displayNextRow() {\\n        if (selectedRows.length === 0) return; \\\/\\\/ \\u0412\\u044b\\u0445\\u043e\\u0434, \\u0435\\u0441\\u043b\\u0438 \\u043d\\u0435\\u0442 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        \\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\").forEach(row => row.style.display = \\\"none\\\");\\n        currentIndex = (currentIndex + 1) % selectedRows.length;\\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\")[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043e\\u0437\\u0432\\u0443\\u0447\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        const apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        if ('speechSynthesis' in window) {\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: { 'Content-Type': 'application\\\/json' },\\n                body: JSON.stringify({\\n                    input: { text: textToSpeak },\\n                    voice: { languageCode: 'en-GB', name: voice, ssmlGender: 'FEMALE' },\\n                    audioConfig: { audioEncoding: 'MP3' }\\n                })\\n            })\\n            .then(response => response.json())\\n            .then(data => {\\n                if (data.audioContent) {\\n                    const audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                    audio.play();\\n                } else {\\n                    console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                }\\n            })\\n            .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u0432\\u044b\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u043f\\u043e \\u0443\\u043c\\u043e\\u043b\\u0447\\u0430\\u043d\\u0438\\u044e\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 Next one\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", displayNextRow);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1);\\n                }\\n            });\\n            \\n            if (selectedRows.length === 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n            } else {\\n                currentIndex = 0;\\n                displayNextRow();\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430 \\\"\\u0412\\u044b\\u0431\\u0440\\u0430\\u0442\\u044c \\u0432\\u0441\\u0435\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n        document.getElementById('translation-button').addEventListener('click', handleTranslationToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0438 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043c\\u0438\\u043a\\u0440\\u043e\\u0444\\u043e\\u043d\\u0430\\n        rows.forEach(row => {\\n            const speakButton = row.querySelector('.speakButton');\\n            speakButton.addEventListener('click', function () {\\n                const textElement = row.querySelector('.toggle-text');\\n                const currentText = textElement.textContent;\\n                const voice = row.getAttribute('data-voice') || 'en-GB-Standard-A';\\n                speakText(currentText, voice);\\n            });\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u0434\\u043b\\u044f \\u0440\\u043e\\u043d\\u0434\\u043e\\u043c\\u043d.\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\\"ToggleRandom\\\"\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n            \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-new-text');\\n            });\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isTranslated = !isTranslated;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n\\n        if (isRandomActive) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            randomButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isRandomActive = !isRandomActive;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0438, \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b \\u043b\\u0438 \\u043e\\u0431\\u0435 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438\\n    function checkForRandomRule() {\\n        if (isTranslated && isRandomActive) {\\n            applyRandomRule(); \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0438\\u0442\\u044c \\u043f\\u0440\\u0430\\u0432\\u0438\\u043b\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0441\\u0442\\u0438\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041b\\u043e\\u0433\\u0438\\u043a\\u0430 \\u0434\\u043b\\u044f \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0445 \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0439\\n    function applyRandomRule() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const selectedRows = Array.from(rows).filter(row => row.style.display !== 'none');\\n\\n        if (selectedRows.length > 0) {\\n            const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            selectedRows[randomIndex].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        let currentIndex = 0;\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n        let selectedRows = [];\\n\\n        \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.checked = true;\\n        });\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0438 \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n            if (selectedRows.length > 0) {\\n                \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"none\\\"; \\n                \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (\\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443)\\n                currentIndex = (currentIndex + 1) % selectedRows.length; \\n                \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\n            }\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n\\n            \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b, \\u043a\\u0440\\u043e\\u043c\\u0435 \\\"select-all\\\", \\u0438 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u044b \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 (\\u043c\\u0438\\u043d\\u0443\\u0441 1 \\u0434\\u043b\\u044f \\u043a\\u043e\\u0440\\u0440\\u0435\\u043a\\u0442\\u043d\\u043e\\u0433\\u043e \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u0430)\\n                }\\n            });\\n\\n            \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0435\\u0441\\u0442\\u044c, \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                currentIndex = 0; \\\/\\\/ \\u0421\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u043d\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u043e\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (row-1)\\n            } else {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0438 \\u043e\\u0434\\u043d\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0430 \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u0430, \\u0441\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\\"select all\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach((checkbox) => {\\n                checkbox.checked = isChecked;\\n            });\\n            updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false; \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043e\\u0434\\u0438\\u043d \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d, \\u0441\\u043d\\u0438\\u043c\\u0430\\u0435\\u043c \\\"select all\\\"\\n                updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            });\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f\\n        function randomAction() {\\n            \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u0440 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f: \\u0432\\u044b\\u0432\\u043e\\u0434 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0447\\u0438\\u0441\\u043b\\u0430 \\u043e\\u0442 1 \\u0434\\u043e 100 \\u0432 \\u043a\\u043e\\u043d\\u0441\\u043e\\u043b\\u044c\\n            const randomNumber = Math.floor(Math.random() * 100) + 1;\\n            console.log('Random number:', randomNumber);\\n\\n            \\\/\\\/ \\u0421\\u0431\\u043e\\u0440 \\u0432\\u0441\\u0435\\u0445 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 \\u0432 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\n            const texts = Array.from(rows).map(row => {\\n                return row.querySelector('.toggle-text').textContent;\\n            });\\n\\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u0435\\u043c \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432\\n            const shuffledTexts = texts.sort(() => Math.random() - 0.5);\\n\\n            \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0432 \\u043a\\u0430\\u0436\\u0434\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n            rows.forEach((row, index) => {\\n                const textElement = row.querySelector('.toggle-text');\\n                textElement.textContent = shuffledTexts[index]; \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442\\n            });\\n\\n            \\\/\\\/ \\u0421\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0432\\u044b\\u0431\\u043e\\u0440 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0438\\u0437 \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445\\n            if (selectedRows.length > 0) {\\n                const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                rows[selectedRows[randomIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                currentIndex = randomIndex; \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c currentIndex \\u0434\\u043b\\u044f \\u0441\\u0438\\u043d\\u0445\\u0440\\u043e\\u043d\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u0441 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u043e\\u0439\\n            }\\n        }\\n\\n        \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043e\\u0431\\u044b\\u0442\\u0438\\u0435 \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441 id=\\\"ToggleRandom\\\"\\n        document.getElementById('ToggleRandom').addEventListener('click', function() {\\n            randomAction();\\n            handleRandomToggle(); \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0446\\u0432\\u0435\\u0442 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u043a\\u0430\\u0436\\u0434\\u043e\\u043c \\u043a\\u043b\\u0438\\u043a\\u0435\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}],\"name\":\"\\u043a\\u043e\\u0434 2 \\u043a\\u043e\\u043d\\u0442\\u0435\\u0439\\u043d\\u0435\\u0440\\u0430.\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> \\n<button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> \\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> \\n <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> \\n <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right; flip: true;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\"> \\n <\/p>\n<ul class=\\\"uk-list\\\"> \\n <\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; Sources suggest to me<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; The chancellor says<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; Budget of blame<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; fair deal<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; And so it is also a Budget of blame.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; Will get an immediate injection.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; A spending review.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; The revenue raised by tax rises<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; The bill for all businesses is likely to rise.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; Would otherwise have been the case.<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\\n\\n<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 1<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Sources suggest to me\\\" data-new-text=\\\" \\u0418\\u0441\\u0442\\u043e\\u0447\\u043d\\u0438\\u043a\\u0438 \\u043c\\u043d\\u0435 \\u043f\\u043e\\u0434\\u0441\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u044e\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Sources suggest to me<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The chancellor says\\\" data-new-text=\\\" \\u041a\\u0430\\u043d\\u0446\\u043b\\u0435\\u0440 \\u0433\\u043e\\u0432\\u043e\\u0440\\u0438\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The chancellor says<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Budget of blame\\\" data-new-text=\\\" \\u0411\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u043e\\u0432\\u0430\\u0442\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Budget of blame<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"fair deal\\\" data-new-text=\\\" \\u0441\\u043f\\u0440\\u0430\\u0432\\u0435\\u0434\\u043b\\u0438\\u0432\\u0430\\u044f \\u0441\\u0434\\u0435\\u043b\\u043a\\u0430\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">fair deal<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"And so it is also a Budget of blame.\\\" data-new-text=\\\" \\u0418 \\u043f\\u043e\\u044d\\u0442\\u043e\\u043c\\u0443 \\u044d\\u0442\\u043e \\u0442\\u0430\\u043a\\u0436\\u0435 \\u0431\\u044e\\u0434\\u0436\\u0435\\u0442 \\u0432\\u0438\\u043d\\u044b.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">And so it is also a Budget of blame.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row6\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Will get an immediate injection.\\\" data-new-text=\\\" \\u0411\\u0443\\u0434\\u0443\\u0442 \\u0441\\u0434\\u0435\\u043b\\u0430\\u043d\\u044b \\u043d\\u0435\\u043c\\u0435\\u0434\\u043b\\u0435\\u043d\\u043d\\u044b\\u0435 \\u0432\\u043b\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Will get an immediate injection.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row7\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A spending review.\\\" data-new-text=\\\" \\u041f\\u0435\\u0440\\u0435\\u0441\\u043c\\u043e\\u0442\\u0440 \\u0440\\u0430\\u0441\\u0445\\u043e\\u0434\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A spending review.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row8\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The revenue raised by tax rises\\\" data-new-text=\\\" \\u0414\\u043e\\u0445\\u043e\\u0434\\u044b, \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u043d\\u044b\\u0435 \\u043e\\u0442 \\u043f\\u043e\\u0432\\u044b\\u0448\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430\\u043b\\u043e\\u0433\\u043e\\u0432.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The revenue raised by tax rises<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row9\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The bill for all businesses is likely to rise.\\\" data-new-text=\\\" \\u0421\\u0447\\u0435\\u0442 \\u0434\\u043b\\u044f \\u0432\\u0441\\u0435\\u0445 \\u043f\\u0440\\u0435\\u0434\\u043f\\u0440\\u0438\\u044f\\u0442\\u0438\\u0439, \\u0441\\u043a\\u043e\\u0440\\u0435\\u0435 \\u0432\\u0441\\u0435\\u0433\\u043e, \\u0432\\u044b\\u0440\\u0430\\u0441\\u0442\\u0435\\u0442.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The bill for all businesses is likely to rise.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row10\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Would otherwise have been the case.\\\" data-new-text=\\\" \\u0412 \\u043f\\u0440\\u043e\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0435 \\u044d\\u0442\\u043e \\u0431\\u044b\\u043b\\u043e \\u0431\\u044b \\u0442\\u0430\\u043a.\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Would otherwise have been the case.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\\\/tbody><\\\/table><\\\/div>\\n\\n<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\"}}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n    let randomOrder = []; \\\/\\\/ \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            generateRandomOrder();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\n        }\\n    }\\n\\n    function generateRandomOrder() {\\n        randomOrder = [...selectedRows];\\n        for (let i = randomOrder.length - 1; i > 0; i--) {\\n            const j = Math.floor(Math.random() * (i + 1));\\n            [randomOrder[i], randomOrder[j]] = [randomOrder[j], randomOrder[i]];\\n        }\\n        currentIndex = 0; \\\/\\\/ \\u0441\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0434\\u043b\\u044f \\u043d\\u043e\\u0432\\u043e\\u0433\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    }\\n\\n    function displayCurrentRow() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach(row => row.style.display = \\\"none\\\");\\n\\n        if (selectedRows.length > 0) {\\n            const rowIndex = isRandomActive ? randomOrder[currentIndex] : selectedRows[currentIndex];\\n            rows[rowIndex].style.display = \\\"table-row\\\";\\n        }\\n    }\\n\\n    function goToNextRow() {\\n        if (selectedRows.length > 0) {\\n            currentIndex = (currentIndex + 1) % selectedRows.length;\\n            displayCurrentRow();\\n        }\\n    }\\n\\n    function updateSelectedRows() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        selectedRows = [];\\n\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== document.getElementById(\\\"selectAll1\\\")) {\\n                selectedRows.push(index - 1);\\n            }\\n        });\\n\\n        if (isRandomActive) {\\n            generateRandomOrder();\\n        }\\n\\n        if (selectedRows.length > 0) {\\n            currentIndex = 0;\\n            displayCurrentRow();\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\");\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0433\\u043e \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0421\\u043e\\u0431\\u044b\\u0442\\u0438\\u044f \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a \\u0438 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", goToNextRow);\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n    });\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u0432\\u0435\\u0441\\u044c\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n \\n    \\njQuery(document).ready(function ($) {\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        \\\/\\\/ \\u0412\\u0430\\u0448 \\u043a\\u043b\\u044e\\u0447 Google API\\n        var apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u043a\\u0438 Web Speech API\\n        if ('speechSynthesis' in window) {\\n            \\\/\\\/ \\u0417\\u0430\\u043f\\u0440\\u043e\\u0441 \\u043a Google Text-to-Speech API\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: {\\n                    'Content-Type': 'application\\\/json',\\n                },\\n                body: JSON.stringify({\\n                    input: {\\n                        text: textToSpeak,\\n                    },\\n                    voice: {\\n                        languageCode: 'en-GB',\\n                        name: voice,\\n                        ssmlGender: 'FEMALE',\\n                    },\\n                    audioConfig: {\\n                        audioEncoding: 'MP3', \\\/\\\/ \\u0418\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u043e \\u043d\\u0430 MP3 \\u0434\\u043b\\u044f \\u043b\\u0443\\u0447\\u0448\\u0435\\u0439 \\u0441\\u043e\\u0432\\u043c\\u0435\\u0441\\u0442\\u0438\\u043c\\u043e\\u0441\\u0442\\u0438\\n                    },\\n                }),\\n            })\\n                .then(response => response.json())\\n                .then(data => {\\n                    if (data.audioContent) {\\n                        \\\/\\\/ \\u041f\\u0440\\u0435\\u043e\\u0431\\u0440\\u0430\\u0437\\u043e\\u0432\\u0430\\u043d\\u0438\\u0435 base64 \\u0432 \\u0430\\u0443\\u0434\\u0438\\u043e \\u0438 \\u0432\\u043e\\u0441\\u043f\\u0440\\u043e\\u0438\\u0437\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0435\\n                        var audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                        audio.play();\\n                    } else {\\n                        console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                    }\\n                })\\n                .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u043a\\u0430 \\u043e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a\\u0430 \\u043a\\u043b\\u0438\\u043a\\u0430 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0443 \\u0434\\u043b\\u044f \\u043a\\u0430\\u0436\\u0434\\u043e\\u0433\\u043e \\u044d\\u043a\\u0437\\u0435\\u043c\\u043f\\u043b\\u044f\\u0440\\u0430\\n    $('.speakButton').on('click', function () {\\n        var textToSpeak = $(this).closest('.speech-container').find('.toggle-text').data('original-text');\\n        var voice = $(this).closest('.speech-container').data('voice');\\n        speakText(textToSpeak, voice);\\n    });\\n});\\n\\n    \\n    \\n    \\n    \\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0430 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<style>\\n    .speakButtonContainer {\\n        flex-shrink: 0; \\\/* \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u043d\\u044b\\u0439 \\u0441\\u0442\\u0438\\u043b\\u044c *\\\/\\n    }\\n\\n    .speakButtonContainer:hover .uk-icon-link {\\n        color: #ff6600; \\\/* \\u041d\\u043e\\u0432\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0430\\u0432\\u0435\\u0434\\u0435\\u043d\\u0438\\u0438 *\\\/\\n    }\\n<\\\/style>\",\"margin\":\"default\"},\"name\":\"css \\u043f\\u043e\\u0434\\u0441\\u0432\\u0435\\u0442\\u043a\\u0438 \\u0438\\u043a\\u043e\\u043d\\u043a\\u0438\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script src=\\\"https:\\\/\\\/code.jquery.com\\\/jquery-3.6.4.min.js\\\"><\\\/script>\\n\\n<script>\\n    jQuery(document).ready(function ($) {\\n        $('.toggle-text').on('click', function () {\\n            var element = $(this);\\n\\n            \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435\\\/\\u0443\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u0434\\u043b\\u044f \\u043f\\u043b\\u0430\\u0432\\u043d\\u043e\\u0433\\u043e \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f\\n            element.addClass('uk-animation-fade');\\n\\n            if (element.data('state') === 'original') {\\n                \\\/\\\/ \\u0412\\u043e\\u0441\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt;\\\">' + element.data('original-text') + '<\\\/span>');\\n                element.data('state', 'changed');\\n            } else {\\n                \\\/\\\/ \\u0417\\u0430\\u043c\\u0435\\u043d\\u044f\\u0435\\u043c \\u043d\\u0430 \\u043d\\u043e\\u0432\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0438 \\u0441\\u0442\\u0438\\u043b\\u044c \\u0446\\u0432\\u0435\\u0442\\u0430\\n                element.html('<span style=\\\"font-size: 13pt; color: #a8a7b7;\\\">' + element.data('new-text') + '<\\\/span>');\\n                element.data('state', 'original');\\n            }\\n\\n            \\\/\\\/ \\u0423\\u0434\\u0430\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043a\\u043b\\u0430\\u0441\\u0441\\u0430 uk-animation-fade \\u043f\\u043e\\u0441\\u043b\\u0435 \\u0437\\u0430\\u0432\\u0435\\u0440\\u0448\\u0435\\u043d\\u0438\\u044f \\u0430\\u043d\\u0438\\u043c\\u0430\\u0446\\u0438\\u0438\\n            setTimeout(function () {\\n                element.removeClass('uk-animation-fade');\\n            }, 1000);\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"JS \\u041c\\u0435\\u043d\\u044f\\u0435\\u0442 \\u0442\\u0435\\u043a\\u0441\\u0442 \\u043d\\u0430 ru\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\"> <!-- Toggle buttons combined --> <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button> <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-primary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button> <!-- Dropdown select --> <\/p>\n<div class=\\\"uk-inline\\\"> <button id=\\\"Select\\\" class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\n<ul class=\\\"uk-list\\\">\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li>  \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select6\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select7\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select8\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select9\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select10\\\" value=\\\"1\\\">&nbsp; These tell us what the thing \\u2018has \\u2019. What extra<\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\\n\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\\" style=\\\"display: table; width: 100%;\\\">\\n    <\/p>\n<table class=\\\"uk-table uk-table-middle\\\">\\n        <\/p>\n<thead>\\n            <\/p>\n<tr>\\n                <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th>\\n            <\\\/tr>\\n        <\\\/thead>\\n        <\/p>\n<tbody>\\n            <\/p>\n<tr id=\\\"row1\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 1\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 2\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 2\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 3\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 3\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 4\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 4\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 5 \\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 5\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 5\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n        <\\\/tbody>\\n    <\\\/table>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next one\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n\\nfunction handleTranslationToggle() {\\n    const translationButton = document.getElementById('translation-button');\\n    const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n    if (isTranslated) {\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n        translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        \\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-original-text');\\n        });\\n    } else {\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n        \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-new-text');\\n        });\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n    isTranslated = !isTranslated;\\n}\\n\\n\\n    \\n<\\\/script>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0421\\u0442\\u0430\\u0442\\u0443\\u0441 \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430\\n    let selectedRows = []; \\\/\\\/ \\u041c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u043e\\u0432 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    let currentIndex = 0; \\\/\\\/ \\u0422\\u0435\\u043a\\u0443\\u0449\\u0438\\u0439 \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        toggleTextElements.forEach(el => {\\n            el.textContent = isTranslated ? el.getAttribute('data-original-text') : el.getAttribute('data-new-text');\\n        });\\n\\n        translationButton.classList.toggle('uk-button-danger', !isTranslated); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n        translationButton.classList.toggle('uk-button-primary', isTranslated); \\\/\\\/ \\u0421\\u0435\\u0440\\u0430\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0435\\n\\n        isTranslated = !isTranslated; \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0430\\u043a\\u0442\\u0438\\u0432\\u0430\\u0446\\u0438\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043f\\u043e\\u0440\\u044f\\u0434\\u043a\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        randomButton.classList.toggle('uk-button-danger', isRandomActive); \\\/\\\/ \\u041a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n        randomButton.classList.toggle('uk-button-primary', !isRandomActive); \\\/\\\/ \\u0421\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442 \\u043f\\u0440\\u0438 \\u043d\\u0435\\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u043e\\u043c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0435\\n\\n        if (isRandomActive) {\\n            shuffleSelectedRows();\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function shuffleSelectedRows() {\\n        selectedRows = selectedRows.sort(() => Math.random() - 0.5);\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u0435 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function displayNextRow() {\\n        if (selectedRows.length === 0) return; \\\/\\\/ \\u0412\\u044b\\u0445\\u043e\\u0434, \\u0435\\u0441\\u043b\\u0438 \\u043d\\u0435\\u0442 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        \\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\").forEach(row => row.style.display = \\\"none\\\");\\n        currentIndex = (currentIndex + 1) % selectedRows.length;\\n        document.querySelectorAll(\\\".filterBlock1 tbody tr\\\")[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u043e\\u0437\\u0432\\u0443\\u0447\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function speakText(textToSpeak, voice) {\\n        const apiKey = 'AIzaSyCYou31ppyCN-5QuOIOl4JegNWFHMeoAXk';\\n\\n        if ('speechSynthesis' in window) {\\n            fetch('https:\\\/\\\/texttospeech.googleapis.com\\\/v1\\\/text:synthesize?key=' + apiKey, {\\n                method: 'POST',\\n                headers: { 'Content-Type': 'application\\\/json' },\\n                body: JSON.stringify({\\n                    input: { text: textToSpeak },\\n                    voice: { languageCode: 'en-GB', name: voice, ssmlGender: 'FEMALE' },\\n                    audioConfig: { audioEncoding: 'MP3' }\\n                })\\n            })\\n            .then(response => response.json())\\n            .then(data => {\\n                if (data.audioContent) {\\n                    const audio = new Audio('data:audio\\\/mp3;base64,' + data.audioContent);\\n                    audio.play();\\n                } else {\\n                    console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u043f\\u043e\\u043b\\u0443\\u0447\\u0435\\u043d\\u0438\\u044f \\u0430\\u0443\\u0434\\u0438\\u043e\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 Google Text-to-Speech API');\\n                }\\n            })\\n            .catch(error => console.error('\\u041e\\u0448\\u0438\\u0431\\u043a\\u0430 \\u0437\\u0430\\u043f\\u0440\\u043e\\u0441\\u0430 \\u043a Google Text-to-Speech API:', error));\\n        } else {\\n            console.error('\\u0412\\u0430\\u0448 \\u0431\\u0440\\u0430\\u0443\\u0437\\u0435\\u0440 \\u043d\\u0435 \\u043f\\u043e\\u0434\\u0434\\u0435\\u0440\\u0436\\u0438\\u0432\\u0430\\u0435\\u0442 Web Speech API');\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u0432\\u044b\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u043f\\u043e \\u0443\\u043c\\u043e\\u043b\\u0447\\u0430\\u043d\\u0438\\u044e\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 Next one\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", displayNextRow);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1);\\n                }\\n            });\\n            \\n            if (selectedRows.length === 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n            } else {\\n                currentIndex = 0;\\n                displayNextRow();\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u0447\\u0438\\u043a \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430 \\\"\\u0412\\u044b\\u0431\\u0440\\u0430\\u0442\\u044c \\u0432\\u0441\\u0435\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430\\n        document.getElementById('ToggleRandom').addEventListener('click', handleRandomToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n        document.getElementById('translation-button').addEventListener('click', handleTranslationToggle);\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043e\\u0437\\u0432\\u0443\\u0447\\u043a\\u0438 \\u043d\\u0430 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043c\\u0438\\u043a\\u0440\\u043e\\u0444\\u043e\\u043d\\u0430\\n        rows.forEach(row => {\\n            const speakButton = row.querySelector('.speakButton');\\n            speakButton.addEventListener('click', function () {\\n                const textElement = row.querySelector('.toggle-text');\\n                const currentText = textElement.textContent;\\n                const voice = row.getAttribute('data-voice') || 'en-GB-Standard-A';\\n                speakText(currentText, voice);\\n            });\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u0434\\u043b\\u044f \\u0440\\u043e\\u043d\\u0434\\u043e\\u043c\\u043d.\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n    let isRandomActive = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\\"ToggleRandom\\\"\\n\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n            \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n            toggleTextElements.forEach(el => {\\n                el.innerHTML = el.getAttribute('data-new-text');\\n            });\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isTranslated = !isTranslated;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n\\n        if (isRandomActive) {\\n            \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n            randomButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        } else {\\n            \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n            randomButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        }\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n        isRandomActive = !isRandomActive;\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0430 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043e\\u0431\\u0435\\u0438\\u0445 \\u043a\\u043d\\u043e\\u043f\\u043e\\u043a\\n        checkForRandomRule();\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0440\\u043e\\u0432\\u0435\\u0440\\u043a\\u0438, \\u0430\\u043a\\u0442\\u0438\\u0432\\u043d\\u044b \\u043b\\u0438 \\u043e\\u0431\\u0435 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438\\n    function checkForRandomRule() {\\n        if (isTranslated && isRandomActive) {\\n            applyRandomRule(); \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0438\\u0442\\u044c \\u043f\\u0440\\u0430\\u0432\\u0438\\u043b\\u043e \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0441\\u0442\\u0438\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041b\\u043e\\u0433\\u0438\\u043a\\u0430 \\u0434\\u043b\\u044f \\u043f\\u0440\\u0438\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0445 \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u0439\\n    function applyRandomRule() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const selectedRows = Array.from(rows).filter(row => row.style.display !== 'none');\\n\\n        if (selectedRows.length > 0) {\\n            const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            selectedRows[randomIndex].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        }\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        let currentIndex = 0;\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n        let selectedRows = [];\\n\\n        \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.checked = true;\\n        });\\n\\n        \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0438 \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n            if (selectedRows.length > 0) {\\n                \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"none\\\"; \\n                \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (\\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443)\\n                currentIndex = (currentIndex + 1) % selectedRows.length; \\n                \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\n            }\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n\\n            \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b, \\u043a\\u0440\\u043e\\u043c\\u0435 \\\"select-all\\\", \\u0438 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u044b \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 (\\u043c\\u0438\\u043d\\u0443\\u0441 1 \\u0434\\u043b\\u044f \\u043a\\u043e\\u0440\\u0440\\u0435\\u043a\\u0442\\u043d\\u043e\\u0433\\u043e \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u0430)\\n                }\\n            });\\n\\n            \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0435\\u0441\\u0442\\u044c, \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                currentIndex = 0; \\\/\\\/ \\u0421\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u043d\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u043e\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (row-1)\\n            } else {\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0438 \\u043e\\u0434\\u043d\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0430 \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u0430, \\u0441\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            }\\n        }\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\\"select all\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach((checkbox) => {\\n                checkbox.checked = isChecked;\\n            });\\n            updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false; \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043e\\u0434\\u0438\\u043d \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d, \\u0441\\u043d\\u0438\\u043c\\u0430\\u0435\\u043c \\\"select all\\\"\\n                updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n            });\\n        });\\n\\n        \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f\\n        function randomAction() {\\n            \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u0440 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f: \\u0432\\u044b\\u0432\\u043e\\u0434 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0447\\u0438\\u0441\\u043b\\u0430 \\u043e\\u0442 1 \\u0434\\u043e 100 \\u0432 \\u043a\\u043e\\u043d\\u0441\\u043e\\u043b\\u044c\\n            const randomNumber = Math.floor(Math.random() * 100) + 1;\\n            console.log('Random number:', randomNumber);\\n\\n            \\\/\\\/ \\u0421\\u0431\\u043e\\u0440 \\u0432\\u0441\\u0435\\u0445 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 \\u0432 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\n            const texts = Array.from(rows).map(row => {\\n                return row.querySelector('.toggle-text').textContent;\\n            });\\n\\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u0435\\u043c \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432\\n            const shuffledTexts = texts.sort(() => Math.random() - 0.5);\\n\\n            \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0432 \\u043a\\u0430\\u0436\\u0434\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n            rows.forEach((row, index) => {\\n                const textElement = row.querySelector('.toggle-text');\\n                textElement.textContent = shuffledTexts[index]; \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0442\\u0435\\u043a\\u0441\\u0442\\n            });\\n\\n            \\\/\\\/ \\u0421\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u044b\\u0439 \\u0432\\u044b\\u0431\\u043e\\u0440 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0434\\u043b\\u044f \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0438\\u0437 \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445\\n            if (selectedRows.length > 0) {\\n                const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                rows[selectedRows[randomIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                currentIndex = randomIndex; \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c currentIndex \\u0434\\u043b\\u044f \\u0441\\u0438\\u043d\\u0445\\u0440\\u043e\\u043d\\u0438\\u0437\\u0430\\u0446\\u0438\\u0438 \\u0441 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u043e\\u0439\\n            }\\n        }\\n\\n        \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043e\\u0431\\u044b\\u0442\\u0438\\u0435 \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441 id=\\\"ToggleRandom\\\"\\n        document.getElementById('ToggleRandom').addEventListener('click', function() {\\n            randomAction();\\n            handleRandomToggle(); \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0446\\u0432\\u0435\\u0442 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u043a\\u0430\\u0436\\u0434\\u043e\\u043c \\u043a\\u043b\\u0438\\u043a\\u0435\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}],\"name\":\"\\u043a\\u043e\\u0434 \\u0438\\u0434\\u0435\\u0430\\u043b\\u0435\\u043d. \\u0412\\u0441\\u0435 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438, JS, \\u0432\\u0441\\u0435 31\\\/10\\\/11:22\"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    \\n    \\n   \\n    <button id=\\\"translation-button\\\" class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"handleTranslationToggle()\\\"><\\\/button>\\n\\n\\n\\n    \\n    \\n    \\n    \\n    \\n    \\n    \\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\\n\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\\" style=\\\"display: table; width: 100%;\\\">\\n    <\/p>\n<table class=\\\"uk-table uk-table-middle\\\">\\n        <\/p>\n<thead>\\n            <\/p>\n<tr>\\n                <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th>\\n            <\\\/tr>\\n        <\\\/thead>\\n        <\/p>\n<tbody>\\n            <\/p>\n<tr id=\\\"row1\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1  rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr00\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 1 rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr00\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 2\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 2\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 3\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 3\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 4\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 4\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 5 \\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 5\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 5\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n        <\\\/tbody>\\n    <\\\/table>\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next one\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n    let isTranslated = false;\\n    let isRandomActive = false;\\n    let currentIndex = 0;\\n    let selectedRows = [];\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0442\\u0435\\u043b\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430\\n    function handleTranslationToggle() {\\n        const translationButton = document.getElementById('translation-button');\\n        const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n        if (isTranslated) {\\n            translationButton.classList.remove('uk-button-danger');\\n            translationButton.classList.add('uk-button-primary');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-original-text');\\n            });\\n        } else {\\n            translationButton.classList.remove('uk-button-primary');\\n            translationButton.classList.add('uk-button-danger');\\n            toggleTextElements.forEach(el => {\\n                el.textContent = el.getAttribute('data-new-text');\\n            });\\n        }\\n        isTranslated = !isTranslated;\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0430\\u0442\\u0435\\u043b\\u044c \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function handleRandomToggle() {\\n        const randomButton = document.getElementById('ToggleRandom');\\n        isRandomActive = !isRandomActive;\\n\\n        if (isRandomActive) {\\n            randomButton.classList.remove('uk-button-primary');\\n            randomButton.classList.add('uk-button-danger');\\n            applyRandomRule();\\n        } else {\\n            randomButton.classList.remove('uk-button-danger');\\n            randomButton.classList.add('uk-button-primary');\\n            displaySingleRow(); \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437 \\u043e\\u0434\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u043f\\u0440\\u0438 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u0438 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0440\\u0435\\u0436\\u0438\\u043c\\u0430\\n        }\\n    }\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\u0442\\u0435\\u043a\\u0441\\u0442\\u0430 \\u0438 \\u043e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0435\\u043d\\u0438\\u044f \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n    function applyRandomRule() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c, \\u0430\\u043a\\u0442\\u0438\\u0432\\u0435\\u043d \\u043b\\u0438 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u044b\\u0439 \\u0440\\u0435\\u0436\\u0438\\u043c\\n        if (isRandomActive) {\\n            \\\/\\\/ \\u0421\\u0431\\u043e\\u0440 \\u0432\\u0441\\u0435\\u0445 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0432 \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432\\n            const texts = Array.from(rows).map(row => row.querySelector('.toggle-text').textContent);\\n\\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043c\\u0435\\u0448\\u0438\\u0432\\u0430\\u0435\\u043c \\u043c\\u0430\\u0441\\u0441\\u0438\\u0432 \\u0442\\u0435\\u043a\\u0441\\u0442\\u043e\\u0432\\n            const shuffledTexts = texts.sort(() => Math.random() - 0.5);\\n\\n            \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0442\\u0435\\u043a\\u0441\\u0442 \\u0432 \\u043a\\u0430\\u0436\\u0434\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n            rows.forEach((row, index) => {\\n                row.querySelector('.toggle-text').textContent = shuffledTexts[index];\\n            });\\n\\n            \\\/\\\/ \\u041e\\u0442\\u043e\\u0431\\u0440\\u0430\\u0436\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u0438\\u0437 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445\\n            if (selectedRows.length > 0) {\\n                const randomIndex = Math.floor(Math.random() * selectedRows.length);\\n                rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n                rows[selectedRows[randomIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n                currentIndex = randomIndex;\\n            }\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437 \\u0442\\u043e\\u043b\\u044c\\u043a\\u043e \\u043e\\u0434\\u043d\\u043e\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438, \\u0435\\u0441\\u043b\\u0438 \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u044b\\u0439 \\u0440\\u0435\\u0436\\u0438\\u043c \\u043e\\u0442\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\n    function displaySingleRow() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        rows.forEach((row, index) => {\\n            row.style.display = index === 0 ? \\\"table-row\\\" : \\\"none\\\";\\n        });\\n    }\\n\\n    document.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n        const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n        const checkboxes = document.querySelectorAll('.uk-checkbox');\\n        const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u0430\\u0432\\u043b\\u0438\\u0432\\u0430\\u0435\\u043c \\u043d\\u0430\\u0447\\u0430\\u043b\\u044c\\u043d\\u043e\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        selectAllCheckbox.checked = true;\\n        checkboxes.forEach(checkbox => checkbox.checked = true);\\n        updateSelectedRows();\\n\\n        \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043a \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0435\\u0439 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0435\\n        document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n                currentIndex = (currentIndex + 1) % selectedRows.length;\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n            }\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u043d\\u0430 \\u043e\\u0441\\u043d\\u043e\\u0432\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n        function updateSelectedRows() {\\n            selectedRows = [];\\n            checkboxes.forEach((checkbox, index) => {\\n                if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                    selectedRows.push(index - 1);\\n                }\\n            });\\n\\n            if (selectedRows.length > 0) {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n                currentIndex = 0;\\n                rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\";\\n            } else {\\n                rows.forEach(row => row.style.display = \\\"none\\\");\\n            }\\n        }\\n\\n        \\\/\\\/ \\u0423\\u043f\\u0440\\u0430\\u0432\\u043b\\u0435\\u043d\\u0438\\u0435 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\u043c \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u0430 \\\"\\u0412\\u044b\\u0431\\u0440\\u0430\\u0442\\u044c \\u0432\\u0441\\u0435\\\"\\n        selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n            const isChecked = selectAllCheckbox.checked;\\n            checkboxes.forEach(checkbox => checkbox.checked = isChecked);\\n            updateSelectedRows();\\n        });\\n\\n        checkboxes.forEach(checkbox => {\\n            checkbox.addEventListener(\\\"change\\\", function() {\\n                if (!this.checked) selectAllCheckbox.checked = false;\\n                updateSelectedRows();\\n            });\\n        });\\n\\n        \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u043d\\u0430\\u0436\\u0430\\u0442\\u0438\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 ToggleRandom\\n        document.getElementById('ToggleRandom').addEventListener('click', function() {\\n            handleRandomToggle();\\n        });\\n    });\\n<\\\/script>\\n\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<script>\\n\\n    let isTranslated = false; \\\/\\\/ \\u0424\\u043b\\u0430\\u0433 \\u0434\\u043b\\u044f \\u043e\\u0442\\u0441\\u043b\\u0435\\u0436\\u0438\\u0432\\u0430\\u043d\\u0438\\u044f \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044f \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\u0430\\n\\nfunction handleTranslationToggle() {\\n    const translationButton = document.getElementById('translation-button');\\n    const toggleTextElements = document.querySelectorAll('.toggle-text');\\n\\n    if (isTranslated) {\\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u0438\\u0441\\u0445\\u043e\\u0434\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442 (\\u0441\\u0438\\u043d\\u0438\\u0439)\\n        translationButton.classList.remove('uk-button-danger'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-primary'); \\\/\\\/ \\u0421\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0441\\u044f \\u0441\\u0438\\u043d\\u0435\\u0439 (primary)\\n        \\n        \\\/\\\/ \\u0412\\u0435\\u0440\\u043d\\u0443\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0442\\u0435\\u043a\\u0441\\u0442\\u044b \\u043a \\u043e\\u0440\\u0438\\u0433\\u0438\\u043d\\u0430\\u043b\\u044c\\u043d\\u043e\\u043c\\u0443 \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u044e\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-original-text');\\n        });\\n    } else {\\n        \\\/\\\/ \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u044c \\u043a\\u043d\\u043e\\u043f\\u043a\\u0435 \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.remove('uk-button-primary'); \\\/\\\/ \\u0423\\u0431\\u0438\\u0440\\u0430\\u0435\\u043c \\u0441\\u0438\\u043d\\u0438\\u0439 \\u0446\\u0432\\u0435\\u0442\\n        translationButton.classList.add('uk-button-danger'); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u043a\\u0440\\u0430\\u0441\\u043d\\u044b\\u0439 \\u0446\\u0432\\u0435\\u0442\\n\\n        \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\\n        toggleTextElements.forEach(el => {\\n            el.innerHTML = el.getAttribute('data-new-text');\\n        });\\n    }\\n\\n    \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0438\\u0442\\u044c \\u0441\\u043e\\u0441\\u0442\\u043e\\u044f\\u043d\\u0438\\u0435\\n    isTranslated = !isTranslated;\\n}\\n\\n\\n    \\n<\\\/script>\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u043a\\u043d\\u043e\\u043f\\u043a\\u0430 \\u043f\\u0435\\u0440\\u0435\\u0432\\u043e\\u0434\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f -->\\n\\n\\n<script>\\n\\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u0440\\u0430\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f\\nfunction randomAction() {\\n    \\\/\\\/ \\u041f\\u0440\\u0438\\u043c\\u0435\\u0440 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0434\\u0435\\u0439\\u0441\\u0442\\u0432\\u0438\\u044f: \\u0432\\u044b\\u0432\\u043e\\u0434 \\u0441\\u043b\\u0443\\u0447\\u0430\\u0439\\u043d\\u043e\\u0433\\u043e \\u0447\\u0438\\u0441\\u043b\\u0430 \\u043e\\u0442 1 \\u0434\\u043e 100 \\u0432 \\u043a\\u043e\\u043d\\u0441\\u043e\\u043b\\u044c\\n    const randomNumber = Math.floor(Math.random() * 100) + 1;\\n    console.log('Random number:', randomNumber);\\n}\\n\\n\\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043e\\u0431\\u044b\\u0442\\u0438\\u0435 \\u0434\\u043b\\u044f \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0441 id=\\\"ToggleRandom\\\"\\ndocument.getElementById('ToggleRandom').addEventListener('click', randomAction);\\n\\n<\\\/script>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"JS \\u0434\\u043b\\u044f \\u0440\\u043e\\u043d\\u0434\\u043e\\u043c\\u043d.\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"}]}]}],\"name\":\"4 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c JS settings \\u0440\\u043e\\u043d\\u0434\\u043e\\u043c\\u043d\\u043e\\u0441\\u0442\\u044c. \\u0433\\u043e\\u0442\\u043e\\u0432\\u043e\"},{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\\n\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\\" style=\\\"display: table; width: 100%;\\\">\\n    <\/p>\n<table class=\\\"uk-table uk-table-middle\\\">\\n        <\/p>\n<thead>\\n            <\/p>\n<tr>\\n                <\/p>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th>\\n            <\\\/tr>\\n        <\\\/thead>\\n        <\/p>\n<tbody>\\n            <\/p>\n<tr id=\\\"row1\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            select 1\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Nestling among the ancient stone villages.\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            Nestling among the ancient stone villages.\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A beautiful sunset over the hills.\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            A beautiful sunset over the hills.\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The tranquility of the lakes.\\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            The tranquility of the lakes.\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n            <\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\\n                <\/p>\n<td>\\n                    <\/p>\n<div class=\\\"speech-container uk-flex uk-flex-middle uk-height-match\\\" data-voice=\\\"en-GB-Wavenet-C\\\" style=\\\"min-height: 50px;\\\"> <!-- \\u0423\\u0441\\u0442\\u0430\\u043d\\u043e\\u0432\\u0438\\u0442\\u0435 \\u043c\\u0438\\u043d\\u0438\\u043c\\u0430\\u043b\\u044c\\u043d\\u0443\\u044e \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 -->\\n                        <\/p>\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\">\\n                            <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\">\\n                                <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a>\\n                            <\\\/button>\\n                        <\\\/div>\\n                        <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A beautiful \\\" data-new-text=\\\"\\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">\\n                            A beautiful\\n                        <\\\/p>\\n                    <\\\/div>\\n                <\\\/td>\\n            <\\\/tr>\\n        <\\\/tbody>\\n    <\\\/table>\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\"},\"name\":\"\\u041a\\u043d\\u043e\\u043f\\u043a\\u0430 Next one\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Script section -->\\n<script src=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/uikit\\\/3.6.22\\\/js\\\/uikit.min.js\\\"><\\\/script>\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n    let currentIndex = 0;\\n    const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n    const checkboxes = document.querySelectorAll('.uk-checkbox');\\n    const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n    let selectedRows = [];\\n\\n    \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n    selectAllCheckbox.checked = true;\\n    checkboxes.forEach((checkbox) => {\\n        checkbox.checked = true;\\n    });\\n\\n    \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0438 \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n    updateSelectedRows();\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443\\n    document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n        if (selectedRows.length > 0) {\\n            \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            rows[selectedRows[currentIndex]].style.display = \\\"none\\\"; \\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (\\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443)\\n            currentIndex = (currentIndex + 1) % selectedRows.length; \\n            \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\n        }\\n    });\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function updateSelectedRows() {\\n        selectedRows = [];\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b, \\u043a\\u0440\\u043e\\u043c\\u0435 \\\"select-all\\\", \\u0438 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u044b \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                selectedRows.push(index - 1); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 (\\u043c\\u0438\\u043d\\u0443\\u0441 1 \\u0434\\u043b\\u044f \\u043a\\u043e\\u0440\\u0440\\u0435\\u043a\\u0442\\u043d\\u043e\\u0433\\u043e \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u0430)\\n            }\\n        });\\n\\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0435\\u0441\\u0442\\u044c, \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        if (selectedRows.length > 0) {\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            currentIndex = 0; \\\/\\\/ \\u0421\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u043d\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u043e\\n            rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (row-1)\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0438 \\u043e\\u0434\\u043d\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0430 \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u0430, \\u0441\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\\"select all\\\"\\n    selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n        const isChecked = selectAllCheckbox.checked;\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.checked = isChecked;\\n        });\\n        updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    });\\n\\n    \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n    checkboxes.forEach((checkbox) => {\\n        checkbox.addEventListener(\\\"change\\\", function() {\\n            if (!this.checked) selectAllCheckbox.checked = false; \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043e\\u0434\\u0438\\u043d \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d, \\u0441\\u043d\\u0438\\u043c\\u0430\\u0435\\u043c \\\"select all\\\"\\n            updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        });\\n    });\\n});\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"}]}]}],\"name\":\"3 \\u0432\\u044b\\u0440\\u0430\\u0432\\u043d\\u0438\\u043b\\u0438 \\u0432\\u044b\\u0441\\u043e\\u0442\\u0443 \\u043a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442\\u0430 \\u043e\\u0442 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438\"},{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"}]}]},{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">select 1<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Nestling among the ancient stone villages.\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Nestling among the ancient stone villages.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A beautiful sunset over the hills.\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A beautiful sunset over the hills.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The tranquility of the lakes.\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The tranquility of the lakes.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A beautiful \\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A beautiful <\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n \\n \\n<\\\/tbody><\\\/table><\\\/div> \",\"margin\":\"default\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Script section -->\\n<script src=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/uikit\\\/3.6.22\\\/js\\\/uikit.min.js\\\"><\\\/script>\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n    let currentIndex = 0;\\n    const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n    const checkboxes = document.querySelectorAll('.uk-checkbox');\\n    const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n    let selectedRows = [];\\n\\n    \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n    selectAllCheckbox.checked = true;\\n    checkboxes.forEach((checkbox) => {\\n        checkbox.checked = true;\\n    });\\n\\n    \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0438 \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n    updateSelectedRows();\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443\\n    document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n        if (selectedRows.length > 0) {\\n            \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            rows[selectedRows[currentIndex]].style.display = \\\"none\\\"; \\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (\\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443)\\n            currentIndex = (currentIndex + 1) % selectedRows.length; \\n            \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\n        }\\n    });\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function updateSelectedRows() {\\n        selectedRows = [];\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b, \\u043a\\u0440\\u043e\\u043c\\u0435 \\\"select-all\\\", \\u0438 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u044b \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                selectedRows.push(index - 1); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 (\\u043c\\u0438\\u043d\\u0443\\u0441 1 \\u0434\\u043b\\u044f \\u043a\\u043e\\u0440\\u0440\\u0435\\u043a\\u0442\\u043d\\u043e\\u0433\\u043e \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u0430)\\n            }\\n        });\\n\\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0435\\u0441\\u0442\\u044c, \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        if (selectedRows.length > 0) {\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            currentIndex = 0; \\\/\\\/ \\u0421\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u043d\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u043e\\n            rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (row-1)\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0438 \\u043e\\u0434\\u043d\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0430 \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u0430, \\u0441\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\\"select all\\\"\\n    selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n        const isChecked = selectAllCheckbox.checked;\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.checked = isChecked;\\n        });\\n        updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    });\\n\\n    \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n    checkboxes.forEach((checkbox) => {\\n        checkbox.addEventListener(\\\"change\\\", function() {\\n            if (!this.checked) selectAllCheckbox.checked = false; \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043e\\u0434\\u0438\\u043d \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d, \\u0441\\u043d\\u0438\\u043c\\u0430\\u0435\\u043c \\\"select all\\\"\\n            updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        });\\n    });\\n});\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<\/p>\n<div class=\\\"uk-margin\\\">\\n    <!-- Toggle buttons combined -->\\n    <button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n    <button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\\n\\n    <!-- Dropdown select -->\\n    <\/p>\n<div class=\\\"uk-inline\\\">\\n        <button class=\\\"uk-button uk-button-default uk-button-small uk-width-auto\\\" type=\\\"button\\\">\\n            <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span>\\n        <\\\/button>\\n        <\/p>\n<div uk-dropdown=\\\"mode: click; pos: bottom-right;\\\">\\n            <\/p>\n<div class=\\\"uk-overflow-auto\\\" style=\\\"white-space: nowrap;\\\">\\n                <\/p>\n<ul class=\\\"uk-list\\\">\\n                    <\/p>\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"1\\\">&nbsp;select 1\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"2\\\">&nbsp;Nestling among the ancient stone villages.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"3\\\">&nbsp;A beautiful sunset over the hills.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"4\\\">&nbsp;The tranquility of the lakes.\\n                        <\\\/label>\\n                    <\\\/li>\\n\n<li>\\n                        <label>\\n                            <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"5\\\">&nbsp;A beautiful \\n                        <\\\/label>\\n                    <\\\/li>\\n                <\\\/ul>\\n            <\\\/div>\\n        <\\\/div>\\n    <\\\/div>\\n<\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\",\"status\":\"disabled\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\",\"status\":\"disabled\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"}]}]}],\"name\":\"2 \\u043a\\u043d\\u043e\\u043f\\u043a\\u0438 \\u0432 \\u043e\\u0434\\u043d\\u0443 \\u043b\\u0438\\u043d\\u0438\\u044e \\u0432\\u044b\\u043f\\u043e\\u0434. \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a (\\u043e\\u043a) \\u043d\\u0435\\u0442 JS \"},{\"type\":\"fragment\",\"props\":{\"margin\":\"default\",\"status\":\"disabled\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<button class=\\\"uk-button uk-button-primary uk-button-small toggle-button\\\" uk-icon=\\\"icon: world\\\" onclick=\\\"toggleTranslation()\\\"><\\\/button>\\n\\n<button id=\\\"ToggleRandom\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: settings\\\"><\\\/button>\",\"margin\":\"default\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Add select -->\n<div class=\\\"uk-margin\\\">\n<div id=\\\"SelectVerb1\\\" class=\\\"uk-button-group\\\">\n<div class=\\\"uk-inline\\\"> <button class=\\\"uk-button uk-button-default uk-button-small\\\" type=\\\"button\\\"> <span uk-icon=\\\"icon: triangle-down\\\"><\\\/span> <\\\/button> <\/p>\n<div uk-dropdown=\\\"mode: click; target: !.uk-button-group;\\\">\n<div class=\\\"uk-overflow-auto uk-height-small\\\">\n<ul class=\\\"uk-list\\\"> \\n<\/p>\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"selectAll1\\\">&nbsp;select all <\\\/label> <\\\/li> \\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select1\\\" value=\\\"  1\\\">&nbsp;select 1<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select2\\\" value=\\\"  2\\\">&nbsp;Nestling among the ancient stone villages.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select3\\\" value=\\\"  3\\\">&nbsp;A beautiful sunset over the hills.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select4\\\" value=\\\"  4\\\">&nbsp;The tranquility of the lakes.<\\\/label><\\\/li>\\n\n<li> <label> <input class=\\\"uk-checkbox\\\" type=\\\"checkbox\\\" id=\\\"select5\\\" value=\\\"  3\\\">&nbsp;A beautiful <\\\/label><\\\/li>\\n<\\\/ul><\\\/div><\\\/div><\\\/div><\\\/div><\\\/div>\\n\",\"margin\":\"default\"},\"name\":\"\\u041a\\u043e\\u043d\\u0442\\u0435\\u043d\\u0442 \\u0441 \\u043a\\u043d\\u043e\\u043f\\u043a\\u043e\\u0439 \"},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Content, text -->\n<div class=\\\"filterBlock1\\\" id=\\\"filterBlock1\\n\\\" style=\\\"display: table; width: 100%;\\\">\n<table class=\\\"uk-table uk-table-middle\\\">\n<thead>\n<tr>\n<th class=\\\"uk-table-expand uk-text-success\\\">Topic: 2<\\\/th><\\\/tr><\\\/thead> <\/p>\n<tbody>  \\n<\/p>\n<tr id=\\\"row1\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"select 1\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 1\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">select 1<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row2\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"Nestling among the ancient stone villages.\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 2\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">Nestling among the ancient stone villages.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row3\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A beautiful sunset over the hills.\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A beautiful sunset over the hills.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row4\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"The tranquility of the lakes.\\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 4\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">The tranquility of the lakes.<\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n<\/p>\n<tr id=\\\"row5\\\" style=\\\"display: none;\\\">\n<td>\n<div class=\\\"speech-container\\\" data-voice=\\\"en-GB-Wavenet-C\\\">\n<div style=\\\"display: inline-flex; align-items: center; margin: 0;\\\">\n<div class=\\\"speakButtonContainer\\\" style=\\\"margin-right: 20px;\\\"> <button class=\\\"speakButton\\\" style=\\\"background: none; border: none; padding: 0; margin: 0;\\\"> <a class=\\\"uk-icon-link\\\" uk-icon=\\\"microphone\\\"><\\\/a> <\\\/button> <\\\/div> <\/p>\n<p class=\\\"toggle-text\\\" data-original-text=\\\"A beautiful \\\" data-new-text=\\\" \\u0421\\u0435\\u043b\\u0435\\u043a\\u0442 3\\\" style=\\\"color: hsl(209, 50%, 29%); font-size: 13pt; display: inline-block; margin: 0;\\\">A beautiful <\\\/p><\\\/div><br \/><\\\/div><\\\/td><\\\/tr>\\n \\n \\n<\\\/tbody><\\\/table><\\\/div> \",\"margin\":\"default\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Next one button --><button id=\\\"nextOne1\\\" class=\\\"uk-button uk-button-secondary uk-button-small\\\" uk-icon=\\\"icon: forward\\\">Next one<\\\/button>\",\"margin\":\"default\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"<!-- Script section -->\\n<script src=\\\"https:\\\/\\\/cdnjs.cloudflare.com\\\/ajax\\\/libs\\\/uikit\\\/3.6.22\\\/js\\\/uikit.min.js\\\"><\\\/script>\\n<script>\\ndocument.addEventListener(\\\"DOMContentLoaded\\\", function() {\\n    let currentIndex = 0;\\n    const rows = document.querySelectorAll(\\\".filterBlock1 tbody tr\\\");\\n    const checkboxes = document.querySelectorAll('.uk-checkbox');\\n    const selectAllCheckbox = document.getElementById(\\\"selectAll1\\\");\\n    let selectedRows = [];\\n\\n    \\\/\\\/ \\u0412\\u043a\\u043b\\u044e\\u0447\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b \\u043f\\u0440\\u0438 \\u0437\\u0430\\u0433\\u0440\\u0443\\u0437\\u043a\\u0435 \\u0441\\u0442\\u0440\\u0430\\u043d\\u0438\\u0446\\u044b\\n    selectAllCheckbox.checked = true;\\n    checkboxes.forEach((checkbox) => {\\n        checkbox.checked = true;\\n    });\\n\\n    \\\/\\\/ \\u0418\\u043d\\u0438\\u0446\\u0438\\u0430\\u043b\\u0438\\u0437\\u0430\\u0446\\u0438\\u044f: \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a \\u0438 \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n    updateSelectedRows();\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043f\\u0435\\u0440\\u0435\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d\\u0438\\u044f \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 \\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443\\n    document.getElementById(\\\"nextOne1\\\").addEventListener(\\\"click\\\", function() {\\n        if (selectedRows.length > 0) {\\n            \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0442\\u0435\\u043a\\u0443\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            rows[selectedRows[currentIndex]].style.display = \\\"none\\\"; \\n            \\\/\\\/ \\u041f\\u0435\\u0440\\u0435\\u0445\\u043e\\u0434 \\u043d\\u0430 \\u0441\\u043b\\u0435\\u0434\\u0443\\u044e\\u0449\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (\\u043f\\u043e \\u0446\\u0438\\u043a\\u043b\\u0443)\\n            currentIndex = (currentIndex + 1) % selectedRows.length; \\n            \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043d\\u043e\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n            rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\n        }\\n    });\\n\\n    \\\/\\\/ \\u0424\\u0443\\u043d\\u043a\\u0446\\u0438\\u044f \\u0434\\u043b\\u044f \\u043e\\u0431\\u043d\\u043e\\u0432\\u043b\\u0435\\u043d\\u0438\\u044f \\u0441\\u043f\\u0438\\u0441\\u043a\\u0430 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    function updateSelectedRows() {\\n        selectedRows = [];\\n\\n        \\\/\\\/ \\u041f\\u0440\\u043e\\u0432\\u0435\\u0440\\u044f\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u044b, \\u043a\\u0440\\u043e\\u043c\\u0435 \\\"select-all\\\", \\u0438 \\u0434\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u044b \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        checkboxes.forEach((checkbox, index) => {\\n            if (checkbox.checked && checkbox !== selectAllCheckbox) {\\n                selectedRows.push(index - 1); \\\/\\\/ \\u0414\\u043e\\u0431\\u0430\\u0432\\u043b\\u044f\\u0435\\u043c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 (\\u043c\\u0438\\u043d\\u0443\\u0441 1 \\u0434\\u043b\\u044f \\u043a\\u043e\\u0440\\u0440\\u0435\\u043a\\u0442\\u043d\\u043e\\u0433\\u043e \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441\\u0430)\\n            }\\n        });\\n\\n        \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438 \\u0435\\u0441\\u0442\\u044c, \\u043f\\u043e\\u043a\\u0430\\u0437\\u044b\\u0432\\u0430\\u0435\\u043c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443\\n        if (selectedRows.length > 0) {\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0421\\u043a\\u0440\\u044b\\u0432\\u0430\\u0435\\u043c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n            currentIndex = 0; \\\/\\\/ \\u0421\\u0431\\u0440\\u043e\\u0441\\u0438\\u0442\\u044c \\u0438\\u043d\\u0434\\u0435\\u043a\\u0441 \\u043d\\u0430 \\u043d\\u0430\\u0447\\u0430\\u043b\\u043e\\n            rows[selectedRows[currentIndex]].style.display = \\\"table-row\\\"; \\\/\\\/ \\u041f\\u043e\\u043a\\u0430\\u0437\\u0430\\u0442\\u044c \\u043f\\u0435\\u0440\\u0432\\u0443\\u044e \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u0443\\u044e \\u0441\\u0442\\u0440\\u043e\\u043a\\u0443 (row-1)\\n        } else {\\n            rows.forEach(row => row.style.display = \\\"none\\\"); \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043d\\u0438 \\u043e\\u0434\\u043d\\u0430 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0430 \\u043d\\u0435 \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u0430, \\u0441\\u043a\\u0440\\u044b\\u0442\\u044c \\u0432\\u0441\\u0435 \\u0441\\u0442\\u0440\\u043e\\u043a\\u0438\\n        }\\n    }\\n\\n    \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0432\\u044b\\u0431\\u043e\\u0440\\u0430 \\\"select all\\\"\\n    selectAllCheckbox.addEventListener(\\\"change\\\", function() {\\n        const isChecked = selectAllCheckbox.checked;\\n        checkboxes.forEach((checkbox) => {\\n            checkbox.checked = isChecked;\\n        });\\n        updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n    });\\n\\n    \\\/\\\/ \\u041e\\u0431\\u0440\\u0430\\u0431\\u043e\\u0442\\u043a\\u0430 \\u0438\\u0437\\u043c\\u0435\\u043d\\u0435\\u043d\\u0438\\u0439 \\u043e\\u0442\\u0434\\u0435\\u043b\\u044c\\u043d\\u044b\\u0445 \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441\\u043e\\u0432\\n    checkboxes.forEach((checkbox) => {\\n        checkbox.addEventListener(\\\"change\\\", function() {\\n            if (!this.checked) selectAllCheckbox.checked = false; \\\/\\\/ \\u0415\\u0441\\u043b\\u0438 \\u043e\\u0434\\u0438\\u043d \\u0447\\u0435\\u043a\\u0431\\u043e\\u043a\\u0441 \\u0432\\u044b\\u043a\\u043b\\u044e\\u0447\\u0435\\u043d, \\u0441\\u043d\\u0438\\u043c\\u0430\\u0435\\u043c \\\"select all\\\"\\n            updateSelectedRows(); \\\/\\\/ \\u041e\\u0431\\u043d\\u043e\\u0432\\u043b\\u044f\\u0435\\u043c \\u0441\\u043f\\u0438\\u0441\\u043e\\u043a \\u0432\\u044b\\u0431\\u0440\\u0430\\u043d\\u043d\\u044b\\u0445 \\u0441\\u0442\\u0440\\u043e\\u043a\\n        });\\n    });\\n});\\n<\\\/script>\",\"margin\":\"default\"},\"name\":\"\\u0441\\u043a\\u0440\\u0438\\u043f\\u0442\"}]}]}],\"name\":\"1 \\u0440\\u0430\\u0431\\u043e\\u0442\\u0430\\u0435\\u0442\"}]}]}]},{\"type\":\"section\",\"props\":{\"image_position\":\"center-center\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}]}],\"version\":\"4.3.8\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp;select all &nbsp; I have done it &nbsp; I have seen it &nbsp; I have gone &nbsp; I have got it &nbsp; I have made it &nbsp; I have found it &nbsp; I have taken it &nbsp; I have read it &nbsp; I have written it &nbsp; I have eaten it Topic: 1 I have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3286","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/3286","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/comments?post=3286"}],"version-history":[{"count":802,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/3286\/revisions"}],"predecessor-version":[{"id":4160,"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/pages\/3286\/revisions\/4160"}],"wp:attachment":[{"href":"https:\/\/itsiller-software.com\/index.php\/wp-json\/wp\/v2\/media?parent=3286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}