plugin.js 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  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.7.0 (2021-02-10)
  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 isNullable = function (a) {
  160. return a === null || a === undefined;
  161. };
  162. var isNonNullable = function (a) {
  163. return !isNullable(a);
  164. };
  165. var isFunction = isSimpleType('function');
  166. var isSupported = function (dom) {
  167. return dom.style !== undefined && isFunction(dom.style.getPropertyValue);
  168. };
  169. var fromHtml = function (html, scope) {
  170. var doc = scope || document;
  171. var div = doc.createElement('div');
  172. div.innerHTML = html;
  173. if (!div.hasChildNodes() || div.childNodes.length > 1) {
  174. console.error('HTML does not have a single root node', html);
  175. throw new Error('HTML must have a single root node');
  176. }
  177. return fromDom(div.childNodes[0]);
  178. };
  179. var fromTag = function (tag, scope) {
  180. var doc = scope || document;
  181. var node = doc.createElement(tag);
  182. return fromDom(node);
  183. };
  184. var fromText = function (text, scope) {
  185. var doc = scope || document;
  186. var node = doc.createTextNode(text);
  187. return fromDom(node);
  188. };
  189. var fromDom = function (node) {
  190. if (node === null || node === undefined) {
  191. throw new Error('Node cannot be null or undefined');
  192. }
  193. return { dom: node };
  194. };
  195. var fromPoint = function (docElm, x, y) {
  196. return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
  197. };
  198. var SugarElement = {
  199. fromHtml: fromHtml,
  200. fromTag: fromTag,
  201. fromText: fromText,
  202. fromDom: fromDom,
  203. fromPoint: fromPoint
  204. };
  205. var Global = typeof window !== 'undefined' ? window : Function('return this;')();
  206. var DOCUMENT = 9;
  207. var DOCUMENT_FRAGMENT = 11;
  208. var TEXT = 3;
  209. var type = function (element) {
  210. return element.dom.nodeType;
  211. };
  212. var isType = function (t) {
  213. return function (element) {
  214. return type(element) === t;
  215. };
  216. };
  217. var isText = isType(TEXT);
  218. var isDocument = isType(DOCUMENT);
  219. var isDocumentFragment = isType(DOCUMENT_FRAGMENT);
  220. var owner = function (element) {
  221. return SugarElement.fromDom(element.dom.ownerDocument);
  222. };
  223. var documentOrOwner = function (dos) {
  224. return isDocument(dos) ? dos : owner(dos);
  225. };
  226. var isShadowRoot = function (dos) {
  227. return isDocumentFragment(dos) && isNonNullable(dos.dom.host);
  228. };
  229. var supported = isFunction(Element.prototype.attachShadow) && isFunction(Node.prototype.getRootNode);
  230. var getRootNode = supported ? function (e) {
  231. return SugarElement.fromDom(e.dom.getRootNode());
  232. } : documentOrOwner;
  233. var getShadowRoot = function (e) {
  234. var r = getRootNode(e);
  235. return isShadowRoot(r) ? Optional.some(r) : Optional.none();
  236. };
  237. var getShadowHost = function (e) {
  238. return SugarElement.fromDom(e.dom.host);
  239. };
  240. var inBody = function (element) {
  241. var dom = isText(element) ? element.dom.parentNode : element.dom;
  242. if (dom === undefined || dom === null || dom.ownerDocument === null) {
  243. return false;
  244. }
  245. var doc = dom.ownerDocument;
  246. return getShadowRoot(SugarElement.fromDom(dom)).fold(function () {
  247. return doc.body.contains(dom);
  248. }, compose1(inBody, getShadowHost));
  249. };
  250. var get = function (element, property) {
  251. var dom = element.dom;
  252. var styles = window.getComputedStyle(dom);
  253. var r = styles.getPropertyValue(property);
  254. return r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
  255. };
  256. var getUnsafeProperty = function (dom, property) {
  257. return isSupported(dom) ? dom.style.getPropertyValue(property) : '';
  258. };
  259. var getDirection = function (element) {
  260. return get(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
  261. };
  262. var getNodeChangeHandler = function (editor, dir) {
  263. return function (api) {
  264. var nodeChangeHandler = function (e) {
  265. var element = SugarElement.fromDom(e.element);
  266. api.setActive(getDirection(element) === dir);
  267. };
  268. editor.on('NodeChange', nodeChangeHandler);
  269. return function () {
  270. return editor.off('NodeChange', nodeChangeHandler);
  271. };
  272. };
  273. };
  274. var register$1 = function (editor) {
  275. editor.ui.registry.addToggleButton('ltr', {
  276. tooltip: 'Left to right',
  277. icon: 'ltr',
  278. onAction: function () {
  279. return editor.execCommand('mceDirectionLTR');
  280. },
  281. onSetup: getNodeChangeHandler(editor, 'ltr')
  282. });
  283. editor.ui.registry.addToggleButton('rtl', {
  284. tooltip: 'Right to left',
  285. icon: 'rtl',
  286. onAction: function () {
  287. return editor.execCommand('mceDirectionRTL');
  288. },
  289. onSetup: getNodeChangeHandler(editor, 'rtl')
  290. });
  291. };
  292. function Plugin () {
  293. global.add('directionality', function (editor) {
  294. register(editor);
  295. register$1(editor);
  296. });
  297. }
  298. Plugin();
  299. }());