plugin.js 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. *
  7. * Version: 5.5.1 (2020-10-01)
  8. */
  9. (function () {
  10. 'use strict';
  11. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  12. var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  13. var setDir = function (editor, dir) {
  14. var dom = editor.dom;
  15. var curDir;
  16. var blocks = editor.selection.getSelectedBlocks();
  17. if (blocks.length) {
  18. curDir = dom.getAttrib(blocks[0], 'dir');
  19. global$1.each(blocks, function (block) {
  20. if (!dom.getParent(block.parentNode, '*[dir="' + dir + '"]', dom.getRoot())) {
  21. dom.setAttrib(block, 'dir', curDir !== dir ? dir : null);
  22. }
  23. });
  24. editor.nodeChanged();
  25. }
  26. };
  27. var register = function (editor) {
  28. editor.addCommand('mceDirectionLTR', function () {
  29. setDir(editor, 'ltr');
  30. });
  31. editor.addCommand('mceDirectionRTL', function () {
  32. setDir(editor, 'rtl');
  33. });
  34. };
  35. var noop = function () {
  36. };
  37. var compose1 = function (fbc, fab) {
  38. return function (a) {
  39. return fbc(fab(a));
  40. };
  41. };
  42. var constant = function (value) {
  43. return function () {
  44. return value;
  45. };
  46. };
  47. var never = constant(false);
  48. var always = constant(true);
  49. var none = function () {
  50. return NONE;
  51. };
  52. var NONE = function () {
  53. var eq = function (o) {
  54. return o.isNone();
  55. };
  56. var call = function (thunk) {
  57. return thunk();
  58. };
  59. var id = function (n) {
  60. return n;
  61. };
  62. var me = {
  63. fold: function (n, _s) {
  64. return n();
  65. },
  66. is: never,
  67. isSome: never,
  68. isNone: always,
  69. getOr: id,
  70. getOrThunk: call,
  71. getOrDie: function (msg) {
  72. throw new Error(msg || 'error: getOrDie called on none.');
  73. },
  74. getOrNull: constant(null),
  75. getOrUndefined: constant(undefined),
  76. or: id,
  77. orThunk: call,
  78. map: none,
  79. each: noop,
  80. bind: none,
  81. exists: never,
  82. forall: always,
  83. filter: none,
  84. equals: eq,
  85. equals_: eq,
  86. toArray: function () {
  87. return [];
  88. },
  89. toString: constant('none()')
  90. };
  91. return me;
  92. }();
  93. var some = function (a) {
  94. var constant_a = constant(a);
  95. var self = function () {
  96. return me;
  97. };
  98. var bind = function (f) {
  99. return f(a);
  100. };
  101. var me = {
  102. fold: function (n, s) {
  103. return s(a);
  104. },
  105. is: function (v) {
  106. return a === v;
  107. },
  108. isSome: always,
  109. isNone: never,
  110. getOr: constant_a,
  111. getOrThunk: constant_a,
  112. getOrDie: constant_a,
  113. getOrNull: constant_a,
  114. getOrUndefined: constant_a,
  115. or: self,
  116. orThunk: self,
  117. map: function (f) {
  118. return some(f(a));
  119. },
  120. each: function (f) {
  121. f(a);
  122. },
  123. bind: bind,
  124. exists: bind,
  125. forall: bind,
  126. filter: function (f) {
  127. return f(a) ? me : NONE;
  128. },
  129. toArray: function () {
  130. return [a];
  131. },
  132. toString: function () {
  133. return 'some(' + a + ')';
  134. },
  135. equals: function (o) {
  136. return o.is(a);
  137. },
  138. equals_: function (o, elementEq) {
  139. return o.fold(never, function (b) {
  140. return elementEq(a, b);
  141. });
  142. }
  143. };
  144. return me;
  145. };
  146. var from = function (value) {
  147. return value === null || value === undefined ? NONE : some(value);
  148. };
  149. var Optional = {
  150. some: some,
  151. none: none,
  152. from: from
  153. };
  154. var isSimpleType = function (type) {
  155. return function (value) {
  156. return typeof value === type;
  157. };
  158. };
  159. var isFunction = isSimpleType('function');
  160. var isSupported = function (dom) {
  161. return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
  162. };
  163. var fromHtml = function (html, scope) {
  164. var doc = scope || document;
  165. var div = doc.createElement('div');
  166. div.innerHTML = html;
  167. if (!div.hasChildNodes() || div.childNodes.length > 1) {
  168. console.error('HTML does not have a single root node', html);
  169. throw new Error('HTML must have a single root node');
  170. }
  171. return fromDom(div.childNodes[0]);
  172. };
  173. var fromTag = function (tag, scope) {
  174. var doc = scope || document;
  175. var node = doc.createElement(tag);
  176. return fromDom(node);
  177. };
  178. var fromText = function (text, scope) {
  179. var doc = scope || document;
  180. var node = doc.createTextNode(text);
  181. return fromDom(node);
  182. };
  183. var fromDom = function (node) {
  184. if (node === null || node === undefined) {
  185. throw new Error('Node cannot be null or undefined');
  186. }
  187. return { dom: node };
  188. };
  189. var fromPoint = function (docElm, x, y) {
  190. return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
  191. };
  192. var SugarElement = {
  193. fromHtml: fromHtml,
  194. fromTag: fromTag,
  195. fromText: fromText,
  196. fromDom: fromDom,
  197. fromPoint: fromPoint
  198. };
  199. var Global = typeof window !== 'undefined' ? window : Function('return this;')();
  200. var DOCUMENT = 9;
  201. var DOCUMENT_FRAGMENT = 11;
  202. var TEXT = 3;
  203. var type = function (element) {
  204. return element.dom.nodeType;
  205. };
  206. var isType = function (t) {
  207. return function (element) {
  208. return type(element) === t;
  209. };
  210. };
  211. var isText = isType(TEXT);
  212. var isDocument = isType(DOCUMENT);
  213. var isDocumentFragment = isType(DOCUMENT_FRAGMENT);
  214. var owner = function (element) {
  215. return SugarElement.fromDom(element.dom.ownerDocument);
  216. };
  217. var documentOrOwner = function (dos) {
  218. return isDocument(dos) ? dos : owner(dos);
  219. };
  220. var isShadowRoot = function (dos) {
  221. return isDocumentFragment(dos);
  222. };
  223. var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
  224. var getRootNode = supported ? function (e) {
  225. return SugarElement.fromDom(e.dom.getRootNode());
  226. } : documentOrOwner;
  227. var getShadowRoot = function (e) {
  228. var r = getRootNode(e);
  229. return isShadowRoot(r) ? Optional.some(r) : Optional.none();
  230. };
  231. var getShadowHost = function (e) {
  232. return SugarElement.fromDom(e.dom.host);
  233. };
  234. var inBody = function (element) {
  235. var dom = isText(element) ? element.dom.parentNode : element.dom;
  236. if (dom === undefined || dom === null || dom.ownerDocument === null) {
  237. return false;
  238. }
  239. var doc = dom.ownerDocument;
  240. return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
  241. return doc.body.contains(dom);
  242. }, compose1(inBody, getShadowHost));
  243. };
  244. var get = function (element, property) {
  245. var dom = element.dom;
  246. var styles = window.getComputedStyle(dom);
  247. var r = styles.getPropertyValue(property);
  248. return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
  249. };
  250. var getUnsafeProperty = function (dom, property) {
  251. return isSupported(dom) ? dom.style.getPropertyValue(property) : '';
  252. };
  253. var getDirection = function (element) {
  254. return get(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
  255. };
  256. var getNodeChangeHandler = function (editor, dir) {
  257. return function (api) {
  258. var nodeChangeHandler = function (e) {
  259. var element = SugarElement.fromDom(e.element);
  260. api.setActive(getDirection(element) === dir);
  261. };
  262. editor.on('NodeChange', nodeChangeHandler);
  263. return function () {
  264. return editor.off('NodeChange', nodeChangeHandler);
  265. };
  266. };
  267. };
  268. var register$1 = function (editor) {
  269. editor.ui.registry.addToggleButton('ltr', {
  270. tooltip: 'Left to right',
  271. icon: 'ltr',
  272. onAction: function () {
  273. return editor.execCommand('mceDirectionLTR');
  274. },
  275. onSetup: getNodeChangeHandler(editor, 'ltr')
  276. });
  277. editor.ui.registry.addToggleButton('rtl', {
  278. tooltip: 'Right to left',
  279. icon: 'rtl',
  280. onAction: function () {
  281. return editor.execCommand('mceDirectionRTL');
  282. },
  283. onSetup: getNodeChangeHandler(editor, 'rtl')
  284. });
  285. };
  286. function Plugin () {
  287. global.add('directionality', function (editor) {
  288. register(editor);
  289. register$1(editor);
  290. });
  291. }
  292. Plugin();
  293. }());