plugin.js 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488
  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.0.7 (2019-06-05)
  8. */
  9. (function () {
  10. var directionality = (function (domGlobals) {
  11. 'use strict';
  12. var global = tinymce.util.Tools.resolve('tinymce.PluginManager');
  13. var global$1 = tinymce.util.Tools.resolve('tinymce.util.Tools');
  14. var setDir = function (editor, dir) {
  15. var dom = editor.dom;
  16. var curDir;
  17. var blocks = editor.selection.getSelectedBlocks();
  18. if (blocks.length) {
  19. curDir = dom.getAttrib(blocks[0], 'dir');
  20. global$1.each(blocks, function (block) {
  21. if (!dom.getParent(block.parentNode, '*[dir="' + dir + '"]', dom.getRoot())) {
  22. dom.setAttrib(block, 'dir', curDir !== dir ? dir : null);
  23. }
  24. });
  25. editor.nodeChanged();
  26. }
  27. };
  28. var Direction = { setDir: setDir };
  29. var register = function (editor) {
  30. editor.addCommand('mceDirectionLTR', function () {
  31. Direction.setDir(editor, 'ltr');
  32. });
  33. editor.addCommand('mceDirectionRTL', function () {
  34. Direction.setDir(editor, 'rtl');
  35. });
  36. };
  37. var Commands = { register: register };
  38. var constant = function (value) {
  39. return function () {
  40. return value;
  41. };
  42. };
  43. var never = constant(false);
  44. var always = constant(true);
  45. var never$1 = never;
  46. var always$1 = always;
  47. var none = function () {
  48. return NONE;
  49. };
  50. var NONE = function () {
  51. var eq = function (o) {
  52. return o.isNone();
  53. };
  54. var call = function (thunk) {
  55. return thunk();
  56. };
  57. var id = function (n) {
  58. return n;
  59. };
  60. var noop = function () {
  61. };
  62. var nul = function () {
  63. return null;
  64. };
  65. var undef = function () {
  66. return undefined;
  67. };
  68. var me = {
  69. fold: function (n, s) {
  70. return n();
  71. },
  72. is: never$1,
  73. isSome: never$1,
  74. isNone: always$1,
  75. getOr: id,
  76. getOrThunk: call,
  77. getOrDie: function (msg) {
  78. throw new Error(msg || 'error: getOrDie called on none.');
  79. },
  80. getOrNull: nul,
  81. getOrUndefined: undef,
  82. or: id,
  83. orThunk: call,
  84. map: none,
  85. ap: none,
  86. each: noop,
  87. bind: none,
  88. flatten: none,
  89. exists: never$1,
  90. forall: always$1,
  91. filter: none,
  92. equals: eq,
  93. equals_: eq,
  94. toArray: function () {
  95. return [];
  96. },
  97. toString: constant('none()')
  98. };
  99. if (Object.freeze)
  100. Object.freeze(me);
  101. return me;
  102. }();
  103. var some = function (a) {
  104. var constant_a = function () {
  105. return a;
  106. };
  107. var self = function () {
  108. return me;
  109. };
  110. var map = function (f) {
  111. return some(f(a));
  112. };
  113. var bind = function (f) {
  114. return f(a);
  115. };
  116. var me = {
  117. fold: function (n, s) {
  118. return s(a);
  119. },
  120. is: function (v) {
  121. return a === v;
  122. },
  123. isSome: always$1,
  124. isNone: never$1,
  125. getOr: constant_a,
  126. getOrThunk: constant_a,
  127. getOrDie: constant_a,
  128. getOrNull: constant_a,
  129. getOrUndefined: constant_a,
  130. or: self,
  131. orThunk: self,
  132. map: map,
  133. ap: function (optfab) {
  134. return optfab.fold(none, function (fab) {
  135. return some(fab(a));
  136. });
  137. },
  138. each: function (f) {
  139. f(a);
  140. },
  141. bind: bind,
  142. flatten: constant_a,
  143. exists: bind,
  144. forall: bind,
  145. filter: function (f) {
  146. return f(a) ? me : NONE;
  147. },
  148. equals: function (o) {
  149. return o.is(a);
  150. },
  151. equals_: function (o, elementEq) {
  152. return o.fold(never$1, function (b) {
  153. return elementEq(a, b);
  154. });
  155. },
  156. toArray: function () {
  157. return [a];
  158. },
  159. toString: function () {
  160. return 'some(' + a + ')';
  161. }
  162. };
  163. return me;
  164. };
  165. var from = function (value) {
  166. return value === null || value === undefined ? NONE : some(value);
  167. };
  168. var Option = {
  169. some: some,
  170. none: none,
  171. from: from
  172. };
  173. var fromHtml = function (html, scope) {
  174. var doc = scope || domGlobals.document;
  175. var div = doc.createElement('div');
  176. div.innerHTML = html;
  177. if (!div.hasChildNodes() || div.childNodes.length > 1) {
  178. domGlobals.console.error('HTML does not have a single root node', html);
  179. throw new Error('HTML must have a single root node');
  180. }
  181. return fromDom(div.childNodes[0]);
  182. };
  183. var fromTag = function (tag, scope) {
  184. var doc = scope || domGlobals.document;
  185. var node = doc.createElement(tag);
  186. return fromDom(node);
  187. };
  188. var fromText = function (text, scope) {
  189. var doc = scope || domGlobals.document;
  190. var node = doc.createTextNode(text);
  191. return fromDom(node);
  192. };
  193. var fromDom = function (node) {
  194. if (node === null || node === undefined) {
  195. throw new Error('Node cannot be null or undefined');
  196. }
  197. return { dom: constant(node) };
  198. };
  199. var fromPoint = function (docElm, x, y) {
  200. var doc = docElm.dom();
  201. return Option.from(doc.elementFromPoint(x, y)).map(fromDom);
  202. };
  203. var Element = {
  204. fromHtml: fromHtml,
  205. fromTag: fromTag,
  206. fromText: fromText,
  207. fromDom: fromDom,
  208. fromPoint: fromPoint
  209. };
  210. var typeOf = function (x) {
  211. if (x === null)
  212. return 'null';
  213. var t = typeof x;
  214. if (t === 'object' && Array.prototype.isPrototypeOf(x))
  215. return 'array';
  216. if (t === 'object' && String.prototype.isPrototypeOf(x))
  217. return 'string';
  218. return t;
  219. };
  220. var isType = function (type) {
  221. return function (value) {
  222. return typeOf(value) === type;
  223. };
  224. };
  225. var isString = isType('string');
  226. var isBoolean = isType('boolean');
  227. var isFunction = isType('function');
  228. var isNumber = isType('number');
  229. var slice = Array.prototype.slice;
  230. var each = function (xs, f) {
  231. for (var i = 0, len = xs.length; i < len; i++) {
  232. var x = xs[i];
  233. f(x, i, xs);
  234. }
  235. };
  236. var from$1 = isFunction(Array.from) ? Array.from : function (x) {
  237. return slice.call(x);
  238. };
  239. var keys = Object.keys;
  240. var each$1 = function (obj, f) {
  241. var props = keys(obj);
  242. for (var k = 0, len = props.length; k < len; k++) {
  243. var i = props[k];
  244. var x = obj[i];
  245. f(x, i, obj);
  246. }
  247. };
  248. var trim = function (str) {
  249. return str.replace(/^\s+|\s+$/g, '');
  250. };
  251. var isSupported = function (dom) {
  252. return dom.style !== undefined;
  253. };
  254. var ATTRIBUTE = domGlobals.Node.ATTRIBUTE_NODE;
  255. var CDATA_SECTION = domGlobals.Node.CDATA_SECTION_NODE;
  256. var COMMENT = domGlobals.Node.COMMENT_NODE;
  257. var DOCUMENT = domGlobals.Node.DOCUMENT_NODE;
  258. var DOCUMENT_TYPE = domGlobals.Node.DOCUMENT_TYPE_NODE;
  259. var DOCUMENT_FRAGMENT = domGlobals.Node.DOCUMENT_FRAGMENT_NODE;
  260. var ELEMENT = domGlobals.Node.ELEMENT_NODE;
  261. var TEXT = domGlobals.Node.TEXT_NODE;
  262. var PROCESSING_INSTRUCTION = domGlobals.Node.PROCESSING_INSTRUCTION_NODE;
  263. var ENTITY_REFERENCE = domGlobals.Node.ENTITY_REFERENCE_NODE;
  264. var ENTITY = domGlobals.Node.ENTITY_NODE;
  265. var NOTATION = domGlobals.Node.NOTATION_NODE;
  266. var type = function (element) {
  267. return element.dom().nodeType;
  268. };
  269. var isType$1 = function (t) {
  270. return function (element) {
  271. return type(element) === t;
  272. };
  273. };
  274. var isElement = isType$1(ELEMENT);
  275. var isText = isType$1(TEXT);
  276. var inBody = function (element) {
  277. var dom = isText(element) ? element.dom().parentNode : element.dom();
  278. return dom !== undefined && dom !== null && dom.ownerDocument.body.contains(dom);
  279. };
  280. var rawSet = function (dom, key, value) {
  281. if (isString(value) || isBoolean(value) || isNumber(value)) {
  282. dom.setAttribute(key, value + '');
  283. } else {
  284. domGlobals.console.error('Invalid call to Attr.set. Key ', key, ':: Value ', value, ':: Element ', dom);
  285. throw new Error('Attribute value was not simple');
  286. }
  287. };
  288. var set = function (element, key, value) {
  289. rawSet(element.dom(), key, value);
  290. };
  291. var get = function (element, key) {
  292. var v = element.dom().getAttribute(key);
  293. return v === null ? undefined : v;
  294. };
  295. var has = function (element, key) {
  296. var dom = element.dom();
  297. return dom && dom.hasAttribute ? dom.hasAttribute(key) : false;
  298. };
  299. var remove = function (element, key) {
  300. element.dom().removeAttribute(key);
  301. };
  302. var internalSet = function (dom, property, value) {
  303. if (!isString(value)) {
  304. domGlobals.console.error('Invalid call to CSS.set. Property ', property, ':: Value ', value, ':: Element ', dom);
  305. throw new Error('CSS value must be a string: ' + value);
  306. }
  307. if (isSupported(dom)) {
  308. dom.style.setProperty(property, value);
  309. }
  310. };
  311. var internalRemove = function (dom, property) {
  312. if (isSupported(dom)) {
  313. dom.style.removeProperty(property);
  314. }
  315. };
  316. var set$1 = function (element, property, value) {
  317. var dom = element.dom();
  318. internalSet(dom, property, value);
  319. };
  320. var setAll = function (element, css) {
  321. var dom = element.dom();
  322. each$1(css, function (v, k) {
  323. internalSet(dom, k, v);
  324. });
  325. };
  326. var setOptions = function (element, css) {
  327. var dom = element.dom();
  328. each$1(css, function (v, k) {
  329. v.fold(function () {
  330. internalRemove(dom, k);
  331. }, function (value) {
  332. internalSet(dom, k, value);
  333. });
  334. });
  335. };
  336. var get$1 = function (element, property) {
  337. var dom = element.dom();
  338. var styles = domGlobals.window.getComputedStyle(dom);
  339. var r = styles.getPropertyValue(property);
  340. var v = r === '' && !inBody(element) ? getUnsafeProperty(dom, property) : r;
  341. return v === null ? undefined : v;
  342. };
  343. var getUnsafeProperty = function (dom, property) {
  344. return isSupported(dom) ? dom.style.getPropertyValue(property) : '';
  345. };
  346. var getRaw = function (element, property) {
  347. var dom = element.dom();
  348. var raw = getUnsafeProperty(dom, property);
  349. return Option.from(raw).filter(function (r) {
  350. return r.length > 0;
  351. });
  352. };
  353. var getAllRaw = function (element) {
  354. var css = {};
  355. var dom = element.dom();
  356. if (isSupported(dom)) {
  357. for (var i = 0; i < dom.style.length; i++) {
  358. var ruleName = dom.style.item(i);
  359. css[ruleName] = dom.style[ruleName];
  360. }
  361. }
  362. return css;
  363. };
  364. var isValidValue = function (tag, property, value) {
  365. var element = Element.fromTag(tag);
  366. set$1(element, property, value);
  367. var style = getRaw(element, property);
  368. return style.isSome();
  369. };
  370. var remove$1 = function (element, property) {
  371. var dom = element.dom();
  372. internalRemove(dom, property);
  373. if (has(element, 'style') && trim(get(element, 'style')) === '') {
  374. remove(element, 'style');
  375. }
  376. };
  377. var preserve = function (element, f) {
  378. var oldStyles = get(element, 'style');
  379. var result = f(element);
  380. var restore = oldStyles === undefined ? remove : set;
  381. restore(element, 'style', oldStyles);
  382. return result;
  383. };
  384. var copy = function (source, target) {
  385. var sourceDom = source.dom();
  386. var targetDom = target.dom();
  387. if (isSupported(sourceDom) && isSupported(targetDom)) {
  388. targetDom.style.cssText = sourceDom.style.cssText;
  389. }
  390. };
  391. var reflow = function (e) {
  392. return e.dom().offsetWidth;
  393. };
  394. var transferOne = function (source, destination, style) {
  395. getRaw(source, style).each(function (value) {
  396. if (getRaw(destination, style).isNone()) {
  397. set$1(destination, style, value);
  398. }
  399. });
  400. };
  401. var transfer = function (source, destination, styles) {
  402. if (!isElement(source) || !isElement(destination)) {
  403. return;
  404. }
  405. each(styles, function (style) {
  406. transferOne(source, destination, style);
  407. });
  408. };
  409. var Css = /*#__PURE__*/Object.freeze({
  410. copy: copy,
  411. set: set$1,
  412. preserve: preserve,
  413. setAll: setAll,
  414. setOptions: setOptions,
  415. remove: remove$1,
  416. get: get$1,
  417. getRaw: getRaw,
  418. getAllRaw: getAllRaw,
  419. isValidValue: isValidValue,
  420. reflow: reflow,
  421. transfer: transfer
  422. });
  423. var getDirection = function (element) {
  424. return get$1(element, 'direction') === 'rtl' ? 'rtl' : 'ltr';
  425. };
  426. var getNodeChangeHandler = function (editor, dir) {
  427. return function (api) {
  428. var nodeChangeHandler = function (e) {
  429. var element = Element.fromDom(e.element);
  430. api.setActive(getDirection(element) === dir);
  431. };
  432. editor.on('NodeChange', nodeChangeHandler);
  433. return function () {
  434. return editor.off('NodeChange', nodeChangeHandler);
  435. };
  436. };
  437. };
  438. var register$1 = function (editor) {
  439. editor.ui.registry.addToggleButton('ltr', {
  440. tooltip: 'Left to right',
  441. icon: 'ltr',
  442. onAction: function () {
  443. return editor.execCommand('mceDirectionLTR');
  444. },
  445. onSetup: getNodeChangeHandler(editor, 'ltr')
  446. });
  447. editor.ui.registry.addToggleButton('rtl', {
  448. tooltip: 'Right to left',
  449. icon: 'rtl',
  450. onAction: function () {
  451. return editor.execCommand('mceDirectionRTL');
  452. },
  453. onSetup: getNodeChangeHandler(editor, 'rtl')
  454. });
  455. };
  456. var Buttons = { register: register$1 };
  457. global.add('directionality', function (editor) {
  458. Commands.register(editor);
  459. Buttons.register(editor);
  460. });
  461. function Plugin () {
  462. }
  463. return Plugin;
  464. }(window));
  465. })();