argous 1.2.201 → 1.2.203

package/lib/components/Editor/tinymce/plugins/help/plugin.js

@@ -1,44 +1,59 @@
 /**
- * Copyright (c) Tiny Technologies, Inc. All rights reserved.
- * Licensed under the LGPL or a commercial license.
- * For LGPL see License.txt in the project root for license information.
- * For commercial licenses see https://www.tiny.cloud/
- *
- * Version: 5.9.0 (TBD)
+ * TinyMCE version 6.8.2 (2023-12-11)
  */
+
 (function () {
     'use strict';
 
-    var Cell = function (initial) {
-      var value = initial;
-      var get = function () {
+    const Cell = initial => {
+      let value = initial;
+      const get = () => {
         return value;
       };
-      var set = function (v) {
+      const set = v => {
         value = v;
       };
       return {
-        get: get,
-        set: set
+        get,
+        set
       };
     };
 
-    var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
+    var global$4 = tinymce.util.Tools.resolve('tinymce.PluginManager');
+
+    let unique = 0;
+    const generate = prefix => {
+      const date = new Date();
+      const time = date.getTime();
+      const random = Math.floor(Math.random() * 1000000000);
+      unique++;
+      return prefix + '_' + random + unique + String(time);
+    };
 
-    var get = function (customTabs) {
-      var addTab = function (spec) {
-        var currentCustomTabs = customTabs.get();
-        currentCustomTabs[spec.name] = spec;
+    const get$1 = customTabs => {
+      const addTab = spec => {
+        var _a;
+        const name = (_a = spec.name) !== null && _a !== void 0 ? _a : generate('tab-name');
+        const currentCustomTabs = customTabs.get();
+        currentCustomTabs[name] = spec;
         customTabs.set(currentCustomTabs);
       };
-      return { addTab: addTab };
+      return { addTab };
     };
 
-    var register = function (editor, dialogOpener) {
+    const register$2 = (editor, dialogOpener) => {
       editor.addCommand('mceHelp', dialogOpener);
     };
 
-    var register$1 = function (editor, dialogOpener) {
+    const option = name => editor => editor.options.get(name);
+    const register$1 = editor => {
+      const registerOption = editor.options.register;
+      registerOption('help_tabs', { processor: 'array' });
+    };
+    const getHelpTabs = option('help_tabs');
+    const getForcedPlugins = option('forced_plugins');
+
+    const register = (editor, dialogOpener) => {
       editor.ui.registry.addButton('help', {
         icon: 'help',
         tooltip: 'Help',
@@ -52,164 +67,161 @@
       });
     };
 
-    var __assign = function () {
-      __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p))
-              t[p] = s[p];
-        }
+    const hasProto = (v, constructor, predicate) => {
+      var _a;
+      if (predicate(v, constructor.prototype)) {
+        return true;
+      } else {
+        return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name;
+      }
+    };
+    const typeOf = x => {
+      const t = typeof x;
+      if (x === null) {
+        return 'null';
+      } else if (t === 'object' && Array.isArray(x)) {
+        return 'array';
+      } else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) {
+        return 'string';
+      } else {
         return t;
-      };
-      return __assign.apply(this, arguments);
+      }
     };
+    const isType = type => value => typeOf(value) === type;
+    const isSimpleType = type => value => typeof value === type;
+    const eq = t => a => t === a;
+    const isString = isType('string');
+    const isUndefined = eq(undefined);
+    const isNullable = a => a === null || a === undefined;
+    const isNonNullable = a => !isNullable(a);
+    const isFunction = isSimpleType('function');
 
-    var noop = function () {
-    };
-    var constant = function (value) {
-      return function () {
+    const constant = value => {
+      return () => {
         return value;
       };
     };
-    var never = constant(false);
-    var always = constant(true);
+    const never = constant(false);
 
-    var none = function () {
-      return NONE;
-    };
-    var NONE = function () {
-      var eq = function (o) {
-        return o.isNone();
-      };
-      var call = function (thunk) {
-        return thunk();
-      };
-      var id = function (n) {
-        return n;
-      };
-      var me = {
-        fold: function (n, _s) {
-          return n();
-        },
-        is: never,
-        isSome: never,
-        isNone: always,
-        getOr: id,
-        getOrThunk: call,
-        getOrDie: function (msg) {
-          throw new Error(msg || 'error: getOrDie called on none.');
-        },
-        getOrNull: constant(null),
-        getOrUndefined: constant(undefined),
-        or: id,
-        orThunk: call,
-        map: none,
-        each: noop,
-        bind: none,
-        exists: never,
-        forall: always,
-        filter: none,
-        equals: eq,
-        equals_: eq,
-        toArray: function () {
-          return [];
-        },
-        toString: constant('none()')
-      };
-      return me;
-    }();
-    var some = function (a) {
-      var constant_a = constant(a);
-      var self = function () {
-        return me;
-      };
-      var bind = function (f) {
-        return f(a);
-      };
-      var me = {
-        fold: function (n, s) {
-          return s(a);
-        },
-        is: function (v) {
-          return a === v;
-        },
-        isSome: always,
-        isNone: never,
-        getOr: constant_a,
-        getOrThunk: constant_a,
-        getOrDie: constant_a,
-        getOrNull: constant_a,
-        getOrUndefined: constant_a,
-        or: self,
-        orThunk: self,
-        map: function (f) {
-          return some(f(a));
-        },
-        each: function (f) {
-          f(a);
-        },
-        bind: bind,
-        exists: bind,
-        forall: bind,
-        filter: function (f) {
-          return f(a) ? me : NONE;
-        },
-        toArray: function () {
-          return [a];
-        },
-        toString: function () {
-          return 'some(' + a + ')';
-        },
-        equals: function (o) {
-          return o.is(a);
-        },
-        equals_: function (o, elementEq) {
-          return o.fold(never, function (b) {
-            return elementEq(a, b);
-          });
+    class Optional {
+      constructor(tag, value) {
+        this.tag = tag;
+        this.value = value;
+      }
+      static some(value) {
+        return new Optional(true, value);
+      }
+      static none() {
+        return Optional.singletonNone;
+      }
+      fold(onNone, onSome) {
+        if (this.tag) {
+          return onSome(this.value);
+        } else {
+          return onNone();
         }
-      };
-      return me;
-    };
-    var from = function (value) {
-      return value === null || value === undefined ? NONE : some(value);
-    };
-    var Optional = {
-      some: some,
-      none: none,
-      from: from
-    };
+      }
+      isSome() {
+        return this.tag;
+      }
+      isNone() {
+        return !this.tag;
+      }
+      map(mapper) {
+        if (this.tag) {
+          return Optional.some(mapper(this.value));
+        } else {
+          return Optional.none();
+        }
+      }
+      bind(binder) {
+        if (this.tag) {
+          return binder(this.value);
+        } else {
+          return Optional.none();
+        }
+      }
+      exists(predicate) {
+        return this.tag && predicate(this.value);
+      }
+      forall(predicate) {
+        return !this.tag || predicate(this.value);
+      }
+      filter(predicate) {
+        if (!this.tag || predicate(this.value)) {
+          return this;
+        } else {
+          return Optional.none();
+        }
+      }
+      getOr(replacement) {
+        return this.tag ? this.value : replacement;
+      }
+      or(replacement) {
+        return this.tag ? this : replacement;
+      }
+      getOrThunk(thunk) {
+        return this.tag ? this.value : thunk();
+      }
+      orThunk(thunk) {
+        return this.tag ? this : thunk();
+      }
+      getOrDie(message) {
+        if (!this.tag) {
+          throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None');
+        } else {
+          return this.value;
+        }
+      }
+      static from(value) {
+        return isNonNullable(value) ? Optional.some(value) : Optional.none();
+      }
+      getOrNull() {
+        return this.tag ? this.value : null;
+      }
+      getOrUndefined() {
+        return this.value;
+      }
+      each(worker) {
+        if (this.tag) {
+          worker(this.value);
+        }
+      }
+      toArray() {
+        return this.tag ? [this.value] : [];
+      }
+      toString() {
+        return this.tag ? `some(${ this.value })` : 'none()';
+      }
+    }
+    Optional.singletonNone = new Optional(false);
 
-    var nativeIndexOf = Array.prototype.indexOf;
-    var rawIndexOf = function (ts, t) {
-      return nativeIndexOf.call(ts, t);
-    };
-    var contains = function (xs, x) {
-      return rawIndexOf(xs, x) > -1;
-    };
-    var map = function (xs, f) {
-      var len = xs.length;
-      var r = new Array(len);
-      for (var i = 0; i < len; i++) {
-        var x = xs[i];
+    const nativeSlice = Array.prototype.slice;
+    const nativeIndexOf = Array.prototype.indexOf;
+    const rawIndexOf = (ts, t) => nativeIndexOf.call(ts, t);
+    const contains = (xs, x) => rawIndexOf(xs, x) > -1;
+    const map = (xs, f) => {
+      const len = xs.length;
+      const r = new Array(len);
+      for (let i = 0; i < len; i++) {
+        const x = xs[i];
         r[i] = f(x, i);
       }
       return r;
     };
-    var filter = function (xs, pred) {
-      var r = [];
-      for (var i = 0, len = xs.length; i < len; i++) {
-        var x = xs[i];
+    const filter = (xs, pred) => {
+      const r = [];
+      for (let i = 0, len = xs.length; i < len; i++) {
+        const x = xs[i];
         if (pred(x, i)) {
           r.push(x);
         }
       }
       return r;
     };
-    var findUntil = function (xs, pred, until) {
-      for (var i = 0, len = xs.length; i < len; i++) {
-        var x = xs[i];
+    const findUntil = (xs, pred, until) => {
+      for (let i = 0, len = xs.length; i < len; i++) {
+        const x = xs[i];
         if (pred(x, i)) {
           return Optional.some(x);
         } else if (until(x, i)) {
@@ -218,43 +230,50 @@
       }
       return Optional.none();
     };
-    var find = function (xs, pred) {
+    const find = (xs, pred) => {
       return findUntil(xs, pred, never);
     };
+    const sort = (xs, comparator) => {
+      const copy = nativeSlice.call(xs, 0);
+      copy.sort(comparator);
+      return copy;
+    };
 
-    var keys = Object.keys;
-    var hasOwnProperty = Object.hasOwnProperty;
-    var get$1 = function (obj, key) {
+    const keys = Object.keys;
+    const hasOwnProperty = Object.hasOwnProperty;
+    const get = (obj, key) => {
       return has(obj, key) ? Optional.from(obj[key]) : Optional.none();
     };
-    var has = function (obj, key) {
-      return hasOwnProperty.call(obj, key);
-    };
+    const has = (obj, key) => hasOwnProperty.call(obj, key);
 
-    var cat = function (arr) {
-      var r = [];
-      var push = function (x) {
+    const cat = arr => {
+      const r = [];
+      const push = x => {
         r.push(x);
       };
-      for (var i = 0; i < arr.length; i++) {
+      for (let i = 0; i < arr.length; i++) {
         arr[i].each(push);
       }
       return r;
     };
 
-    var getHelpTabs = function (editor) {
-      return Optional.from(editor.getParam('help_tabs'));
-    };
-    var getForcedPlugins = function (editor) {
-      return editor.getParam('forced_plugins');
+    var global$3 = tinymce.util.Tools.resolve('tinymce.Resource');
+
+    var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
+
+    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);
+      });
     };
 
-    var description = '<h1>Editor UI keyboard navigation</h1>\n\n<h2>Activating keyboard navigation</h2>\n\n<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>\n<ul>\n  <li>Focus the menubar: Alt + F9 (Windows) or &#x2325;F9 (MacOS)</li>\n  <li>Focus the toolbar: Alt + F10 (Windows) or &#x2325;F10 (MacOS)</li>\n  <li>Focus the footer: Alt + F11 (Windows) or &#x2325;F11 (MacOS)</li>\n</ul>\n\n<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>\n\n<h2>Moving between UI sections</h2>\n\n<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>\n<ul>\n  <li>the menubar</li>\n  <li>each group of the toolbar </li>\n  <li>the sidebar</li>\n  <li>the element path in the footer </li>\n  <li>the wordcount toggle button in the footer </li>\n  <li>the branding link in the footer </li>\n  <li>the editor resize handle in the footer</li>\n</ul>\n\n<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>\n\n<h2>Moving within UI sections</h2>\n\n<p>Keyboard navigation within UI sections can usually be achieved using the left and right arrow keys. This includes:</p>\n<ul>\n  <li>moving between menus in the menubar</li>\n  <li>moving between buttons in a toolbar group</li>\n  <li>moving between items in the element path</li>\n</ul>\n\n<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>\n\n<h1>Executing buttons</h1>\n\n<p>To execute a button, navigate the selection to the desired button and hit space or enter.</p>\n\n<h1>Opening, navigating and closing menus</h1>\n\n<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>\n\n<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>\n\n<h1>Context toolbars and menus</h1>\n\n<p>To focus an open context toolbar such as the table context toolbar, press Ctrl + F9 (Windows) or &#x2303;F9 (MacOS).</p>\n\n<p>Context toolbar navigation is the same as toolbar navigation, and context menu navigation is the same as standard menu navigation.</p>\n\n<h1>Dialog navigation</h1>\n\n<p>There are two types of dialog UIs in TinyMCE: tabbed dialogs and non-tabbed dialogs.</p>\n\n<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>\n\n<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>';
-    var tab = function () {
-      var body = {
+    const pTab = async pluginUrl => {
+      const body = {
         type: 'htmlpanel',
         presets: 'document',
-        html: description
+        html: await pLoadI18nHtml(pluginUrl)
       };
       return {
         name: 'keyboardnav',
@@ -265,28 +284,29 @@
 
     var global$1 = tinymce.util.Tools.resolve('tinymce.Env');
 
-    var convertText = function (source) {
-      var mac = {
+    const convertText = source => {
+      const isMac = global$1.os.isMacOS() || global$1.os.isiOS();
+      const mac = {
         alt: '&#x2325;',
         ctrl: '&#x2303;',
         shift: '&#x21E7;',
         meta: '&#x2318;',
         access: '&#x2303;&#x2325;'
       };
-      var other = {
+      const other = {
         meta: 'Ctrl ',
         access: 'Shift + Alt '
       };
-      var replace = global$1.mac ? mac : other;
-      var shortcut = source.split('+');
-      var updated = map(shortcut, function (segment) {
-        var search = segment.toLowerCase().trim();
+      const replace = isMac ? mac : other;
+      const shortcut = source.split('+');
+      const updated = map(shortcut, segment => {
+        const search = segment.toLowerCase().trim();
         return has(replace, search) ? replace[search] : segment;
       });
-      return global$1.mac ? updated.join('').replace(/\s/, '') : updated.join('+');
+      return isMac ? updated.join('').replace(/\s/, '') : updated.join('+');
     };
 
-    var shortcuts = [
+    const shortcuts = [
       {
         shortcuts: ['Meta + B'],
         action: 'Bold'
@@ -392,15 +412,15 @@
       }
     ];
 
-    var tab$1 = function () {
-      var shortcutList = map(shortcuts, function (shortcut) {
-        var shortcutText = map(shortcut.shortcuts, convertText).join(' or ');
+    const tab$2 = () => {
+      const shortcutList = map(shortcuts, shortcut => {
+        const shortcutText = map(shortcut.shortcuts, convertText).join(' or ');
         return [
           shortcut.action,
           shortcutText
         ];
       });
-      var tablePanel = {
+      const tablePanel = {
         type: 'table',
         header: [
           'Action',
@@ -415,11 +435,11 @@
       };
     };
 
-    var global$2 = tinymce.util.Tools.resolve('tinymce.util.I18n');
-
-    var premiumType = 'premium';
-    var openSourceType = 'opensource';
-    var urls = map([
+    const urls = map([
+      {
+        key: 'accordion',
+        name: 'Accordion'
+      },
       {
         key: 'advlist',
         name: 'Advanced List'
@@ -440,10 +460,6 @@
         key: 'autosave',
         name: 'Autosave'
       },
-      {
-        key: 'bbcode',
-        name: 'BBCode'
-      },
       {
         key: 'charmap',
         name: 'Character Map'
@@ -468,10 +484,6 @@
         key: 'emoticons',
         name: 'Emoticons'
       },
-      {
-        key: 'fullpage',
-        name: 'Full Page'
-      },
       {
         key: 'fullscreen',
         name: 'Full Screen'
@@ -480,18 +492,10 @@
         key: 'help',
         name: 'Help'
       },
-      {
-        key: 'hr',
-        name: 'Horizontal Rule'
-      },
       {
         key: 'image',
         name: 'Image'
       },
-      {
-        key: 'imagetools',
-        name: 'Image Tools'
-      },
       {
         key: 'importcss',
         name: 'Import CSS'
@@ -500,10 +504,6 @@
         key: 'insertdatetime',
         name: 'Insert Date/Time'
       },
-      {
-        key: 'legacyoutput',
-        name: 'Legacy Output'
-      },
       {
         key: 'link',
         name: 'Link'
@@ -520,25 +520,17 @@
         key: 'nonbreaking',
         name: 'Nonbreaking'
       },
-      {
-        key: 'noneditable',
-        name: 'Noneditable'
-      },
       {
         key: 'pagebreak',
         name: 'Page Break'
       },
-      {
-        key: 'paste',
-        name: 'Paste'
-      },
       {
         key: 'preview',
         name: 'Preview'
       },
       {
-        key: 'print',
-        name: 'Print'
+        key: 'quickbars',
+        name: 'Quick Toolbars'
       },
       {
         key: 'save',
@@ -548,14 +540,6 @@
         key: 'searchreplace',
         name: 'Search and Replace'
       },
-      {
-        key: 'spellchecker',
-        name: 'Spell Checker'
-      },
-      {
-        key: 'tabfocus',
-        name: 'Tab Focus'
-      },
       {
         key: 'table',
         name: 'Table'
@@ -568,14 +552,6 @@
         key: 'textcolor',
         name: 'Text Color'
       },
-      {
-        key: 'textpattern',
-        name: 'Text Pattern'
-      },
-      {
-        key: 'toc',
-        name: 'Table of Contents'
-      },
       {
         key: 'visualblocks',
         name: 'Visual Blocks'
@@ -588,168 +564,217 @@
         key: 'wordcount',
         name: 'Word Count'
       },
+      {
+        key: 'a11ychecker',
+        name: 'Accessibility Checker',
+        type: 'premium'
+      },
       {
         key: 'advcode',
-        name: 'Advanced Code Editor*',
-        type: premiumType
+        name: 'Advanced Code Editor',
+        type: 'premium'
       },
       {
-        key: 'formatpainter',
-        name: 'Format Painter*',
-        type: premiumType
+        key: 'advtable',
+        name: 'Advanced Tables',
+        type: 'premium'
       },
       {
-        key: 'powerpaste',
-        name: 'PowerPaste*',
-        type: premiumType
+        key: 'advtemplate',
+        name: 'Advanced Templates',
+        type: 'premium',
+        slug: 'advanced-templates'
       },
       {
-        key: 'tinydrive',
-        name: 'Tiny Drive*',
-        type: premiumType
+        key: 'ai',
+        name: 'AI Assistant',
+        type: 'premium'
       },
       {
-        key: 'tinymcespellchecker',
-        name: 'Spell Checker Pro*',
-        type: premiumType
+        key: 'casechange',
+        name: 'Case Change',
+        type: 'premium'
       },
       {
-        key: 'a11ychecker',
-        name: 'Accessibility Checker*',
-        type: premiumType
+        key: 'checklist',
+        name: 'Checklist',
+        type: 'premium'
       },
       {
-        key: 'linkchecker',
-        name: 'Link Checker*',
-        type: premiumType
+        key: 'editimage',
+        name: 'Enhanced Image Editing',
+        type: 'premium'
       },
       {
-        key: 'mentions',
-        name: 'Mentions*',
-        type: premiumType
+        key: 'footnotes',
+        name: 'Footnotes',
+        type: 'premium'
+      },
+      {
+        key: 'typography',
+        name: 'Advanced Typography',
+        type: 'premium',
+        slug: 'advanced-typography'
       },
       {
         key: 'mediaembed',
-        name: 'Enhanced Media Embed*',
-        type: premiumType
+        name: 'Enhanced Media Embed',
+        type: 'premium',
+        slug: 'introduction-to-mediaembed'
       },
       {
-        key: 'checklist',
-        name: 'Checklist*',
-        type: premiumType
+        key: 'export',
+        name: 'Export',
+        type: 'premium'
       },
       {
-        key: 'casechange',
-        name: 'Case Change*',
-        type: premiumType
+        key: 'formatpainter',
+        name: 'Format Painter',
+        type: 'premium'
       },
       {
-        key: 'permanentpen',
-        name: 'Permanent Pen*',
-        type: premiumType
+        key: 'inlinecss',
+        name: 'Inline CSS',
+        type: 'premium',
+        slug: 'inline-css'
+      },
+      {
+        key: 'linkchecker',
+        name: 'Link Checker',
+        type: 'premium'
+      },
+      {
+        key: 'mentions',
+        name: 'Mentions',
+        type: 'premium'
+      },
+      {
+        key: 'mergetags',
+        name: 'Merge Tags',
+        type: 'premium'
       },
       {
         key: 'pageembed',
-        name: 'Page Embed*',
-        type: premiumType
+        name: 'Page Embed',
+        type: 'premium'
       },
       {
-        key: 'tinycomments',
-        name: 'Tiny Comments*',
-        type: premiumType,
-        slug: 'comments'
+        key: 'permanentpen',
+        name: 'Permanent Pen',
+        type: 'premium'
       },
       {
-        key: 'advtable',
-        name: 'Advanced Tables*',
-        type: premiumType
+        key: 'powerpaste',
+        name: 'PowerPaste',
+        type: 'premium',
+        slug: 'introduction-to-powerpaste'
+      },
+      {
+        key: 'rtc',
+        name: 'Real-Time Collaboration',
+        type: 'premium',
+        slug: 'rtc-introduction'
+      },
+      {
+        key: 'tinymcespellchecker',
+        name: 'Spell Checker Pro',
+        type: 'premium',
+        slug: 'introduction-to-tiny-spellchecker'
       },
       {
         key: 'autocorrect',
-        name: 'Autocorrect*',
-        type: premiumType
+        name: 'Spelling Autocorrect',
+        type: 'premium'
       },
       {
-        key: 'export',
-        name: 'Export*',
-        type: premiumType
+        key: 'tableofcontents',
+        name: 'Table of Contents',
+        type: 'premium'
+      },
+      {
+        key: 'tinycomments',
+        name: 'Tiny Comments',
+        type: 'premium',
+        slug: 'introduction-to-tiny-comments'
+      },
+      {
+        key: 'tinydrive',
+        name: 'Tiny Drive',
+        type: 'premium',
+        slug: 'tinydrive-introduction'
       }
-    ], function (item) {
-      return __assign(__assign({}, item), {
-        type: item.type || openSourceType,
-        slug: item.slug || item.key
-      });
-    });
+    ], item => ({
+      ...item,
+      type: item.type || 'opensource',
+      slug: item.slug || item.key
+    }));
 
-    var tab$2 = function (editor) {
-      var availablePlugins = function () {
-        var premiumPlugins = [
-          'Accessibility Checker',
-          'Advanced Code Editor',
-          'Advanced Tables',
-          'Case Change',
-          'Checklist',
-          'Export',
-          'Tiny Comments',
-          'Tiny Drive',
-          'Enhanced Media Embed',
-          'Format Painter',
-          'Link Checker',
-          'Mentions',
-          'MoxieManager',
-          'Page Embed',
-          'Permanent Pen',
-          'PowerPaste',
-          'Spell Checker Pro'
-        ];
-        var premiumPluginList = map(premiumPlugins, function (plugin) {
-          return '<li>' + global$2.translate(plugin) + '</li>';
-        }).join('');
-        return '<div data-mce-tabstop="1" tabindex="-1">' + '<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=editor_referral&utm_medium=help_dialog&utm_source=tinymce" target="_blank">' + global$2.translate('Learn more...') + '</a></li>' + '</ul>' + '</div>';
-      };
-      var makeLink = function (p) {
-        return '<a href="' + p.url + '" target="_blank" rel="noopener">' + p.name + '</a>';
-      };
-      var maybeUrlize = function (editor, key) {
-        return find(urls, function (x) {
-          return x.key === key;
-        }).fold(function () {
-          var getMetadata = editor.plugins[key].getMetadata;
-          return typeof getMetadata === 'function' ? makeLink(getMetadata()) : key;
-        }, function (x) {
-          return makeLink({
-            name: x.name,
-            url: 'https://www.tiny.cloud/docs/plugins/' + x.type + '/' + x.slug
-          });
+    const tab$1 = editor => {
+      const availablePlugins = () => {
+        const premiumPlugins = filter(urls, ({type}) => {
+          return type === 'premium';
         });
+        const sortedPremiumPlugins = sort(map(premiumPlugins, p => p.name), (s1, s2) => s1.localeCompare(s2));
+        const premiumPluginList = map(sortedPremiumPlugins, pluginName => `<li>${ pluginName }</li>`).join('');
+        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=editor_referral&utm_medium=help_dialog&utm_source=tinymce" rel="noopener" target="_blank"' + ' data-alloy-tabstop="true" tabindex="-1">' + global$2.translate('Learn more...') + '</a></li>' + '</ul>' + '</div>';
+      };
+      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)) {
+          const metadata = getMetadata();
+          return {
+            name: metadata.name,
+            html: makeLink(metadata)
+          };
+        } else {
+          return {
+            name: key,
+            html: key
+          };
+        }
       };
-      var getPluginKeys = function (editor) {
-        var keys$1 = keys(editor.plugins);
-        var forced_plugins = getForcedPlugins(editor);
-        return forced_plugins === undefined ? keys$1 : filter(keys$1, function (k) {
-          return !contains(forced_plugins, k);
+      const getPluginData = (editor, key) => find(urls, x => {
+        return x.key === key;
+      }).fold(() => {
+        return identifyUnknownPlugin(editor, key);
+      }, x => {
+        const name = x.type === 'premium' ? `${ x.name }*` : x.name;
+        const html = makeLink({
+          name,
+          url: `https://www.tiny.cloud/docs/tinymce/6/${ x.slug }/`
         });
-      };
-      var pluginLister = function (editor) {
-        var pluginKeys = getPluginKeys(editor);
-        var pluginLis = map(pluginKeys, function (key) {
-          return '<li>' + maybeUrlize(editor, key) + '</li>';
+        return {
+          name,
+          html
+        };
+      });
+      const getPluginKeys = editor => {
+        const keys$1 = keys(editor.plugins);
+        const forcedPlugins = getForcedPlugins(editor);
+        return isUndefined(forcedPlugins) ? keys$1 : filter(keys$1, k => !contains(forcedPlugins, k));
+      };
+      const pluginLister = editor => {
+        const pluginKeys = getPluginKeys(editor);
+        const sortedPluginData = sort(map(pluginKeys, k => getPluginData(editor, k)), (pd1, pd2) => pd1.name.localeCompare(pd2.name));
+        const pluginLis = map(sortedPluginData, key => {
+          return '<li>' + key.html + '</li>';
         });
-        var count = pluginLis.length;
-        var pluginsString = pluginLis.join('');
-        var html = '<p><b>' + global$2.translate([
+        const count = pluginLis.length;
+        const pluginsString = pluginLis.join('');
+        const html = '<p><b>' + global$2.translate([
           'Plugins installed ({0}):',
           count
         ]) + '</b></p>' + '<ul>' + pluginsString + '</ul>';
         return html;
       };
-      var installedPlugins = function (editor) {
+      const installedPlugins = editor => {
         if (editor == null) {
           return '';
         }
-        return '<div data-mce-tabstop="1" tabindex="-1">' + pluginLister(editor) + '</div>';
+        return '<div>' + pluginLister(editor) + '</div>';
       };
-      var htmlPanel = {
+      const htmlPanel = {
         type: 'htmlpanel',
         presets: 'document',
         html: [
@@ -764,15 +789,13 @@
       };
     };
 
-    var global$3 = tinymce.util.Tools.resolve('tinymce.EditorManager');
+    var global = tinymce.util.Tools.resolve('tinymce.EditorManager');
 
-    var tab$3 = function () {
-      var getVersion = function (major, minor) {
-        return major.indexOf('@') === 0 ? 'X.X.X' : major + '.' + minor;
-      };
-      var version = getVersion(global$3.majorVersion, global$3.minorVersion);
-      var changeLogLink = '<a href="https://www.tiny.cloud/docs/changelog/?utm_campaign=editor_referral&utm_medium=help_dialog&utm_source=tinymce" target="_blank">TinyMCE ' + version + '</a>';
-      var htmlPanel = {
+    const tab = () => {
+      const getVersion = (major, minor) => major.indexOf('@') === 0 ? 'X.X.X' : major + '.' + minor;
+      const version = getVersion(global.majorVersion, global.minorVersion);
+      const changeLogLink = '<a data-alloy-tabstop="true" tabindex="-1" 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 htmlPanel = {
         type: 'htmlpanel',
         html: '<p>' + global$2.translate([
           'You are using {0}',
@@ -787,64 +810,64 @@
       };
     };
 
-    var parseHelpTabsSetting = function (tabsFromSettings, tabs) {
-      var newTabs = {};
-      var names = map(tabsFromSettings, function (t) {
-        if (typeof t === 'string') {
+    const parseHelpTabsSetting = (tabsFromSettings, tabs) => {
+      const newTabs = {};
+      const names = map(tabsFromSettings, t => {
+        var _a;
+        if (isString(t)) {
           if (has(tabs, t)) {
             newTabs[t] = tabs[t];
           }
           return t;
         } else {
-          newTabs[t.name] = t;
-          return t.name;
+          const name = (_a = t.name) !== null && _a !== void 0 ? _a : generate('tab-name');
+          newTabs[name] = t;
+          return name;
         }
       });
       return {
         tabs: newTabs,
-        names: names
+        names
       };
     };
-    var getNamesFromTabs = function (tabs) {
-      var names = keys(tabs);
-      var idx = names.indexOf('versions');
+    const getNamesFromTabs = tabs => {
+      const names = keys(tabs);
+      const idx = names.indexOf('versions');
       if (idx !== -1) {
         names.splice(idx, 1);
         names.push('versions');
       }
       return {
-        tabs: tabs,
-        names: names
+        tabs,
+        names
       };
     };
-    var parseCustomTabs = function (editor, customTabs) {
-      var _a;
-      var shortcuts = tab$1();
-      var nav = tab();
-      var plugins = tab$2(editor);
-      var versions = tab$3();
-      var tabs = __assign((_a = {}, _a[shortcuts.name] = shortcuts, _a[nav.name] = nav, _a[plugins.name] = plugins, _a[versions.name] = versions, _a), customTabs.get());
-      return getHelpTabs(editor).fold(function () {
-        return getNamesFromTabs(tabs);
-      }, function (tabsFromSettings) {
-        return parseHelpTabsSetting(tabsFromSettings, tabs);
-      });
+    const pParseCustomTabs = async (editor, customTabs, pluginUrl) => {
+      const shortcuts = tab$2();
+      const nav = await pTab(pluginUrl);
+      const plugins = tab$1(editor);
+      const versions = tab();
+      const tabs = {
+        [shortcuts.name]: shortcuts,
+        [nav.name]: nav,
+        [plugins.name]: plugins,
+        [versions.name]: versions,
+        ...customTabs.get()
+      };
+      return Optional.from(getHelpTabs(editor)).fold(() => getNamesFromTabs(tabs), tabsFromSettings => parseHelpTabsSetting(tabsFromSettings, tabs));
     };
-    var init = function (editor, customTabs) {
-      return function () {
-        var _a = parseCustomTabs(editor, customTabs), tabs = _a.tabs, names = _a.names;
-        var foundTabs = map(names, function (name) {
-          return get$1(tabs, name);
-        });
-        var dialogTabs = cat(foundTabs);
-        var body = {
+    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: body,
+          body,
           buttons: [{
               type: 'cancel',
               name: 'close',
@@ -853,21 +876,23 @@
             }],
           initialData: {}
         });
-      };
+      });
     };
 
-    function Plugin () {
-      global.add('help', function (editor) {
-        var customTabs = Cell({});
-        var api = get(customTabs);
-        var dialogOpener = init(editor, customTabs);
-        register$1(editor, dialogOpener);
+    var Plugin = () => {
+      global$4.add('help', (editor, pluginUrl) => {
+        const customTabs = Cell({});
+        const api = get$1(customTabs);
+        register$1(editor);
+        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;
       });
-    }
+    };
 
     Plugin();
 
-}());
+})();