@tabler/core 1.0.0-beta20 → 1.0.0-beta21

package/dist/libs/tinymce/plugins/help/js/i18n/keynav/zh_CN.js

@@ -0,0 +1,87 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.zh_CN',
+'<h1>开始键盘导航</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>使菜单栏处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F9</dd>\n' +
+  '  <dd>macOS：&#x2325;F9</dd>\n' +
+  '  <dt>使工具栏处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F10</dd>\n' +
+  '  <dd>macOS：&#x2325;F10</dd>\n' +
+  '  <dt>使页脚处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F11</dd>\n' +
+  '  <dd>macOS：&#x2325;F11</dd>\n' +
+  '  <dt>使通知处于焦点</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F12</dd>\n' +
+  '  <dd>macOS：&#x2325;F12</dd>\n' +
+  '  <dt>使上下文工具栏处于焦点</dt>\n' +
+  '  <dd>Windows、Linux 或 macOS：Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>导航将在第一个 UI 项上开始，其中突出显示该项，或者对于页脚元素路径中的第一项，将为其添加下划线。</p>\n' +
+  '\n' +
+  '<h1>在 UI 部分之间导航</h1>\n' +
+  '\n' +
+  '<p>要从一个 UI 部分移至下一个，请按 <strong>Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>要从一个 UI 部分移至上一个，请按 <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>这些 UI 部分的 <strong>Tab</strong> 顺序为：</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>菜单栏</li>\n' +
+  '  <li>每个工具栏组</li>\n' +
+  '  <li>边栏</li>\n' +
+  '  <li>页脚中的元素路径</li>\n' +
+  '  <li>页脚中的字数切换按钮</li>\n' +
+  '  <li>页脚中的品牌链接</li>\n' +
+  '  <li>页脚中的编辑器调整大小图柄</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>如果不存在某个 UI 部分，则跳过它。</p>\n' +
+  '\n' +
+  '<p>如果键盘导航焦点在页脚，并且没有可见的边栏，则按 <strong>Shift+Tab</strong> 将焦点移至第一个工具栏组而非最后一个。</p>\n' +
+  '\n' +
+  '<h1>在 UI 部分内导航</h1>\n' +
+  '\n' +
+  '<p>要从一个 UI 元素移至下一个，请按相应的<strong>箭头</strong>键。</p>\n' +
+  '\n' +
+  '<p><strong>左</strong>和<strong>右</strong>箭头键</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在菜单栏中的菜单之间移动。</li>\n' +
+  '  <li>打开菜单中的子菜单。</li>\n' +
+  '  <li>在工具栏组中的按钮之间移动。</li>\n' +
+  '  <li>在页脚的元素路径中的各项之间移动。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>下</strong>和<strong>上</strong>箭头键</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在菜单中的菜单项之间移动。</li>\n' +
+  '  <li>在工具栏弹出菜单中的各项之间移动。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>箭头</strong>键在具有焦点的 UI 部分内循环。</p>\n' +
+  '\n' +
+  '<p>要关闭打开的菜单、打开的子菜单或打开的弹出菜单，请按 <strong>Esc</strong> 键。</p>\n' +
+  '\n' +
+  '<p>如果当前的焦点在特定 UI 部分的“顶部”，则按 <strong>Esc</strong> 键还将完全退出键盘导航。</p>\n' +
+  '\n' +
+  '<h1>执行菜单项或工具栏按钮</h1>\n' +
+  '\n' +
+  '<p>当突出显示所需的菜单项或工具栏按钮时，按 <strong>Return</strong>、<strong>Enter</strong> 或<strong>空格</strong>以执行该项。</p>\n' +
+  '\n' +
+  '<h1>在非标签页式对话框中导航</h1>\n' +
+  '\n' +
+  '<p>在非标签页式对话框中，当对话框打开时，第一个交互组件获得焦点。</p>\n' +
+  '\n' +
+  '<p>通过按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong>，在交互对话框组件之间导航。</p>\n' +
+  '\n' +
+  '<h1>在标签页式对话框中导航</h1>\n' +
+  '\n' +
+  '<p>在标签页式对话框中，当对话框打开时，标签页菜单中的第一个按钮获得焦点。</p>\n' +
+  '\n' +
+  '<p>通过按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong>，在此对话框的交互组件之间导航。</p>\n' +
+  '\n' +
+  '<p>通过将焦点移至另一对话框标签页的菜单，然后按相应的<strong>箭头</strong>键以在可用的标签页间循环，从而切换到该对话框标签页。</p>\n');

package/dist/libs/tinymce/plugins/help/js/i18n/keynav/zh_TW.js

@@ -0,0 +1,93 @@
+tinymce.Resource.add('tinymce.html-i18n.help-keynav.zh_TW',
+'<h1>開始鍵盤瀏覽</h1>\n' +
+  '\n' +
+  '<dl>\n' +
+  '  <dt>跳至功能表列</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F9</dd>\n' +
+  '  <dd>macOS：&#x2325;F9</dd>\n' +
+  '  <dt>跳至工具列</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F10</dd>\n' +
+  '  <dd>macOS：&#x2325;F10</dd>\n' +
+  '  <dt>跳至頁尾</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F11</dd>\n' +
+  '  <dd>macOS：&#x2325;F11</dd>\n' +
+  '  <dt>跳至通知</dt>\n' +
+  '  <dd>Windows 或 Linux：Alt+F12</dd>\n' +
+  '  <dd>macOS：&#x2325;F12</dd>\n' +
+  '  <dt>跳至關聯式工具列</dt>\n' +
+  '  <dd>Windows、Linux 或 macOS：Ctrl+F9</dd>\n' +
+  '</dl>\n' +
+  '\n' +
+  '<p>瀏覽會從第一個 UI 項目開始，該項目會反白顯示，但如果是「頁尾」元素路徑的第一項，\n' +
+  '  則加底線。</p>\n' +
+  '\n' +
+  '<h1>在 UI 區段之間瀏覽</h1>\n' +
+  '\n' +
+  '<p>從 UI 區段移至下一個，請按 <strong>Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>從 UI 區段移回上一個，請按 <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>這些 UI 區段的 <strong>Tab</strong> 順序如下：</p>\n' +
+  '\n' +
+  '<ol>\n' +
+  '  <li>功能表列</li>\n' +
+  '  <li>各個工具列群組</li>\n' +
+  '  <li>側邊欄</li>\n' +
+  '  <li>頁尾中的元素路徑</li>\n' +
+  '  <li>頁尾中字數切換按鈕</li>\n' +
+  '  <li>頁尾中的品牌連結</li>\n' +
+  '  <li>頁尾中編輯器調整大小控點</li>\n' +
+  '</ol>\n' +
+  '\n' +
+  '<p>如果 UI 區段未顯示，表示已略過該區段。</p>\n' +
+  '\n' +
+  '<p>如果鍵盤瀏覽跳至頁尾，但沒有顯示側邊欄，則按下 <strong>Shift+Tab</strong>\n' +
+  '  會跳至第一個工具列群組，而不是最後一個。</p>\n' +
+  '\n' +
+  '<h1>在 UI 區段之內瀏覽</h1>\n' +
+  '\n' +
+  '<p>在兩個 UI 元素之間移動，請按適當的<strong>方向</strong>鍵。</p>\n' +
+  '\n' +
+  '<p><strong>向左</strong>和<strong>向右</strong>方向鍵</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在功能表列中的功能表之間移動。</li>\n' +
+  '  <li>開啟功能表中的子功能表。</li>\n' +
+  '  <li>在工具列群組中的按鈕之間移動。</li>\n' +
+  '  <li>在頁尾的元素路徑中項目之間移動。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>向下</strong>和<strong>向上</strong>方向鍵</p>\n' +
+  '\n' +
+  '<ul>\n' +
+  '  <li>在功能表中的功能表項目之間移動。</li>\n' +
+  '  <li>在工具列快顯功能表中的項目之間移動。</li>\n' +
+  '</ul>\n' +
+  '\n' +
+  '<p><strong>方向</strong>鍵會在所跳至 UI 區段之內循環。</p>\n' +
+  '\n' +
+  '<p>若要關閉已開啟的功能表、已開啟的子功能表，或已開啟的快顯功能表，請按 <strong>Esc</strong> 鍵。</p>\n' +
+  '\n' +
+  '<p>如果目前已跳至特定 UI 區段的「頂端」，則按 <strong>Esc</strong> 鍵也會結束\n' +
+  '  整個鍵盤瀏覽。</p>\n' +
+  '\n' +
+  '<h1>執行功能表列項目或工具列按鈕</h1>\n' +
+  '\n' +
+  '<p>當想要的功能表項目或工具列按鈕已反白顯示時，按 <strong>Return</strong>、<strong>Enter</strong>、\n' +
+  '  或<strong>空白鍵</strong>即可執行該項目。</p>\n' +
+  '\n' +
+  '<h1>瀏覽非索引標籤式對話方塊</h1>\n' +
+  '\n' +
+  '<p>在非索引標籤式對話方塊中，開啟對話方塊時會跳至第一個互動元件。</p>\n' +
+  '\n' +
+  '<p>按 <strong>Tab</strong> 或 <strong>Shift+Tab</strong> 即可在互動式對話方塊元件之間瀏覽。</p>\n' +
+  '\n' +
+  '<h1>瀏覽索引標籤式對話方塊</h1>\n' +
+  '\n' +
+  '<p>在索引標籤式對話方塊中，開啟對話方塊時會跳至索引標籤式功能表中的第一個按鈕。</p>\n' +
+  '\n' +
+  '<p>若要在此對話方塊的互動式元件之間瀏覽，請按 <strong>Tab</strong> 或\n' +
+  '  <strong>Shift+Tab</strong>。</p>\n' +
+  '\n' +
+  '<p>先跳至索引標籤式功能表，然後按適當的<strong>方向</strong>鍵，即可切換至另一個對話方塊索引標籤，\n' +
+  '  以循環瀏覽可用的索引標籤。</p>\n');

package/dist/libs/tinymce/plugins/help/plugin.js

@@ -1,5 +1,5 @@
 /**
- * TinyMCE version 6.4.2 (2023-04-26)
+ * TinyMCE version 7.3.0 (2024-08-07)
  */
 
 (function () {
@@ -19,15 +19,17 @@
       };
     };
 
-    var global$3 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    const random = () => window.crypto.getRandomValues(new Uint32Array(1))[0] / 4294967295;
 
     let unique = 0;
     const generate = prefix => {
       const date = new Date();
       const time = date.getTime();
-      const random = Math.floor(Math.random() * 1000000000);
+      const random$1 = Math.floor(random() * 1000000000);
       unique++;
-      return prefix + '_' + random + unique + String(time);
+      return prefix + '_' + random$1 + unique + String(time);
     };
 
     const get$1 = customTabs => {
@@ -257,73 +259,23 @@
       return r;
     };
 
-    const description = `<h1>Editor UI keyboard navigation</h1>
-
-<h2>Activating keyboard navigation</h2>
-
-<p>The sections of the outer UI of the editor - the menubar, toolbar, sidebar and footer - are all keyboard navigable. As such, there are multiple ways to activate keyboard navigation:</p>
-<ul>
-  <li>Focus the menubar: Alt + F9 (Windows) or &#x2325;F9 (MacOS)</li>
-  <li>Focus the toolbar: Alt + F10 (Windows) or &#x2325;F10 (MacOS)</li>
-  <li>Focus the footer: Alt + F11 (Windows) or &#x2325;F11 (MacOS)</li>
-</ul>
-
-<p>Focusing the menubar or toolbar will start keyboard navigation at the first item in the menubar or toolbar, which will be highlighted with a gray background. Focusing the footer will start keyboard navigation at the first item in the element path, which will be highlighted with an underline. </p>
-
-<h2>Moving between UI sections</h2>
-
-<p>When keyboard navigation is active, pressing tab will move the focus to the next major section of the UI, where applicable. These sections are:</p>
-<ul>
-  <li>the menubar</li>
-  <li>each group of the toolbar </li>
-  <li>the sidebar</li>
-  <li>the element path in the footer </li>
-  <li>the wordcount toggle button in the footer </li>
-  <li>the branding link in the footer </li>
-  <li>the editor resize handle in the footer</li>
-</ul>
-
-<p>Pressing shift + tab will move backwards through the same sections, except when moving from the footer to the toolbar. Focusing the element path then pressing shift + tab will move focus to the first toolbar group, not the last.</p>
-
-<h2>Moving within UI sections</h2>
-
-<p>Keyboard navigation within UI sections can usually be achieved using the left and right arrow keys. This includes:</p>
-<ul>
-  <li>moving between menus in the menubar</li>
-  <li>moving between buttons in a toolbar group</li>
-  <li>moving between items in the element path</li>
-</ul>
-
-<p>In all these UI sections, keyboard navigation will cycle within the section. For example, focusing the last button in a toolbar group then pressing right arrow will move focus to the first item in the same toolbar group. </p>
-
-<h1>Executing buttons</h1>
-
-<p>To execute a button, navigate the selection to the desired button and hit space or enter.</p>
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Resource');
 
-<h1>Opening, navigating and closing menus</h1>
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
 
-<p>When focusing a menubar button or a toolbar button with a menu, pressing space, enter or down arrow will open the menu. When the menu opens the first item will be selected. To move up or down the menu, press the up or down arrow key respectively. This is the same for submenus, which can also be opened and closed using the left and right arrow keys.</p>
-
-<p>To close any active menu, hit the escape key. When a menu is closed the selection will be restored to its previous selection. This also works for closing submenus.</p>
-
-<h1>Context toolbars and menus</h1>
-
-<p>To focus an open context toolbar such as the table context toolbar, press Ctrl + F9 (Windows) or &#x2303;F9 (MacOS).</p>
-
-<p>Context toolbar navigation is the same as toolbar navigation, and context menu navigation is the same as standard menu navigation.</p>
-
-<h1>Dialog navigation</h1>
-
-<p>There are two types of dialog UIs in TinyMCE: tabbed dialogs and non-tabbed dialogs.</p>
-
-<p>When a non-tabbed dialog is opened, the first interactive component in the dialog will be focused. Users can navigate between interactive components by pressing tab. This includes any footer buttons. Navigation will cycle back to the first dialog component if tab is pressed while focusing the last component in the dialog. Pressing shift + tab will navigate backwards.</p>
+    const pLoadHtmlByLangCode = (baseUrl, langCode) => global$3.load(`tinymce.html-i18n.help-keynav.${ langCode }`, `${ baseUrl }/js/i18n/keynav/${ langCode }.js`);
+    const pLoadI18nHtml = baseUrl => pLoadHtmlByLangCode(baseUrl, global$2.getCode()).catch(() => pLoadHtmlByLangCode(baseUrl, 'en'));
+    const initI18nLoad = (editor, baseUrl) => {
+      editor.on('init', () => {
+        pLoadI18nHtml(baseUrl);
+      });
+    };
 
-<p>When a tabbed dialog is opened, the first button in the tab menu is focused. Pressing tab will navigate to the first interactive component in that tab, and will cycle through the tab\u2019s components, the footer buttons, then back to the tab button. To switch to another tab, focus the tab button for the current tab, then use the arrow keys to cycle through the tab buttons.</p>`;
-    const tab$3 = () => {
+    const pTab = async pluginUrl => {
       const body = {
         type: 'htmlpanel',
         presets: 'document',
-        html: description
+        html: await pLoadI18nHtml(pluginUrl)
       };
       return {
         name: 'keyboardnav',
@@ -332,10 +284,10 @@
       };
     };
 
-    var global$2 = tinymce.util.Tools.resolve('tinymce.Env');
+    var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
 
     const convertText = source => {
-      const isMac = global$2.os.isMacOS() || global$2.os.isiOS();
+      const isMac = global$1.os.isMacOS() || global$1.os.isiOS();
       const mac = {
         alt: '&#x2325;',
         ctrl: '&#x2303;',
@@ -436,6 +388,10 @@
         shortcuts: ['Alt + F11'],
         action: 'Focus to element path'
       },
+      {
+        shortcuts: ['Alt + F12'],
+        action: 'Focus to notification'
+      },
       {
         shortcuts: ['Ctrl + F9'],
         action: 'Focus to contextual toolbar'
@@ -485,12 +441,10 @@
       };
     };
 
-    var global$1 = tinymce.util.Tools.resolve('tinymce.util.I18n');
-
     const urls = map([
       {
-        key: 'advlist',
-        name: 'Advanced List'
+        key: 'accordion',
+        name: 'Accordion'
       },
       {
         key: 'anchor',
@@ -560,6 +514,10 @@
         key: 'lists',
         name: 'Lists'
       },
+      {
+        key: 'advlist',
+        name: 'List Styles'
+      },
       {
         key: 'media',
         name: 'Media'
@@ -592,10 +550,6 @@
         key: 'table',
         name: 'Table'
       },
-      {
-        key: 'template',
-        name: 'Template'
-      },
       {
         key: 'textcolor',
         name: 'Text Color'
@@ -618,21 +572,16 @@
         type: 'premium'
       },
       {
-        key: 'advcode',
-        name: 'Advanced Code Editor',
-        type: 'premium'
+        key: 'typography',
+        name: 'Advanced Typography',
+        type: 'premium',
+        slug: 'advanced-typography'
       },
       {
-        key: 'advtable',
-        name: 'Advanced Tables',
+        key: 'ai',
+        name: 'AI Assistant',
         type: 'premium'
       },
-      {
-        key: 'advtemplate',
-        name: 'Advanced Templates',
-        type: 'premium',
-        slug: 'advanced-templates'
-      },
       {
         key: 'casechange',
         name: 'Case Change',
@@ -644,30 +593,34 @@
         type: 'premium'
       },
       {
-        key: 'editimage',
-        name: 'Enhanced Image Editing',
+        key: 'advcode',
+        name: 'Enhanced Code Editor',
         type: 'premium'
       },
       {
-        key: 'footnotes',
-        name: 'Footnotes',
+        key: 'mediaembed',
+        name: 'Enhanced Media Embed',
+        type: 'premium',
+        slug: 'introduction-to-mediaembed'
+      },
+      {
+        key: 'advtable',
+        name: 'Enhanced Tables',
         type: 'premium'
       },
       {
-        key: 'typography',
-        name: 'Advanced Typography',
-        type: 'premium',
-        slug: 'advanced-typography'
+        key: 'exportpdf',
+        name: 'Export to PDF',
+        type: 'premium'
       },
       {
-        key: 'mediaembed',
-        name: 'Enhanced Media Embed',
-        type: 'premium',
-        slug: 'introduction-to-mediaembed'
+        key: 'exportword',
+        name: 'Export to Word',
+        type: 'premium'
       },
       {
-        key: 'export',
-        name: 'Export',
+        key: 'footnotes',
+        name: 'Footnotes',
         type: 'premium'
       },
       {
@@ -675,6 +628,16 @@
         name: 'Format Painter',
         type: 'premium'
       },
+      {
+        key: 'editimage',
+        name: 'Image Editing',
+        type: 'premium'
+      },
+      {
+        key: 'importword',
+        name: 'Import from Word',
+        type: 'premium'
+      },
       {
         key: 'inlinecss',
         name: 'Inline CSS',
@@ -686,6 +649,16 @@
         name: 'Link Checker',
         type: 'premium'
       },
+      {
+        key: 'math',
+        name: 'Math',
+        type: 'premium'
+      },
+      {
+        key: 'markdown',
+        name: 'Markdown',
+        type: 'premium'
+      },
       {
         key: 'mentions',
         name: 'Mentions',
@@ -713,14 +686,13 @@
         slug: 'introduction-to-powerpaste'
       },
       {
-        key: 'rtc',
-        name: 'Real-Time Collaboration',
-        type: 'premium',
-        slug: 'rtc-introduction'
+        key: 'revisionhistory',
+        name: 'Revision History',
+        type: 'premium'
       },
       {
         key: 'tinymcespellchecker',
-        name: 'Spell Checker Pro',
+        name: 'Spell Checker',
         type: 'premium',
         slug: 'introduction-to-tiny-spellchecker'
       },
@@ -734,6 +706,12 @@
         name: 'Table of Contents',
         type: 'premium'
       },
+      {
+        key: 'advtemplate',
+        name: 'Templates',
+        type: 'premium',
+        slug: 'advanced-templates'
+      },
       {
         key: 'tinycomments',
         name: 'Tiny Comments',
@@ -759,9 +737,9 @@
         });
         const sortedPremiumPlugins = sort(map(premiumPlugins, p => p.name), (s1, s2) => s1.localeCompare(s2));
         const premiumPluginList = map(sortedPremiumPlugins, pluginName => `<li>${ pluginName }</li>`).join('');
-        return '<div data-mce-tabstop="1" tabindex="-1">' + '<p><b>' + global$1.translate('Premium plugins:') + '</b></p>' + '<ul>' + premiumPluginList + '<li class="tox-help__more-link" "><a href="https://www.tiny.cloud/pricing/?utm_campaign=editor_referral&utm_medium=help_dialog&utm_source=tinymce" rel="noopener" target="_blank">' + global$1.translate('Learn more...') + '</a></li>' + '</ul>' + '</div>';
+        return '<div>' + '<p><b>' + global$2.translate('Premium plugins:') + '</b></p>' + '<ul>' + premiumPluginList + '<li class="tox-help__more-link" ">' + '<a href="https://www.tiny.cloud/pricing/?utm_campaign=help_dialog_plugin_tab&utm_source=tiny&utm_medium=referral&utm_term=read_more&utm_content=premium_plugin_heading" rel="noopener" target="_blank"' + ' data-alloy-tabstop="true" tabindex="-1">' + global$2.translate('Learn more...') + '</a></li>' + '</ul>' + '</div>';
       };
-      const makeLink = p => `<a href="${ p.url }" target="_blank" rel="noopener">${ p.name }</a>`;
+      const makeLink = p => `<a data-alloy-tabstop="true" tabindex="-1" href="${ p.url }" target="_blank" rel="noopener">${ p.name }</a>`;
       const identifyUnknownPlugin = (editor, key) => {
         const getMetadata = editor.plugins[key].getMetadata;
         if (isFunction(getMetadata)) {
@@ -785,7 +763,7 @@
         const name = x.type === 'premium' ? `${ x.name }*` : x.name;
         const html = makeLink({
           name,
-          url: `https://www.tiny.cloud/docs/tinymce/6/${ x.slug }/`
+          url: `https://www.tiny.cloud/docs/tinymce/7/${ x.slug }/`
         });
         return {
           name,
@@ -805,7 +783,7 @@
         });
         const count = pluginLis.length;
         const pluginsString = pluginLis.join('');
-        const html = '<p><b>' + global$1.translate([
+        const html = '<p><b>' + global$2.translate([
           'Plugins installed ({0}):',
           count
         ]) + '</b></p>' + '<ul>' + pluginsString + '</ul>';
@@ -815,7 +793,7 @@
         if (editor == null) {
           return '';
         }
-        return '<div data-mce-tabstop="1" tabindex="-1">' + pluginLister(editor) + '</div>';
+        return '<div>' + pluginLister(editor) + '</div>';
       };
       const htmlPanel = {
         type: 'htmlpanel',
@@ -837,10 +815,10 @@
     const tab = () => {
       const getVersion = (major, minor) => major.indexOf('@') === 0 ? 'X.X.X' : major + '.' + minor;
       const version = getVersion(global.majorVersion, global.minorVersion);
-      const changeLogLink = '<a href="https://www.tiny.cloud/docs/tinymce/6/changelog/?utm_campaign=editor_referral&utm_medium=help_dialog&utm_source=tinymce" rel="noopener" target="_blank">TinyMCE ' + version + '</a>';
+      const changeLogLink = '<a data-alloy-tabstop="true" tabindex="-1" href="https://www.tiny.cloud/docs/tinymce/7/changelog/?utm_campaign=help_dialog_version_tab&utm_source=tiny&utm_medium=referral" rel="noopener" target="_blank">TinyMCE ' + version + '</a>';
       const htmlPanel = {
         type: 'htmlpanel',
-        html: '<p>' + global$1.translate([
+        html: '<p>' + global$2.translate([
           'You are using {0}',
           changeLogLink
         ]) + '</p>',
@@ -885,9 +863,9 @@
         names
       };
     };
-    const parseCustomTabs = (editor, customTabs) => {
+    const pParseCustomTabs = async (editor, customTabs, pluginUrl) => {
       const shortcuts = tab$2();
-      const nav = tab$3();
+      const nav = await pTab(pluginUrl);
       const plugins = tab$1(editor);
       const versions = tab();
       const tabs = {
@@ -899,37 +877,39 @@
       };
       return Optional.from(getHelpTabs(editor)).fold(() => getNamesFromTabs(tabs), tabsFromSettings => parseHelpTabsSetting(tabsFromSettings, tabs));
     };
-    const init = (editor, customTabs) => () => {
-      const {tabs, names} = parseCustomTabs(editor, customTabs);
-      const foundTabs = map(names, name => get(tabs, name));
-      const dialogTabs = cat(foundTabs);
-      const body = {
-        type: 'tabpanel',
-        tabs: dialogTabs
-      };
-      editor.windowManager.open({
-        title: 'Help',
-        size: 'normal',
-        body,
-        buttons: [{
-            type: 'cancel',
-            name: 'close',
-            text: 'Close',
-            primary: true
-          }],
-        initialData: {}
+    const init = (editor, customTabs, pluginUrl) => () => {
+      pParseCustomTabs(editor, customTabs, pluginUrl).then(({tabs, names}) => {
+        const foundTabs = map(names, name => get(tabs, name));
+        const dialogTabs = cat(foundTabs);
+        const body = {
+          type: 'tabpanel',
+          tabs: dialogTabs
+        };
+        editor.windowManager.open({
+          title: 'Help',
+          size: 'medium',
+          body,
+          buttons: [{
+              type: 'cancel',
+              name: 'close',
+              text: 'Close',
+              primary: true
+            }],
+          initialData: {}
+        });
       });
     };
 
     var Plugin = () => {
-      global$3.add('help', editor => {
+      global$4.add('help', (editor, pluginUrl) => {
         const customTabs = Cell({});
         const api = get$1(customTabs);
         register$1(editor);
-        const dialogOpener = init(editor, customTabs);
+        const dialogOpener = init(editor, customTabs, pluginUrl);
         register(editor, dialogOpener);
         register$2(editor, dialogOpener);
         editor.shortcuts.add('Alt+0', 'Open help dialog', 'mceHelp');
+        initI18nLoad(editor, pluginUrl);
         return api;
       });
     };