| [ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 (function () { 2 var inlite = (function (domGlobals) { 3 'use strict'; 4 5 var global = tinymce.util.Tools.resolve('tinymce.ThemeManager'); 6 7 var global$1 = tinymce.util.Tools.resolve('tinymce.Env'); 8 9 var global$2 = tinymce.util.Tools.resolve('tinymce.dom.DOMUtils'); 10 11 var global$3 = tinymce.util.Tools.resolve('tinymce.util.Delay'); 12 13 var flatten = function (arr) { 14 return arr.reduce(function (results, item) { 15 return Array.isArray(item) ? results.concat(flatten(item)) : results.concat(item); 16 }, []); 17 }; 18 var DeepFlatten = { flatten: flatten }; 19 20 var result = function (id, rect) { 21 return { 22 id: id, 23 rect: rect 24 }; 25 }; 26 var match = function (editor, matchers) { 27 for (var i = 0; i < matchers.length; i++) { 28 var f = matchers[i]; 29 var result_1 = f(editor); 30 if (result_1) { 31 return result_1; 32 } 33 } 34 return null; 35 }; 36 var Matcher = { 37 match: match, 38 result: result 39 }; 40 41 var fromClientRect = function (clientRect) { 42 return { 43 x: clientRect.left, 44 y: clientRect.top, 45 w: clientRect.width, 46 h: clientRect.height 47 }; 48 }; 49 var toClientRect = function (geomRect) { 50 return { 51 left: geomRect.x, 52 top: geomRect.y, 53 width: geomRect.w, 54 height: geomRect.h, 55 right: geomRect.x + geomRect.w, 56 bottom: geomRect.y + geomRect.h 57 }; 58 }; 59 var Convert = { 60 fromClientRect: fromClientRect, 61 toClientRect: toClientRect 62 }; 63 64 var toAbsolute = function (rect) { 65 var vp = global$2.DOM.getViewPort(); 66 return { 67 x: rect.x + vp.x, 68 y: rect.y + vp.y, 69 w: rect.w, 70 h: rect.h 71 }; 72 }; 73 var measureElement = function (elm) { 74 var clientRect = elm.getBoundingClientRect(); 75 return toAbsolute({ 76 x: clientRect.left, 77 y: clientRect.top, 78 w: Math.max(elm.clientWidth, elm.offsetWidth), 79 h: Math.max(elm.clientHeight, elm.offsetHeight) 80 }); 81 }; 82 var getElementRect = function (editor, elm) { 83 return measureElement(elm); 84 }; 85 var getPageAreaRect = function (editor) { 86 return measureElement(editor.getElement().ownerDocument.body); 87 }; 88 var getContentAreaRect = function (editor) { 89 return measureElement(editor.getContentAreaContainer() || editor.getBody()); 90 }; 91 var getSelectionRect = function (editor) { 92 var clientRect = editor.selection.getBoundingClientRect(); 93 return clientRect ? toAbsolute(Convert.fromClientRect(clientRect)) : null; 94 }; 95 var Measure = { 96 getElementRect: getElementRect, 97 getPageAreaRect: getPageAreaRect, 98 getContentAreaRect: getContentAreaRect, 99 getSelectionRect: getSelectionRect 100 }; 101 102 var element = function (element, predicateIds) { 103 return function (editor) { 104 for (var i = 0; i < predicateIds.length; i++) { 105 if (predicateIds[i].predicate(element)) { 106 var result = Matcher.result(predicateIds[i].id, Measure.getElementRect(editor, element)); 107 return result; 108 } 109 } 110 return null; 111 }; 112 }; 113 var parent = function (elements, predicateIds) { 114 return function (editor) { 115 for (var i = 0; i < elements.length; i++) { 116 for (var x = 0; x < predicateIds.length; x++) { 117 if (predicateIds[x].predicate(elements[i])) { 118 return Matcher.result(predicateIds[x].id, Measure.getElementRect(editor, elements[i])); 119 } 120 } 121 } 122 return null; 123 }; 124 }; 125 var ElementMatcher = { 126 element: element, 127 parent: parent 128 }; 129 130 var global$4 = tinymce.util.Tools.resolve('tinymce.util.Tools'); 131 132 var create = function (id, predicate) { 133 return { 134 id: id, 135 predicate: predicate 136 }; 137 }; 138 var fromContextToolbars = function (toolbars) { 139 return global$4.map(toolbars, function (toolbar) { 140 return create(toolbar.id, toolbar.predicate); 141 }); 142 }; 143 var PredicateId = { 144 create: create, 145 fromContextToolbars: fromContextToolbars 146 }; 147 148 var textSelection = function (id) { 149 return function (editor) { 150 if (!editor.selection.isCollapsed()) { 151 var result = Matcher.result(id, Measure.getSelectionRect(editor)); 152 return result; 153 } 154 return null; 155 }; 156 }; 157 var emptyTextBlock = function (elements, id) { 158 return function (editor) { 159 var i; 160 var textBlockElementsMap = editor.schema.getTextBlockElements(); 161 for (i = 0; i < elements.length; i++) { 162 if (elements[i].nodeName === 'TABLE') { 163 return null; 164 } 165 } 166 for (i = 0; i < elements.length; i++) { 167 if (elements[i].nodeName in textBlockElementsMap) { 168 if (editor.dom.isEmpty(elements[i])) { 169 return Matcher.result(id, Measure.getSelectionRect(editor)); 170 } 171 return null; 172 } 173 } 174 return null; 175 }; 176 }; 177 var SelectionMatcher = { 178 textSelection: textSelection, 179 emptyTextBlock: emptyTextBlock 180 }; 181 182 var fireSkinLoaded = function (editor) { 183 editor.fire('SkinLoaded'); 184 }; 185 var fireBeforeRenderUI = function (editor) { 186 return editor.fire('BeforeRenderUI'); 187 }; 188 var Events = { 189 fireSkinLoaded: fireSkinLoaded, 190 fireBeforeRenderUI: fireBeforeRenderUI 191 }; 192 193 var global$5 = tinymce.util.Tools.resolve('tinymce.EditorManager'); 194 195 var isType = function (type) { 196 return function (value) { 197 return typeof value === type; 198 }; 199 }; 200 var isArray = function (value) { 201 return Array.isArray(value); 202 }; 203 var isNull = function (value) { 204 return value === null; 205 }; 206 var isObject = function (predicate) { 207 return function (value) { 208 return !isNull(value) && !isArray(value) && predicate(value); 209 }; 210 }; 211 var isString = function (value) { 212 return isType('string')(value); 213 }; 214 var isNumber = function (value) { 215 return isType('number')(value); 216 }; 217 var isFunction = function (value) { 218 return isType('function')(value); 219 }; 220 var isBoolean = function (value) { 221 return isType('boolean')(value); 222 }; 223 var Type = { 224 isString: isString, 225 isNumber: isNumber, 226 isBoolean: isBoolean, 227 isFunction: isFunction, 228 isObject: isObject(isType('object')), 229 isNull: isNull, 230 isArray: isArray 231 }; 232 233 var validDefaultOrDie = function (value, predicate) { 234 if (predicate(value)) { 235 return true; 236 } 237 throw new Error('Default value doesn\'t match requested type.'); 238 }; 239 var getByTypeOr = function (predicate) { 240 return function (editor, name, defaultValue) { 241 var settings = editor.settings; 242 validDefaultOrDie(defaultValue, predicate); 243 return name in settings && predicate(settings[name]) ? settings[name] : defaultValue; 244 }; 245 }; 246 var splitNoEmpty = function (str, delim) { 247 return str.split(delim).filter(function (item) { 248 return item.length > 0; 249 }); 250 }; 251 var itemsToArray = function (value, defaultValue) { 252 var stringToItemsArray = function (value) { 253 return typeof value === 'string' ? splitNoEmpty(value, /[ ,]/) : value; 254 }; 255 var boolToItemsArray = function (value, defaultValue) { 256 return value === false ? [] : defaultValue; 257 }; 258 if (Type.isArray(value)) { 259 return value; 260 } else if (Type.isString(value)) { 261 return stringToItemsArray(value); 262 } else if (Type.isBoolean(value)) { 263 return boolToItemsArray(value, defaultValue); 264 } 265 return defaultValue; 266 }; 267 var getToolbarItemsOr = function (predicate) { 268 return function (editor, name, defaultValue) { 269 var value = name in editor.settings ? editor.settings[name] : defaultValue; 270 validDefaultOrDie(defaultValue, predicate); 271 return itemsToArray(value, defaultValue); 272 }; 273 }; 274 var EditorSettings = { 275 getStringOr: getByTypeOr(Type.isString), 276 getBoolOr: getByTypeOr(Type.isBoolean), 277 getNumberOr: getByTypeOr(Type.isNumber), 278 getHandlerOr: getByTypeOr(Type.isFunction), 279 getToolbarItemsOr: getToolbarItemsOr(Type.isArray) 280 }; 281 282 var global$6 = tinymce.util.Tools.resolve('tinymce.geom.Rect'); 283 284 var result$1 = function (rect, position) { 285 return { 286 rect: rect, 287 position: position 288 }; 289 }; 290 var moveTo = function (rect, toRect) { 291 return { 292 x: toRect.x, 293 y: toRect.y, 294 w: rect.w, 295 h: rect.h 296 }; 297 }; 298 var calcByPositions = function (testPositions1, testPositions2, targetRect, contentAreaRect, panelRect) { 299 var relPos, relRect, outputPanelRect; 300 var paddedContentRect = { 301 x: contentAreaRect.x, 302 y: contentAreaRect.y, 303 w: contentAreaRect.w + (contentAreaRect.w < panelRect.w + targetRect.w ? panelRect.w : 0), 304 h: contentAreaRect.h + (contentAreaRect.h < panelRect.h + targetRect.h ? panelRect.h : 0) 305 }; 306 relPos = global$6.findBestRelativePosition(panelRect, targetRect, paddedContentRect, testPositions1); 307 targetRect = global$6.clamp(targetRect, paddedContentRect); 308 if (relPos) { 309 relRect = global$6.relativePosition(panelRect, targetRect, relPos); 310 outputPanelRect = moveTo(panelRect, relRect); 311 return result$1(outputPanelRect, relPos); 312 } 313 targetRect = global$6.intersect(paddedContentRect, targetRect); 314 if (targetRect) { 315 relPos = global$6.findBestRelativePosition(panelRect, targetRect, paddedContentRect, testPositions2); 316 if (relPos) { 317 relRect = global$6.relativePosition(panelRect, targetRect, relPos); 318 outputPanelRect = moveTo(panelRect, relRect); 319 return result$1(outputPanelRect, relPos); 320 } 321 outputPanelRect = moveTo(panelRect, targetRect); 322 return result$1(outputPanelRect, relPos); 323 } 324 return null; 325 }; 326 var calcInsert = function (targetRect, contentAreaRect, panelRect) { 327 return calcByPositions([ 328 'cr-cl', 329 'cl-cr' 330 ], [ 331 'bc-tc', 332 'bl-tl', 333 'br-tr' 334 ], targetRect, contentAreaRect, panelRect); 335 }; 336 var calc = function (targetRect, contentAreaRect, panelRect) { 337 return calcByPositions([ 338 'tc-bc', 339 'bc-tc', 340 'tl-bl', 341 'bl-tl', 342 'tr-br', 343 'br-tr', 344 'cr-cl', 345 'cl-cr' 346 ], [ 347 'bc-tc', 348 'bl-tl', 349 'br-tr', 350 'cr-cl' 351 ], targetRect, contentAreaRect, panelRect); 352 }; 353 var userConstrain = function (handler, targetRect, contentAreaRect, panelRect) { 354 var userConstrainedPanelRect; 355 if (typeof handler === 'function') { 356 userConstrainedPanelRect = handler({ 357 elementRect: Convert.toClientRect(targetRect), 358 contentAreaRect: Convert.toClientRect(contentAreaRect), 359 panelRect: Convert.toClientRect(panelRect) 360 }); 361 return Convert.fromClientRect(userConstrainedPanelRect); 362 } 363 return panelRect; 364 }; 365 var defaultHandler = function (rects) { 366 return rects.panelRect; 367 }; 368 var Layout = { 369 calcInsert: calcInsert, 370 calc: calc, 371 userConstrain: userConstrain, 372 defaultHandler: defaultHandler 373 }; 374 375 var toAbsoluteUrl = function (editor, url) { 376 return editor.documentBaseURI.toAbsolute(url); 377 }; 378 var urlFromName = function (name) { 379 var prefix = global$5.baseURL + '/skins/'; 380 return name ? prefix + name : prefix + 'lightgray'; 381 }; 382 var getTextSelectionToolbarItems = function (editor) { 383 return EditorSettings.getToolbarItemsOr(editor, 'selection_toolbar', [ 384 'bold', 385 'italic', 386 '|', 387 'quicklink', 388 'h2', 389 'h3', 390 'blockquote' 391 ]); 392 }; 393 var getInsertToolbarItems = function (editor) { 394 return EditorSettings.getToolbarItemsOr(editor, 'insert_toolbar', [ 395 'quickimage', 396 'quicktable' 397 ]); 398 }; 399 var getPositionHandler = function (editor) { 400 return EditorSettings.getHandlerOr(editor, 'inline_toolbar_position_handler', Layout.defaultHandler); 401 }; 402 var getSkinUrl = function (editor) { 403 var settings = editor.settings; 404 return settings.skin_url ? toAbsoluteUrl(editor, settings.skin_url) : urlFromName(settings.skin); 405 }; 406 var isSkinDisabled = function (editor) { 407 return editor.settings.skin === false; 408 }; 409 var Settings = { 410 getTextSelectionToolbarItems: getTextSelectionToolbarItems, 411 getInsertToolbarItems: getInsertToolbarItems, 412 getPositionHandler: getPositionHandler, 413 getSkinUrl: getSkinUrl, 414 isSkinDisabled: isSkinDisabled 415 }; 416 417 var fireSkinLoaded$1 = function (editor, callback) { 418 var done = function () { 419 editor._skinLoaded = true; 420 Events.fireSkinLoaded(editor); 421 callback(); 422 }; 423 if (editor.initialized) { 424 done(); 425 } else { 426 editor.on('init', done); 427 } 428 }; 429 var load = function (editor, callback) { 430 var skinUrl = Settings.getSkinUrl(editor); 431 var done = function () { 432 fireSkinLoaded$1(editor, callback); 433 }; 434 if (Settings.isSkinDisabled(editor)) { 435 done(); 436 } else { 437 global$2.DOM.styleSheetLoader.load(skinUrl + '/skin.min.css', done); 438 editor.contentCSS.push(skinUrl + '/content.inline.min.css'); 439 } 440 }; 441 var SkinLoader = { load: load }; 442 443 var getSelectionElements = function (editor) { 444 var node = editor.selection.getNode(); 445 var elms = editor.dom.getParents(node, '*'); 446 return elms; 447 }; 448 var createToolbar = function (editor, selector, id, items) { 449 var selectorPredicate = function (elm) { 450 return editor.dom.is(elm, selector); 451 }; 452 return { 453 predicate: selectorPredicate, 454 id: id, 455 items: items 456 }; 457 }; 458 var getToolbars = function (editor) { 459 var contextToolbars = editor.contextToolbars; 460 return DeepFlatten.flatten([ 461 contextToolbars ? contextToolbars : [], 462 createToolbar(editor, 'img', 'image', 'alignleft aligncenter alignright') 463 ]); 464 }; 465 var findMatchResult = function (editor, toolbars) { 466 var result, elements, contextToolbarsPredicateIds; 467 elements = getSelectionElements(editor); 468 contextToolbarsPredicateIds = PredicateId.fromContextToolbars(toolbars); 469 result = Matcher.match(editor, [ 470 ElementMatcher.element(elements[0], contextToolbarsPredicateIds), 471 SelectionMatcher.textSelection('text'), 472 SelectionMatcher.emptyTextBlock(elements, 'insert'), 473 ElementMatcher.parent(elements, contextToolbarsPredicateIds) 474 ]); 475 return result && result.rect ? result : null; 476 }; 477 var editorHasFocus = function (editor) { 478 return domGlobals.document.activeElement === editor.getBody(); 479 }; 480 var togglePanel = function (editor, panel) { 481 var toggle = function () { 482 var toolbars = getToolbars(editor); 483 var result = findMatchResult(editor, toolbars); 484 if (result) { 485 panel.show(editor, result.id, result.rect, toolbars); 486 } else { 487 panel.hide(); 488 } 489 }; 490 return function () { 491 if (!editor.removed && editorHasFocus(editor)) { 492 toggle(); 493 } 494 }; 495 }; 496 var repositionPanel = function (editor, panel) { 497 return function () { 498 var toolbars = getToolbars(editor); 499 var result = findMatchResult(editor, toolbars); 500 if (result) { 501 panel.reposition(editor, result.id, result.rect); 502 } 503 }; 504 }; 505 var ignoreWhenFormIsVisible = function (editor, panel, f) { 506 return function () { 507 if (!editor.removed && !panel.inForm()) { 508 f(); 509 } 510 }; 511 }; 512 var bindContextualToolbarsEvents = function (editor, panel) { 513 var throttledTogglePanel = global$3.throttle(togglePanel(editor, panel), 0); 514 var throttledTogglePanelWhenNotInForm = global$3.throttle(ignoreWhenFormIsVisible(editor, panel, togglePanel(editor, panel)), 0); 515 var reposition = repositionPanel(editor, panel); 516 editor.on('blur hide ObjectResizeStart', panel.hide); 517 editor.on('click', throttledTogglePanel); 518 editor.on('nodeChange mouseup', throttledTogglePanelWhenNotInForm); 519 editor.on('ResizeEditor keyup', throttledTogglePanel); 520 editor.on('ResizeWindow', reposition); 521 global$2.DOM.bind(global$1.container, 'scroll', reposition); 522 editor.on('remove', function () { 523 global$2.DOM.unbind(global$1.container, 'scroll', reposition); 524 panel.remove(); 525 }); 526 editor.shortcuts.add('Alt+F10,F10', '', panel.focus); 527 }; 528 var overrideLinkShortcut = function (editor, panel) { 529 editor.shortcuts.remove('meta+k'); 530 editor.shortcuts.add('meta+k', '', function () { 531 var toolbars = getToolbars(editor); 532 var result = Matcher.match(editor, [SelectionMatcher.textSelection('quicklink')]); 533 if (result) { 534 panel.show(editor, result.id, result.rect, toolbars); 535 } 536 }); 537 }; 538 var renderInlineUI = function (editor, panel) { 539 SkinLoader.load(editor, function () { 540 bindContextualToolbarsEvents(editor, panel); 541 overrideLinkShortcut(editor, panel); 542 }); 543 return {}; 544 }; 545 var fail = function (message) { 546 throw new Error(message); 547 }; 548 var renderUI = function (editor, panel) { 549 return editor.inline ? renderInlineUI(editor, panel) : fail('inlite theme only supports inline mode.'); 550 }; 551 var Render = { renderUI: renderUI }; 552 553 var noop = function () { 554 }; 555 var constant = function (value) { 556 return function () { 557 return value; 558 }; 559 }; 560 var never = constant(false); 561 var always = constant(true); 562 563 var none = function () { 564 return NONE; 565 }; 566 var NONE = function () { 567 var eq = function (o) { 568 return o.isNone(); 569 }; 570 var call = function (thunk) { 571 return thunk(); 572 }; 573 var id = function (n) { 574 return n; 575 }; 576 var me = { 577 fold: function (n, s) { 578 return n(); 579 }, 580 is: never, 581 isSome: never, 582 isNone: always, 583 getOr: id, 584 getOrThunk: call, 585 getOrDie: function (msg) { 586 throw new Error(msg || 'error: getOrDie called on none.'); 587 }, 588 getOrNull: constant(null), 589 getOrUndefined: constant(undefined), 590 or: id, 591 orThunk: call, 592 map: none, 593 each: noop, 594 bind: none, 595 exists: never, 596 forall: always, 597 filter: none, 598 equals: eq, 599 equals_: eq, 600 toArray: function () { 601 return []; 602 }, 603 toString: constant('none()') 604 }; 605 if (Object.freeze) { 606 Object.freeze(me); 607 } 608 return me; 609 }(); 610 var some = function (a) { 611 var constant_a = constant(a); 612 var self = function () { 613 return me; 614 }; 615 var bind = function (f) { 616 return f(a); 617 }; 618 var me = { 619 fold: function (n, s) { 620 return s(a); 621 }, 622 is: function (v) { 623 return a === v; 624 }, 625 isSome: always, 626 isNone: never, 627 getOr: constant_a, 628 getOrThunk: constant_a, 629 getOrDie: constant_a, 630 getOrNull: constant_a, 631 getOrUndefined: constant_a, 632 or: self, 633 orThunk: self, 634 map: function (f) { 635 return some(f(a)); 636 }, 637 each: function (f) { 638 f(a); 639 }, 640 bind: bind, 641 exists: bind, 642 forall: bind, 643 filter: function (f) { 644 return f(a) ? me : NONE; 645 }, 646 toArray: function () { 647 return [a]; 648 }, 649 toString: function () { 650 return 'some(' + a + ')'; 651 }, 652 equals: function (o) { 653 return o.is(a); 654 }, 655 equals_: function (o, elementEq) { 656 return o.fold(never, function (b) { 657 return elementEq(a, b); 658 }); 659 } 660 }; 661 return me; 662 }; 663 var from = function (value) { 664 return value === null || value === undefined ? NONE : some(value); 665 }; 666 var Option = { 667 some: some, 668 none: none, 669 from: from 670 }; 671 672 var typeOf = function (x) { 673 if (x === null) { 674 return 'null'; 675 } 676 var t = typeof x; 677 if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) { 678 return 'array'; 679 } 680 if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) { 681 return 'string'; 682 } 683 return t; 684 }; 685 var isType$1 = function (type) { 686 return function (value) { 687 return typeOf(value) === type; 688 }; 689 }; 690 var isArray$1 = isType$1('array'); 691 var isFunction$1 = isType$1('function'); 692 var isNumber$1 = isType$1('number'); 693 694 var nativeSlice = Array.prototype.slice; 695 var nativeIndexOf = Array.prototype.indexOf; 696 var nativePush = Array.prototype.push; 697 var rawIndexOf = function (ts, t) { 698 return nativeIndexOf.call(ts, t); 699 }; 700 var indexOf = function (xs, x) { 701 var r = rawIndexOf(xs, x); 702 return r === -1 ? Option.none() : Option.some(r); 703 }; 704 var exists = function (xs, pred) { 705 for (var i = 0, len = xs.length; i < len; i++) { 706 var x = xs[i]; 707 if (pred(x, i)) { 708 return true; 709 } 710 } 711 return false; 712 }; 713 var map = function (xs, f) { 714 var len = xs.length; 715 var r = new Array(len); 716 for (var i = 0; i < len; i++) { 717 var x = xs[i]; 718 r[i] = f(x, i); 719 } 720 return r; 721 }; 722 var each = function (xs, f) { 723 for (var i = 0, len = xs.length; i < len; i++) { 724 var x = xs[i]; 725 f(x, i); 726 } 727 }; 728 var filter = function (xs, pred) { 729 var r = []; 730 for (var i = 0, len = xs.length; i < len; i++) { 731 var x = xs[i]; 732 if (pred(x, i)) { 733 r.push(x); 734 } 735 } 736 return r; 737 }; 738 var foldl = function (xs, f, acc) { 739 each(xs, function (x) { 740 acc = f(acc, x); 741 }); 742 return acc; 743 }; 744 var find = function (xs, pred) { 745 for (var i = 0, len = xs.length; i < len; i++) { 746 var x = xs[i]; 747 if (pred(x, i)) { 748 return Option.some(x); 749 } 750 } 751 return Option.none(); 752 }; 753 var flatten$1 = function (xs) { 754 var r = []; 755 for (var i = 0, len = xs.length; i < len; ++i) { 756 if (!isArray$1(xs[i])) { 757 throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs); 758 } 759 nativePush.apply(r, xs[i]); 760 } 761 return r; 762 }; 763 var from$1 = isFunction$1(Array.from) ? Array.from : function (x) { 764 return nativeSlice.call(x); 765 }; 766 767 var count = 0; 768 var funcs = { 769 id: function () { 770 return 'mceu_' + count++; 771 }, 772 create: function (name, attrs, children) { 773 var elm = domGlobals.document.createElement(name); 774 global$2.DOM.setAttribs(elm, attrs); 775 if (typeof children === 'string') { 776 elm.innerHTML = children; 777 } else { 778 global$4.each(children, function (child) { 779 if (child.nodeType) { 780 elm.appendChild(child); 781 } 782 }); 783 } 784 return elm; 785 }, 786 createFragment: function (html) { 787 return global$2.DOM.createFragment(html); 788 }, 789 getWindowSize: function () { 790 return global$2.DOM.getViewPort(); 791 }, 792 getSize: function (elm) { 793 var width, height; 794 if (elm.getBoundingClientRect) { 795 var rect = elm.getBoundingClientRect(); 796 width = Math.max(rect.width || rect.right - rect.left, elm.offsetWidth); 797 height = Math.max(rect.height || rect.bottom - rect.bottom, elm.offsetHeight); 798 } else { 799 width = elm.offsetWidth; 800 height = elm.offsetHeight; 801 } 802 return { 803 width: width, 804 height: height 805 }; 806 }, 807 getPos: function (elm, root) { 808 return global$2.DOM.getPos(elm, root || funcs.getContainer()); 809 }, 810 getContainer: function () { 811 return global$1.container ? global$1.container : domGlobals.document.body; 812 }, 813 getViewPort: function (win) { 814 return global$2.DOM.getViewPort(win); 815 }, 816 get: function (id) { 817 return domGlobals.document.getElementById(id); 818 }, 819 addClass: function (elm, cls) { 820 return global$2.DOM.addClass(elm, cls); 821 }, 822 removeClass: function (elm, cls) { 823 return global$2.DOM.removeClass(elm, cls); 824 }, 825 hasClass: function (elm, cls) { 826 return global$2.DOM.hasClass(elm, cls); 827 }, 828 toggleClass: function (elm, cls, state) { 829 return global$2.DOM.toggleClass(elm, cls, state); 830 }, 831 css: function (elm, name, value) { 832 return global$2.DOM.setStyle(elm, name, value); 833 }, 834 getRuntimeStyle: function (elm, name) { 835 return global$2.DOM.getStyle(elm, name, true); 836 }, 837 on: function (target, name, callback, scope) { 838 return global$2.DOM.bind(target, name, callback, scope); 839 }, 840 off: function (target, name, callback) { 841 return global$2.DOM.unbind(target, name, callback); 842 }, 843 fire: function (target, name, args) { 844 return global$2.DOM.fire(target, name, args); 845 }, 846 innerHtml: function (elm, html) { 847 global$2.DOM.setHTML(elm, html); 848 } 849 }; 850 851 var global$7 = tinymce.util.Tools.resolve('tinymce.dom.DomQuery'); 852 853 var global$8 = tinymce.util.Tools.resolve('tinymce.util.Class'); 854 855 var global$9 = tinymce.util.Tools.resolve('tinymce.util.EventDispatcher'); 856 857 var BoxUtils = { 858 parseBox: function (value) { 859 var len; 860 var radix = 10; 861 if (!value) { 862 return; 863 } 864 if (typeof value === 'number') { 865 value = value || 0; 866 return { 867 top: value, 868 left: value, 869 bottom: value, 870 right: value 871 }; 872 } 873 value = value.split(' '); 874 len = value.length; 875 if (len === 1) { 876 value[1] = value[2] = value[3] = value[0]; 877 } else if (len === 2) { 878 value[2] = value[0]; 879 value[3] = value[1]; 880 } else if (len === 3) { 881 value[3] = value[1]; 882 } 883 return { 884 top: parseInt(value[0], radix) || 0, 885 right: parseInt(value[1], radix) || 0, 886 bottom: parseInt(value[2], radix) || 0, 887 left: parseInt(value[3], radix) || 0 888 }; 889 }, 890 measureBox: function (elm, prefix) { 891 function getStyle(name) { 892 var defaultView = elm.ownerDocument.defaultView; 893 if (defaultView) { 894 var computedStyle = defaultView.getComputedStyle(elm, null); 895 if (computedStyle) { 896 name = name.replace(/[A-Z]/g, function (a) { 897 return '-' + a; 898 }); 899 return computedStyle.getPropertyValue(name); 900 } else { 901 return null; 902 } 903 } 904 return elm.currentStyle[name]; 905 } 906 function getSide(name) { 907 var val = parseFloat(getStyle(name)); 908 return isNaN(val) ? 0 : val; 909 } 910 return { 911 top: getSide(prefix + 'TopWidth'), 912 right: getSide(prefix + 'RightWidth'), 913 bottom: getSide(prefix + 'BottomWidth'), 914 left: getSide(prefix + 'LeftWidth') 915 }; 916 } 917 }; 918 919 function noop$1() { 920 } 921 function ClassList(onchange) { 922 this.cls = []; 923 this.cls._map = {}; 924 this.onchange = onchange || noop$1; 925 this.prefix = ''; 926 } 927 global$4.extend(ClassList.prototype, { 928 add: function (cls) { 929 if (cls && !this.contains(cls)) { 930 this.cls._map[cls] = true; 931 this.cls.push(cls); 932 this._change(); 933 } 934 return this; 935 }, 936 remove: function (cls) { 937 if (this.contains(cls)) { 938 var i = void 0; 939 for (i = 0; i < this.cls.length; i++) { 940 if (this.cls[i] === cls) { 941 break; 942 } 943 } 944 this.cls.splice(i, 1); 945 delete this.cls._map[cls]; 946 this._change(); 947 } 948 return this; 949 }, 950 toggle: function (cls, state) { 951 var curState = this.contains(cls); 952 if (curState !== state) { 953 if (curState) { 954 this.remove(cls); 955 } else { 956 this.add(cls); 957 } 958 this._change(); 959 } 960 return this; 961 }, 962 contains: function (cls) { 963 return !!this.cls._map[cls]; 964 }, 965 _change: function () { 966 delete this.clsValue; 967 this.onchange.call(this); 968 } 969 }); 970 ClassList.prototype.toString = function () { 971 var value; 972 if (this.clsValue) { 973 return this.clsValue; 974 } 975 value = ''; 976 for (var i = 0; i < this.cls.length; i++) { 977 if (i > 0) { 978 value += ' '; 979 } 980 value += this.prefix + this.cls[i]; 981 } 982 return value; 983 }; 984 985 function unique(array) { 986 var uniqueItems = []; 987 var i = array.length, item; 988 while (i--) { 989 item = array[i]; 990 if (!item.__checked) { 991 uniqueItems.push(item); 992 item.__checked = 1; 993 } 994 } 995 i = uniqueItems.length; 996 while (i--) { 997 delete uniqueItems[i].__checked; 998 } 999 return uniqueItems; 1000 } 1001 var expression = /^([\w\\*]+)?(?:#([\w\-\\]+))?(?:\.([\w\\\.]+))?(?:\[\@?([\w\\]+)([\^\$\*!~]?=)([\w\\]+)\])?(?:\:(.+))?/i; 1002 var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g; 1003 var whiteSpace = /^\s*|\s*$/g; 1004 var Collection; 1005 var Selector = global$8.extend({ 1006 init: function (selector) { 1007 var match = this.match; 1008 function compileNameFilter(name) { 1009 if (name) { 1010 name = name.toLowerCase(); 1011 return function (item) { 1012 return name === '*' || item.type === name; 1013 }; 1014 } 1015 } 1016 function compileIdFilter(id) { 1017 if (id) { 1018 return function (item) { 1019 return item._name === id; 1020 }; 1021 } 1022 } 1023 function compileClassesFilter(classes) { 1024 if (classes) { 1025 classes = classes.split('.'); 1026 return function (item) { 1027 var i = classes.length; 1028 while (i--) { 1029 if (!item.classes.contains(classes[i])) { 1030 return false; 1031 } 1032 } 1033 return true; 1034 }; 1035 } 1036 } 1037 function compileAttrFilter(name, cmp, check) { 1038 if (name) { 1039 return function (item) { 1040 var value = item[name] ? item[name]() : ''; 1041 return !cmp ? !!check : cmp === '=' ? value === check : cmp === '*=' ? value.indexOf(check) >= 0 : cmp === '~=' ? (' ' + value + ' ').indexOf(' ' + check + ' ') >= 0 : cmp === '!=' ? value !== check : cmp === '^=' ? value.indexOf(check) === 0 : cmp === '$=' ? value.substr(value.length - check.length) === check : false; 1042 }; 1043 } 1044 } 1045 function compilePsuedoFilter(name) { 1046 var notSelectors; 1047 if (name) { 1048 name = /(?:not\((.+)\))|(.+)/i.exec(name); 1049 if (!name[1]) { 1050 name = name[2]; 1051 return function (item, index, length) { 1052 return name === 'first' ? index === 0 : name === 'last' ? index === length - 1 : name === 'even' ? index % 2 === 0 : name === 'odd' ? index % 2 === 1 : item[name] ? item[name]() : false; 1053 }; 1054 } 1055 notSelectors = parseChunks(name[1], []); 1056 return function (item) { 1057 return !match(item, notSelectors); 1058 }; 1059 } 1060 } 1061 function compile(selector, filters, direct) { 1062 var parts; 1063 function add(filter) { 1064 if (filter) { 1065 filters.push(filter); 1066 } 1067 } 1068 parts = expression.exec(selector.replace(whiteSpace, '')); 1069 add(compileNameFilter(parts[1])); 1070 add(compileIdFilter(parts[2])); 1071 add(compileClassesFilter(parts[3])); 1072 add(compileAttrFilter(parts[4], parts[5], parts[6])); 1073 add(compilePsuedoFilter(parts[7])); 1074 filters.pseudo = !!parts[7]; 1075 filters.direct = direct; 1076 return filters; 1077 } 1078 function parseChunks(selector, selectors) { 1079 var parts = []; 1080 var extra, matches, i; 1081 do { 1082 chunker.exec(''); 1083 matches = chunker.exec(selector); 1084 if (matches) { 1085 selector = matches[3]; 1086 parts.push(matches[1]); 1087 if (matches[2]) { 1088 extra = matches[3]; 1089 break; 1090 } 1091 } 1092 } while (matches); 1093 if (extra) { 1094 parseChunks(extra, selectors); 1095 } 1096 selector = []; 1097 for (i = 0; i < parts.length; i++) { 1098 if (parts[i] !== '>') { 1099 selector.push(compile(parts[i], [], parts[i - 1] === '>')); 1100 } 1101 } 1102 selectors.push(selector); 1103 return selectors; 1104 } 1105 this._selectors = parseChunks(selector, []); 1106 }, 1107 match: function (control, selectors) { 1108 var i, l, si, sl, selector, fi, fl, filters, index, length, siblings, count, item; 1109 selectors = selectors || this._selectors; 1110 for (i = 0, l = selectors.length; i < l; i++) { 1111 selector = selectors[i]; 1112 sl = selector.length; 1113 item = control; 1114 count = 0; 1115 for (si = sl - 1; si >= 0; si--) { 1116 filters = selector[si]; 1117 while (item) { 1118 if (filters.pseudo) { 1119 siblings = item.parent().items(); 1120 index = length = siblings.length; 1121 while (index--) { 1122 if (siblings[index] === item) { 1123 break; 1124 } 1125 } 1126 } 1127 for (fi = 0, fl = filters.length; fi < fl; fi++) { 1128 if (!filters[fi](item, index, length)) { 1129 fi = fl + 1; 1130 break; 1131 } 1132 } 1133 if (fi === fl) { 1134 count++; 1135 break; 1136 } else { 1137 if (si === sl - 1) { 1138 break; 1139 } 1140 } 1141 item = item.parent(); 1142 } 1143 } 1144 if (count === sl) { 1145 return true; 1146 } 1147 } 1148 return false; 1149 }, 1150 find: function (container) { 1151 var matches = [], i, l; 1152 var selectors = this._selectors; 1153 function collect(items, selector, index) { 1154 var i, l, fi, fl, item; 1155 var filters = selector[index]; 1156 for (i = 0, l = items.length; i < l; i++) { 1157 item = items[i]; 1158 for (fi = 0, fl = filters.length; fi < fl; fi++) { 1159 if (!filters[fi](item, i, l)) { 1160 fi = fl + 1; 1161 break; 1162 } 1163 } 1164 if (fi === fl) { 1165 if (index === selector.length - 1) { 1166 matches.push(item); 1167 } else { 1168 if (item.items) { 1169 collect(item.items(), selector, index + 1); 1170 } 1171 } 1172 } else if (filters.direct) { 1173 return; 1174 } 1175 if (item.items) { 1176 collect(item.items(), selector, index); 1177 } 1178 } 1179 } 1180 if (container.items) { 1181 for (i = 0, l = selectors.length; i < l; i++) { 1182 collect(container.items(), selectors[i], 0); 1183 } 1184 if (l > 1) { 1185 matches = unique(matches); 1186 } 1187 } 1188 if (!Collection) { 1189 Collection = Selector.Collection; 1190 } 1191 return new Collection(matches); 1192 } 1193 }); 1194 1195 var Collection$1, proto; 1196 var push = Array.prototype.push, slice = Array.prototype.slice; 1197 proto = { 1198 length: 0, 1199 init: function (items) { 1200 if (items) { 1201 this.add(items); 1202 } 1203 }, 1204 add: function (items) { 1205 var self = this; 1206 if (!global$4.isArray(items)) { 1207 if (items instanceof Collection$1) { 1208 self.add(items.toArray()); 1209 } else { 1210 push.call(self, items); 1211 } 1212 } else { 1213 push.apply(self, items); 1214 } 1215 return self; 1216 }, 1217 set: function (items) { 1218 var self = this; 1219 var len = self.length; 1220 var i; 1221 self.length = 0; 1222 self.add(items); 1223 for (i = self.length; i < len; i++) { 1224 delete self[i]; 1225 } 1226 return self; 1227 }, 1228 filter: function (selector) { 1229 var self = this; 1230 var i, l; 1231 var matches = []; 1232 var item, match; 1233 if (typeof selector === 'string') { 1234 selector = new Selector(selector); 1235 match = function (item) { 1236 return selector.match(item); 1237 }; 1238 } else { 1239 match = selector; 1240 } 1241 for (i = 0, l = self.length; i < l; i++) { 1242 item = self[i]; 1243 if (match(item)) { 1244 matches.push(item); 1245 } 1246 } 1247 return new Collection$1(matches); 1248 }, 1249 slice: function () { 1250 return new Collection$1(slice.apply(this, arguments)); 1251 }, 1252 eq: function (index) { 1253 return index === -1 ? this.slice(index) : this.slice(index, +index + 1); 1254 }, 1255 each: function (callback) { 1256 global$4.each(this, callback); 1257 return this; 1258 }, 1259 toArray: function () { 1260 return global$4.toArray(this); 1261 }, 1262 indexOf: function (ctrl) { 1263 var self = this; 1264 var i = self.length; 1265 while (i--) { 1266 if (self[i] === ctrl) { 1267 break; 1268 } 1269 } 1270 return i; 1271 }, 1272 reverse: function () { 1273 return new Collection$1(global$4.toArray(this).reverse()); 1274 }, 1275 hasClass: function (cls) { 1276 return this[0] ? this[0].classes.contains(cls) : false; 1277 }, 1278 prop: function (name, value) { 1279 var self = this; 1280 var item; 1281 if (value !== undefined) { 1282 self.each(function (item) { 1283 if (item[name]) { 1284 item[name](value); 1285 } 1286 }); 1287 return self; 1288 } 1289 item = self[0]; 1290 if (item && item[name]) { 1291 return item[name](); 1292 } 1293 }, 1294 exec: function (name) { 1295 var self = this, args = global$4.toArray(arguments).slice(1); 1296 self.each(function (item) { 1297 if (item[name]) { 1298 item[name].apply(item, args); 1299 } 1300 }); 1301 return self; 1302 }, 1303 remove: function () { 1304 var i = this.length; 1305 while (i--) { 1306 this[i].remove(); 1307 } 1308 return this; 1309 }, 1310 addClass: function (cls) { 1311 return this.each(function (item) { 1312 item.classes.add(cls); 1313 }); 1314 }, 1315 removeClass: function (cls) { 1316 return this.each(function (item) { 1317 item.classes.remove(cls); 1318 }); 1319 } 1320 }; 1321 global$4.each('fire on off show hide append prepend before after reflow'.split(' '), function (name) { 1322 proto[name] = function () { 1323 var args = global$4.toArray(arguments); 1324 this.each(function (ctrl) { 1325 if (name in ctrl) { 1326 ctrl[name].apply(ctrl, args); 1327 } 1328 }); 1329 return this; 1330 }; 1331 }); 1332 global$4.each('text name disabled active selected checked visible parent value data'.split(' '), function (name) { 1333 proto[name] = function (value) { 1334 return this.prop(name, value); 1335 }; 1336 }); 1337 Collection$1 = global$8.extend(proto); 1338 Selector.Collection = Collection$1; 1339 var Collection$2 = Collection$1; 1340 1341 var Binding = function (settings) { 1342 this.create = settings.create; 1343 }; 1344 Binding.create = function (model, name) { 1345 return new Binding({ 1346 create: function (otherModel, otherName) { 1347 var bindings; 1348 var fromSelfToOther = function (e) { 1349 otherModel.set(otherName, e.value); 1350 }; 1351 var fromOtherToSelf = function (e) { 1352 model.set(name, e.value); 1353 }; 1354 otherModel.on('change:' + otherName, fromOtherToSelf); 1355 model.on('change:' + name, fromSelfToOther); 1356 bindings = otherModel._bindings; 1357 if (!bindings) { 1358 bindings = otherModel._bindings = []; 1359 otherModel.on('destroy', function () { 1360 var i = bindings.length; 1361 while (i--) { 1362 bindings[i](); 1363 } 1364 }); 1365 } 1366 bindings.push(function () { 1367 model.off('change:' + name, fromSelfToOther); 1368 }); 1369 return model.get(name); 1370 } 1371 }); 1372 }; 1373 1374 var global$a = tinymce.util.Tools.resolve('tinymce.util.Observable'); 1375 1376 function isNode(node) { 1377 return node.nodeType > 0; 1378 } 1379 function isEqual(a, b) { 1380 var k, checked; 1381 if (a === b) { 1382 return true; 1383 } 1384 if (a === null || b === null) { 1385 return a === b; 1386 } 1387 if (typeof a !== 'object' || typeof b !== 'object') { 1388 return a === b; 1389 } 1390 if (global$4.isArray(b)) { 1391 if (a.length !== b.length) { 1392 return false; 1393 } 1394 k = a.length; 1395 while (k--) { 1396 if (!isEqual(a[k], b[k])) { 1397 return false; 1398 } 1399 } 1400 } 1401 if (isNode(a) || isNode(b)) { 1402 return a === b; 1403 } 1404 checked = {}; 1405 for (k in b) { 1406 if (!isEqual(a[k], b[k])) { 1407 return false; 1408 } 1409 checked[k] = true; 1410 } 1411 for (k in a) { 1412 if (!checked[k] && !isEqual(a[k], b[k])) { 1413 return false; 1414 } 1415 } 1416 return true; 1417 } 1418 var ObservableObject = global$8.extend({ 1419 Mixins: [global$a], 1420 init: function (data) { 1421 var name, value; 1422 data = data || {}; 1423 for (name in data) { 1424 value = data[name]; 1425 if (value instanceof Binding) { 1426 data[name] = value.create(this, name); 1427 } 1428 } 1429 this.data = data; 1430 }, 1431 set: function (name, value) { 1432 var key, args; 1433 var oldValue = this.data[name]; 1434 if (value instanceof Binding) { 1435 value = value.create(this, name); 1436 } 1437 if (typeof name === 'object') { 1438 for (key in name) { 1439 this.set(key, name[key]); 1440 } 1441 return this; 1442 } 1443 if (!isEqual(oldValue, value)) { 1444 this.data[name] = value; 1445 args = { 1446 target: this, 1447 name: name, 1448 value: value, 1449 oldValue: oldValue 1450 }; 1451 this.fire('change:' + name, args); 1452 this.fire('change', args); 1453 } 1454 return this; 1455 }, 1456 get: function (name) { 1457 return this.data[name]; 1458 }, 1459 has: function (name) { 1460 return name in this.data; 1461 }, 1462 bind: function (name) { 1463 return Binding.create(this, name); 1464 }, 1465 destroy: function () { 1466 this.fire('destroy'); 1467 } 1468 }); 1469 1470 var dirtyCtrls = {}, animationFrameRequested; 1471 var ReflowQueue = { 1472 add: function (ctrl) { 1473 var parent = ctrl.parent(); 1474 if (parent) { 1475 if (!parent._layout || parent._layout.isNative()) { 1476 return; 1477 } 1478 if (!dirtyCtrls[parent._id]) { 1479 dirtyCtrls[parent._id] = parent; 1480 } 1481 if (!animationFrameRequested) { 1482 animationFrameRequested = true; 1483 global$3.requestAnimationFrame(function () { 1484 var id, ctrl; 1485 animationFrameRequested = false; 1486 for (id in dirtyCtrls) { 1487 ctrl = dirtyCtrls[id]; 1488 if (ctrl.state.get('rendered')) { 1489 ctrl.reflow(); 1490 } 1491 } 1492 dirtyCtrls = {}; 1493 }, domGlobals.document.body); 1494 } 1495 } 1496 }, 1497 remove: function (ctrl) { 1498 if (dirtyCtrls[ctrl._id]) { 1499 delete dirtyCtrls[ctrl._id]; 1500 } 1501 } 1502 }; 1503 1504 var getUiContainerDelta = function (ctrl) { 1505 var uiContainer = getUiContainer(ctrl); 1506 if (uiContainer && global$2.DOM.getStyle(uiContainer, 'position', true) !== 'static') { 1507 var containerPos = global$2.DOM.getPos(uiContainer); 1508 var dx = uiContainer.scrollLeft - containerPos.x; 1509 var dy = uiContainer.scrollTop - containerPos.y; 1510 return Option.some({ 1511 x: dx, 1512 y: dy 1513 }); 1514 } else { 1515 return Option.none(); 1516 } 1517 }; 1518 var setUiContainer = function (editor, ctrl) { 1519 var uiContainer = global$2.DOM.select(editor.settings.ui_container)[0]; 1520 ctrl.getRoot().uiContainer = uiContainer; 1521 }; 1522 var getUiContainer = function (ctrl) { 1523 return ctrl ? ctrl.getRoot().uiContainer : null; 1524 }; 1525 var inheritUiContainer = function (fromCtrl, toCtrl) { 1526 return toCtrl.uiContainer = getUiContainer(fromCtrl); 1527 }; 1528 var UiContainer = { 1529 getUiContainerDelta: getUiContainerDelta, 1530 setUiContainer: setUiContainer, 1531 getUiContainer: getUiContainer, 1532 inheritUiContainer: inheritUiContainer 1533 }; 1534 1535 var hasMouseWheelEventSupport = 'onmousewheel' in domGlobals.document; 1536 var hasWheelEventSupport = false; 1537 var classPrefix = 'mce-'; 1538 var Control, idCounter = 0; 1539 var proto$1 = { 1540 Statics: { classPrefix: classPrefix }, 1541 isRtl: function () { 1542 return Control.rtl; 1543 }, 1544 classPrefix: classPrefix, 1545 init: function (settings) { 1546 var self = this; 1547 var classes, defaultClasses; 1548 function applyClasses(classes) { 1549 var i; 1550 classes = classes.split(' '); 1551 for (i = 0; i < classes.length; i++) { 1552 self.classes.add(classes[i]); 1553 } 1554 } 1555 self.settings = settings = global$4.extend({}, self.Defaults, settings); 1556 self._id = settings.id || 'mceu_' + idCounter++; 1557 self._aria = { role: settings.role }; 1558 self._elmCache = {}; 1559 self.$ = global$7; 1560 self.state = new ObservableObject({ 1561 visible: true, 1562 active: false, 1563 disabled: false, 1564 value: '' 1565 }); 1566 self.data = new ObservableObject(settings.data); 1567 self.classes = new ClassList(function () { 1568 if (self.state.get('rendered')) { 1569 self.getEl().className = this.toString(); 1570 } 1571 }); 1572 self.classes.prefix = self.classPrefix; 1573 classes = settings.classes; 1574 if (classes) { 1575 if (self.Defaults) { 1576 defaultClasses = self.Defaults.classes; 1577 if (defaultClasses && classes !== defaultClasses) { 1578 applyClasses(defaultClasses); 1579 } 1580 } 1581 applyClasses(classes); 1582 } 1583 global$4.each('title text name visible disabled active value'.split(' '), function (name) { 1584 if (name in settings) { 1585 self[name](settings[name]); 1586 } 1587 }); 1588 self.on('click', function () { 1589 if (self.disabled()) { 1590 return false; 1591 } 1592 }); 1593 self.settings = settings; 1594 self.borderBox = BoxUtils.parseBox(settings.border); 1595 self.paddingBox = BoxUtils.parseBox(settings.padding); 1596 self.marginBox = BoxUtils.parseBox(settings.margin); 1597 if (settings.hidden) { 1598 self.hide(); 1599 } 1600 }, 1601 Properties: 'parent,name', 1602 getContainerElm: function () { 1603 var uiContainer = UiContainer.getUiContainer(this); 1604 return uiContainer ? uiContainer : funcs.getContainer(); 1605 }, 1606 getParentCtrl: function (elm) { 1607 var ctrl; 1608 var lookup = this.getRoot().controlIdLookup; 1609 while (elm && lookup) { 1610 ctrl = lookup[elm.id]; 1611 if (ctrl) { 1612 break; 1613 } 1614 elm = elm.parentNode; 1615 } 1616 return ctrl; 1617 }, 1618 initLayoutRect: function () { 1619 var self = this; 1620 var settings = self.settings; 1621 var borderBox, layoutRect; 1622 var elm = self.getEl(); 1623 var width, height, minWidth, minHeight, autoResize; 1624 var startMinWidth, startMinHeight, initialSize; 1625 borderBox = self.borderBox = self.borderBox || BoxUtils.measureBox(elm, 'border'); 1626 self.paddingBox = self.paddingBox || BoxUtils.measureBox(elm, 'padding'); 1627 self.marginBox = self.marginBox || BoxUtils.measureBox(elm, 'margin'); 1628 initialSize = funcs.getSize(elm); 1629 startMinWidth = settings.minWidth; 1630 startMinHeight = settings.minHeight; 1631 minWidth = startMinWidth || initialSize.width; 1632 minHeight = startMinHeight || initialSize.height; 1633 width = settings.width; 1634 height = settings.height; 1635 autoResize = settings.autoResize; 1636 autoResize = typeof autoResize !== 'undefined' ? autoResize : !width && !height; 1637 width = width || minWidth; 1638 height = height || minHeight; 1639 var deltaW = borderBox.left + borderBox.right; 1640 var deltaH = borderBox.top + borderBox.bottom; 1641 var maxW = settings.maxWidth || 65535; 1642 var maxH = settings.maxHeight || 65535; 1643 self._layoutRect = layoutRect = { 1644 x: settings.x || 0, 1645 y: settings.y || 0, 1646 w: width, 1647 h: height, 1648 deltaW: deltaW, 1649 deltaH: deltaH, 1650 contentW: width - deltaW, 1651 contentH: height - deltaH, 1652 innerW: width - deltaW, 1653 innerH: height - deltaH, 1654 startMinWidth: startMinWidth || 0, 1655 startMinHeight: startMinHeight || 0, 1656 minW: Math.min(minWidth, maxW), 1657 minH: Math.min(minHeight, maxH), 1658 maxW: maxW, 1659 maxH: maxH, 1660 autoResize: autoResize, 1661 scrollW: 0 1662 }; 1663 self._lastLayoutRect = {}; 1664 return layoutRect; 1665 }, 1666 layoutRect: function (newRect) { 1667 var self = this; 1668 var curRect = self._layoutRect, lastLayoutRect, size, deltaWidth, deltaHeight, repaintControls; 1669 if (!curRect) { 1670 curRect = self.initLayoutRect(); 1671 } 1672 if (newRect) { 1673 deltaWidth = curRect.deltaW; 1674 deltaHeight = curRect.deltaH; 1675 if (newRect.x !== undefined) { 1676 curRect.x = newRect.x; 1677 } 1678 if (newRect.y !== undefined) { 1679 curRect.y = newRect.y; 1680 } 1681 if (newRect.minW !== undefined) { 1682 curRect.minW = newRect.minW; 1683 } 1684 if (newRect.minH !== undefined) { 1685 curRect.minH = newRect.minH; 1686 } 1687 size = newRect.w; 1688 if (size !== undefined) { 1689 size = size < curRect.minW ? curRect.minW : size; 1690 size = size > curRect.maxW ? curRect.maxW : size; 1691 curRect.w = size; 1692 curRect.innerW = size - deltaWidth; 1693 } 1694 size = newRect.h; 1695 if (size !== undefined) { 1696 size = size < curRect.minH ? curRect.minH : size; 1697 size = size > curRect.maxH ? curRect.maxH : size; 1698 curRect.h = size; 1699 curRect.innerH = size - deltaHeight; 1700 } 1701 size = newRect.innerW; 1702 if (size !== undefined) { 1703 size = size < curRect.minW - deltaWidth ? curRect.minW - deltaWidth : size; 1704 size = size > curRect.maxW - deltaWidth ? curRect.maxW - deltaWidth : size; 1705 curRect.innerW = size; 1706 curRect.w = size + deltaWidth; 1707 } 1708 size = newRect.innerH; 1709 if (size !== undefined) { 1710 size = size < curRect.minH - deltaHeight ? curRect.minH - deltaHeight : size; 1711 size = size > curRect.maxH - deltaHeight ? curRect.maxH - deltaHeight : size; 1712 curRect.innerH = size; 1713 curRect.h = size + deltaHeight; 1714 } 1715 if (newRect.contentW !== undefined) { 1716 curRect.contentW = newRect.contentW; 1717 } 1718 if (newRect.contentH !== undefined) { 1719 curRect.contentH = newRect.contentH; 1720 } 1721 lastLayoutRect = self._lastLayoutRect; 1722 if (lastLayoutRect.x !== curRect.x || lastLayoutRect.y !== curRect.y || lastLayoutRect.w !== curRect.w || lastLayoutRect.h !== curRect.h) { 1723 repaintControls = Control.repaintControls; 1724 if (repaintControls) { 1725 if (repaintControls.map && !repaintControls.map[self._id]) { 1726 repaintControls.push(self); 1727 repaintControls.map[self._id] = true; 1728 } 1729 } 1730 lastLayoutRect.x = curRect.x; 1731 lastLayoutRect.y = curRect.y; 1732 lastLayoutRect.w = curRect.w; 1733 lastLayoutRect.h = curRect.h; 1734 } 1735 return self; 1736 } 1737 return curRect; 1738 }, 1739 repaint: function () { 1740 var self = this; 1741 var style, bodyStyle, bodyElm, rect, borderBox; 1742 var borderW, borderH, lastRepaintRect, round, value; 1743 round = !domGlobals.document.createRange ? Math.round : function (value) { 1744 return value; 1745 }; 1746 style = self.getEl().style; 1747 rect = self._layoutRect; 1748 lastRepaintRect = self._lastRepaintRect || {}; 1749 borderBox = self.borderBox; 1750 borderW = borderBox.left + borderBox.right; 1751 borderH = borderBox.top + borderBox.bottom; 1752 if (rect.x !== lastRepaintRect.x) { 1753 style.left = round(rect.x) + 'px'; 1754 lastRepaintRect.x = rect.x; 1755 } 1756 if (rect.y !== lastRepaintRect.y) { 1757 style.top = round(rect.y) + 'px'; 1758 lastRepaintRect.y = rect.y; 1759 } 1760 if (rect.w !== lastRepaintRect.w) { 1761 value = round(rect.w - borderW); 1762 style.width = (value >= 0 ? value : 0) + 'px'; 1763 lastRepaintRect.w = rect.w; 1764 } 1765 if (rect.h !== lastRepaintRect.h) { 1766 value = round(rect.h - borderH); 1767 style.height = (value >= 0 ? value : 0) + 'px'; 1768 lastRepaintRect.h = rect.h; 1769 } 1770 if (self._hasBody && rect.innerW !== lastRepaintRect.innerW) { 1771 value = round(rect.innerW); 1772 bodyElm = self.getEl('body'); 1773 if (bodyElm) { 1774 bodyStyle = bodyElm.style; 1775 bodyStyle.width = (value >= 0 ? value : 0) + 'px'; 1776 } 1777 lastRepaintRect.innerW = rect.innerW; 1778 } 1779 if (self._hasBody && rect.innerH !== lastRepaintRect.innerH) { 1780 value = round(rect.innerH); 1781 bodyElm = bodyElm || self.getEl('body'); 1782 if (bodyElm) { 1783 bodyStyle = bodyStyle || bodyElm.style; 1784 bodyStyle.height = (value >= 0 ? value : 0) + 'px'; 1785 } 1786 lastRepaintRect.innerH = rect.innerH; 1787 } 1788 self._lastRepaintRect = lastRepaintRect; 1789 self.fire('repaint', {}, false); 1790 }, 1791 updateLayoutRect: function () { 1792 var self = this; 1793 self.parent()._lastRect = null; 1794 funcs.css(self.getEl(), { 1795 width: '', 1796 height: '' 1797 }); 1798 self._layoutRect = self._lastRepaintRect = self._lastLayoutRect = null; 1799 self.initLayoutRect(); 1800 }, 1801 on: function (name, callback) { 1802 var self = this; 1803 function resolveCallbackName(name) { 1804 var callback, scope; 1805 if (typeof name !== 'string') { 1806 return name; 1807 } 1808 return function (e) { 1809 if (!callback) { 1810 self.parentsAndSelf().each(function (ctrl) { 1811 var callbacks = ctrl.settings.callbacks; 1812 if (callbacks && (callback = callbacks[name])) { 1813 scope = ctrl; 1814 return false; 1815 } 1816 }); 1817 } 1818 if (!callback) { 1819 e.action = name; 1820 this.fire('execute', e); 1821 return; 1822 } 1823 return callback.call(scope, e); 1824 }; 1825 } 1826 getEventDispatcher(self).on(name, resolveCallbackName(callback)); 1827 return self; 1828 }, 1829 off: function (name, callback) { 1830 getEventDispatcher(this).off(name, callback); 1831 return this; 1832 }, 1833 fire: function (name, args, bubble) { 1834 var self = this; 1835 args = args || {}; 1836 if (!args.control) { 1837 args.control = self; 1838 } 1839 args = getEventDispatcher(self).fire(name, args); 1840 if (bubble !== false && self.parent) { 1841 var parent = self.parent(); 1842 while (parent && !args.isPropagationStopped()) { 1843 parent.fire(name, args, false); 1844 parent = parent.parent(); 1845 } 1846 } 1847 return args; 1848 }, 1849 hasEventListeners: function (name) { 1850 return getEventDispatcher(this).has(name); 1851 }, 1852 parents: function (selector) { 1853 var self = this; 1854 var ctrl, parents = new Collection$2(); 1855 for (ctrl = self.parent(); ctrl; ctrl = ctrl.parent()) { 1856 parents.add(ctrl); 1857 } 1858 if (selector) { 1859 parents = parents.filter(selector); 1860 } 1861 return parents; 1862 }, 1863 parentsAndSelf: function (selector) { 1864 return new Collection$2(this).add(this.parents(selector)); 1865 }, 1866 next: function () { 1867 var parentControls = this.parent().items(); 1868 return parentControls[parentControls.indexOf(this) + 1]; 1869 }, 1870 prev: function () { 1871 var parentControls = this.parent().items(); 1872 return parentControls[parentControls.indexOf(this) - 1]; 1873 }, 1874 innerHtml: function (html) { 1875 this.$el.html(html); 1876 return this; 1877 }, 1878 getEl: function (suffix) { 1879 var id = suffix ? this._id + '-' + suffix : this._id; 1880 if (!this._elmCache[id]) { 1881 this._elmCache[id] = global$7('#' + id)[0]; 1882 } 1883 return this._elmCache[id]; 1884 }, 1885 show: function () { 1886 return this.visible(true); 1887 }, 1888 hide: function () { 1889 return this.visible(false); 1890 }, 1891 focus: function () { 1892 try { 1893 this.getEl().focus(); 1894 } catch (ex) { 1895 } 1896 return this; 1897 }, 1898 blur: function () { 1899 this.getEl().blur(); 1900 return this; 1901 }, 1902 aria: function (name, value) { 1903 var self = this, elm = self.getEl(self.ariaTarget); 1904 if (typeof value === 'undefined') { 1905 return self._aria[name]; 1906 } 1907 self._aria[name] = value; 1908 if (self.state.get('rendered')) { 1909 elm.setAttribute(name === 'role' ? name : 'aria-' + name, value); 1910 } 1911 return self; 1912 }, 1913 encode: function (text, translate) { 1914 if (translate !== false) { 1915 text = this.translate(text); 1916 } 1917 return (text || '').replace(/[&<>"]/g, function (match) { 1918 return '&#' + match.charCodeAt(0) + ';'; 1919 }); 1920 }, 1921 translate: function (text) { 1922 return Control.translate ? Control.translate(text) : text; 1923 }, 1924 before: function (items) { 1925 var self = this, parent = self.parent(); 1926 if (parent) { 1927 parent.insert(items, parent.items().indexOf(self), true); 1928 } 1929 return self; 1930 }, 1931 after: function (items) { 1932 var self = this, parent = self.parent(); 1933 if (parent) { 1934 parent.insert(items, parent.items().indexOf(self)); 1935 } 1936 return self; 1937 }, 1938 remove: function () { 1939 var self = this; 1940 var elm = self.getEl(); 1941 var parent = self.parent(); 1942 var newItems, i; 1943 if (self.items) { 1944 var controls = self.items().toArray(); 1945 i = controls.length; 1946 while (i--) { 1947 controls[i].remove(); 1948 } 1949 } 1950 if (parent && parent.items) { 1951 newItems = []; 1952 parent.items().each(function (item) { 1953 if (item !== self) { 1954 newItems.push(item); 1955 } 1956 }); 1957 parent.items().set(newItems); 1958 parent._lastRect = null; 1959 } 1960 if (self._eventsRoot && self._eventsRoot === self) { 1961 global$7(elm).off(); 1962 } 1963 var lookup = self.getRoot().controlIdLookup; 1964 if (lookup) { 1965 delete lookup[self._id]; 1966 } 1967 if (elm && elm.parentNode) { 1968 elm.parentNode.removeChild(elm); 1969 } 1970 self.state.set('rendered', false); 1971 self.state.destroy(); 1972 self.fire('remove'); 1973 return self; 1974 }, 1975 renderBefore: function (elm) { 1976 global$7(elm).before(this.renderHtml()); 1977 this.postRender(); 1978 return this; 1979 }, 1980 renderTo: function (elm) { 1981 global$7(elm || this.getContainerElm()).append(this.renderHtml()); 1982 this.postRender(); 1983 return this; 1984 }, 1985 preRender: function () { 1986 }, 1987 render: function () { 1988 }, 1989 renderHtml: function () { 1990 return '<div id="' + this._id + '" class="' + this.classes + '"></div>'; 1991 }, 1992 postRender: function () { 1993 var self = this; 1994 var settings = self.settings; 1995 var elm, box, parent, name, parentEventsRoot; 1996 self.$el = global$7(self.getEl()); 1997 self.state.set('rendered', true); 1998 for (name in settings) { 1999 if (name.indexOf('on') === 0) { 2000 self.on(name.substr(2), settings[name]); 2001 } 2002 } 2003 if (self._eventsRoot) { 2004 for (parent = self.parent(); !parentEventsRoot && parent; parent = parent.parent()) { 2005 parentEventsRoot = parent._eventsRoot; 2006 } 2007 if (parentEventsRoot) { 2008 for (name in parentEventsRoot._nativeEvents) { 2009 self._nativeEvents[name] = true; 2010 } 2011 } 2012 } 2013 bindPendingEvents(self); 2014 if (settings.style) { 2015 elm = self.getEl(); 2016 if (elm) { 2017 elm.setAttribute('style', settings.style); 2018 elm.style.cssText = settings.style; 2019 } 2020 } 2021 if (self.settings.border) { 2022 box = self.borderBox; 2023 self.$el.css({ 2024 'border-top-width': box.top, 2025 'border-right-width': box.right, 2026 'border-bottom-width': box.bottom, 2027 'border-left-width': box.left 2028 }); 2029 } 2030 var root = self.getRoot(); 2031 if (!root.controlIdLookup) { 2032 root.controlIdLookup = {}; 2033 } 2034 root.controlIdLookup[self._id] = self; 2035 for (var key in self._aria) { 2036 self.aria(key, self._aria[key]); 2037 } 2038 if (self.state.get('visible') === false) { 2039 self.getEl().style.display = 'none'; 2040 } 2041 self.bindStates(); 2042 self.state.on('change:visible', function (e) { 2043 var state = e.value; 2044 var parentCtrl; 2045 if (self.state.get('rendered')) { 2046 self.getEl().style.display = state === false ? 'none' : ''; 2047 self.getEl().getBoundingClientRect(); 2048 } 2049 parentCtrl = self.parent(); 2050 if (parentCtrl) { 2051 parentCtrl._lastRect = null; 2052 } 2053 self.fire(state ? 'show' : 'hide'); 2054 ReflowQueue.add(self); 2055 }); 2056 self.fire('postrender', {}, false); 2057 }, 2058 bindStates: function () { 2059 }, 2060 scrollIntoView: function (align) { 2061 function getOffset(elm, rootElm) { 2062 var x, y, parent = elm; 2063 x = y = 0; 2064 while (parent && parent !== rootElm && parent.nodeType) { 2065 x += parent.offsetLeft || 0; 2066 y += parent.offsetTop || 0; 2067 parent = parent.offsetParent; 2068 } 2069 return { 2070 x: x, 2071 y: y 2072 }; 2073 } 2074 var elm = this.getEl(), parentElm = elm.parentNode; 2075 var x, y, width, height, parentWidth, parentHeight; 2076 var pos = getOffset(elm, parentElm); 2077 x = pos.x; 2078 y = pos.y; 2079 width = elm.offsetWidth; 2080 height = elm.offsetHeight; 2081 parentWidth = parentElm.clientWidth; 2082 parentHeight = parentElm.clientHeight; 2083 if (align === 'end') { 2084 x -= parentWidth - width; 2085 y -= parentHeight - height; 2086 } else if (align === 'center') { 2087 x -= parentWidth / 2 - width / 2; 2088 y -= parentHeight / 2 - height / 2; 2089 } 2090 parentElm.scrollLeft = x; 2091 parentElm.scrollTop = y; 2092 return this; 2093 }, 2094 getRoot: function () { 2095 var ctrl = this, rootControl; 2096 var parents = []; 2097 while (ctrl) { 2098 if (ctrl.rootControl) { 2099 rootControl = ctrl.rootControl; 2100 break; 2101 } 2102 parents.push(ctrl); 2103 rootControl = ctrl; 2104 ctrl = ctrl.parent(); 2105 } 2106 if (!rootControl) { 2107 rootControl = this; 2108 } 2109 var i = parents.length; 2110 while (i--) { 2111 parents[i].rootControl = rootControl; 2112 } 2113 return rootControl; 2114 }, 2115 reflow: function () { 2116 ReflowQueue.remove(this); 2117 var parent = this.parent(); 2118 if (parent && parent._layout && !parent._layout.isNative()) { 2119 parent.reflow(); 2120 } 2121 return this; 2122 } 2123 }; 2124 global$4.each('text title visible disabled active value'.split(' '), function (name) { 2125 proto$1[name] = function (value) { 2126 if (arguments.length === 0) { 2127 return this.state.get(name); 2128 } 2129 if (typeof value !== 'undefined') { 2130 this.state.set(name, value); 2131 } 2132 return this; 2133 }; 2134 }); 2135 Control = global$8.extend(proto$1); 2136 function getEventDispatcher(obj) { 2137 if (!obj._eventDispatcher) { 2138 obj._eventDispatcher = new global$9({ 2139 scope: obj, 2140 toggleEvent: function (name, state) { 2141 if (state && global$9.isNative(name)) { 2142 if (!obj._nativeEvents) { 2143 obj._nativeEvents = {}; 2144 } 2145 obj._nativeEvents[name] = true; 2146 if (obj.state.get('rendered')) { 2147 bindPendingEvents(obj); 2148 } 2149 } 2150 } 2151 }); 2152 } 2153 return obj._eventDispatcher; 2154 } 2155 function bindPendingEvents(eventCtrl) { 2156 var i, l, parents, eventRootCtrl, nativeEvents, name; 2157 function delegate(e) { 2158 var control = eventCtrl.getParentCtrl(e.target); 2159 if (control) { 2160 control.fire(e.type, e); 2161 } 2162 } 2163 function mouseLeaveHandler() { 2164 var ctrl = eventRootCtrl._lastHoverCtrl; 2165 if (ctrl) { 2166 ctrl.fire('mouseleave', { target: ctrl.getEl() }); 2167 ctrl.parents().each(function (ctrl) { 2168 ctrl.fire('mouseleave', { target: ctrl.getEl() }); 2169 }); 2170 eventRootCtrl._lastHoverCtrl = null; 2171 } 2172 } 2173 function mouseEnterHandler(e) { 2174 var ctrl = eventCtrl.getParentCtrl(e.target), lastCtrl = eventRootCtrl._lastHoverCtrl, idx = 0, i, parents, lastParents; 2175 if (ctrl !== lastCtrl) { 2176 eventRootCtrl._lastHoverCtrl = ctrl; 2177 parents = ctrl.parents().toArray().reverse(); 2178 parents.push(ctrl); 2179 if (lastCtrl) { 2180 lastParents = lastCtrl.parents().toArray().reverse(); 2181 lastParents.push(lastCtrl); 2182 for (idx = 0; idx < lastParents.length; idx++) { 2183 if (parents[idx] !== lastParents[idx]) { 2184 break; 2185 } 2186 } 2187 for (i = lastParents.length - 1; i >= idx; i--) { 2188 lastCtrl = lastParents[i]; 2189 lastCtrl.fire('mouseleave', { target: lastCtrl.getEl() }); 2190 } 2191 } 2192 for (i = idx; i < parents.length; i++) { 2193 ctrl = parents[i]; 2194 ctrl.fire('mouseenter', { target: ctrl.getEl() }); 2195 } 2196 } 2197 } 2198 function fixWheelEvent(e) { 2199 e.preventDefault(); 2200 if (e.type === 'mousewheel') { 2201 e.deltaY = -1 / 40 * e.wheelDelta; 2202 if (e.wheelDeltaX) { 2203 e.deltaX = -1 / 40 * e.wheelDeltaX; 2204 } 2205 } else { 2206 e.deltaX = 0; 2207 e.deltaY = e.detail; 2208 } 2209 e = eventCtrl.fire('wheel', e); 2210 } 2211 nativeEvents = eventCtrl._nativeEvents; 2212 if (nativeEvents) { 2213 parents = eventCtrl.parents().toArray(); 2214 parents.unshift(eventCtrl); 2215 for (i = 0, l = parents.length; !eventRootCtrl && i < l; i++) { 2216 eventRootCtrl = parents[i]._eventsRoot; 2217 } 2218 if (!eventRootCtrl) { 2219 eventRootCtrl = parents[parents.length - 1] || eventCtrl; 2220 } 2221 eventCtrl._eventsRoot = eventRootCtrl; 2222 for (l = i, i = 0; i < l; i++) { 2223 parents[i]._eventsRoot = eventRootCtrl; 2224 } 2225 var eventRootDelegates = eventRootCtrl._delegates; 2226 if (!eventRootDelegates) { 2227 eventRootDelegates = eventRootCtrl._delegates = {}; 2228 } 2229 for (name in nativeEvents) { 2230 if (!nativeEvents) { 2231 return false; 2232 } 2233 if (name === 'wheel' && !hasWheelEventSupport) { 2234 if (hasMouseWheelEventSupport) { 2235 global$7(eventCtrl.getEl()).on('mousewheel', fixWheelEvent); 2236 } else { 2237 global$7(eventCtrl.getEl()).on('DOMMouseScroll', fixWheelEvent); 2238 } 2239 continue; 2240 } 2241 if (name === 'mouseenter' || name === 'mouseleave') { 2242 if (!eventRootCtrl._hasMouseEnter) { 2243 global$7(eventRootCtrl.getEl()).on('mouseleave', mouseLeaveHandler).on('mouseover', mouseEnterHandler); 2244 eventRootCtrl._hasMouseEnter = 1; 2245 } 2246 } else if (!eventRootDelegates[name]) { 2247 global$7(eventRootCtrl.getEl()).on(name, delegate); 2248 eventRootDelegates[name] = true; 2249 } 2250 nativeEvents[name] = false; 2251 } 2252 } 2253 } 2254 var Control$1 = Control; 2255 2256 var isStatic = function (elm) { 2257 return funcs.getRuntimeStyle(elm, 'position') === 'static'; 2258 }; 2259 var isFixed = function (ctrl) { 2260 return ctrl.state.get('fixed'); 2261 }; 2262 function calculateRelativePosition(ctrl, targetElm, rel) { 2263 var ctrlElm, pos, x, y, selfW, selfH, targetW, targetH, viewport, size; 2264 viewport = getWindowViewPort(); 2265 pos = funcs.getPos(targetElm, UiContainer.getUiContainer(ctrl)); 2266 x = pos.x; 2267 y = pos.y; 2268 if (isFixed(ctrl) && isStatic(domGlobals.document.body)) { 2269 x -= viewport.x; 2270 y -= viewport.y; 2271 } 2272 ctrlElm = ctrl.getEl(); 2273 size = funcs.getSize(ctrlElm); 2274 selfW = size.width; 2275 selfH = size.height; 2276 size = funcs.getSize(targetElm); 2277 targetW = size.width; 2278 targetH = size.height; 2279 rel = (rel || '').split(''); 2280 if (rel[0] === 'b') { 2281 y += targetH; 2282 } 2283 if (rel[1] === 'r') { 2284 x += targetW; 2285 } 2286 if (rel[0] === 'c') { 2287 y += Math.round(targetH / 2); 2288 } 2289 if (rel[1] === 'c') { 2290 x += Math.round(targetW / 2); 2291 } 2292 if (rel[3] === 'b') { 2293 y -= selfH; 2294 } 2295 if (rel[4] === 'r') { 2296 x -= selfW; 2297 } 2298 if (rel[3] === 'c') { 2299 y -= Math.round(selfH / 2); 2300 } 2301 if (rel[4] === 'c') { 2302 x -= Math.round(selfW / 2); 2303 } 2304 return { 2305 x: x, 2306 y: y, 2307 w: selfW, 2308 h: selfH 2309 }; 2310 } 2311 var getUiContainerViewPort = function (customUiContainer) { 2312 return { 2313 x: 0, 2314 y: 0, 2315 w: customUiContainer.scrollWidth - 1, 2316 h: customUiContainer.scrollHeight - 1 2317 }; 2318 }; 2319 var getWindowViewPort = function () { 2320 var win = domGlobals.window; 2321 var x = Math.max(win.pageXOffset, domGlobals.document.body.scrollLeft, domGlobals.document.documentElement.scrollLeft); 2322 var y = Math.max(win.pageYOffset, domGlobals.document.body.scrollTop, domGlobals.document.documentElement.scrollTop); 2323 var w = win.innerWidth || domGlobals.document.documentElement.clientWidth; 2324 var h = win.innerHeight || domGlobals.document.documentElement.clientHeight; 2325 return { 2326 x: x, 2327 y: y, 2328 w: w, 2329 h: h 2330 }; 2331 }; 2332 var getViewPortRect = function (ctrl) { 2333 var customUiContainer = UiContainer.getUiContainer(ctrl); 2334 return customUiContainer && !isFixed(ctrl) ? getUiContainerViewPort(customUiContainer) : getWindowViewPort(); 2335 }; 2336 var Movable = { 2337 testMoveRel: function (elm, rels) { 2338 var viewPortRect = getViewPortRect(this); 2339 for (var i = 0; i < rels.length; i++) { 2340 var pos = calculateRelativePosition(this, elm, rels[i]); 2341 if (isFixed(this)) { 2342 if (pos.x > 0 && pos.x + pos.w < viewPortRect.w && pos.y > 0 && pos.y + pos.h < viewPortRect.h) { 2343 return rels[i]; 2344 } 2345 } else { 2346 if (pos.x > viewPortRect.x && pos.x + pos.w < viewPortRect.w + viewPortRect.x && pos.y > viewPortRect.y && pos.y + pos.h < viewPortRect.h + viewPortRect.y) { 2347 return rels[i]; 2348 } 2349 } 2350 } 2351 return rels[0]; 2352 }, 2353 moveRel: function (elm, rel) { 2354 if (typeof rel !== 'string') { 2355 rel = this.testMoveRel(elm, rel); 2356 } 2357 var pos = calculateRelativePosition(this, elm, rel); 2358 return this.moveTo(pos.x, pos.y); 2359 }, 2360 moveBy: function (dx, dy) { 2361 var self = this, rect = self.layoutRect(); 2362 self.moveTo(rect.x + dx, rect.y + dy); 2363 return self; 2364 }, 2365 moveTo: function (x, y) { 2366 var self = this; 2367 function constrain(value, max, size) { 2368 if (value < 0) { 2369 return 0; 2370 } 2371 if (value + size > max) { 2372 value = max - size; 2373 return value < 0 ? 0 : value; 2374 } 2375 return value; 2376 } 2377 if (self.settings.constrainToViewport) { 2378 var viewPortRect = getViewPortRect(this); 2379 var layoutRect = self.layoutRect(); 2380 x = constrain(x, viewPortRect.w + viewPortRect.x, layoutRect.w); 2381 y = constrain(y, viewPortRect.h + viewPortRect.y, layoutRect.h); 2382 } 2383 var uiContainer = UiContainer.getUiContainer(self); 2384 if (uiContainer && isStatic(uiContainer) && !isFixed(self)) { 2385 x -= uiContainer.scrollLeft; 2386 y -= uiContainer.scrollTop; 2387 } 2388 if (uiContainer) { 2389 x += 1; 2390 y += 1; 2391 } 2392 if (self.state.get('rendered')) { 2393 self.layoutRect({ 2394 x: x, 2395 y: y 2396 }).repaint(); 2397 } else { 2398 self.settings.x = x; 2399 self.settings.y = y; 2400 } 2401 self.fire('move', { 2402 x: x, 2403 y: y 2404 }); 2405 return self; 2406 } 2407 }; 2408 2409 var Tooltip = Control$1.extend({ 2410 Mixins: [Movable], 2411 Defaults: { classes: 'widget tooltip tooltip-n' }, 2412 renderHtml: function () { 2413 var self = this, prefix = self.classPrefix; 2414 return '<div id="' + self._id + '" class="' + self.classes + '" role="presentation">' + '<div class="' + prefix + 'tooltip-arrow"></div>' + '<div class="' + prefix + 'tooltip-inner">' + self.encode(self.state.get('text')) + '</div>' + '</div>'; 2415 }, 2416 bindStates: function () { 2417 var self = this; 2418 self.state.on('change:text', function (e) { 2419 self.getEl().lastChild.innerHTML = self.encode(e.value); 2420 }); 2421 return self._super(); 2422 }, 2423 repaint: function () { 2424 var self = this; 2425 var style, rect; 2426 style = self.getEl().style; 2427 rect = self._layoutRect; 2428 style.left = rect.x + 'px'; 2429 style.top = rect.y + 'px'; 2430 style.zIndex = 65535 + 65535; 2431 } 2432 }); 2433 2434 var Widget = Control$1.extend({ 2435 init: function (settings) { 2436 var self = this; 2437 self._super(settings); 2438 settings = self.settings; 2439 self.canFocus = true; 2440 if (settings.tooltip && Widget.tooltips !== false) { 2441 self.on('mouseenter', function (e) { 2442 var tooltip = self.tooltip().moveTo(-65535); 2443 if (e.control === self) { 2444 var rel = tooltip.text(settings.tooltip).show().testMoveRel(self.getEl(), [ 2445 'bc-tc', 2446 'bc-tl', 2447 'bc-tr' 2448 ]); 2449 tooltip.classes.toggle('tooltip-n', rel === 'bc-tc'); 2450 tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl'); 2451 tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr'); 2452 tooltip.moveRel(self.getEl(), rel); 2453 } else { 2454 tooltip.hide(); 2455 } 2456 }); 2457 self.on('mouseleave mousedown click', function () { 2458 self.tooltip().remove(); 2459 self._tooltip = null; 2460 }); 2461 } 2462 self.aria('label', settings.ariaLabel || settings.tooltip); 2463 }, 2464 tooltip: function () { 2465 if (!this._tooltip) { 2466 this._tooltip = new Tooltip({ type: 'tooltip' }); 2467 UiContainer.inheritUiContainer(this, this._tooltip); 2468 this._tooltip.renderTo(); 2469 } 2470 return this._tooltip; 2471 }, 2472 postRender: function () { 2473 var self = this, settings = self.settings; 2474 self._super(); 2475 if (!self.parent() && (settings.width || settings.height)) { 2476 self.initLayoutRect(); 2477 self.repaint(); 2478 } 2479 if (settings.autofocus) { 2480 self.focus(); 2481 } 2482 }, 2483 bindStates: function () { 2484 var self = this; 2485 function disable(state) { 2486 self.aria('disabled', state); 2487 self.classes.toggle('disabled', state); 2488 } 2489 function active(state) { 2490 self.aria('pressed', state); 2491 self.classes.toggle('active', state); 2492 } 2493 self.state.on('change:disabled', function (e) { 2494 disable(e.value); 2495 }); 2496 self.state.on('change:active', function (e) { 2497 active(e.value); 2498 }); 2499 if (self.state.get('disabled')) { 2500 disable(true); 2501 } 2502 if (self.state.get('active')) { 2503 active(true); 2504 } 2505 return self._super(); 2506 }, 2507 remove: function () { 2508 this._super(); 2509 if (this._tooltip) { 2510 this._tooltip.remove(); 2511 this._tooltip = null; 2512 } 2513 } 2514 }); 2515 2516 var Progress = Widget.extend({ 2517 Defaults: { value: 0 }, 2518 init: function (settings) { 2519 var self = this; 2520 self._super(settings); 2521 self.classes.add('progress'); 2522 if (!self.settings.filter) { 2523 self.settings.filter = function (value) { 2524 return Math.round(value); 2525 }; 2526 } 2527 }, 2528 renderHtml: function () { 2529 var self = this, id = self._id, prefix = this.classPrefix; 2530 return '<div id="' + id + '" class="' + self.classes + '">' + '<div class="' + prefix + 'bar-container">' + '<div class="' + prefix + 'bar"></div>' + '</div>' + '<div class="' + prefix + 'text">0%</div>' + '</div>'; 2531 }, 2532 postRender: function () { 2533 var self = this; 2534 self._super(); 2535 self.value(self.settings.value); 2536 return self; 2537 }, 2538 bindStates: function () { 2539 var self = this; 2540 function setValue(value) { 2541 value = self.settings.filter(value); 2542 self.getEl().lastChild.innerHTML = value + '%'; 2543 self.getEl().firstChild.firstChild.style.width = value + '%'; 2544 } 2545 self.state.on('change:value', function (e) { 2546 setValue(e.value); 2547 }); 2548 setValue(self.state.get('value')); 2549 return self._super(); 2550 } 2551 }); 2552 2553 var updateLiveRegion = function (ctx, text) { 2554 ctx.getEl().lastChild.textContent = text + (ctx.progressBar ? ' ' + ctx.progressBar.value() + '%' : ''); 2555 }; 2556 var Notification = Control$1.extend({ 2557 Mixins: [Movable], 2558 Defaults: { classes: 'widget notification' }, 2559 init: function (settings) { 2560 var self = this; 2561 self._super(settings); 2562 self.maxWidth = settings.maxWidth; 2563 if (settings.text) { 2564 self.text(settings.text); 2565 } 2566 if (settings.icon) { 2567 self.icon = settings.icon; 2568 } 2569 if (settings.color) { 2570 self.color = settings.color; 2571 } 2572 if (settings.type) { 2573 self.classes.add('notification-' + settings.type); 2574 } 2575 if (settings.timeout && (settings.timeout < 0 || settings.timeout > 0) && !settings.closeButton) { 2576 self.closeButton = false; 2577 } else { 2578 self.classes.add('has-close'); 2579 self.closeButton = true; 2580 } 2581 if (settings.progressBar) { 2582 self.progressBar = new Progress(); 2583 } 2584 self.on('click', function (e) { 2585 if (e.target.className.indexOf(self.classPrefix + 'close') !== -1) { 2586 self.close(); 2587 } 2588 }); 2589 }, 2590 renderHtml: function () { 2591 var self = this; 2592 var prefix = self.classPrefix; 2593 var icon = '', closeButton = '', progressBar = '', notificationStyle = ''; 2594 if (self.icon) { 2595 icon = '<i class="' + prefix + 'ico' + ' ' + prefix + 'i-' + self.icon + '"></i>'; 2596 } 2597 notificationStyle = ' style="max-width: ' + self.maxWidth + 'px;' + (self.color ? 'background-color: ' + self.color + ';"' : '"'); 2598 if (self.closeButton) { 2599 closeButton = '<button type="button" class="' + prefix + 'close" aria-hidden="true">\xD7</button>'; 2600 } 2601 if (self.progressBar) { 2602 progressBar = self.progressBar.renderHtml(); 2603 } 2604 return '<div id="' + self._id + '" class="' + self.classes + '"' + notificationStyle + ' role="presentation">' + icon + '<div class="' + prefix + 'notification-inner">' + self.state.get('text') + '</div>' + progressBar + closeButton + '<div style="clip: rect(1px, 1px, 1px, 1px);height: 1px;overflow: hidden;position: absolute;width: 1px;"' + ' aria-live="assertive" aria-relevant="additions" aria-atomic="true"></div>' + '</div>'; 2605 }, 2606 postRender: function () { 2607 var self = this; 2608 global$3.setTimeout(function () { 2609 self.$el.addClass(self.classPrefix + 'in'); 2610 updateLiveRegion(self, self.state.get('text')); 2611 }, 100); 2612 return self._super(); 2613 }, 2614 bindStates: function () { 2615 var self = this; 2616 self.state.on('change:text', function (e) { 2617 self.getEl().firstChild.innerHTML = e.value; 2618 updateLiveRegion(self, e.value); 2619 }); 2620 if (self.progressBar) { 2621 self.progressBar.bindStates(); 2622 self.progressBar.state.on('change:value', function (e) { 2623 updateLiveRegion(self, self.state.get('text')); 2624 }); 2625 } 2626 return self._super(); 2627 }, 2628 close: function () { 2629 var self = this; 2630 if (!self.fire('close').isDefaultPrevented()) { 2631 self.remove(); 2632 } 2633 return self; 2634 }, 2635 repaint: function () { 2636 var self = this; 2637 var style, rect; 2638 style = self.getEl().style; 2639 rect = self._layoutRect; 2640 style.left = rect.x + 'px'; 2641 style.top = rect.y + 'px'; 2642 style.zIndex = 65535 - 1; 2643 } 2644 }); 2645 2646 function NotificationManagerImpl (editor) { 2647 var getEditorContainer = function (editor) { 2648 return editor.inline ? editor.getElement() : editor.getContentAreaContainer(); 2649 }; 2650 var getContainerWidth = function () { 2651 var container = getEditorContainer(editor); 2652 return funcs.getSize(container).width; 2653 }; 2654 var prePositionNotifications = function (notifications) { 2655 each(notifications, function (notification) { 2656 notification.moveTo(0, 0); 2657 }); 2658 }; 2659 var positionNotifications = function (notifications) { 2660 if (notifications.length > 0) { 2661 var firstItem = notifications.slice(0, 1)[0]; 2662 var container = getEditorContainer(editor); 2663 firstItem.moveRel(container, 'tc-tc'); 2664 each(notifications, function (notification, index) { 2665 if (index > 0) { 2666 notification.moveRel(notifications[index - 1].getEl(), 'bc-tc'); 2667 } 2668 }); 2669 } 2670 }; 2671 var reposition = function (notifications) { 2672 prePositionNotifications(notifications); 2673 positionNotifications(notifications); 2674 }; 2675 var open = function (args, closeCallback) { 2676 var extendedArgs = global$4.extend(args, { maxWidth: getContainerWidth() }); 2677 var notif = new Notification(extendedArgs); 2678 notif.args = extendedArgs; 2679 if (extendedArgs.timeout > 0) { 2680 notif.timer = setTimeout(function () { 2681 notif.close(); 2682 closeCallback(); 2683 }, extendedArgs.timeout); 2684 } 2685 notif.on('close', function () { 2686 closeCallback(); 2687 }); 2688 notif.renderTo(); 2689 return notif; 2690 }; 2691 var close = function (notification) { 2692 notification.close(); 2693 }; 2694 var getArgs = function (notification) { 2695 return notification.args; 2696 }; 2697 return { 2698 open: open, 2699 close: close, 2700 reposition: reposition, 2701 getArgs: getArgs 2702 }; 2703 } 2704 2705 function getDocumentSize(doc) { 2706 var documentElement, body, scrollWidth, clientWidth; 2707 var offsetWidth, scrollHeight, clientHeight, offsetHeight; 2708 var max = Math.max; 2709 documentElement = doc.documentElement; 2710 body = doc.body; 2711 scrollWidth = max(documentElement.scrollWidth, body.scrollWidth); 2712 clientWidth = max(documentElement.clientWidth, body.clientWidth); 2713 offsetWidth = max(documentElement.offsetWidth, body.offsetWidth); 2714 scrollHeight = max(documentElement.scrollHeight, body.scrollHeight); 2715 clientHeight = max(documentElement.clientHeight, body.clientHeight); 2716 offsetHeight = max(documentElement.offsetHeight, body.offsetHeight); 2717 return { 2718 width: scrollWidth < offsetWidth ? clientWidth : scrollWidth, 2719 height: scrollHeight < offsetHeight ? clientHeight : scrollHeight 2720 }; 2721 } 2722 function updateWithTouchData(e) { 2723 var keys, i; 2724 if (e.changedTouches) { 2725 keys = 'screenX screenY pageX pageY clientX clientY'.split(' '); 2726 for (i = 0; i < keys.length; i++) { 2727 e[keys[i]] = e.changedTouches[0][keys[i]]; 2728 } 2729 } 2730 } 2731 function DragHelper (id, settings) { 2732 var $eventOverlay; 2733 var doc = settings.document || domGlobals.document; 2734 var downButton; 2735 var start, stop, drag, startX, startY; 2736 settings = settings || {}; 2737 var handleElement = doc.getElementById(settings.handle || id); 2738 start = function (e) { 2739 var docSize = getDocumentSize(doc); 2740 var handleElm, cursor; 2741 updateWithTouchData(e); 2742 e.preventDefault(); 2743 downButton = e.button; 2744 handleElm = handleElement; 2745 startX = e.screenX; 2746 startY = e.screenY; 2747 if (domGlobals.window.getComputedStyle) { 2748 cursor = domGlobals.window.getComputedStyle(handleElm, null).getPropertyValue('cursor'); 2749 } else { 2750 cursor = handleElm.runtimeStyle.cursor; 2751 } 2752 $eventOverlay = global$7('<div></div>').css({ 2753 position: 'absolute', 2754 top: 0, 2755 left: 0, 2756 width: docSize.width, 2757 height: docSize.height, 2758 zIndex: 2147483647, 2759 opacity: 0.0001, 2760 cursor: cursor 2761 }).appendTo(doc.body); 2762 global$7(doc).on('mousemove touchmove', drag).on('mouseup touchend', stop); 2763 settings.start(e); 2764 }; 2765 drag = function (e) { 2766 updateWithTouchData(e); 2767 if (e.button !== downButton) { 2768 return stop(e); 2769 } 2770 e.deltaX = e.screenX - startX; 2771 e.deltaY = e.screenY - startY; 2772 e.preventDefault(); 2773 settings.drag(e); 2774 }; 2775 stop = function (e) { 2776 updateWithTouchData(e); 2777 global$7(doc).off('mousemove touchmove', drag).off('mouseup touchend', stop); 2778 $eventOverlay.remove(); 2779 if (settings.stop) { 2780 settings.stop(e); 2781 } 2782 }; 2783 this.destroy = function () { 2784 global$7(handleElement).off(); 2785 }; 2786 global$7(handleElement).on('mousedown touchstart', start); 2787 } 2788 2789 var global$b = tinymce.util.Tools.resolve('tinymce.ui.Factory'); 2790 2791 var hasTabstopData = function (elm) { 2792 return elm.getAttribute('data-mce-tabstop') ? true : false; 2793 }; 2794 function KeyboardNavigation (settings) { 2795 var root = settings.root; 2796 var focusedElement, focusedControl; 2797 function isElement(node) { 2798 return node && node.nodeType === 1; 2799 } 2800 try { 2801 focusedElement = domGlobals.document.activeElement; 2802 } catch (ex) { 2803 focusedElement = domGlobals.document.body; 2804 } 2805 focusedControl = root.getParentCtrl(focusedElement); 2806 function getRole(elm) { 2807 elm = elm || focusedElement; 2808 if (isElement(elm)) { 2809 return elm.getAttribute('role'); 2810 } 2811 return null; 2812 } 2813 function getParentRole(elm) { 2814 var role, parent = elm || focusedElement; 2815 while (parent = parent.parentNode) { 2816 if (role = getRole(parent)) { 2817 return role; 2818 } 2819 } 2820 } 2821 function getAriaProp(name) { 2822 var elm = focusedElement; 2823 if (isElement(elm)) { 2824 return elm.getAttribute('aria-' + name); 2825 } 2826 } 2827 function isTextInputElement(elm) { 2828 var tagName = elm.tagName.toUpperCase(); 2829 return tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT'; 2830 } 2831 function canFocus(elm) { 2832 if (isTextInputElement(elm) && !elm.hidden) { 2833 return true; 2834 } 2835 if (hasTabstopData(elm)) { 2836 return true; 2837 } 2838 if (/^(button|menuitem|checkbox|tab|menuitemcheckbox|option|gridcell|slider)$/.test(getRole(elm))) { 2839 return true; 2840 } 2841 return false; 2842 } 2843 function getFocusElements(elm) { 2844 var elements = []; 2845 function collect(elm) { 2846 if (elm.nodeType !== 1 || elm.style.display === 'none' || elm.disabled) { 2847 return; 2848 } 2849 if (canFocus(elm)) { 2850 elements.push(elm); 2851 } 2852 for (var i = 0; i < elm.childNodes.length; i++) { 2853 collect(elm.childNodes[i]); 2854 } 2855 } 2856 collect(elm || root.getEl()); 2857 return elements; 2858 } 2859 function getNavigationRoot(targetControl) { 2860 var navigationRoot, controls; 2861 targetControl = targetControl || focusedControl; 2862 controls = targetControl.parents().toArray(); 2863 controls.unshift(targetControl); 2864 for (var i = 0; i < controls.length; i++) { 2865 navigationRoot = controls[i]; 2866 if (navigationRoot.settings.ariaRoot) { 2867 break; 2868 } 2869 } 2870 return navigationRoot; 2871 } 2872 function focusFirst(targetControl) { 2873 var navigationRoot = getNavigationRoot(targetControl); 2874 var focusElements = getFocusElements(navigationRoot.getEl()); 2875 if (navigationRoot.settings.ariaRemember && 'lastAriaIndex' in navigationRoot) { 2876 moveFocusToIndex(navigationRoot.lastAriaIndex, focusElements); 2877 } else { 2878 moveFocusToIndex(0, focusElements); 2879 } 2880 } 2881 function moveFocusToIndex(idx, elements) { 2882 if (idx < 0) { 2883 idx = elements.length - 1; 2884 } else if (idx >= elements.length) { 2885 idx = 0; 2886 } 2887 if (elements[idx]) { 2888 elements[idx].focus(); 2889 } 2890 return idx; 2891 } 2892 function moveFocus(dir, elements) { 2893 var idx = -1; 2894 var navigationRoot = getNavigationRoot(); 2895 elements = elements || getFocusElements(navigationRoot.getEl()); 2896 for (var i = 0; i < elements.length; i++) { 2897 if (elements[i] === focusedElement) { 2898 idx = i; 2899 } 2900 } 2901 idx += dir; 2902 navigationRoot.lastAriaIndex = moveFocusToIndex(idx, elements); 2903 } 2904 function left() { 2905 var parentRole = getParentRole(); 2906 if (parentRole === 'tablist') { 2907 moveFocus(-1, getFocusElements(focusedElement.parentNode)); 2908 } else if (focusedControl.parent().submenu) { 2909 cancel(); 2910 } else { 2911 moveFocus(-1); 2912 } 2913 } 2914 function right() { 2915 var role = getRole(), parentRole = getParentRole(); 2916 if (parentRole === 'tablist') { 2917 moveFocus(1, getFocusElements(focusedElement.parentNode)); 2918 } else if (role === 'menuitem' && parentRole === 'menu' && getAriaProp('haspopup')) { 2919 enter(); 2920 } else { 2921 moveFocus(1); 2922 } 2923 } 2924 function up() { 2925 moveFocus(-1); 2926 } 2927 function down() { 2928 var role = getRole(), parentRole = getParentRole(); 2929 if (role === 'menuitem' && parentRole === 'menubar') { 2930 enter(); 2931 } else if (role === 'button' && getAriaProp('haspopup')) { 2932 enter({ key: 'down' }); 2933 } else { 2934 moveFocus(1); 2935 } 2936 } 2937 function tab(e) { 2938 var parentRole = getParentRole(); 2939 if (parentRole === 'tablist') { 2940 var elm = getFocusElements(focusedControl.getEl('body'))[0]; 2941 if (elm) { 2942 elm.focus(); 2943 } 2944 } else { 2945 moveFocus(e.shiftKey ? -1 : 1); 2946 } 2947 } 2948 function cancel() { 2949 focusedControl.fire('cancel'); 2950 } 2951 function enter(aria) { 2952 aria = aria || {}; 2953 focusedControl.fire('click', { 2954 target: focusedElement, 2955 aria: aria 2956 }); 2957 } 2958 root.on('keydown', function (e) { 2959 function handleNonTabOrEscEvent(e, handler) { 2960 if (isTextInputElement(focusedElement) || hasTabstopData(focusedElement)) { 2961 return; 2962 } 2963 if (getRole(focusedElement) === 'slider') { 2964 return; 2965 } 2966 if (handler(e) !== false) { 2967 e.preventDefault(); 2968 } 2969 } 2970 if (e.isDefaultPrevented()) { 2971 return; 2972 } 2973 switch (e.keyCode) { 2974 case 37: 2975 handleNonTabOrEscEvent(e, left); 2976 break; 2977 case 39: 2978 handleNonTabOrEscEvent(e, right); 2979 break; 2980 case 38: 2981 handleNonTabOrEscEvent(e, up); 2982 break; 2983 case 40: 2984 handleNonTabOrEscEvent(e, down); 2985 break; 2986 case 27: 2987 cancel(); 2988 break; 2989 case 14: 2990 case 13: 2991 case 32: 2992 handleNonTabOrEscEvent(e, enter); 2993 break; 2994 case 9: 2995 tab(e); 2996 e.preventDefault(); 2997 break; 2998 } 2999 }); 3000 root.on('focusin', function (e) { 3001 focusedElement = e.target; 3002 focusedControl = e.control; 3003 }); 3004 return { focusFirst: focusFirst }; 3005 } 3006 3007 var selectorCache = {}; 3008 var Container = Control$1.extend({ 3009 init: function (settings) { 3010 var self = this; 3011 self._super(settings); 3012 settings = self.settings; 3013 if (settings.fixed) { 3014 self.state.set('fixed', true); 3015 } 3016 self._items = new Collection$2(); 3017 if (self.isRtl()) { 3018 self.classes.add('rtl'); 3019 } 3020 self.bodyClasses = new ClassList(function () { 3021 if (self.state.get('rendered')) { 3022 self.getEl('body').className = this.toString(); 3023 } 3024 }); 3025 self.bodyClasses.prefix = self.classPrefix; 3026 self.classes.add('container'); 3027 self.bodyClasses.add('container-body'); 3028 if (settings.containerCls) { 3029 self.classes.add(settings.containerCls); 3030 } 3031 self._layout = global$b.create((settings.layout || '') + 'layout'); 3032 if (self.settings.items) { 3033 self.add(self.settings.items); 3034 } else { 3035 self.add(self.render()); 3036 } 3037 self._hasBody = true; 3038 }, 3039 items: function () { 3040 return this._items; 3041 }, 3042 find: function (selector) { 3043 selector = selectorCache[selector] = selectorCache[selector] || new Selector(selector); 3044 return selector.find(this); 3045 }, 3046 add: function (items) { 3047 var self = this; 3048 self.items().add(self.create(items)).parent(self); 3049 return self; 3050 }, 3051 focus: function (keyboard) { 3052 var self = this; 3053 var focusCtrl, keyboardNav, items; 3054 if (keyboard) { 3055 keyboardNav = self.keyboardNav || self.parents().eq(-1)[0].keyboardNav; 3056 if (keyboardNav) { 3057 keyboardNav.focusFirst(self); 3058 return; 3059 } 3060 } 3061 items = self.find('*'); 3062 if (self.statusbar) { 3063 items.add(self.statusbar.items()); 3064 } 3065 items.each(function (ctrl) { 3066 if (ctrl.settings.autofocus) { 3067 focusCtrl = null; 3068 return false; 3069 } 3070 if (ctrl.canFocus) { 3071 focusCtrl = focusCtrl || ctrl; 3072 } 3073 }); 3074 if (focusCtrl) { 3075 focusCtrl.focus(); 3076 } 3077 return self; 3078 }, 3079 replace: function (oldItem, newItem) { 3080 var ctrlElm; 3081 var items = this.items(); 3082 var i = items.length; 3083 while (i--) { 3084 if (items[i] === oldItem) { 3085 items[i] = newItem; 3086 break; 3087 } 3088 } 3089 if (i >= 0) { 3090 ctrlElm = newItem.getEl(); 3091 if (ctrlElm) { 3092 ctrlElm.parentNode.removeChild(ctrlElm); 3093 } 3094 ctrlElm = oldItem.getEl(); 3095 if (ctrlElm) { 3096 ctrlElm.parentNode.removeChild(ctrlElm); 3097 } 3098 } 3099 newItem.parent(this); 3100 }, 3101 create: function (items) { 3102 var self = this; 3103 var settings; 3104 var ctrlItems = []; 3105 if (!global$4.isArray(items)) { 3106 items = [items]; 3107 } 3108 global$4.each(items, function (item) { 3109 if (item) { 3110 if (!(item instanceof Control$1)) { 3111 if (typeof item === 'string') { 3112 item = { type: item }; 3113 } 3114 settings = global$4.extend({}, self.settings.defaults, item); 3115 item.type = settings.type = settings.type || item.type || self.settings.defaultType || (settings.defaults ? settings.defaults.type : null); 3116 item = global$b.create(settings); 3117 } 3118 ctrlItems.push(item); 3119 } 3120 }); 3121 return ctrlItems; 3122 }, 3123 renderNew: function () { 3124 var self = this; 3125 self.items().each(function (ctrl, index) { 3126 var containerElm; 3127 ctrl.parent(self); 3128 if (!ctrl.state.get('rendered')) { 3129 containerElm = self.getEl('body'); 3130 if (containerElm.hasChildNodes() && index <= containerElm.childNodes.length - 1) { 3131 global$7(containerElm.childNodes[index]).before(ctrl.renderHtml()); 3132 } else { 3133 global$7(containerElm).append(ctrl.renderHtml()); 3134 } 3135 ctrl.postRender(); 3136 ReflowQueue.add(ctrl); 3137 } 3138 }); 3139 self._layout.applyClasses(self.items().filter(':visible')); 3140 self._lastRect = null; 3141 return self; 3142 }, 3143 append: function (items) { 3144 return this.add(items).renderNew(); 3145 }, 3146 prepend: function (items) { 3147 var self = this; 3148 self.items().set(self.create(items).concat(self.items().toArray())); 3149 return self.renderNew(); 3150 }, 3151 insert: function (items, index, before) { 3152 var self = this; 3153 var curItems, beforeItems, afterItems; 3154 items = self.create(items); 3155 curItems = self.items(); 3156 if (!before && index < curItems.length - 1) { 3157 index += 1; 3158 } 3159 if (index >= 0 && index < curItems.length) { 3160 beforeItems = curItems.slice(0, index).toArray(); 3161 afterItems = curItems.slice(index).toArray(); 3162 curItems.set(beforeItems.concat(items, afterItems)); 3163 } 3164 return self.renderNew(); 3165 }, 3166 fromJSON: function (data) { 3167 var self = this; 3168 for (var name in data) { 3169 self.find('#' + name).value(data[name]); 3170 } 3171 return self; 3172 }, 3173 toJSON: function () { 3174 var self = this, data = {}; 3175 self.find('*').each(function (ctrl) { 3176 var name = ctrl.name(), value = ctrl.value(); 3177 if (name && typeof value !== 'undefined') { 3178 data[name] = value; 3179 } 3180 }); 3181 return data; 3182 }, 3183 renderHtml: function () { 3184 var self = this, layout = self._layout, role = this.settings.role; 3185 self.preRender(); 3186 layout.preRender(self); 3187 return '<div id="' + self._id + '" class="' + self.classes + '"' + (role ? ' role="' + this.settings.role + '"' : '') + '>' + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</div>'; 3188 }, 3189 postRender: function () { 3190 var self = this; 3191 var box; 3192 self.items().exec('postRender'); 3193 self._super(); 3194 self._layout.postRender(self); 3195 self.state.set('rendered', true); 3196 if (self.settings.style) { 3197 self.$el.css(self.settings.style); 3198 } 3199 if (self.settings.border) { 3200 box = self.borderBox; 3201 self.$el.css({ 3202 'border-top-width': box.top, 3203 'border-right-width': box.right, 3204 'border-bottom-width': box.bottom, 3205 'border-left-width': box.left 3206 }); 3207 } 3208 if (!self.parent()) { 3209 self.keyboardNav = KeyboardNavigation({ root: self }); 3210 } 3211 return self; 3212 }, 3213 initLayoutRect: function () { 3214 var self = this, layoutRect = self._super(); 3215 self._layout.recalc(self); 3216 return layoutRect; 3217 }, 3218 recalc: function () { 3219 var self = this; 3220 var rect = self._layoutRect; 3221 var lastRect = self._lastRect; 3222 if (!lastRect || lastRect.w !== rect.w || lastRect.h !== rect.h) { 3223 self._layout.recalc(self); 3224 rect = self.layoutRect(); 3225 self._lastRect = { 3226 x: rect.x, 3227 y: rect.y, 3228 w: rect.w, 3229 h: rect.h 3230 }; 3231 return true; 3232 } 3233 }, 3234 reflow: function () { 3235 var i; 3236 ReflowQueue.remove(this); 3237 if (this.visible()) { 3238 Control$1.repaintControls = []; 3239 Control$1.repaintControls.map = {}; 3240 this.recalc(); 3241 i = Control$1.repaintControls.length; 3242 while (i--) { 3243 Control$1.repaintControls[i].repaint(); 3244 } 3245 if (this.settings.layout !== 'flow' && this.settings.layout !== 'stack') { 3246 this.repaint(); 3247 } 3248 Control$1.repaintControls = []; 3249 } 3250 return this; 3251 } 3252 }); 3253 3254 var Scrollable = { 3255 init: function () { 3256 var self = this; 3257 self.on('repaint', self.renderScroll); 3258 }, 3259 renderScroll: function () { 3260 var self = this, margin = 2; 3261 function repaintScroll() { 3262 var hasScrollH, hasScrollV, bodyElm; 3263 function repaintAxis(axisName, posName, sizeName, contentSizeName, hasScroll, ax) { 3264 var containerElm, scrollBarElm, scrollThumbElm; 3265 var containerSize, scrollSize, ratio, rect; 3266 var posNameLower, sizeNameLower; 3267 scrollBarElm = self.getEl('scroll' + axisName); 3268 if (scrollBarElm) { 3269 posNameLower = posName.toLowerCase(); 3270 sizeNameLower = sizeName.toLowerCase(); 3271 global$7(self.getEl('absend')).css(posNameLower, self.layoutRect()[contentSizeName] - 1); 3272 if (!hasScroll) { 3273 global$7(scrollBarElm).css('display', 'none'); 3274 return; 3275 } 3276 global$7(scrollBarElm).css('display', 'block'); 3277 containerElm = self.getEl('body'); 3278 scrollThumbElm = self.getEl('scroll' + axisName + 't'); 3279 containerSize = containerElm['client' + sizeName] - margin * 2; 3280 containerSize -= hasScrollH && hasScrollV ? scrollBarElm['client' + ax] : 0; 3281 scrollSize = containerElm['scroll' + sizeName]; 3282 ratio = containerSize / scrollSize; 3283 rect = {}; 3284 rect[posNameLower] = containerElm['offset' + posName] + margin; 3285 rect[sizeNameLower] = containerSize; 3286 global$7(scrollBarElm).css(rect); 3287 rect = {}; 3288 rect[posNameLower] = containerElm['scroll' + posName] * ratio; 3289 rect[sizeNameLower] = containerSize * ratio; 3290 global$7(scrollThumbElm).css(rect); 3291 } 3292 } 3293 bodyElm = self.getEl('body'); 3294 hasScrollH = bodyElm.scrollWidth > bodyElm.clientWidth; 3295 hasScrollV = bodyElm.scrollHeight > bodyElm.clientHeight; 3296 repaintAxis('h', 'Left', 'Width', 'contentW', hasScrollH, 'Height'); 3297 repaintAxis('v', 'Top', 'Height', 'contentH', hasScrollV, 'Width'); 3298 } 3299 function addScroll() { 3300 function addScrollAxis(axisName, posName, sizeName, deltaPosName, ax) { 3301 var scrollStart; 3302 var axisId = self._id + '-scroll' + axisName, prefix = self.classPrefix; 3303 global$7(self.getEl()).append('<div id="' + axisId + '" class="' + prefix + 'scrollbar ' + prefix + 'scrollbar-' + axisName + '">' + '<div id="' + axisId + 't" class="' + prefix + 'scrollbar-thumb"></div>' + '</div>'); 3304 self.draghelper = new DragHelper(axisId + 't', { 3305 start: function () { 3306 scrollStart = self.getEl('body')['scroll' + posName]; 3307 global$7('#' + axisId).addClass(prefix + 'active'); 3308 }, 3309 drag: function (e) { 3310 var ratio, hasScrollH, hasScrollV, containerSize; 3311 var layoutRect = self.layoutRect(); 3312 hasScrollH = layoutRect.contentW > layoutRect.innerW; 3313 hasScrollV = layoutRect.contentH > layoutRect.innerH; 3314 containerSize = self.getEl('body')['client' + sizeName] - margin * 2; 3315 containerSize -= hasScrollH && hasScrollV ? self.getEl('scroll' + axisName)['client' + ax] : 0; 3316 ratio = containerSize / self.getEl('body')['scroll' + sizeName]; 3317 self.getEl('body')['scroll' + posName] = scrollStart + e['delta' + deltaPosName] / ratio; 3318 }, 3319 stop: function () { 3320 global$7('#' + axisId).removeClass(prefix + 'active'); 3321 } 3322 }); 3323 } 3324 self.classes.add('scroll'); 3325 addScrollAxis('v', 'Top', 'Height', 'Y', 'Width'); 3326 addScrollAxis('h', 'Left', 'Width', 'X', 'Height'); 3327 } 3328 if (self.settings.autoScroll) { 3329 if (!self._hasScroll) { 3330 self._hasScroll = true; 3331 addScroll(); 3332 self.on('wheel', function (e) { 3333 var bodyEl = self.getEl('body'); 3334 bodyEl.scrollLeft += (e.deltaX || 0) * 10; 3335 bodyEl.scrollTop += e.deltaY * 10; 3336 repaintScroll(); 3337 }); 3338 global$7(self.getEl('body')).on('scroll', repaintScroll); 3339 } 3340 repaintScroll(); 3341 } 3342 } 3343 }; 3344 3345 var Panel = Container.extend({ 3346 Defaults: { 3347 layout: 'fit', 3348 containerCls: 'panel' 3349 }, 3350 Mixins: [Scrollable], 3351 renderHtml: function () { 3352 var self = this; 3353 var layout = self._layout; 3354 var innerHtml = self.settings.html; 3355 self.preRender(); 3356 layout.preRender(self); 3357 if (typeof innerHtml === 'undefined') { 3358 innerHtml = '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + layout.renderHtml(self) + '</div>'; 3359 } else { 3360 if (typeof innerHtml === 'function') { 3361 innerHtml = innerHtml.call(self); 3362 } 3363 self._hasBody = false; 3364 } 3365 return '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1" role="group">' + (self._preBodyHtml || '') + innerHtml + '</div>'; 3366 } 3367 }); 3368 3369 var Resizable = { 3370 resizeToContent: function () { 3371 this._layoutRect.autoResize = true; 3372 this._lastRect = null; 3373 this.reflow(); 3374 }, 3375 resizeTo: function (w, h) { 3376 if (w <= 1 || h <= 1) { 3377 var rect = funcs.getWindowSize(); 3378 w = w <= 1 ? w * rect.w : w; 3379 h = h <= 1 ? h * rect.h : h; 3380 } 3381 this._layoutRect.autoResize = false; 3382 return this.layoutRect({ 3383 minW: w, 3384 minH: h, 3385 w: w, 3386 h: h 3387 }).reflow(); 3388 }, 3389 resizeBy: function (dw, dh) { 3390 var self = this, rect = self.layoutRect(); 3391 return self.resizeTo(rect.w + dw, rect.h + dh); 3392 } 3393 }; 3394 3395 var documentClickHandler, documentScrollHandler, windowResizeHandler; 3396 var visiblePanels = []; 3397 var zOrder = []; 3398 var hasModal; 3399 function isChildOf(ctrl, parent) { 3400 while (ctrl) { 3401 if (ctrl === parent) { 3402 return true; 3403 } 3404 ctrl = ctrl.parent(); 3405 } 3406 } 3407 function skipOrHidePanels(e) { 3408 var i = visiblePanels.length; 3409 while (i--) { 3410 var panel = visiblePanels[i], clickCtrl = panel.getParentCtrl(e.target); 3411 if (panel.settings.autohide) { 3412 if (clickCtrl) { 3413 if (isChildOf(clickCtrl, panel) || panel.parent() === clickCtrl) { 3414 continue; 3415 } 3416 } 3417 e = panel.fire('autohide', { target: e.target }); 3418 if (!e.isDefaultPrevented()) { 3419 panel.hide(); 3420 } 3421 } 3422 } 3423 } 3424 function bindDocumentClickHandler() { 3425 if (!documentClickHandler) { 3426 documentClickHandler = function (e) { 3427 if (e.button === 2) { 3428 return; 3429 } 3430 skipOrHidePanels(e); 3431 }; 3432 global$7(domGlobals.document).on('click touchstart', documentClickHandler); 3433 } 3434 } 3435 function bindDocumentScrollHandler() { 3436 if (!documentScrollHandler) { 3437 documentScrollHandler = function () { 3438 var i; 3439 i = visiblePanels.length; 3440 while (i--) { 3441 repositionPanel$1(visiblePanels[i]); 3442 } 3443 }; 3444 global$7(domGlobals.window).on('scroll', documentScrollHandler); 3445 } 3446 } 3447 function bindWindowResizeHandler() { 3448 if (!windowResizeHandler) { 3449 var docElm_1 = domGlobals.document.documentElement; 3450 var clientWidth_1 = docElm_1.clientWidth, clientHeight_1 = docElm_1.clientHeight; 3451 windowResizeHandler = function () { 3452 if (!domGlobals.document.all || clientWidth_1 !== docElm_1.clientWidth || clientHeight_1 !== docElm_1.clientHeight) { 3453 clientWidth_1 = docElm_1.clientWidth; 3454 clientHeight_1 = docElm_1.clientHeight; 3455 FloatPanel.hideAll(); 3456 } 3457 }; 3458 global$7(domGlobals.window).on('resize', windowResizeHandler); 3459 } 3460 } 3461 function repositionPanel$1(panel) { 3462 var scrollY = funcs.getViewPort().y; 3463 function toggleFixedChildPanels(fixed, deltaY) { 3464 var parent; 3465 for (var i = 0; i < visiblePanels.length; i++) { 3466 if (visiblePanels[i] !== panel) { 3467 parent = visiblePanels[i].parent(); 3468 while (parent && (parent = parent.parent())) { 3469 if (parent === panel) { 3470 visiblePanels[i].fixed(fixed).moveBy(0, deltaY).repaint(); 3471 } 3472 } 3473 } 3474 } 3475 } 3476 if (panel.settings.autofix) { 3477 if (!panel.state.get('fixed')) { 3478 panel._autoFixY = panel.layoutRect().y; 3479 if (panel._autoFixY < scrollY) { 3480 panel.fixed(true).layoutRect({ y: 0 }).repaint(); 3481 toggleFixedChildPanels(true, scrollY - panel._autoFixY); 3482 } 3483 } else { 3484 if (panel._autoFixY > scrollY) { 3485 panel.fixed(false).layoutRect({ y: panel._autoFixY }).repaint(); 3486 toggleFixedChildPanels(false, panel._autoFixY - scrollY); 3487 } 3488 } 3489 } 3490 } 3491 function addRemove(add, ctrl) { 3492 var i, zIndex = FloatPanel.zIndex || 65535, topModal; 3493 if (add) { 3494 zOrder.push(ctrl); 3495 } else { 3496 i = zOrder.length; 3497 while (i--) { 3498 if (zOrder[i] === ctrl) { 3499 zOrder.splice(i, 1); 3500 } 3501 } 3502 } 3503 if (zOrder.length) { 3504 for (i = 0; i < zOrder.length; i++) { 3505 if (zOrder[i].modal) { 3506 zIndex++; 3507 topModal = zOrder[i]; 3508 } 3509 zOrder[i].getEl().style.zIndex = zIndex; 3510 zOrder[i].zIndex = zIndex; 3511 zIndex++; 3512 } 3513 } 3514 var modalBlockEl = global$7('#' + ctrl.classPrefix + 'modal-block', ctrl.getContainerElm())[0]; 3515 if (topModal) { 3516 global$7(modalBlockEl).css('z-index', topModal.zIndex - 1); 3517 } else if (modalBlockEl) { 3518 modalBlockEl.parentNode.removeChild(modalBlockEl); 3519 hasModal = false; 3520 } 3521 FloatPanel.currentZIndex = zIndex; 3522 } 3523 var FloatPanel = Panel.extend({ 3524 Mixins: [ 3525 Movable, 3526 Resizable 3527 ], 3528 init: function (settings) { 3529 var self = this; 3530 self._super(settings); 3531 self._eventsRoot = self; 3532 self.classes.add('floatpanel'); 3533 if (settings.autohide) { 3534 bindDocumentClickHandler(); 3535 bindWindowResizeHandler(); 3536 visiblePanels.push(self); 3537 } 3538 if (settings.autofix) { 3539 bindDocumentScrollHandler(); 3540 self.on('move', function () { 3541 repositionPanel$1(this); 3542 }); 3543 } 3544 self.on('postrender show', function (e) { 3545 if (e.control === self) { 3546 var $modalBlockEl_1; 3547 var prefix_1 = self.classPrefix; 3548 if (self.modal && !hasModal) { 3549 $modalBlockEl_1 = global$7('#' + prefix_1 + 'modal-block', self.getContainerElm()); 3550 if (!$modalBlockEl_1[0]) { 3551 $modalBlockEl_1 = global$7('<div id="' + prefix_1 + 'modal-block" class="' + prefix_1 + 'reset ' + prefix_1 + 'fade"></div>').appendTo(self.getContainerElm()); 3552 } 3553 global$3.setTimeout(function () { 3554 $modalBlockEl_1.addClass(prefix_1 + 'in'); 3555 global$7(self.getEl()).addClass(prefix_1 + 'in'); 3556 }); 3557 hasModal = true; 3558 } 3559 addRemove(true, self); 3560 } 3561 }); 3562 self.on('show', function () { 3563 self.parents().each(function (ctrl) { 3564 if (ctrl.state.get('fixed')) { 3565 self.fixed(true); 3566 return false; 3567 } 3568 }); 3569 }); 3570 if (settings.popover) { 3571 self._preBodyHtml = '<div class="' + self.classPrefix + 'arrow"></div>'; 3572 self.classes.add('popover').add('bottom').add(self.isRtl() ? 'end' : 'start'); 3573 } 3574 self.aria('label', settings.ariaLabel); 3575 self.aria('labelledby', self._id); 3576 self.aria('describedby', self.describedBy || self._id + '-none'); 3577 }, 3578 fixed: function (state) { 3579 var self = this; 3580 if (self.state.get('fixed') !== state) { 3581 if (self.state.get('rendered')) { 3582 var viewport = funcs.getViewPort(); 3583 if (state) { 3584 self.layoutRect().y -= viewport.y; 3585 } else { 3586 self.layoutRect().y += viewport.y; 3587 } 3588 } 3589 self.classes.toggle('fixed', state); 3590 self.state.set('fixed', state); 3591 } 3592 return self; 3593 }, 3594 show: function () { 3595 var self = this; 3596 var i; 3597 var state = self._super(); 3598 i = visiblePanels.length; 3599 while (i--) { 3600 if (visiblePanels[i] === self) { 3601 break; 3602 } 3603 } 3604 if (i === -1) { 3605 visiblePanels.push(self); 3606 } 3607 return state; 3608 }, 3609 hide: function () { 3610 removeVisiblePanel(this); 3611 addRemove(false, this); 3612 return this._super(); 3613 }, 3614 hideAll: function () { 3615 FloatPanel.hideAll(); 3616 }, 3617 close: function () { 3618 var self = this; 3619 if (!self.fire('close').isDefaultPrevented()) { 3620 self.remove(); 3621 addRemove(false, self); 3622 } 3623 return self; 3624 }, 3625 remove: function () { 3626 removeVisiblePanel(this); 3627 this._super(); 3628 }, 3629 postRender: function () { 3630 var self = this; 3631 if (self.settings.bodyRole) { 3632 this.getEl('body').setAttribute('role', self.settings.bodyRole); 3633 } 3634 return self._super(); 3635 } 3636 }); 3637 FloatPanel.hideAll = function () { 3638 var i = visiblePanels.length; 3639 while (i--) { 3640 var panel = visiblePanels[i]; 3641 if (panel && panel.settings.autohide) { 3642 panel.hide(); 3643 visiblePanels.splice(i, 1); 3644 } 3645 } 3646 }; 3647 function removeVisiblePanel(panel) { 3648 var i; 3649 i = visiblePanels.length; 3650 while (i--) { 3651 if (visiblePanels[i] === panel) { 3652 visiblePanels.splice(i, 1); 3653 } 3654 } 3655 i = zOrder.length; 3656 while (i--) { 3657 if (zOrder[i] === panel) { 3658 zOrder.splice(i, 1); 3659 } 3660 } 3661 } 3662 3663 var windows = []; 3664 var oldMetaValue = ''; 3665 function toggleFullScreenState(state) { 3666 var noScaleMetaValue = 'width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0'; 3667 var viewport = global$7('meta[name=viewport]')[0], contentValue; 3668 if (global$1.overrideViewPort === false) { 3669 return; 3670 } 3671 if (!viewport) { 3672 viewport = domGlobals.document.createElement('meta'); 3673 viewport.setAttribute('name', 'viewport'); 3674 domGlobals.document.getElementsByTagName('head')[0].appendChild(viewport); 3675 } 3676 contentValue = viewport.getAttribute('content'); 3677 if (contentValue && typeof oldMetaValue !== 'undefined') { 3678 oldMetaValue = contentValue; 3679 } 3680 viewport.setAttribute('content', state ? noScaleMetaValue : oldMetaValue); 3681 } 3682 function toggleBodyFullScreenClasses(classPrefix, state) { 3683 if (checkFullscreenWindows() && state === false) { 3684 global$7([ 3685 domGlobals.document.documentElement, 3686 domGlobals.document.body 3687 ]).removeClass(classPrefix + 'fullscreen'); 3688 } 3689 } 3690 function checkFullscreenWindows() { 3691 for (var i = 0; i < windows.length; i++) { 3692 if (windows[i]._fullscreen) { 3693 return true; 3694 } 3695 } 3696 return false; 3697 } 3698 function handleWindowResize() { 3699 if (!global$1.desktop) { 3700 var lastSize_1 = { 3701 w: domGlobals.window.innerWidth, 3702 h: domGlobals.window.innerHeight 3703 }; 3704 global$3.setInterval(function () { 3705 var w = domGlobals.window.innerWidth, h = domGlobals.window.innerHeight; 3706 if (lastSize_1.w !== w || lastSize_1.h !== h) { 3707 lastSize_1 = { 3708 w: w, 3709 h: h 3710 }; 3711 global$7(domGlobals.window).trigger('resize'); 3712 } 3713 }, 100); 3714 } 3715 function reposition() { 3716 var i; 3717 var rect = funcs.getWindowSize(); 3718 var layoutRect; 3719 for (i = 0; i < windows.length; i++) { 3720 layoutRect = windows[i].layoutRect(); 3721 windows[i].moveTo(windows[i].settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2), windows[i].settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2)); 3722 } 3723 } 3724 global$7(domGlobals.window).on('resize', reposition); 3725 } 3726 var Window = FloatPanel.extend({ 3727 modal: true, 3728 Defaults: { 3729 border: 1, 3730 layout: 'flex', 3731 containerCls: 'panel', 3732 role: 'dialog', 3733 callbacks: { 3734 submit: function () { 3735 this.fire('submit', { data: this.toJSON() }); 3736 }, 3737 close: function () { 3738 this.close(); 3739 } 3740 } 3741 }, 3742 init: function (settings) { 3743 var self = this; 3744 self._super(settings); 3745 if (self.isRtl()) { 3746 self.classes.add('rtl'); 3747 } 3748 self.classes.add('window'); 3749 self.bodyClasses.add('window-body'); 3750 self.state.set('fixed', true); 3751 if (settings.buttons) { 3752 self.statusbar = new Panel({ 3753 layout: 'flex', 3754 border: '1 0 0 0', 3755 spacing: 3, 3756 padding: 10, 3757 align: 'center', 3758 pack: self.isRtl() ? 'start' : 'end', 3759 defaults: { type: 'button' }, 3760 items: settings.buttons 3761 }); 3762 self.statusbar.classes.add('foot'); 3763 self.statusbar.parent(self); 3764 } 3765 self.on('click', function (e) { 3766 var closeClass = self.classPrefix + 'close'; 3767 if (funcs.hasClass(e.target, closeClass) || funcs.hasClass(e.target.parentNode, closeClass)) { 3768 self.close(); 3769 } 3770 }); 3771 self.on('cancel', function () { 3772 self.close(); 3773 }); 3774 self.on('move', function (e) { 3775 if (e.control === self) { 3776 FloatPanel.hideAll(); 3777 } 3778 }); 3779 self.aria('describedby', self.describedBy || self._id + '-none'); 3780 self.aria('label', settings.title); 3781 self._fullscreen = false; 3782 }, 3783 recalc: function () { 3784 var self = this; 3785 var statusbar = self.statusbar; 3786 var layoutRect, width, x, needsRecalc; 3787 if (self._fullscreen) { 3788 self.layoutRect(funcs.getWindowSize()); 3789 self.layoutRect().contentH = self.layoutRect().innerH; 3790 } 3791 self._super(); 3792 layoutRect = self.layoutRect(); 3793 if (self.settings.title && !self._fullscreen) { 3794 width = layoutRect.headerW; 3795 if (width > layoutRect.w) { 3796 x = layoutRect.x - Math.max(0, width / 2); 3797 self.layoutRect({ 3798 w: width, 3799 x: x 3800 }); 3801 needsRecalc = true; 3802 } 3803 } 3804 if (statusbar) { 3805 statusbar.layoutRect({ w: self.layoutRect().innerW }).recalc(); 3806 width = statusbar.layoutRect().minW + layoutRect.deltaW; 3807 if (width > layoutRect.w) { 3808 x = layoutRect.x - Math.max(0, width - layoutRect.w); 3809 self.layoutRect({ 3810 w: width, 3811 x: x 3812 }); 3813 needsRecalc = true; 3814 } 3815 } 3816 if (needsRecalc) { 3817 self.recalc(); 3818 } 3819 }, 3820 initLayoutRect: function () { 3821 var self = this; 3822 var layoutRect = self._super(); 3823 var deltaH = 0, headEl; 3824 if (self.settings.title && !self._fullscreen) { 3825 headEl = self.getEl('head'); 3826 var size = funcs.getSize(headEl); 3827 layoutRect.headerW = size.width; 3828 layoutRect.headerH = size.height; 3829 deltaH += layoutRect.headerH; 3830 } 3831 if (self.statusbar) { 3832 deltaH += self.statusbar.layoutRect().h; 3833 } 3834 layoutRect.deltaH += deltaH; 3835 layoutRect.minH += deltaH; 3836 layoutRect.h += deltaH; 3837 var rect = funcs.getWindowSize(); 3838 layoutRect.x = self.settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2); 3839 layoutRect.y = self.settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2); 3840 return layoutRect; 3841 }, 3842 renderHtml: function () { 3843 var self = this, layout = self._layout, id = self._id, prefix = self.classPrefix; 3844 var settings = self.settings; 3845 var headerHtml = '', footerHtml = '', html = settings.html; 3846 self.preRender(); 3847 layout.preRender(self); 3848 if (settings.title) { 3849 headerHtml = '<div id="' + id + '-head" class="' + prefix + 'window-head">' + '<div id="' + id + '-title" class="' + prefix + 'title">' + self.encode(settings.title) + '</div>' + '<div id="' + id + '-dragh" class="' + prefix + 'dragh"></div>' + '<button type="button" class="' + prefix + 'close" aria-hidden="true">' + '<i class="mce-ico mce-i-remove"></i>' + '</button>' + '</div>'; 3850 } 3851 if (settings.url) { 3852 html = '<iframe src="' + settings.url + '" tabindex="-1"></iframe>'; 3853 } 3854 if (typeof html === 'undefined') { 3855 html = layout.renderHtml(self); 3856 } 3857 if (self.statusbar) { 3858 footerHtml = self.statusbar.renderHtml(); 3859 } 3860 return '<div id="' + id + '" class="' + self.classes + '" hidefocus="1">' + '<div class="' + self.classPrefix + 'reset" role="application">' + headerHtml + '<div id="' + id + '-body" class="' + self.bodyClasses + '">' + html + '</div>' + footerHtml + '</div>' + '</div>'; 3861 }, 3862 fullscreen: function (state) { 3863 var self = this; 3864 var documentElement = domGlobals.document.documentElement; 3865 var slowRendering; 3866 var prefix = self.classPrefix; 3867 var layoutRect; 3868 if (state !== self._fullscreen) { 3869 global$7(domGlobals.window).on('resize', function () { 3870 var time; 3871 if (self._fullscreen) { 3872 if (!slowRendering) { 3873 time = new Date().getTime(); 3874 var rect = funcs.getWindowSize(); 3875 self.moveTo(0, 0).resizeTo(rect.w, rect.h); 3876 if (new Date().getTime() - time > 50) { 3877 slowRendering = true; 3878 } 3879 } else { 3880 if (!self._timer) { 3881 self._timer = global$3.setTimeout(function () { 3882 var rect = funcs.getWindowSize(); 3883 self.moveTo(0, 0).resizeTo(rect.w, rect.h); 3884 self._timer = 0; 3885 }, 50); 3886 } 3887 } 3888 } 3889 }); 3890 layoutRect = self.layoutRect(); 3891 self._fullscreen = state; 3892 if (!state) { 3893 self.borderBox = BoxUtils.parseBox(self.settings.border); 3894 self.getEl('head').style.display = ''; 3895 layoutRect.deltaH += layoutRect.headerH; 3896 global$7([ 3897 documentElement, 3898 domGlobals.document.body 3899 ]).removeClass(prefix + 'fullscreen'); 3900 self.classes.remove('fullscreen'); 3901 self.moveTo(self._initial.x, self._initial.y).resizeTo(self._initial.w, self._initial.h); 3902 } else { 3903 self._initial = { 3904 x: layoutRect.x, 3905 y: layoutRect.y, 3906 w: layoutRect.w, 3907 h: layoutRect.h 3908 }; 3909 self.borderBox = BoxUtils.parseBox('0'); 3910 self.getEl('head').style.display = 'none'; 3911 layoutRect.deltaH -= layoutRect.headerH + 2; 3912 global$7([ 3913 documentElement, 3914 domGlobals.document.body 3915 ]).addClass(prefix + 'fullscreen'); 3916 self.classes.add('fullscreen'); 3917 var rect = funcs.getWindowSize(); 3918 self.moveTo(0, 0).resizeTo(rect.w, rect.h); 3919 } 3920 } 3921 return self.reflow(); 3922 }, 3923 postRender: function () { 3924 var self = this; 3925 var startPos; 3926 setTimeout(function () { 3927 self.classes.add('in'); 3928 self.fire('open'); 3929 }, 0); 3930 self._super(); 3931 if (self.statusbar) { 3932 self.statusbar.postRender(); 3933 } 3934 self.focus(); 3935 this.dragHelper = new DragHelper(self._id + '-dragh', { 3936 start: function () { 3937 startPos = { 3938 x: self.layoutRect().x, 3939 y: self.layoutRect().y 3940 }; 3941 }, 3942 drag: function (e) { 3943 self.moveTo(startPos.x + e.deltaX, startPos.y + e.deltaY); 3944 } 3945 }); 3946 self.on('submit', function (e) { 3947 if (!e.isDefaultPrevented()) { 3948 self.close(); 3949 } 3950 }); 3951 windows.push(self); 3952 toggleFullScreenState(true); 3953 }, 3954 submit: function () { 3955 return this.fire('submit', { data: this.toJSON() }); 3956 }, 3957 remove: function () { 3958 var self = this; 3959 var i; 3960 self.dragHelper.destroy(); 3961 self._super(); 3962 if (self.statusbar) { 3963 this.statusbar.remove(); 3964 } 3965 toggleBodyFullScreenClasses(self.classPrefix, false); 3966 i = windows.length; 3967 while (i--) { 3968 if (windows[i] === self) { 3969 windows.splice(i, 1); 3970 } 3971 } 3972 toggleFullScreenState(windows.length > 0); 3973 }, 3974 getContentWindow: function () { 3975 var ifr = this.getEl().getElementsByTagName('iframe')[0]; 3976 return ifr ? ifr.contentWindow : null; 3977 } 3978 }); 3979 handleWindowResize(); 3980 3981 var MessageBox = Window.extend({ 3982 init: function (settings) { 3983 settings = { 3984 border: 1, 3985 padding: 20, 3986 layout: 'flex', 3987 pack: 'center', 3988 align: 'center', 3989 containerCls: 'panel', 3990 autoScroll: true, 3991 buttons: { 3992 type: 'button', 3993 text: 'Ok', 3994 action: 'ok' 3995 }, 3996 items: { 3997 type: 'label', 3998 multiline: true, 3999 maxWidth: 500, 4000 maxHeight: 200 4001 } 4002 }; 4003 this._super(settings); 4004 }, 4005 Statics: { 4006 OK: 1, 4007 OK_CANCEL: 2, 4008 YES_NO: 3, 4009 YES_NO_CANCEL: 4, 4010 msgBox: function (settings) { 4011 var buttons; 4012 var callback = settings.callback || function () { 4013 }; 4014 function createButton(text, status, primary) { 4015 return { 4016 type: 'button', 4017 text: text, 4018 subtype: primary ? 'primary' : '', 4019 onClick: function (e) { 4020 e.control.parents()[1].close(); 4021 callback(status); 4022 } 4023 }; 4024 } 4025 switch (settings.buttons) { 4026 case MessageBox.OK_CANCEL: 4027 buttons = [ 4028 createButton('Ok', true, true), 4029 createButton('Cancel', false) 4030 ]; 4031 break; 4032 case MessageBox.YES_NO: 4033 case MessageBox.YES_NO_CANCEL: 4034 buttons = [ 4035 createButton('Yes', 1, true), 4036 createButton('No', 0) 4037 ]; 4038 if (settings.buttons === MessageBox.YES_NO_CANCEL) { 4039 buttons.push(createButton('Cancel', -1)); 4040 } 4041 break; 4042 default: 4043 buttons = [createButton('Ok', true, true)]; 4044 break; 4045 } 4046 return new Window({ 4047 padding: 20, 4048 x: settings.x, 4049 y: settings.y, 4050 minWidth: 300, 4051 minHeight: 100, 4052 layout: 'flex', 4053 pack: 'center', 4054 align: 'center', 4055 buttons: buttons, 4056 title: settings.title, 4057 role: 'alertdialog', 4058 items: { 4059 type: 'label', 4060 multiline: true, 4061 maxWidth: 500, 4062 maxHeight: 200, 4063 text: settings.text 4064 }, 4065 onPostRender: function () { 4066 this.aria('describedby', this.items()[0]._id); 4067 }, 4068 onClose: settings.onClose, 4069 onCancel: function () { 4070 callback(false); 4071 } 4072 }).renderTo(domGlobals.document.body).reflow(); 4073 }, 4074 alert: function (settings, callback) { 4075 if (typeof settings === 'string') { 4076 settings = { text: settings }; 4077 } 4078 settings.callback = callback; 4079 return MessageBox.msgBox(settings); 4080 }, 4081 confirm: function (settings, callback) { 4082 if (typeof settings === 'string') { 4083 settings = { text: settings }; 4084 } 4085 settings.callback = callback; 4086 settings.buttons = MessageBox.OK_CANCEL; 4087 return MessageBox.msgBox(settings); 4088 } 4089 } 4090 }); 4091 4092 function WindowManagerImpl (editor) { 4093 var open = function (args, params, closeCallback) { 4094 var win; 4095 args.title = args.title || ' '; 4096 args.url = args.url || args.file; 4097 if (args.url) { 4098 args.width = parseInt(args.width || 320, 10); 4099 args.height = parseInt(args.height || 240, 10); 4100 } 4101 if (args.body) { 4102 args.items = { 4103 defaults: args.defaults, 4104 type: args.bodyType || 'form', 4105 items: args.body, 4106 data: args.data, 4107 callbacks: args.commands 4108 }; 4109 } 4110 if (!args.url && !args.buttons) { 4111 args.buttons = [ 4112 { 4113 text: 'Ok', 4114 subtype: 'primary', 4115 onclick: function () { 4116 win.find('form')[0].submit(); 4117 } 4118 }, 4119 { 4120 text: 'Cancel', 4121 onclick: function () { 4122 win.close(); 4123 } 4124 } 4125 ]; 4126 } 4127 win = new Window(args); 4128 win.on('close', function () { 4129 closeCallback(win); 4130 }); 4131 if (args.data) { 4132 win.on('postRender', function () { 4133 this.find('*').each(function (ctrl) { 4134 var name = ctrl.name(); 4135 if (name in args.data) { 4136 ctrl.value(args.data[name]); 4137 } 4138 }); 4139 }); 4140 } 4141 win.features = args || {}; 4142 win.params = params || {}; 4143 win = win.renderTo(domGlobals.document.body).reflow(); 4144 return win; 4145 }; 4146 var alert = function (message, choiceCallback, closeCallback) { 4147 var win; 4148 win = MessageBox.alert(message, function () { 4149 choiceCallback(); 4150 }); 4151 win.on('close', function () { 4152 closeCallback(win); 4153 }); 4154 return win; 4155 }; 4156 var confirm = function (message, choiceCallback, closeCallback) { 4157 var win; 4158 win = MessageBox.confirm(message, function (state) { 4159 choiceCallback(state); 4160 }); 4161 win.on('close', function () { 4162 closeCallback(win); 4163 }); 4164 return win; 4165 }; 4166 var close = function (window) { 4167 window.close(); 4168 }; 4169 var getParams = function (window) { 4170 return window.params; 4171 }; 4172 var setParams = function (window, params) { 4173 window.params = params; 4174 }; 4175 return { 4176 open: open, 4177 alert: alert, 4178 confirm: confirm, 4179 close: close, 4180 getParams: getParams, 4181 setParams: setParams 4182 }; 4183 } 4184 4185 var get = function (editor, panel) { 4186 var renderUI = function () { 4187 return Render.renderUI(editor, panel); 4188 }; 4189 return { 4190 renderUI: renderUI, 4191 getNotificationManagerImpl: function () { 4192 return NotificationManagerImpl(editor); 4193 }, 4194 getWindowManagerImpl: function () { 4195 return WindowManagerImpl(); 4196 } 4197 }; 4198 }; 4199 var ThemeApi = { get: get }; 4200 4201 var Global = typeof domGlobals.window !== 'undefined' ? domGlobals.window : Function('return this;')(); 4202 4203 var path = function (parts, scope) { 4204 var o = scope !== undefined && scope !== null ? scope : Global; 4205 for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i) { 4206 o = o[parts[i]]; 4207 } 4208 return o; 4209 }; 4210 var resolve = function (p, scope) { 4211 var parts = p.split('.'); 4212 return path(parts, scope); 4213 }; 4214 4215 var unsafe = function (name, scope) { 4216 return resolve(name, scope); 4217 }; 4218 var getOrDie = function (name, scope) { 4219 var actual = unsafe(name, scope); 4220 if (actual === undefined || actual === null) { 4221 throw new Error(name + ' not available on this browser'); 4222 } 4223 return actual; 4224 }; 4225 var Global$1 = { getOrDie: getOrDie }; 4226 4227 function FileReader () { 4228 var f = Global$1.getOrDie('FileReader'); 4229 return new f(); 4230 } 4231 4232 var global$c = tinymce.util.Tools.resolve('tinymce.util.Promise'); 4233 4234 var blobToBase64 = function (blob) { 4235 return new global$c(function (resolve) { 4236 var reader = FileReader(); 4237 reader.onloadend = function () { 4238 resolve(reader.result.split(',')[1]); 4239 }; 4240 reader.readAsDataURL(blob); 4241 }); 4242 }; 4243 var Conversions = { blobToBase64: blobToBase64 }; 4244 4245 var pickFile = function () { 4246 return new global$c(function (resolve) { 4247 var fileInput; 4248 fileInput = domGlobals.document.createElement('input'); 4249 fileInput.type = 'file'; 4250 fileInput.style.position = 'fixed'; 4251 fileInput.style.left = 0; 4252 fileInput.style.top = 0; 4253 fileInput.style.opacity = 0.001; 4254 domGlobals.document.body.appendChild(fileInput); 4255 fileInput.onchange = function (e) { 4256 resolve(Array.prototype.slice.call(e.target.files)); 4257 }; 4258 fileInput.click(); 4259 fileInput.parentNode.removeChild(fileInput); 4260 }); 4261 }; 4262 var Picker = { pickFile: pickFile }; 4263 4264 var count$1 = 0; 4265 var seed = function () { 4266 var rnd = function () { 4267 return Math.round(Math.random() * 4294967295).toString(36); 4268 }; 4269 return 's' + Date.now().toString(36) + rnd() + rnd() + rnd(); 4270 }; 4271 var uuid = function (prefix) { 4272 return prefix + count$1++ + seed(); 4273 }; 4274 var Uuid = { uuid: uuid }; 4275 4276 var create$1 = function (dom, rng) { 4277 var bookmark = {}; 4278 function setupEndPoint(start) { 4279 var offsetNode, container, offset; 4280 container = rng[start ? 'startContainer' : 'endContainer']; 4281 offset = rng[start ? 'startOffset' : 'endOffset']; 4282 if (container.nodeType === 1) { 4283 offsetNode = dom.create('span', { 'data-mce-type': 'bookmark' }); 4284 if (container.hasChildNodes()) { 4285 offset = Math.min(offset, container.childNodes.length - 1); 4286 if (start) { 4287 container.insertBefore(offsetNode, container.childNodes[offset]); 4288 } else { 4289 dom.insertAfter(offsetNode, container.childNodes[offset]); 4290 } 4291 } else { 4292 container.appendChild(offsetNode); 4293 } 4294 container = offsetNode; 4295 offset = 0; 4296 } 4297 bookmark[start ? 'startContainer' : 'endContainer'] = container; 4298 bookmark[start ? 'startOffset' : 'endOffset'] = offset; 4299 } 4300 setupEndPoint(true); 4301 if (!rng.collapsed) { 4302 setupEndPoint(); 4303 } 4304 return bookmark; 4305 }; 4306 var resolve$1 = function (dom, bookmark) { 4307 function restoreEndPoint(start) { 4308 var container, offset, node; 4309 function nodeIndex(container) { 4310 var node = container.parentNode.firstChild, idx = 0; 4311 while (node) { 4312 if (node === container) { 4313 return idx; 4314 } 4315 if (node.nodeType !== 1 || node.getAttribute('data-mce-type') !== 'bookmark') { 4316 idx++; 4317 } 4318 node = node.nextSibling; 4319 } 4320 return -1; 4321 } 4322 container = node = bookmark[start ? 'startContainer' : 'endContainer']; 4323 offset = bookmark[start ? 'startOffset' : 'endOffset']; 4324 if (!container) { 4325 return; 4326 } 4327 if (container.nodeType === 1) { 4328 offset = nodeIndex(container); 4329 container = container.parentNode; 4330 dom.remove(node); 4331 } 4332 bookmark[start ? 'startContainer' : 'endContainer'] = container; 4333 bookmark[start ? 'startOffset' : 'endOffset'] = offset; 4334 } 4335 restoreEndPoint(true); 4336 restoreEndPoint(); 4337 var rng = dom.createRng(); 4338 rng.setStart(bookmark.startContainer, bookmark.startOffset); 4339 if (bookmark.endContainer) { 4340 rng.setEnd(bookmark.endContainer, bookmark.endOffset); 4341 } 4342 return rng; 4343 }; 4344 var Bookmark = { 4345 create: create$1, 4346 resolve: resolve$1 4347 }; 4348 4349 var global$d = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker'); 4350 4351 var global$e = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils'); 4352 4353 var getSelectedElements = function (rootElm, startNode, endNode) { 4354 var walker, node; 4355 var elms = []; 4356 walker = new global$d(startNode, rootElm); 4357 for (node = startNode; node; node = walker.next()) { 4358 if (node.nodeType === 1) { 4359 elms.push(node); 4360 } 4361 if (node === endNode) { 4362 break; 4363 } 4364 } 4365 return elms; 4366 }; 4367 var unwrapElements = function (editor, elms) { 4368 var bookmark, dom, selection; 4369 dom = editor.dom; 4370 selection = editor.selection; 4371 bookmark = Bookmark.create(dom, selection.getRng()); 4372 global$4.each(elms, function (elm) { 4373 editor.dom.remove(elm, true); 4374 }); 4375 selection.setRng(Bookmark.resolve(dom, bookmark)); 4376 }; 4377 var isLink = function (elm) { 4378 return elm.nodeName === 'A' && elm.hasAttribute('href'); 4379 }; 4380 var getParentAnchorOrSelf = function (dom, elm) { 4381 var anchorElm = dom.getParent(elm, isLink); 4382 return anchorElm ? anchorElm : elm; 4383 }; 4384 var getSelectedAnchors = function (editor) { 4385 var startElm, endElm, rootElm, anchorElms, selection, dom, rng; 4386 selection = editor.selection; 4387 dom = editor.dom; 4388 rng = selection.getRng(); 4389 startElm = getParentAnchorOrSelf(dom, global$e.getNode(rng.startContainer, rng.startOffset)); 4390 endElm = global$e.getNode(rng.endContainer, rng.endOffset); 4391 rootElm = editor.getBody(); 4392 anchorElms = global$4.grep(getSelectedElements(rootElm, startElm, endElm), isLink); 4393 return anchorElms; 4394 }; 4395 var unlinkSelection = function (editor) { 4396 unwrapElements(editor, getSelectedAnchors(editor)); 4397 }; 4398 var Unlink = { unlinkSelection: unlinkSelection }; 4399 4400 var createTableHtml = function (cols, rows) { 4401 var x, y, html; 4402 html = '<table data-mce-id="mce" style="width: 100%">'; 4403 html += '<tbody>'; 4404 for (y = 0; y < rows; y++) { 4405 html += '<tr>'; 4406 for (x = 0; x < cols; x++) { 4407 html += '<td><br></td>'; 4408 } 4409 html += '</tr>'; 4410 } 4411 html += '</tbody>'; 4412 html += '</table>'; 4413 return html; 4414 }; 4415 var getInsertedElement = function (editor) { 4416 var elms = editor.dom.select('*[data-mce-id]'); 4417 return elms[0]; 4418 }; 4419 var insertTableHtml = function (editor, cols, rows) { 4420 editor.undoManager.transact(function () { 4421 var tableElm, cellElm; 4422 editor.insertContent(createTableHtml(cols, rows)); 4423 tableElm = getInsertedElement(editor); 4424 tableElm.removeAttribute('data-mce-id'); 4425 cellElm = editor.dom.select('td,th', tableElm); 4426 editor.selection.setCursorLocation(cellElm[0], 0); 4427 }); 4428 }; 4429 var insertTable = function (editor, cols, rows) { 4430 editor.plugins.table ? editor.plugins.table.insertTable(cols, rows) : insertTableHtml(editor, cols, rows); 4431 }; 4432 var formatBlock = function (editor, formatName) { 4433 editor.execCommand('FormatBlock', false, formatName); 4434 }; 4435 var insertBlob = function (editor, base64, blob) { 4436 var blobCache, blobInfo; 4437 blobCache = editor.editorUpload.blobCache; 4438 blobInfo = blobCache.create(Uuid.uuid('mceu'), blob, base64); 4439 blobCache.add(blobInfo); 4440 editor.insertContent(editor.dom.createHTML('img', { src: blobInfo.blobUri() })); 4441 }; 4442 var collapseSelectionToEnd = function (editor) { 4443 editor.selection.collapse(false); 4444 }; 4445 var unlink = function (editor) { 4446 editor.focus(); 4447 Unlink.unlinkSelection(editor); 4448 collapseSelectionToEnd(editor); 4449 }; 4450 var changeHref = function (editor, elm, url) { 4451 editor.focus(); 4452 editor.dom.setAttrib(elm, 'href', url); 4453 collapseSelectionToEnd(editor); 4454 }; 4455 var insertLink = function (editor, url) { 4456 editor.execCommand('mceInsertLink', false, { href: url }); 4457 collapseSelectionToEnd(editor); 4458 }; 4459 var updateOrInsertLink = function (editor, url) { 4460 var elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]'); 4461 elm ? changeHref(editor, elm, url) : insertLink(editor, url); 4462 }; 4463 var createLink = function (editor, url) { 4464 url.trim().length === 0 ? unlink(editor) : updateOrInsertLink(editor, url); 4465 }; 4466 var Actions = { 4467 insertTable: insertTable, 4468 formatBlock: formatBlock, 4469 insertBlob: insertBlob, 4470 createLink: createLink, 4471 unlink: unlink 4472 }; 4473 4474 var addHeaderButtons = function (editor) { 4475 var formatBlock = function (name) { 4476 return function () { 4477 Actions.formatBlock(editor, name); 4478 }; 4479 }; 4480 for (var i = 1; i < 6; i++) { 4481 var name = 'h' + i; 4482 editor.addButton(name, { 4483 text: name.toUpperCase(), 4484 tooltip: 'Heading ' + i, 4485 stateSelector: name, 4486 onclick: formatBlock(name), 4487 onPostRender: function () { 4488 var span = this.getEl().firstChild.firstChild; 4489 span.style.fontWeight = 'bold'; 4490 } 4491 }); 4492 } 4493 }; 4494 var addToEditor = function (editor, panel) { 4495 editor.addButton('quicklink', { 4496 icon: 'link', 4497 tooltip: 'Insert/Edit link', 4498 stateSelector: 'a[href]', 4499 onclick: function () { 4500 panel.showForm(editor, 'quicklink'); 4501 } 4502 }); 4503 editor.addButton('quickimage', { 4504 icon: 'image', 4505 tooltip: 'Insert image', 4506 onclick: function () { 4507 Picker.pickFile().then(function (files) { 4508 var blob = files[0]; 4509 Conversions.blobToBase64(blob).then(function (base64) { 4510 Actions.insertBlob(editor, base64, blob); 4511 }); 4512 }); 4513 } 4514 }); 4515 editor.addButton('quicktable', { 4516 icon: 'table', 4517 tooltip: 'Insert table', 4518 onclick: function () { 4519 panel.hide(); 4520 Actions.insertTable(editor, 2, 2); 4521 } 4522 }); 4523 addHeaderButtons(editor); 4524 }; 4525 var Buttons = { addToEditor: addToEditor }; 4526 4527 var getUiContainerDelta$1 = function () { 4528 var uiContainer = global$1.container; 4529 if (uiContainer && global$2.DOM.getStyle(uiContainer, 'position', true) !== 'static') { 4530 var containerPos = global$2.DOM.getPos(uiContainer); 4531 var dx = containerPos.x - uiContainer.scrollLeft; 4532 var dy = containerPos.y - uiContainer.scrollTop; 4533 return Option.some({ 4534 x: dx, 4535 y: dy 4536 }); 4537 } else { 4538 return Option.none(); 4539 } 4540 }; 4541 var UiContainer$1 = { getUiContainerDelta: getUiContainerDelta$1 }; 4542 4543 var isDomainLike = function (href) { 4544 return /^www\.|\.(com|org|edu|gov|uk|net|ca|de|jp|fr|au|us|ru|ch|it|nl|se|no|es|mil)$/i.test(href.trim()); 4545 }; 4546 var isAbsolute = function (href) { 4547 return /^https?:\/\//.test(href.trim()); 4548 }; 4549 var UrlType = { 4550 isDomainLike: isDomainLike, 4551 isAbsolute: isAbsolute 4552 }; 4553 4554 var focusFirstTextBox = function (form) { 4555 form.find('textbox').eq(0).each(function (ctrl) { 4556 ctrl.focus(); 4557 }); 4558 }; 4559 var createForm = function (name, spec) { 4560 var form = global$b.create(global$4.extend({ 4561 type: 'form', 4562 layout: 'flex', 4563 direction: 'row', 4564 padding: 5, 4565 name: name, 4566 spacing: 3 4567 }, spec)); 4568 form.on('show', function () { 4569 focusFirstTextBox(form); 4570 }); 4571 return form; 4572 }; 4573 var toggleVisibility = function (ctrl, state) { 4574 return state ? ctrl.show() : ctrl.hide(); 4575 }; 4576 var askAboutPrefix = function (editor, href) { 4577 return new global$c(function (resolve) { 4578 editor.windowManager.confirm('The URL you entered seems to be an external link. Do you want to add the required http:// prefix?', function (result) { 4579 var output = result === true ? 'http://' + href : href; 4580 resolve(output); 4581 }); 4582 }); 4583 }; 4584 var convertLinkToAbsolute = function (editor, href) { 4585 return !UrlType.isAbsolute(href) && UrlType.isDomainLike(href) ? askAboutPrefix(editor, href) : global$c.resolve(href); 4586 }; 4587 var createQuickLinkForm = function (editor, hide) { 4588 var attachState = {}; 4589 var unlink = function () { 4590 editor.focus(); 4591 Actions.unlink(editor); 4592 hide(); 4593 }; 4594 var onChangeHandler = function (e) { 4595 var meta = e.meta; 4596 if (meta && meta.attach) { 4597 attachState = { 4598 href: this.value(), 4599 attach: meta.attach 4600 }; 4601 } 4602 }; 4603 var onShowHandler = function (e) { 4604 if (e.control === this) { 4605 var elm = void 0, linkurl = ''; 4606 elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]'); 4607 if (elm) { 4608 linkurl = editor.dom.getAttrib(elm, 'href'); 4609 } 4610 this.fromJSON({ linkurl: linkurl }); 4611 toggleVisibility(this.find('#unlink'), elm); 4612 this.find('#linkurl')[0].focus(); 4613 } 4614 }; 4615 return createForm('quicklink', { 4616 items: [ 4617 { 4618 type: 'button', 4619 name: 'unlink', 4620 icon: 'unlink', 4621 onclick: unlink, 4622 tooltip: 'Remove link' 4623 }, 4624 { 4625 type: 'filepicker', 4626 name: 'linkurl', 4627 placeholder: 'Paste or type a link', 4628 filetype: 'file', 4629 onchange: onChangeHandler 4630 }, 4631 { 4632 type: 'button', 4633 icon: 'checkmark', 4634 subtype: 'primary', 4635 tooltip: 'Ok', 4636 onclick: 'submit' 4637 } 4638 ], 4639 onshow: onShowHandler, 4640 onsubmit: function (e) { 4641 convertLinkToAbsolute(editor, e.data.linkurl).then(function (url) { 4642 editor.undoManager.transact(function () { 4643 if (url === attachState.href) { 4644 attachState.attach(); 4645 attachState = {}; 4646 } 4647 Actions.createLink(editor, url); 4648 }); 4649 hide(); 4650 }); 4651 } 4652 }); 4653 }; 4654 var Forms = { createQuickLinkForm: createQuickLinkForm }; 4655 4656 var getSelectorStateResult = function (itemName, item) { 4657 var result = function (selector, handler) { 4658 return { 4659 selector: selector, 4660 handler: handler 4661 }; 4662 }; 4663 var activeHandler = function (state) { 4664 item.active(state); 4665 }; 4666 var disabledHandler = function (state) { 4667 item.disabled(state); 4668 }; 4669 if (item.settings.stateSelector) { 4670 return result(item.settings.stateSelector, activeHandler); 4671 } 4672 if (item.settings.disabledStateSelector) { 4673 return result(item.settings.disabledStateSelector, disabledHandler); 4674 } 4675 return null; 4676 }; 4677 var bindSelectorChanged = function (editor, itemName, item) { 4678 return function () { 4679 var result = getSelectorStateResult(itemName, item); 4680 if (result !== null) { 4681 editor.selection.selectorChanged(result.selector, result.handler); 4682 } 4683 }; 4684 }; 4685 var itemsToArray$1 = function (items) { 4686 if (Type.isArray(items)) { 4687 return items; 4688 } else if (Type.isString(items)) { 4689 return items.split(/[ ,]/); 4690 } 4691 return []; 4692 }; 4693 var create$2 = function (editor, name, items) { 4694 var toolbarItems = []; 4695 var buttonGroup; 4696 if (!items) { 4697 return; 4698 } 4699 global$4.each(itemsToArray$1(items), function (item) { 4700 if (item === '|') { 4701 buttonGroup = null; 4702 } else { 4703 if (editor.buttons[item]) { 4704 if (!buttonGroup) { 4705 buttonGroup = { 4706 type: 'buttongroup', 4707 items: [] 4708 }; 4709 toolbarItems.push(buttonGroup); 4710 } 4711 var button = editor.buttons[item]; 4712 if (Type.isFunction(button)) { 4713 button = button(); 4714 } 4715 button.type = button.type || 'button'; 4716 button = global$b.create(button); 4717 button.on('postRender', bindSelectorChanged(editor, item, button)); 4718 buttonGroup.items.push(button); 4719 } 4720 } 4721 }); 4722 return global$b.create({ 4723 type: 'toolbar', 4724 layout: 'flow', 4725 name: name, 4726 items: toolbarItems 4727 }); 4728 }; 4729 var Toolbar = { create: create$2 }; 4730 4731 var create$3 = function () { 4732 var panel, currentRect; 4733 var createToolbars = function (editor, toolbars) { 4734 return global$4.map(toolbars, function (toolbar) { 4735 return Toolbar.create(editor, toolbar.id, toolbar.items); 4736 }); 4737 }; 4738 var hasToolbarItems = function (toolbar) { 4739 return toolbar.items().length > 0; 4740 }; 4741 var create = function (editor, toolbars) { 4742 var items = createToolbars(editor, toolbars).concat([ 4743 Toolbar.create(editor, 'text', Settings.getTextSelectionToolbarItems(editor)), 4744 Toolbar.create(editor, 'insert', Settings.getInsertToolbarItems(editor)), 4745 Forms.createQuickLinkForm(editor, hide) 4746 ]); 4747 return global$b.create({ 4748 type: 'floatpanel', 4749 role: 'dialog', 4750 classes: 'tinymce tinymce-inline arrow', 4751 ariaLabel: 'Inline toolbar', 4752 layout: 'flex', 4753 direction: 'column', 4754 align: 'stretch', 4755 autohide: false, 4756 autofix: true, 4757 fixed: true, 4758 border: 1, 4759 items: global$4.grep(items, hasToolbarItems), 4760 oncancel: function () { 4761 editor.focus(); 4762 } 4763 }); 4764 }; 4765 var showPanel = function (panel) { 4766 if (panel) { 4767 panel.show(); 4768 } 4769 }; 4770 var movePanelTo = function (panel, pos) { 4771 panel.moveTo(pos.x, pos.y); 4772 }; 4773 var togglePositionClass = function (panel, relPos) { 4774 relPos = relPos ? relPos.substr(0, 2) : ''; 4775 global$4.each({ 4776 t: 'down', 4777 b: 'up', 4778 c: 'center' 4779 }, function (cls, pos) { 4780 panel.classes.toggle('arrow-' + cls, pos === relPos.substr(0, 1)); 4781 }); 4782 if (relPos === 'cr') { 4783 panel.classes.toggle('arrow-left', true); 4784 panel.classes.toggle('arrow-right', false); 4785 } else if (relPos === 'cl') { 4786 panel.classes.toggle('arrow-left', false); 4787 panel.classes.toggle('arrow-right', true); 4788 } else { 4789 global$4.each({ 4790 l: 'left', 4791 r: 'right' 4792 }, function (cls, pos) { 4793 panel.classes.toggle('arrow-' + cls, pos === relPos.substr(1, 1)); 4794 }); 4795 } 4796 }; 4797 var showToolbar = function (panel, id) { 4798 var toolbars = panel.items().filter('#' + id); 4799 if (toolbars.length > 0) { 4800 toolbars[0].show(); 4801 panel.reflow(); 4802 return true; 4803 } 4804 return false; 4805 }; 4806 var repositionPanelAt = function (panel, id, editor, targetRect) { 4807 var contentAreaRect, panelRect, result, userConstainHandler; 4808 userConstainHandler = Settings.getPositionHandler(editor); 4809 contentAreaRect = Measure.getContentAreaRect(editor); 4810 panelRect = global$2.DOM.getRect(panel.getEl()); 4811 if (id === 'insert') { 4812 result = Layout.calcInsert(targetRect, contentAreaRect, panelRect); 4813 } else { 4814 result = Layout.calc(targetRect, contentAreaRect, panelRect); 4815 } 4816 if (result) { 4817 var delta = UiContainer$1.getUiContainerDelta().getOr({ 4818 x: 0, 4819 y: 0 4820 }); 4821 var transposedPanelRect = { 4822 x: result.rect.x - delta.x, 4823 y: result.rect.y - delta.y, 4824 w: result.rect.w, 4825 h: result.rect.h 4826 }; 4827 currentRect = targetRect; 4828 movePanelTo(panel, Layout.userConstrain(userConstainHandler, targetRect, contentAreaRect, transposedPanelRect)); 4829 togglePositionClass(panel, result.position); 4830 return true; 4831 } else { 4832 return false; 4833 } 4834 }; 4835 var showPanelAt = function (panel, id, editor, targetRect) { 4836 showPanel(panel); 4837 panel.items().hide(); 4838 if (!showToolbar(panel, id)) { 4839 hide(); 4840 return; 4841 } 4842 if (repositionPanelAt(panel, id, editor, targetRect) === false) { 4843 hide(); 4844 } 4845 }; 4846 var hasFormVisible = function () { 4847 return panel.items().filter('form:visible').length > 0; 4848 }; 4849 var showForm = function (editor, id) { 4850 if (panel) { 4851 panel.items().hide(); 4852 if (!showToolbar(panel, id)) { 4853 hide(); 4854 return; 4855 } 4856 var contentAreaRect = void 0, panelRect = void 0, result = void 0, userConstainHandler = void 0; 4857 showPanel(panel); 4858 panel.items().hide(); 4859 showToolbar(panel, id); 4860 userConstainHandler = Settings.getPositionHandler(editor); 4861 contentAreaRect = Measure.getContentAreaRect(editor); 4862 panelRect = global$2.DOM.getRect(panel.getEl()); 4863 result = Layout.calc(currentRect, contentAreaRect, panelRect); 4864 if (result) { 4865 panelRect = result.rect; 4866 movePanelTo(panel, Layout.userConstrain(userConstainHandler, currentRect, contentAreaRect, panelRect)); 4867 togglePositionClass(panel, result.position); 4868 } 4869 } 4870 }; 4871 var show = function (editor, id, targetRect, toolbars) { 4872 if (!panel) { 4873 Events.fireBeforeRenderUI(editor); 4874 panel = create(editor, toolbars); 4875 panel.renderTo().reflow().moveTo(targetRect.x, targetRect.y); 4876 editor.nodeChanged(); 4877 } 4878 showPanelAt(panel, id, editor, targetRect); 4879 }; 4880 var reposition = function (editor, id, targetRect) { 4881 if (panel) { 4882 repositionPanelAt(panel, id, editor, targetRect); 4883 } 4884 }; 4885 var hide = function () { 4886 if (panel) { 4887 panel.hide(); 4888 } 4889 }; 4890 var focus = function () { 4891 if (panel) { 4892 panel.find('toolbar:visible').eq(0).each(function (item) { 4893 item.focus(true); 4894 }); 4895 } 4896 }; 4897 var remove = function () { 4898 if (panel) { 4899 panel.remove(); 4900 panel = null; 4901 } 4902 }; 4903 var inForm = function () { 4904 return panel && panel.visible() && hasFormVisible(); 4905 }; 4906 return { 4907 show: show, 4908 showForm: showForm, 4909 reposition: reposition, 4910 inForm: inForm, 4911 hide: hide, 4912 focus: focus, 4913 remove: remove 4914 }; 4915 }; 4916 4917 var Layout$1 = global$8.extend({ 4918 Defaults: { 4919 firstControlClass: 'first', 4920 lastControlClass: 'last' 4921 }, 4922 init: function (settings) { 4923 this.settings = global$4.extend({}, this.Defaults, settings); 4924 }, 4925 preRender: function (container) { 4926 container.bodyClasses.add(this.settings.containerClass); 4927 }, 4928 applyClasses: function (items) { 4929 var self = this; 4930 var settings = self.settings; 4931 var firstClass, lastClass, firstItem, lastItem; 4932 firstClass = settings.firstControlClass; 4933 lastClass = settings.lastControlClass; 4934 items.each(function (item) { 4935 item.classes.remove(firstClass).remove(lastClass).add(settings.controlClass); 4936 if (item.visible()) { 4937 if (!firstItem) { 4938 firstItem = item; 4939 } 4940 lastItem = item; 4941 } 4942 }); 4943 if (firstItem) { 4944 firstItem.classes.add(firstClass); 4945 } 4946 if (lastItem) { 4947 lastItem.classes.add(lastClass); 4948 } 4949 }, 4950 renderHtml: function (container) { 4951 var self = this; 4952 var html = ''; 4953 self.applyClasses(container.items()); 4954 container.items().each(function (item) { 4955 html += item.renderHtml(); 4956 }); 4957 return html; 4958 }, 4959 recalc: function () { 4960 }, 4961 postRender: function () { 4962 }, 4963 isNative: function () { 4964 return false; 4965 } 4966 }); 4967 4968 var AbsoluteLayout = Layout$1.extend({ 4969 Defaults: { 4970 containerClass: 'abs-layout', 4971 controlClass: 'abs-layout-item' 4972 }, 4973 recalc: function (container) { 4974 container.items().filter(':visible').each(function (ctrl) { 4975 var settings = ctrl.settings; 4976 ctrl.layoutRect({ 4977 x: settings.x, 4978 y: settings.y, 4979 w: settings.w, 4980 h: settings.h 4981 }); 4982 if (ctrl.recalc) { 4983 ctrl.recalc(); 4984 } 4985 }); 4986 }, 4987 renderHtml: function (container) { 4988 return '<div id="' + container._id + '-absend" class="' + container.classPrefix + 'abs-end"></div>' + this._super(container); 4989 } 4990 }); 4991 4992 var Button = Widget.extend({ 4993 Defaults: { 4994 classes: 'widget btn', 4995 role: 'button' 4996 }, 4997 init: function (settings) { 4998 var self = this; 4999 var size; 5000 self._super(settings); 5001 settings = self.settings; 5002 size = self.settings.size; 5003 self.on('click mousedown', function (e) { 5004 e.preventDefault(); 5005 }); 5006 self.on('touchstart', function (e) { 5007 self.fire('click', e); 5008 e.preventDefault(); 5009 }); 5010 if (settings.subtype) { 5011 self.classes.add(settings.subtype); 5012 } 5013 if (size) { 5014 self.classes.add('btn-' + size); 5015 } 5016 if (settings.icon) { 5017 self.icon(settings.icon); 5018 } 5019 }, 5020 icon: function (icon) { 5021 if (!arguments.length) { 5022 return this.state.get('icon'); 5023 } 5024 this.state.set('icon', icon); 5025 return this; 5026 }, 5027 repaint: function () { 5028 var btnElm = this.getEl().firstChild; 5029 var btnStyle; 5030 if (btnElm) { 5031 btnStyle = btnElm.style; 5032 btnStyle.width = btnStyle.height = '100%'; 5033 } 5034 this._super(); 5035 }, 5036 renderHtml: function () { 5037 var self = this, id = self._id, prefix = self.classPrefix; 5038 var icon = self.state.get('icon'), image; 5039 var text = self.state.get('text'); 5040 var textHtml = ''; 5041 var ariaPressed; 5042 var settings = self.settings; 5043 image = settings.image; 5044 if (image) { 5045 icon = 'none'; 5046 if (typeof image !== 'string') { 5047 image = domGlobals.window.getSelection ? image[0] : image[1]; 5048 } 5049 image = ' style="background-image: url(\'' + image + '\')"'; 5050 } else { 5051 image = ''; 5052 } 5053 if (text) { 5054 self.classes.add('btn-has-text'); 5055 textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>'; 5056 } 5057 icon = icon ? prefix + 'ico ' + prefix + 'i-' + icon : ''; 5058 ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : ''; 5059 return '<div id="' + id + '" class="' + self.classes + '" tabindex="-1"' + ariaPressed + '>' + '<button id="' + id + '-button" role="presentation" type="button" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + textHtml + '</button>' + '</div>'; 5060 }, 5061 bindStates: function () { 5062 var self = this, $ = self.$, textCls = self.classPrefix + 'txt'; 5063 function setButtonText(text) { 5064 var $span = $('span.' + textCls, self.getEl()); 5065 if (text) { 5066 if (!$span[0]) { 5067 $('button:first', self.getEl()).append('<span class="' + textCls + '"></span>'); 5068 $span = $('span.' + textCls, self.getEl()); 5069 } 5070 $span.html(self.encode(text)); 5071 } else { 5072 $span.remove(); 5073 } 5074 self.classes.toggle('btn-has-text', !!text); 5075 } 5076 self.state.on('change:text', function (e) { 5077 setButtonText(e.value); 5078 }); 5079 self.state.on('change:icon', function (e) { 5080 var icon = e.value; 5081 var prefix = self.classPrefix; 5082 self.settings.icon = icon; 5083 icon = icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : ''; 5084 var btnElm = self.getEl().firstChild; 5085 var iconElm = btnElm.getElementsByTagName('i')[0]; 5086 if (icon) { 5087 if (!iconElm || iconElm !== btnElm.firstChild) { 5088 iconElm = domGlobals.document.createElement('i'); 5089 btnElm.insertBefore(iconElm, btnElm.firstChild); 5090 } 5091 iconElm.className = icon; 5092 } else if (iconElm) { 5093 btnElm.removeChild(iconElm); 5094 } 5095 setButtonText(self.state.get('text')); 5096 }); 5097 return self._super(); 5098 } 5099 }); 5100 5101 var BrowseButton = Button.extend({ 5102 init: function (settings) { 5103 var self = this; 5104 settings = global$4.extend({ 5105 text: 'Browse...', 5106 multiple: false, 5107 accept: null 5108 }, settings); 5109 self._super(settings); 5110 self.classes.add('browsebutton'); 5111 if (settings.multiple) { 5112 self.classes.add('multiple'); 5113 } 5114 }, 5115 postRender: function () { 5116 var self = this; 5117 var input = funcs.create('input', { 5118 type: 'file', 5119 id: self._id + '-browse', 5120 accept: self.settings.accept 5121 }); 5122 self._super(); 5123 global$7(input).on('change', function (e) { 5124 var files = e.target.files; 5125 self.value = function () { 5126 if (!files.length) { 5127 return null; 5128 } else if (self.settings.multiple) { 5129 return files; 5130 } else { 5131 return files[0]; 5132 } 5133 }; 5134 e.preventDefault(); 5135 if (files.length) { 5136 self.fire('change', e); 5137 } 5138 }); 5139 global$7(input).on('click', function (e) { 5140 e.stopPropagation(); 5141 }); 5142 global$7(self.getEl('button')).on('click touchstart', function (e) { 5143 e.stopPropagation(); 5144 input.click(); 5145 e.preventDefault(); 5146 }); 5147 self.getEl().appendChild(input); 5148 }, 5149 remove: function () { 5150 global$7(this.getEl('button')).off(); 5151 global$7(this.getEl('input')).off(); 5152 this._super(); 5153 } 5154 }); 5155 5156 var ButtonGroup = Container.extend({ 5157 Defaults: { 5158 defaultType: 'button', 5159 role: 'group' 5160 }, 5161 renderHtml: function () { 5162 var self = this, layout = self._layout; 5163 self.classes.add('btn-group'); 5164 self.preRender(); 5165 layout.preRender(self); 5166 return '<div id="' + self._id + '" class="' + self.classes + '">' + '<div id="' + self._id + '-body">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</div>'; 5167 } 5168 }); 5169 5170 var Checkbox = Widget.extend({ 5171 Defaults: { 5172 classes: 'checkbox', 5173 role: 'checkbox', 5174 checked: false 5175 }, 5176 init: function (settings) { 5177 var self = this; 5178 self._super(settings); 5179 self.on('click mousedown', function (e) { 5180 e.preventDefault(); 5181 }); 5182 self.on('click', function (e) { 5183 e.preventDefault(); 5184 if (!self.disabled()) { 5185 self.checked(!self.checked()); 5186 } 5187 }); 5188 self.checked(self.settings.checked); 5189 }, 5190 checked: function (state) { 5191 if (!arguments.length) { 5192 return this.state.get('checked'); 5193 } 5194 this.state.set('checked', state); 5195 return this; 5196 }, 5197 value: function (state) { 5198 if (!arguments.length) { 5199 return this.checked(); 5200 } 5201 return this.checked(state); 5202 }, 5203 renderHtml: function () { 5204 var self = this, id = self._id, prefix = self.classPrefix; 5205 return '<div id="' + id + '" class="' + self.classes + '" unselectable="on" aria-labelledby="' + id + '-al" tabindex="-1">' + '<i class="' + prefix + 'ico ' + prefix + 'i-checkbox"></i>' + '<span id="' + id + '-al" class="' + prefix + 'label">' + self.encode(self.state.get('text')) + '</span>' + '</div>'; 5206 }, 5207 bindStates: function () { 5208 var self = this; 5209 function checked(state) { 5210 self.classes.toggle('checked', state); 5211 self.aria('checked', state); 5212 } 5213 self.state.on('change:text', function (e) { 5214 self.getEl('al').firstChild.data = self.translate(e.value); 5215 }); 5216 self.state.on('change:checked change:value', function (e) { 5217 self.fire('change'); 5218 checked(e.value); 5219 }); 5220 self.state.on('change:icon', function (e) { 5221 var icon = e.value; 5222 var prefix = self.classPrefix; 5223 if (typeof icon === 'undefined') { 5224 return self.settings.icon; 5225 } 5226 self.settings.icon = icon; 5227 icon = icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : ''; 5228 var btnElm = self.getEl().firstChild; 5229 var iconElm = btnElm.getElementsByTagName('i')[0]; 5230 if (icon) { 5231 if (!iconElm || iconElm !== btnElm.firstChild) { 5232 iconElm = domGlobals.document.createElement('i'); 5233 btnElm.insertBefore(iconElm, btnElm.firstChild); 5234 } 5235 iconElm.className = icon; 5236 } else if (iconElm) { 5237 btnElm.removeChild(iconElm); 5238 } 5239 }); 5240 if (self.state.get('checked')) { 5241 checked(true); 5242 } 5243 return self._super(); 5244 } 5245 }); 5246 5247 var global$f = tinymce.util.Tools.resolve('tinymce.util.VK'); 5248 5249 var ComboBox = Widget.extend({ 5250 init: function (settings) { 5251 var self = this; 5252 self._super(settings); 5253 settings = self.settings; 5254 self.classes.add('combobox'); 5255 self.subinput = true; 5256 self.ariaTarget = 'inp'; 5257 settings.menu = settings.menu || settings.values; 5258 if (settings.menu) { 5259 settings.icon = 'caret'; 5260 } 5261 self.on('click', function (e) { 5262 var elm = e.target; 5263 var root = self.getEl(); 5264 if (!global$7.contains(root, elm) && elm !== root) { 5265 return; 5266 } 5267 while (elm && elm !== root) { 5268 if (elm.id && elm.id.indexOf('-open') !== -1) { 5269 self.fire('action'); 5270 if (settings.menu) { 5271 self.showMenu(); 5272 if (e.aria) { 5273 self.menu.items()[0].focus(); 5274 } 5275 } 5276 } 5277 elm = elm.parentNode; 5278 } 5279 }); 5280 self.on('keydown', function (e) { 5281 var rootControl; 5282 if (e.keyCode === 13 && e.target.nodeName === 'INPUT') { 5283 e.preventDefault(); 5284 self.parents().reverse().each(function (ctrl) { 5285 if (ctrl.toJSON) { 5286 rootControl = ctrl; 5287 return false; 5288 } 5289 }); 5290 self.fire('submit', { data: rootControl.toJSON() }); 5291 } 5292 }); 5293 self.on('keyup', function (e) { 5294 if (e.target.nodeName === 'INPUT') { 5295 var oldValue = self.state.get('value'); 5296 var newValue = e.target.value; 5297 if (newValue !== oldValue) { 5298 self.state.set('value', newValue); 5299 self.fire('autocomplete', e); 5300 } 5301 } 5302 }); 5303 self.on('mouseover', function (e) { 5304 var tooltip = self.tooltip().moveTo(-65535); 5305 if (self.statusLevel() && e.target.className.indexOf(self.classPrefix + 'status') !== -1) { 5306 var statusMessage = self.statusMessage() || 'Ok'; 5307 var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [ 5308 'bc-tc', 5309 'bc-tl', 5310 'bc-tr' 5311 ]); 5312 tooltip.classes.toggle('tooltip-n', rel === 'bc-tc'); 5313 tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl'); 5314 tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr'); 5315 tooltip.moveRel(e.target, rel); 5316 } 5317 }); 5318 }, 5319 statusLevel: function (value) { 5320 if (arguments.length > 0) { 5321 this.state.set('statusLevel', value); 5322 } 5323 return this.state.get('statusLevel'); 5324 }, 5325 statusMessage: function (value) { 5326 if (arguments.length > 0) { 5327 this.state.set('statusMessage', value); 5328 } 5329 return this.state.get('statusMessage'); 5330 }, 5331 showMenu: function () { 5332 var self = this; 5333 var settings = self.settings; 5334 var menu; 5335 if (!self.menu) { 5336 menu = settings.menu || []; 5337 if (menu.length) { 5338 menu = { 5339 type: 'menu', 5340 items: menu 5341 }; 5342 } else { 5343 menu.type = menu.type || 'menu'; 5344 } 5345 self.menu = global$b.create(menu).parent(self).renderTo(self.getContainerElm()); 5346 self.fire('createmenu'); 5347 self.menu.reflow(); 5348 self.menu.on('cancel', function (e) { 5349 if (e.control === self.menu) { 5350 self.focus(); 5351 } 5352 }); 5353 self.menu.on('show hide', function (e) { 5354 e.control.items().each(function (ctrl) { 5355 ctrl.active(ctrl.value() === self.value()); 5356 }); 5357 }).fire('show'); 5358 self.menu.on('select', function (e) { 5359 self.value(e.control.value()); 5360 }); 5361 self.on('focusin', function (e) { 5362 if (e.target.tagName.toUpperCase() === 'INPUT') { 5363 self.menu.hide(); 5364 } 5365 }); 5366 self.aria('expanded', true); 5367 } 5368 self.menu.show(); 5369 self.menu.layoutRect({ w: self.layoutRect().w }); 5370 self.menu.moveRel(self.getEl(), self.isRtl() ? [ 5371 'br-tr', 5372 'tr-br' 5373 ] : [ 5374 'bl-tl', 5375 'tl-bl' 5376 ]); 5377 }, 5378 focus: function () { 5379 this.getEl('inp').focus(); 5380 }, 5381 repaint: function () { 5382 var self = this, elm = self.getEl(), openElm = self.getEl('open'), rect = self.layoutRect(); 5383 var width, lineHeight, innerPadding = 0; 5384 var inputElm = elm.firstChild; 5385 if (self.statusLevel() && self.statusLevel() !== 'none') { 5386 innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10); 5387 } 5388 if (openElm) { 5389 width = rect.w - funcs.getSize(openElm).width - 10; 5390 } else { 5391 width = rect.w - 10; 5392 } 5393 var doc = domGlobals.document; 5394 if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) { 5395 lineHeight = self.layoutRect().h - 2 + 'px'; 5396 } 5397 global$7(inputElm).css({ 5398 width: width - innerPadding, 5399 lineHeight: lineHeight 5400 }); 5401 self._super(); 5402 return self; 5403 }, 5404 postRender: function () { 5405 var self = this; 5406 global$7(this.getEl('inp')).on('change', function (e) { 5407 self.state.set('value', e.target.value); 5408 self.fire('change', e); 5409 }); 5410 return self._super(); 5411 }, 5412 renderHtml: function () { 5413 var self = this, id = self._id, settings = self.settings, prefix = self.classPrefix; 5414 var value = self.state.get('value') || ''; 5415 var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = ''; 5416 if ('spellcheck' in settings) { 5417 extraAttrs += ' spellcheck="' + settings.spellcheck + '"'; 5418 } 5419 if (settings.maxLength) { 5420 extraAttrs += ' maxlength="' + settings.maxLength + '"'; 5421 } 5422 if (settings.size) { 5423 extraAttrs += ' size="' + settings.size + '"'; 5424 } 5425 if (settings.subtype) { 5426 extraAttrs += ' type="' + settings.subtype + '"'; 5427 } 5428 statusHtml = '<i id="' + id + '-status" class="mce-status mce-ico" style="display: none"></i>'; 5429 if (self.disabled()) { 5430 extraAttrs += ' disabled="disabled"'; 5431 } 5432 icon = settings.icon; 5433 if (icon && icon !== 'caret') { 5434 icon = prefix + 'ico ' + prefix + 'i-' + settings.icon; 5435 } 5436 text = self.state.get('text'); 5437 if (icon || text) { 5438 openBtnHtml = '<div id="' + id + '-open" class="' + prefix + 'btn ' + prefix + 'open" tabIndex="-1" role="button">' + '<button id="' + id + '-action" type="button" hidefocus="1" tabindex="-1">' + (icon !== 'caret' ? '<i class="' + icon + '"></i>' : '<i class="' + prefix + 'caret"></i>') + (text ? (icon ? ' ' : '') + text : '') + '</button>' + '</div>'; 5439 self.classes.add('has-open'); 5440 } 5441 return '<div id="' + id + '" class="' + self.classes + '">' + '<input id="' + id + '-inp" class="' + prefix + 'textbox" value="' + self.encode(value, false) + '" hidefocus="1"' + extraAttrs + ' placeholder="' + self.encode(settings.placeholder) + '" />' + statusHtml + openBtnHtml + '</div>'; 5442 }, 5443 value: function (value) { 5444 if (arguments.length) { 5445 this.state.set('value', value); 5446 return this; 5447 } 5448 if (this.state.get('rendered')) { 5449 this.state.set('value', this.getEl('inp').value); 5450 } 5451 return this.state.get('value'); 5452 }, 5453 showAutoComplete: function (items, term) { 5454 var self = this; 5455 if (items.length === 0) { 5456 self.hideMenu(); 5457 return; 5458 } 5459 var insert = function (value, title) { 5460 return function () { 5461 self.fire('selectitem', { 5462 title: title, 5463 value: value 5464 }); 5465 }; 5466 }; 5467 if (self.menu) { 5468 self.menu.items().remove(); 5469 } else { 5470 self.menu = global$b.create({ 5471 type: 'menu', 5472 classes: 'combobox-menu', 5473 layout: 'flow' 5474 }).parent(self).renderTo(); 5475 } 5476 global$4.each(items, function (item) { 5477 self.menu.add({ 5478 text: item.title, 5479 url: item.previewUrl, 5480 match: term, 5481 classes: 'menu-item-ellipsis', 5482 onclick: insert(item.value, item.title) 5483 }); 5484 }); 5485 self.menu.renderNew(); 5486 self.hideMenu(); 5487 self.menu.on('cancel', function (e) { 5488 if (e.control.parent() === self.menu) { 5489 e.stopPropagation(); 5490 self.focus(); 5491 self.hideMenu(); 5492 } 5493 }); 5494 self.menu.on('select', function () { 5495 self.focus(); 5496 }); 5497 var maxW = self.layoutRect().w; 5498 self.menu.layoutRect({ 5499 w: maxW, 5500 minW: 0, 5501 maxW: maxW 5502 }); 5503 self.menu.repaint(); 5504 self.menu.reflow(); 5505 self.menu.show(); 5506 self.menu.moveRel(self.getEl(), self.isRtl() ? [ 5507 'br-tr', 5508 'tr-br' 5509 ] : [ 5510 'bl-tl', 5511 'tl-bl' 5512 ]); 5513 }, 5514 hideMenu: function () { 5515 if (this.menu) { 5516 this.menu.hide(); 5517 } 5518 }, 5519 bindStates: function () { 5520 var self = this; 5521 self.state.on('change:value', function (e) { 5522 if (self.getEl('inp').value !== e.value) { 5523 self.getEl('inp').value = e.value; 5524 } 5525 }); 5526 self.state.on('change:disabled', function (e) { 5527 self.getEl('inp').disabled = e.value; 5528 }); 5529 self.state.on('change:statusLevel', function (e) { 5530 var statusIconElm = self.getEl('status'); 5531 var prefix = self.classPrefix, value = e.value; 5532 funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : ''); 5533 funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok'); 5534 funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn'); 5535 funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error'); 5536 self.classes.toggle('has-status', value !== 'none'); 5537 self.repaint(); 5538 }); 5539 funcs.on(self.getEl('status'), 'mouseleave', function () { 5540 self.tooltip().hide(); 5541 }); 5542 self.on('cancel', function (e) { 5543 if (self.menu && self.menu.visible()) { 5544 e.stopPropagation(); 5545 self.hideMenu(); 5546 } 5547 }); 5548 var focusIdx = function (idx, menu) { 5549 if (menu && menu.items().length > 0) { 5550 menu.items().eq(idx)[0].focus(); 5551 } 5552 }; 5553 self.on('keydown', function (e) { 5554 var keyCode = e.keyCode; 5555 if (e.target.nodeName === 'INPUT') { 5556 if (keyCode === global$f.DOWN) { 5557 e.preventDefault(); 5558 self.fire('autocomplete'); 5559 focusIdx(0, self.menu); 5560 } else if (keyCode === global$f.UP) { 5561 e.preventDefault(); 5562 focusIdx(-1, self.menu); 5563 } 5564 } 5565 }); 5566 return self._super(); 5567 }, 5568 remove: function () { 5569 global$7(this.getEl('inp')).off(); 5570 if (this.menu) { 5571 this.menu.remove(); 5572 } 5573 this._super(); 5574 } 5575 }); 5576 5577 var ColorBox = ComboBox.extend({ 5578 init: function (settings) { 5579 var self = this; 5580 settings.spellcheck = false; 5581 if (settings.onaction) { 5582 settings.icon = 'none'; 5583 } 5584 self._super(settings); 5585 self.classes.add('colorbox'); 5586 self.on('change keyup postrender', function () { 5587 self.repaintColor(self.value()); 5588 }); 5589 }, 5590 repaintColor: function (value) { 5591 var openElm = this.getEl('open'); 5592 var elm = openElm ? openElm.getElementsByTagName('i')[0] : null; 5593 if (elm) { 5594 try { 5595 elm.style.background = value; 5596 } catch (ex) { 5597 } 5598 } 5599 }, 5600 bindStates: function () { 5601 var self = this; 5602 self.state.on('change:value', function (e) { 5603 if (self.state.get('rendered')) { 5604 self.repaintColor(e.value); 5605 } 5606 }); 5607 return self._super(); 5608 } 5609 }); 5610 5611 var PanelButton = Button.extend({ 5612 showPanel: function () { 5613 var self = this, settings = self.settings; 5614 self.classes.add('opened'); 5615 if (!self.panel) { 5616 var panelSettings = settings.panel; 5617 if (panelSettings.type) { 5618 panelSettings = { 5619 layout: 'grid', 5620 items: panelSettings 5621 }; 5622 } 5623 panelSettings.role = panelSettings.role || 'dialog'; 5624 panelSettings.popover = true; 5625 panelSettings.autohide = true; 5626 panelSettings.ariaRoot = true; 5627 self.panel = new FloatPanel(panelSettings).on('hide', function () { 5628 self.classes.remove('opened'); 5629 }).on('cancel', function (e) { 5630 e.stopPropagation(); 5631 self.focus(); 5632 self.hidePanel(); 5633 }).parent(self).renderTo(self.getContainerElm()); 5634 self.panel.fire('show'); 5635 self.panel.reflow(); 5636 } else { 5637 self.panel.show(); 5638 } 5639 var rtlRels = [ 5640 'bc-tc', 5641 'bc-tl', 5642 'bc-tr' 5643 ]; 5644 var ltrRels = [ 5645 'bc-tc', 5646 'bc-tr', 5647 'bc-tl', 5648 'tc-bc', 5649 'tc-br', 5650 'tc-bl' 5651 ]; 5652 var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels)); 5653 self.panel.classes.toggle('start', rel.substr(-1) === 'l'); 5654 self.panel.classes.toggle('end', rel.substr(-1) === 'r'); 5655 var isTop = rel.substr(0, 1) === 't'; 5656 self.panel.classes.toggle('bottom', !isTop); 5657 self.panel.classes.toggle('top', isTop); 5658 self.panel.moveRel(self.getEl(), rel); 5659 }, 5660 hidePanel: function () { 5661 var self = this; 5662 if (self.panel) { 5663 self.panel.hide(); 5664 } 5665 }, 5666 postRender: function () { 5667 var self = this; 5668 self.aria('haspopup', true); 5669 self.on('click', function (e) { 5670 if (e.control === self) { 5671 if (self.panel && self.panel.visible()) { 5672 self.hidePanel(); 5673 } else { 5674 self.showPanel(); 5675 self.panel.focus(!!e.aria); 5676 } 5677 } 5678 }); 5679 return self._super(); 5680 }, 5681 remove: function () { 5682 if (this.panel) { 5683 this.panel.remove(); 5684 this.panel = null; 5685 } 5686 return this._super(); 5687 } 5688 }); 5689 5690 var DOM = global$2.DOM; 5691 var ColorButton = PanelButton.extend({ 5692 init: function (settings) { 5693 this._super(settings); 5694 this.classes.add('splitbtn'); 5695 this.classes.add('colorbutton'); 5696 }, 5697 color: function (color) { 5698 if (color) { 5699 this._color = color; 5700 this.getEl('preview').style.backgroundColor = color; 5701 return this; 5702 } 5703 return this._color; 5704 }, 5705 resetColor: function () { 5706 this._color = null; 5707 this.getEl('preview').style.backgroundColor = null; 5708 return this; 5709 }, 5710 renderHtml: function () { 5711 var self = this, id = self._id, prefix = self.classPrefix, text = self.state.get('text'); 5712 var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : ''; 5713 var image = self.settings.image ? ' style="background-image: url(\'' + self.settings.image + '\')"' : ''; 5714 var textHtml = ''; 5715 if (text) { 5716 self.classes.add('btn-has-text'); 5717 textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>'; 5718 } 5719 return '<div id="' + id + '" class="' + self.classes + '" role="button" tabindex="-1" aria-haspopup="true">' + '<button role="presentation" hidefocus="1" type="button" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + '<span id="' + id + '-preview" class="' + prefix + 'preview"></span>' + textHtml + '</button>' + '<button type="button" class="' + prefix + 'open" hidefocus="1" tabindex="-1">' + ' <i class="' + prefix + 'caret"></i>' + '</button>' + '</div>'; 5720 }, 5721 postRender: function () { 5722 var self = this, onClickHandler = self.settings.onclick; 5723 self.on('click', function (e) { 5724 if (e.aria && e.aria.key === 'down') { 5725 return; 5726 } 5727 if (e.control === self && !DOM.getParent(e.target, '.' + self.classPrefix + 'open')) { 5728 e.stopImmediatePropagation(); 5729 onClickHandler.call(self, e); 5730 } 5731 }); 5732 delete self.settings.onclick; 5733 return self._super(); 5734 } 5735 }); 5736 5737 var global$g = tinymce.util.Tools.resolve('tinymce.util.Color'); 5738 5739 var ColorPicker = Widget.extend({ 5740 Defaults: { classes: 'widget colorpicker' }, 5741 init: function (settings) { 5742 this._super(settings); 5743 }, 5744 postRender: function () { 5745 var self = this; 5746 var color = self.color(); 5747 var hsv, hueRootElm, huePointElm, svRootElm, svPointElm; 5748 hueRootElm = self.getEl('h'); 5749 huePointElm = self.getEl('hp'); 5750 svRootElm = self.getEl('sv'); 5751 svPointElm = self.getEl('svp'); 5752 function getPos(elm, event) { 5753 var pos = funcs.getPos(elm); 5754 var x, y; 5755 x = event.pageX - pos.x; 5756 y = event.pageY - pos.y; 5757 x = Math.max(0, Math.min(x / elm.clientWidth, 1)); 5758 y = Math.max(0, Math.min(y / elm.clientHeight, 1)); 5759 return { 5760 x: x, 5761 y: y 5762 }; 5763 } 5764 function updateColor(hsv, hueUpdate) { 5765 var hue = (360 - hsv.h) / 360; 5766 funcs.css(huePointElm, { top: hue * 100 + '%' }); 5767 if (!hueUpdate) { 5768 funcs.css(svPointElm, { 5769 left: hsv.s + '%', 5770 top: 100 - hsv.v + '%' 5771 }); 5772 } 5773 svRootElm.style.background = global$g({ 5774 s: 100, 5775 v: 100, 5776 h: hsv.h 5777 }).toHex(); 5778 self.color().parse({ 5779 s: hsv.s, 5780 v: hsv.v, 5781 h: hsv.h 5782 }); 5783 } 5784 function updateSaturationAndValue(e) { 5785 var pos; 5786 pos = getPos(svRootElm, e); 5787 hsv.s = pos.x * 100; 5788 hsv.v = (1 - pos.y) * 100; 5789 updateColor(hsv); 5790 self.fire('change'); 5791 } 5792 function updateHue(e) { 5793 var pos; 5794 pos = getPos(hueRootElm, e); 5795 hsv = color.toHsv(); 5796 hsv.h = (1 - pos.y) * 360; 5797 updateColor(hsv, true); 5798 self.fire('change'); 5799 } 5800 self._repaint = function () { 5801 hsv = color.toHsv(); 5802 updateColor(hsv); 5803 }; 5804 self._super(); 5805 self._svdraghelper = new DragHelper(self._id + '-sv', { 5806 start: updateSaturationAndValue, 5807 drag: updateSaturationAndValue 5808 }); 5809 self._hdraghelper = new DragHelper(self._id + '-h', { 5810 start: updateHue, 5811 drag: updateHue 5812 }); 5813 self._repaint(); 5814 }, 5815 rgb: function () { 5816 return this.color().toRgb(); 5817 }, 5818 value: function (value) { 5819 var self = this; 5820 if (arguments.length) { 5821 self.color().parse(value); 5822 if (self._rendered) { 5823 self._repaint(); 5824 } 5825 } else { 5826 return self.color().toHex(); 5827 } 5828 }, 5829 color: function () { 5830 if (!this._color) { 5831 this._color = global$g(); 5832 } 5833 return this._color; 5834 }, 5835 renderHtml: function () { 5836 var self = this; 5837 var id = self._id; 5838 var prefix = self.classPrefix; 5839 var hueHtml; 5840 var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000'; 5841 function getOldIeFallbackHtml() { 5842 var i, l, html = '', gradientPrefix, stopsList; 5843 gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='; 5844 stopsList = stops.split(','); 5845 for (i = 0, l = stopsList.length - 1; i < l; i++) { 5846 html += '<div class="' + prefix + 'colorpicker-h-chunk" style="' + 'height:' + 100 / l + '%;' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ');' + '-ms-' + gradientPrefix + stopsList[i] + ',endColorstr=' + stopsList[i + 1] + ')' + '"></div>'; 5847 } 5848 return html; 5849 } 5850 var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');'; 5851 hueHtml = '<div id="' + id + '-h" class="' + prefix + 'colorpicker-h" style="' + gradientCssText + '">' + getOldIeFallbackHtml() + '<div id="' + id + '-hp" class="' + prefix + 'colorpicker-h-marker"></div>' + '</div>'; 5852 return '<div id="' + id + '" class="' + self.classes + '">' + '<div id="' + id + '-sv" class="' + prefix + 'colorpicker-sv">' + '<div class="' + prefix + 'colorpicker-overlay1">' + '<div class="' + prefix + 'colorpicker-overlay2">' + '<div id="' + id + '-svp" class="' + prefix + 'colorpicker-selector1">' + '<div class="' + prefix + 'colorpicker-selector2"></div>' + '</div>' + '</div>' + '</div>' + '</div>' + hueHtml + '</div>'; 5853 } 5854 }); 5855 5856 var DropZone = Widget.extend({ 5857 init: function (settings) { 5858 var self = this; 5859 settings = global$4.extend({ 5860 height: 100, 5861 text: 'Drop an image here', 5862 multiple: false, 5863 accept: null 5864 }, settings); 5865 self._super(settings); 5866 self.classes.add('dropzone'); 5867 if (settings.multiple) { 5868 self.classes.add('multiple'); 5869 } 5870 }, 5871 renderHtml: function () { 5872 var self = this; 5873 var attrs, elm; 5874 var cfg = self.settings; 5875 attrs = { 5876 id: self._id, 5877 hidefocus: '1' 5878 }; 5879 elm = funcs.create('div', attrs, '<span>' + this.translate(cfg.text) + '</span>'); 5880 if (cfg.height) { 5881 funcs.css(elm, 'height', cfg.height + 'px'); 5882 } 5883 if (cfg.width) { 5884 funcs.css(elm, 'width', cfg.width + 'px'); 5885 } 5886 elm.className = self.classes; 5887 return elm.outerHTML; 5888 }, 5889 postRender: function () { 5890 var self = this; 5891 var toggleDragClass = function (e) { 5892 e.preventDefault(); 5893 self.classes.toggle('dragenter'); 5894 self.getEl().className = self.classes; 5895 }; 5896 var filter = function (files) { 5897 var accept = self.settings.accept; 5898 if (typeof accept !== 'string') { 5899 return files; 5900 } 5901 var re = new RegExp('(' + accept.split(/\s*,\s*/).join('|') + ')$', 'i'); 5902 return global$4.grep(files, function (file) { 5903 return re.test(file.name); 5904 }); 5905 }; 5906 self._super(); 5907 self.$el.on('dragover', function (e) { 5908 e.preventDefault(); 5909 }); 5910 self.$el.on('dragenter', toggleDragClass); 5911 self.$el.on('dragleave', toggleDragClass); 5912 self.$el.on('drop', function (e) { 5913 e.preventDefault(); 5914 if (self.state.get('disabled')) { 5915 return; 5916 } 5917 var files = filter(e.dataTransfer.files); 5918 self.value = function () { 5919 if (!files.length) { 5920 return null; 5921 } else if (self.settings.multiple) { 5922 return files; 5923 } else { 5924 return files[0]; 5925 } 5926 }; 5927 if (files.length) { 5928 self.fire('change', e); 5929 } 5930 }); 5931 }, 5932 remove: function () { 5933 this.$el.off(); 5934 this._super(); 5935 } 5936 }); 5937 5938 var Path = Widget.extend({ 5939 init: function (settings) { 5940 var self = this; 5941 if (!settings.delimiter) { 5942 settings.delimiter = '\xBB'; 5943 } 5944 self._super(settings); 5945 self.classes.add('path'); 5946 self.canFocus = true; 5947 self.on('click', function (e) { 5948 var index; 5949 var target = e.target; 5950 if (index = target.getAttribute('data-index')) { 5951 self.fire('select', { 5952 value: self.row()[index], 5953 index: index 5954 }); 5955 } 5956 }); 5957 self.row(self.settings.row); 5958 }, 5959 focus: function () { 5960 var self = this; 5961 self.getEl().firstChild.focus(); 5962 return self; 5963 }, 5964 row: function (row) { 5965 if (!arguments.length) { 5966 return this.state.get('row'); 5967 } 5968 this.state.set('row', row); 5969 return this; 5970 }, 5971 renderHtml: function () { 5972 var self = this; 5973 return '<div id="' + self._id + '" class="' + self.classes + '">' + self._getDataPathHtml(self.state.get('row')) + '</div>'; 5974 }, 5975 bindStates: function () { 5976 var self = this; 5977 self.state.on('change:row', function (e) { 5978 self.innerHtml(self._getDataPathHtml(e.value)); 5979 }); 5980 return self._super(); 5981 }, 5982 _getDataPathHtml: function (data) { 5983 var self = this; 5984 var parts = data || []; 5985 var i, l, html = ''; 5986 var prefix = self.classPrefix; 5987 for (i = 0, l = parts.length; i < l; i++) { 5988 html += (i > 0 ? '<div class="' + prefix + 'divider" aria-hidden="true"> ' + self.settings.delimiter + ' </div>' : '') + '<div role="button" class="' + prefix + 'path-item' + (i === l - 1 ? ' ' + prefix + 'last' : '') + '" data-index="' + i + '" tabindex="-1" id="' + self._id + '-' + i + '" aria-level="' + (i + 1) + '">' + parts[i].name + '</div>'; 5989 } 5990 if (!html) { 5991 html = '<div class="' + prefix + 'path-item">\xA0</div>'; 5992 } 5993 return html; 5994 } 5995 }); 5996 5997 var ElementPath = Path.extend({ 5998 postRender: function () { 5999 var self = this, editor = self.settings.editor; 6000 function isHidden(elm) { 6001 if (elm.nodeType === 1) { 6002 if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) { 6003 return true; 6004 } 6005 if (elm.getAttribute('data-mce-type') === 'bookmark') { 6006 return true; 6007 } 6008 } 6009 return false; 6010 } 6011 if (editor.settings.elementpath !== false) { 6012 self.on('select', function (e) { 6013 editor.focus(); 6014 editor.selection.select(this.row()[e.index].element); 6015 editor.nodeChanged(); 6016 }); 6017 editor.on('nodeChange', function (e) { 6018 var outParents = []; 6019 var parents = e.parents; 6020 var i = parents.length; 6021 while (i--) { 6022 if (parents[i].nodeType === 1 && !isHidden(parents[i])) { 6023 var args = editor.fire('ResolveName', { 6024 name: parents[i].nodeName.toLowerCase(), 6025 target: parents[i] 6026 }); 6027 if (!args.isDefaultPrevented()) { 6028 outParents.push({ 6029 name: args.name, 6030 element: parents[i] 6031 }); 6032 } 6033 if (args.isPropagationStopped()) { 6034 break; 6035 } 6036 } 6037 } 6038 self.row(outParents); 6039 }); 6040 } 6041 return self._super(); 6042 } 6043 }); 6044 6045 var FormItem = Container.extend({ 6046 Defaults: { 6047 layout: 'flex', 6048 align: 'center', 6049 defaults: { flex: 1 } 6050 }, 6051 renderHtml: function () { 6052 var self = this, layout = self._layout, prefix = self.classPrefix; 6053 self.classes.add('formitem'); 6054 layout.preRender(self); 6055 return '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1">' + (self.settings.title ? '<div id="' + self._id + '-title" class="' + prefix + 'title">' + self.settings.title + '</div>' : '') + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</div>'; 6056 } 6057 }); 6058 6059 var Form = Container.extend({ 6060 Defaults: { 6061 containerCls: 'form', 6062 layout: 'flex', 6063 direction: 'column', 6064 align: 'stretch', 6065 flex: 1, 6066 padding: 15, 6067 labelGap: 30, 6068 spacing: 10, 6069 callbacks: { 6070 submit: function () { 6071 this.submit(); 6072 } 6073 } 6074 }, 6075 preRender: function () { 6076 var self = this, items = self.items(); 6077 if (!self.settings.formItemDefaults) { 6078 self.settings.formItemDefaults = { 6079 layout: 'flex', 6080 autoResize: 'overflow', 6081 defaults: { flex: 1 } 6082 }; 6083 } 6084 items.each(function (ctrl) { 6085 var formItem; 6086 var label = ctrl.settings.label; 6087 if (label) { 6088 formItem = new FormItem(global$4.extend({ 6089 items: { 6090 type: 'label', 6091 id: ctrl._id + '-l', 6092 text: label, 6093 flex: 0, 6094 forId: ctrl._id, 6095 disabled: ctrl.disabled() 6096 } 6097 }, self.settings.formItemDefaults)); 6098 formItem.type = 'formitem'; 6099 ctrl.aria('labelledby', ctrl._id + '-l'); 6100 if (typeof ctrl.settings.flex === 'undefined') { 6101 ctrl.settings.flex = 1; 6102 } 6103 self.replace(ctrl, formItem); 6104 formItem.add(ctrl); 6105 } 6106 }); 6107 }, 6108 submit: function () { 6109 return this.fire('submit', { data: this.toJSON() }); 6110 }, 6111 postRender: function () { 6112 var self = this; 6113 self._super(); 6114 self.fromJSON(self.settings.data); 6115 }, 6116 bindStates: function () { 6117 var self = this; 6118 self._super(); 6119 function recalcLabels() { 6120 var maxLabelWidth = 0; 6121 var labels = []; 6122 var i, labelGap, items; 6123 if (self.settings.labelGapCalc === false) { 6124 return; 6125 } 6126 if (self.settings.labelGapCalc === 'children') { 6127 items = self.find('formitem'); 6128 } else { 6129 items = self.items(); 6130 } 6131 items.filter('formitem').each(function (item) { 6132 var labelCtrl = item.items()[0], labelWidth = labelCtrl.getEl().clientWidth; 6133 maxLabelWidth = labelWidth > maxLabelWidth ? labelWidth : maxLabelWidth; 6134 labels.push(labelCtrl); 6135 }); 6136 labelGap = self.settings.labelGap || 0; 6137 i = labels.length; 6138 while (i--) { 6139 labels[i].settings.minWidth = maxLabelWidth + labelGap; 6140 } 6141 } 6142 self.on('show', recalcLabels); 6143 recalcLabels(); 6144 } 6145 }); 6146 6147 var FieldSet = Form.extend({ 6148 Defaults: { 6149 containerCls: 'fieldset', 6150 layout: 'flex', 6151 direction: 'column', 6152 align: 'stretch', 6153 flex: 1, 6154 padding: '25 15 5 15', 6155 labelGap: 30, 6156 spacing: 10, 6157 border: 1 6158 }, 6159 renderHtml: function () { 6160 var self = this, layout = self._layout, prefix = self.classPrefix; 6161 self.preRender(); 6162 layout.preRender(self); 6163 return '<fieldset id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1">' + (self.settings.title ? '<legend id="' + self._id + '-title" class="' + prefix + 'fieldset-title">' + self.settings.title + '</legend>' : '') + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</fieldset>'; 6164 } 6165 }); 6166 6167 var unique$1 = 0; 6168 var generate = function (prefix) { 6169 var date = new Date(); 6170 var time = date.getTime(); 6171 var random = Math.floor(Math.random() * 1000000000); 6172 unique$1++; 6173 return prefix + '_' + random + unique$1 + String(time); 6174 }; 6175 6176 var fromHtml = function (html, scope) { 6177 var doc = scope || domGlobals.document; 6178 var div = doc.createElement('div'); 6179 div.innerHTML = html; 6180 if (!div.hasChildNodes() || div.childNodes.length > 1) { 6181 domGlobals.console.error('HTML does not have a single root node', html); 6182 throw new Error('HTML must have a single root node'); 6183 } 6184 return fromDom(div.childNodes[0]); 6185 }; 6186 var fromTag = function (tag, scope) { 6187 var doc = scope || domGlobals.document; 6188 var node = doc.createElement(tag); 6189 return fromDom(node); 6190 }; 6191 var fromText = function (text, scope) { 6192 var doc = scope || domGlobals.document; 6193 var node = doc.createTextNode(text); 6194 return fromDom(node); 6195 }; 6196 var fromDom = function (node) { 6197 if (node === null || node === undefined) { 6198 throw new Error('Node cannot be null or undefined'); 6199 } 6200 return { dom: constant(node) }; 6201 }; 6202 var fromPoint = function (docElm, x, y) { 6203 var doc = docElm.dom(); 6204 return Option.from(doc.elementFromPoint(x, y)).map(fromDom); 6205 }; 6206 var Element = { 6207 fromHtml: fromHtml, 6208 fromTag: fromTag, 6209 fromText: fromText, 6210 fromDom: fromDom, 6211 fromPoint: fromPoint 6212 }; 6213 6214 var cached = function (f) { 6215 var called = false; 6216 var r; 6217 return function () { 6218 var args = []; 6219 for (var _i = 0; _i < arguments.length; _i++) { 6220 args[_i] = arguments[_i]; 6221 } 6222 if (!called) { 6223 called = true; 6224 r = f.apply(null, args); 6225 } 6226 return r; 6227 }; 6228 }; 6229 6230 var ATTRIBUTE = domGlobals.Node.ATTRIBUTE_NODE; 6231 var CDATA_SECTION = domGlobals.Node.CDATA_SECTION_NODE; 6232 var COMMENT = domGlobals.Node.COMMENT_NODE; 6233 var DOCUMENT = domGlobals.Node.DOCUMENT_NODE; 6234 var DOCUMENT_TYPE = domGlobals.Node.DOCUMENT_TYPE_NODE; 6235 var DOCUMENT_FRAGMENT = domGlobals.Node.DOCUMENT_FRAGMENT_NODE; 6236 var ELEMENT = domGlobals.Node.ELEMENT_NODE; 6237 var TEXT = domGlobals.Node.TEXT_NODE; 6238 var PROCESSING_INSTRUCTION = domGlobals.Node.PROCESSING_INSTRUCTION_NODE; 6239 var ENTITY_REFERENCE = domGlobals.Node.ENTITY_REFERENCE_NODE; 6240 var ENTITY = domGlobals.Node.ENTITY_NODE; 6241 var NOTATION = domGlobals.Node.NOTATION_NODE; 6242 6243 var Immutable = function () { 6244 var fields = []; 6245 for (var _i = 0; _i < arguments.length; _i++) { 6246 fields[_i] = arguments[_i]; 6247 } 6248 return function () { 6249 var values = []; 6250 for (var _i = 0; _i < arguments.length; _i++) { 6251 values[_i] = arguments[_i]; 6252 } 6253 if (fields.length !== values.length) { 6254 throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments'); 6255 } 6256 var struct = {}; 6257 each(fields, function (name, i) { 6258 struct[name] = constant(values[i]); 6259 }); 6260 return struct; 6261 }; 6262 }; 6263 6264 var node = function () { 6265 var f = Global$1.getOrDie('Node'); 6266 return f; 6267 }; 6268 var compareDocumentPosition = function (a, b, match) { 6269 return (a.compareDocumentPosition(b) & match) !== 0; 6270 }; 6271 var documentPositionPreceding = function (a, b) { 6272 return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING); 6273 }; 6274 var documentPositionContainedBy = function (a, b) { 6275 return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY); 6276 }; 6277 var Node = { 6278 documentPositionPreceding: documentPositionPreceding, 6279 documentPositionContainedBy: documentPositionContainedBy 6280 }; 6281 6282 var firstMatch = function (regexes, s) { 6283 for (var i = 0; i < regexes.length; i++) { 6284 var x = regexes[i]; 6285 if (x.test(s)) { 6286 return x; 6287 } 6288 } 6289 return undefined; 6290 }; 6291 var find$1 = function (regexes, agent) { 6292 var r = firstMatch(regexes, agent); 6293 if (!r) { 6294 return { 6295 major: 0, 6296 minor: 0 6297 }; 6298 } 6299 var group = function (i) { 6300 return Number(agent.replace(r, '$' + i)); 6301 }; 6302 return nu(group(1), group(2)); 6303 }; 6304 var detect = function (versionRegexes, agent) { 6305 var cleanedAgent = String(agent).toLowerCase(); 6306 if (versionRegexes.length === 0) { 6307 return unknown(); 6308 } 6309 return find$1(versionRegexes, cleanedAgent); 6310 }; 6311 var unknown = function () { 6312 return nu(0, 0); 6313 }; 6314 var nu = function (major, minor) { 6315 return { 6316 major: major, 6317 minor: minor 6318 }; 6319 }; 6320 var Version = { 6321 nu: nu, 6322 detect: detect, 6323 unknown: unknown 6324 }; 6325 6326 var edge = 'Edge'; 6327 var chrome = 'Chrome'; 6328 var ie = 'IE'; 6329 var opera = 'Opera'; 6330 var firefox = 'Firefox'; 6331 var safari = 'Safari'; 6332 var isBrowser = function (name, current) { 6333 return function () { 6334 return current === name; 6335 }; 6336 }; 6337 var unknown$1 = function () { 6338 return nu$1({ 6339 current: undefined, 6340 version: Version.unknown() 6341 }); 6342 }; 6343 var nu$1 = function (info) { 6344 var current = info.current; 6345 var version = info.version; 6346 return { 6347 current: current, 6348 version: version, 6349 isEdge: isBrowser(edge, current), 6350 isChrome: isBrowser(chrome, current), 6351 isIE: isBrowser(ie, current), 6352 isOpera: isBrowser(opera, current), 6353 isFirefox: isBrowser(firefox, current), 6354 isSafari: isBrowser(safari, current) 6355 }; 6356 }; 6357 var Browser = { 6358 unknown: unknown$1, 6359 nu: nu$1, 6360 edge: constant(edge), 6361 chrome: constant(chrome), 6362 ie: constant(ie), 6363 opera: constant(opera), 6364 firefox: constant(firefox), 6365 safari: constant(safari) 6366 }; 6367 6368 var windows$1 = 'Windows'; 6369 var ios = 'iOS'; 6370 var android = 'Android'; 6371 var linux = 'Linux'; 6372 var osx = 'OSX'; 6373 var solaris = 'Solaris'; 6374 var freebsd = 'FreeBSD'; 6375 var isOS = function (name, current) { 6376 return function () { 6377 return current === name; 6378 }; 6379 }; 6380 var unknown$2 = function () { 6381 return nu$2({ 6382 current: undefined, 6383 version: Version.unknown() 6384 }); 6385 }; 6386 var nu$2 = function (info) { 6387 var current = info.current; 6388 var version = info.version; 6389 return { 6390 current: current, 6391 version: version, 6392 isWindows: isOS(windows$1, current), 6393 isiOS: isOS(ios, current), 6394 isAndroid: isOS(android, current), 6395 isOSX: isOS(osx, current), 6396 isLinux: isOS(linux, current), 6397 isSolaris: isOS(solaris, current), 6398 isFreeBSD: isOS(freebsd, current) 6399 }; 6400 }; 6401 var OperatingSystem = { 6402 unknown: unknown$2, 6403 nu: nu$2, 6404 windows: constant(windows$1), 6405 ios: constant(ios), 6406 android: constant(android), 6407 linux: constant(linux), 6408 osx: constant(osx), 6409 solaris: constant(solaris), 6410 freebsd: constant(freebsd) 6411 }; 6412 6413 var DeviceType = function (os, browser, userAgent) { 6414 var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true; 6415 var isiPhone = os.isiOS() && !isiPad; 6416 var isAndroid3 = os.isAndroid() && os.version.major === 3; 6417 var isAndroid4 = os.isAndroid() && os.version.major === 4; 6418 var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true; 6419 var isTouch = os.isiOS() || os.isAndroid(); 6420 var isPhone = isTouch && !isTablet; 6421 var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false; 6422 return { 6423 isiPad: constant(isiPad), 6424 isiPhone: constant(isiPhone), 6425 isTablet: constant(isTablet), 6426 isPhone: constant(isPhone), 6427 isTouch: constant(isTouch), 6428 isAndroid: os.isAndroid, 6429 isiOS: os.isiOS, 6430 isWebView: constant(iOSwebview) 6431 }; 6432 }; 6433 6434 var detect$1 = function (candidates, userAgent) { 6435 var agent = String(userAgent).toLowerCase(); 6436 return find(candidates, function (candidate) { 6437 return candidate.search(agent); 6438 }); 6439 }; 6440 var detectBrowser = function (browsers, userAgent) { 6441 return detect$1(browsers, userAgent).map(function (browser) { 6442 var version = Version.detect(browser.versionRegexes, userAgent); 6443 return { 6444 current: browser.name, 6445 version: version 6446 }; 6447 }); 6448 }; 6449 var detectOs = function (oses, userAgent) { 6450 return detect$1(oses, userAgent).map(function (os) { 6451 var version = Version.detect(os.versionRegexes, userAgent); 6452 return { 6453 current: os.name, 6454 version: version 6455 }; 6456 }); 6457 }; 6458 var UaString = { 6459 detectBrowser: detectBrowser, 6460 detectOs: detectOs 6461 }; 6462 6463 var contains = function (str, substr) { 6464 return str.indexOf(substr) !== -1; 6465 }; 6466 6467 var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/; 6468 var checkContains = function (target) { 6469 return function (uastring) { 6470 return contains(uastring, target); 6471 }; 6472 }; 6473 var browsers = [ 6474 { 6475 name: 'Edge', 6476 versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/], 6477 search: function (uastring) { 6478 return contains(uastring, 'edge/') && contains(uastring, 'chrome') && contains(uastring, 'safari') && contains(uastring, 'applewebkit'); 6479 } 6480 }, 6481 { 6482 name: 'Chrome', 6483 versionRegexes: [ 6484 /.*?chrome\/([0-9]+)\.([0-9]+).*/, 6485 normalVersionRegex 6486 ], 6487 search: function (uastring) { 6488 return contains(uastring, 'chrome') && !contains(uastring, 'chromeframe'); 6489 } 6490 }, 6491 { 6492 name: 'IE', 6493 versionRegexes: [ 6494 /.*?msie\ ?([0-9]+)\.([0-9]+).*/, 6495 /.*?rv:([0-9]+)\.([0-9]+).*/ 6496 ], 6497 search: function (uastring) { 6498 return contains(uastring, 'msie') || contains(uastring, 'trident'); 6499 } 6500 }, 6501 { 6502 name: 'Opera', 6503 versionRegexes: [ 6504 normalVersionRegex, 6505 /.*?opera\/([0-9]+)\.([0-9]+).*/ 6506 ], 6507 search: checkContains('opera') 6508 }, 6509 { 6510 name: 'Firefox', 6511 versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/], 6512 search: checkContains('firefox') 6513 }, 6514 { 6515 name: 'Safari', 6516 versionRegexes: [ 6517 normalVersionRegex, 6518 /.*?cpu os ([0-9]+)_([0-9]+).*/ 6519 ], 6520 search: function (uastring) { 6521 return (contains(uastring, 'safari') || contains(uastring, 'mobile/')) && contains(uastring, 'applewebkit'); 6522 } 6523 } 6524 ]; 6525 var oses = [ 6526 { 6527 name: 'Windows', 6528 search: checkContains('win'), 6529 versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/] 6530 }, 6531 { 6532 name: 'iOS', 6533 search: function (uastring) { 6534 return contains(uastring, 'iphone') || contains(uastring, 'ipad'); 6535 }, 6536 versionRegexes: [ 6537 /.*?version\/\ ?([0-9]+)\.([0-9]+).*/, 6538 /.*cpu os ([0-9]+)_([0-9]+).*/, 6539 /.*cpu iphone os ([0-9]+)_([0-9]+).*/ 6540 ] 6541 }, 6542 { 6543 name: 'Android', 6544 search: checkContains('android'), 6545 versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/] 6546 }, 6547 { 6548 name: 'OSX', 6549 search: checkContains('os x'), 6550 versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/] 6551 }, 6552 { 6553 name: 'Linux', 6554 search: checkContains('linux'), 6555 versionRegexes: [] 6556 }, 6557 { 6558 name: 'Solaris', 6559 search: checkContains('sunos'), 6560 versionRegexes: [] 6561 }, 6562 { 6563 name: 'FreeBSD', 6564 search: checkContains('freebsd'), 6565 versionRegexes: [] 6566 } 6567 ]; 6568 var PlatformInfo = { 6569 browsers: constant(browsers), 6570 oses: constant(oses) 6571 }; 6572 6573 var detect$2 = function (userAgent) { 6574 var browsers = PlatformInfo.browsers(); 6575 var oses = PlatformInfo.oses(); 6576 var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu); 6577 var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu); 6578 var deviceType = DeviceType(os, browser, userAgent); 6579 return { 6580 browser: browser, 6581 os: os, 6582 deviceType: deviceType 6583 }; 6584 }; 6585 var PlatformDetection = { detect: detect$2 }; 6586 6587 var detect$3 = cached(function () { 6588 var userAgent = domGlobals.navigator.userAgent; 6589 return PlatformDetection.detect(userAgent); 6590 }); 6591 var PlatformDetection$1 = { detect: detect$3 }; 6592 6593 var ELEMENT$1 = ELEMENT; 6594 var DOCUMENT$1 = DOCUMENT; 6595 var bypassSelector = function (dom) { 6596 return dom.nodeType !== ELEMENT$1 && dom.nodeType !== DOCUMENT$1 || dom.childElementCount === 0; 6597 }; 6598 var all = function (selector, scope) { 6599 var base = scope === undefined ? domGlobals.document : scope.dom(); 6600 return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), Element.fromDom); 6601 }; 6602 var one = function (selector, scope) { 6603 var base = scope === undefined ? domGlobals.document : scope.dom(); 6604 return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element.fromDom); 6605 }; 6606 6607 var regularContains = function (e1, e2) { 6608 var d1 = e1.dom(); 6609 var d2 = e2.dom(); 6610 return d1 === d2 ? false : d1.contains(d2); 6611 }; 6612 var ieContains = function (e1, e2) { 6613 return Node.documentPositionContainedBy(e1.dom(), e2.dom()); 6614 }; 6615 var browser = PlatformDetection$1.detect().browser; 6616 var contains$1 = browser.isIE() ? ieContains : regularContains; 6617 6618 var spot = Immutable('element', 'offset'); 6619 6620 var descendants = function (scope, selector) { 6621 return all(selector, scope); 6622 }; 6623 6624 var trim = global$4.trim; 6625 var hasContentEditableState = function (value) { 6626 return function (node) { 6627 if (node && node.nodeType === 1) { 6628 if (node.contentEditable === value) { 6629 return true; 6630 } 6631 if (node.getAttribute('data-mce-contenteditable') === value) { 6632 return true; 6633 } 6634 } 6635 return false; 6636 }; 6637 }; 6638 var isContentEditableTrue = hasContentEditableState('true'); 6639 var isContentEditableFalse = hasContentEditableState('false'); 6640 var create$4 = function (type, title, url, level, attach) { 6641 return { 6642 type: type, 6643 title: title, 6644 url: url, 6645 level: level, 6646 attach: attach 6647 }; 6648 }; 6649 var isChildOfContentEditableTrue = function (node) { 6650 while (node = node.parentNode) { 6651 var value = node.contentEditable; 6652 if (value && value !== 'inherit') { 6653 return isContentEditableTrue(node); 6654 } 6655 } 6656 return false; 6657 }; 6658 var select = function (selector, root) { 6659 return map(descendants(Element.fromDom(root), selector), function (element) { 6660 return element.dom(); 6661 }); 6662 }; 6663 var getElementText = function (elm) { 6664 return elm.innerText || elm.textContent; 6665 }; 6666 var getOrGenerateId = function (elm) { 6667 return elm.id ? elm.id : generate('h'); 6668 }; 6669 var isAnchor = function (elm) { 6670 return elm && elm.nodeName === 'A' && (elm.id || elm.name); 6671 }; 6672 var isValidAnchor = function (elm) { 6673 return isAnchor(elm) && isEditable(elm); 6674 }; 6675 var isHeader = function (elm) { 6676 return elm && /^(H[1-6])$/.test(elm.nodeName); 6677 }; 6678 var isEditable = function (elm) { 6679 return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm); 6680 }; 6681 var isValidHeader = function (elm) { 6682 return isHeader(elm) && isEditable(elm); 6683 }; 6684 var getLevel = function (elm) { 6685 return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0; 6686 }; 6687 var headerTarget = function (elm) { 6688 var headerId = getOrGenerateId(elm); 6689 var attach = function () { 6690 elm.id = headerId; 6691 }; 6692 return create$4('header', getElementText(elm), '#' + headerId, getLevel(elm), attach); 6693 }; 6694 var anchorTarget = function (elm) { 6695 var anchorId = elm.id || elm.name; 6696 var anchorText = getElementText(elm); 6697 return create$4('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop); 6698 }; 6699 var getHeaderTargets = function (elms) { 6700 return map(filter(elms, isValidHeader), headerTarget); 6701 }; 6702 var getAnchorTargets = function (elms) { 6703 return map(filter(elms, isValidAnchor), anchorTarget); 6704 }; 6705 var getTargetElements = function (elm) { 6706 var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm); 6707 return elms; 6708 }; 6709 var hasTitle = function (target) { 6710 return trim(target.title).length > 0; 6711 }; 6712 var find$2 = function (elm) { 6713 var elms = getTargetElements(elm); 6714 return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle); 6715 }; 6716 var LinkTargets = { find: find$2 }; 6717 6718 var getActiveEditor = function () { 6719 return window.tinymce ? window.tinymce.activeEditor : global$5.activeEditor; 6720 }; 6721 var history = {}; 6722 var HISTORY_LENGTH = 5; 6723 var clearHistory = function () { 6724 history = {}; 6725 }; 6726 var toMenuItem = function (target) { 6727 return { 6728 title: target.title, 6729 value: { 6730 title: { raw: target.title }, 6731 url: target.url, 6732 attach: target.attach 6733 } 6734 }; 6735 }; 6736 var toMenuItems = function (targets) { 6737 return global$4.map(targets, toMenuItem); 6738 }; 6739 var staticMenuItem = function (title, url) { 6740 return { 6741 title: title, 6742 value: { 6743 title: title, 6744 url: url, 6745 attach: noop 6746 } 6747 }; 6748 }; 6749 var isUniqueUrl = function (url, targets) { 6750 var foundTarget = exists(targets, function (target) { 6751 return target.url === url; 6752 }); 6753 return !foundTarget; 6754 }; 6755 var getSetting = function (editorSettings, name, defaultValue) { 6756 var value = name in editorSettings ? editorSettings[name] : defaultValue; 6757 return value === false ? null : value; 6758 }; 6759 var createMenuItems = function (term, targets, fileType, editorSettings) { 6760 var separator = { title: '-' }; 6761 var fromHistoryMenuItems = function (history) { 6762 var historyItems = history.hasOwnProperty(fileType) ? history[fileType] : []; 6763 var uniqueHistory = filter(historyItems, function (url) { 6764 return isUniqueUrl(url, targets); 6765 }); 6766 return global$4.map(uniqueHistory, function (url) { 6767 return { 6768 title: url, 6769 value: { 6770 title: url, 6771 url: url, 6772 attach: noop 6773 } 6774 }; 6775 }); 6776 }; 6777 var fromMenuItems = function (type) { 6778 var filteredTargets = filter(targets, function (target) { 6779 return target.type === type; 6780 }); 6781 return toMenuItems(filteredTargets); 6782 }; 6783 var anchorMenuItems = function () { 6784 var anchorMenuItems = fromMenuItems('anchor'); 6785 var topAnchor = getSetting(editorSettings, 'anchor_top', '#top'); 6786 var bottomAchor = getSetting(editorSettings, 'anchor_bottom', '#bottom'); 6787 if (topAnchor !== null) { 6788 anchorMenuItems.unshift(staticMenuItem('<top>', topAnchor)); 6789 } 6790 if (bottomAchor !== null) { 6791 anchorMenuItems.push(staticMenuItem('<bottom>', bottomAchor)); 6792 } 6793 return anchorMenuItems; 6794 }; 6795 var join = function (items) { 6796 return foldl(items, function (a, b) { 6797 var bothEmpty = a.length === 0 || b.length === 0; 6798 return bothEmpty ? a.concat(b) : a.concat(separator, b); 6799 }, []); 6800 }; 6801 if (editorSettings.typeahead_urls === false) { 6802 return []; 6803 } 6804 return fileType === 'file' ? join([ 6805 filterByQuery(term, fromHistoryMenuItems(history)), 6806 filterByQuery(term, fromMenuItems('header')), 6807 filterByQuery(term, anchorMenuItems()) 6808 ]) : filterByQuery(term, fromHistoryMenuItems(history)); 6809 }; 6810 var addToHistory = function (url, fileType) { 6811 var items = history[fileType]; 6812 if (!/^https?/.test(url)) { 6813 return; 6814 } 6815 if (items) { 6816 if (indexOf(items, url).isNone()) { 6817 history[fileType] = items.slice(0, HISTORY_LENGTH).concat(url); 6818 } 6819 } else { 6820 history[fileType] = [url]; 6821 } 6822 }; 6823 var filterByQuery = function (term, menuItems) { 6824 var lowerCaseTerm = term.toLowerCase(); 6825 var result = global$4.grep(menuItems, function (item) { 6826 return item.title.toLowerCase().indexOf(lowerCaseTerm) !== -1; 6827 }); 6828 return result.length === 1 && result[0].title === term ? [] : result; 6829 }; 6830 var getTitle = function (linkDetails) { 6831 var title = linkDetails.title; 6832 return title.raw ? title.raw : title; 6833 }; 6834 var setupAutoCompleteHandler = function (ctrl, editorSettings, bodyElm, fileType) { 6835 var autocomplete = function (term) { 6836 var linkTargets = LinkTargets.find(bodyElm); 6837 var menuItems = createMenuItems(term, linkTargets, fileType, editorSettings); 6838 ctrl.showAutoComplete(menuItems, term); 6839 }; 6840 ctrl.on('autocomplete', function () { 6841 autocomplete(ctrl.value()); 6842 }); 6843 ctrl.on('selectitem', function (e) { 6844 var linkDetails = e.value; 6845 ctrl.value(linkDetails.url); 6846 var title = getTitle(linkDetails); 6847 if (fileType === 'image') { 6848 ctrl.fire('change', { 6849 meta: { 6850 alt: title, 6851 attach: linkDetails.attach 6852 } 6853 }); 6854 } else { 6855 ctrl.fire('change', { 6856 meta: { 6857 text: title, 6858 attach: linkDetails.attach 6859 } 6860 }); 6861 } 6862 ctrl.focus(); 6863 }); 6864 ctrl.on('click', function (e) { 6865 if (ctrl.value().length === 0 && e.target.nodeName === 'INPUT') { 6866 autocomplete(''); 6867 } 6868 }); 6869 ctrl.on('PostRender', function () { 6870 ctrl.getRoot().on('submit', function (e) { 6871 if (!e.isDefaultPrevented()) { 6872 addToHistory(ctrl.value(), fileType); 6873 } 6874 }); 6875 }); 6876 }; 6877 var statusToUiState = function (result) { 6878 var status = result.status, message = result.message; 6879 if (status === 'valid') { 6880 return { 6881 status: 'ok', 6882 message: message 6883 }; 6884 } else if (status === 'unknown') { 6885 return { 6886 status: 'warn', 6887 message: message 6888 }; 6889 } else if (status === 'invalid') { 6890 return { 6891 status: 'warn', 6892 message: message 6893 }; 6894 } else { 6895 return { 6896 status: 'none', 6897 message: '' 6898 }; 6899 } 6900 }; 6901 var setupLinkValidatorHandler = function (ctrl, editorSettings, fileType) { 6902 var validatorHandler = editorSettings.filepicker_validator_handler; 6903 if (validatorHandler) { 6904 var validateUrl_1 = function (url) { 6905 if (url.length === 0) { 6906 ctrl.statusLevel('none'); 6907 return; 6908 } 6909 validatorHandler({ 6910 url: url, 6911 type: fileType 6912 }, function (result) { 6913 var uiState = statusToUiState(result); 6914 ctrl.statusMessage(uiState.message); 6915 ctrl.statusLevel(uiState.status); 6916 }); 6917 }; 6918 ctrl.state.on('change:value', function (e) { 6919 validateUrl_1(e.value); 6920 }); 6921 } 6922 }; 6923 var FilePicker = ComboBox.extend({ 6924 Statics: { clearHistory: clearHistory }, 6925 init: function (settings) { 6926 var self = this, editor = getActiveEditor(), editorSettings = editor.settings; 6927 var actionCallback, fileBrowserCallback, fileBrowserCallbackTypes; 6928 var fileType = settings.filetype; 6929 settings.spellcheck = false; 6930 fileBrowserCallbackTypes = editorSettings.file_picker_types || editorSettings.file_browser_callback_types; 6931 if (fileBrowserCallbackTypes) { 6932 fileBrowserCallbackTypes = global$4.makeMap(fileBrowserCallbackTypes, /[, ]/); 6933 } 6934 if (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType]) { 6935 fileBrowserCallback = editorSettings.file_picker_callback; 6936 if (fileBrowserCallback && (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType])) { 6937 actionCallback = function () { 6938 var meta = self.fire('beforecall').meta; 6939 meta = global$4.extend({ filetype: fileType }, meta); 6940 fileBrowserCallback.call(editor, function (value, meta) { 6941 self.value(value).fire('change', { meta: meta }); 6942 }, self.value(), meta); 6943 }; 6944 } else { 6945 fileBrowserCallback = editorSettings.file_browser_callback; 6946 if (fileBrowserCallback && (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType])) { 6947 actionCallback = function () { 6948 fileBrowserCallback(self.getEl('inp').id, self.value(), fileType, window); 6949 }; 6950 } 6951 } 6952 } 6953 if (actionCallback) { 6954 settings.icon = 'browse'; 6955 settings.onaction = actionCallback; 6956 } 6957 self._super(settings); 6958 self.classes.add('filepicker'); 6959 setupAutoCompleteHandler(self, editorSettings, editor.getBody(), fileType); 6960 setupLinkValidatorHandler(self, editorSettings, fileType); 6961 } 6962 }); 6963 6964 var FitLayout = AbsoluteLayout.extend({ 6965 recalc: function (container) { 6966 var contLayoutRect = container.layoutRect(), paddingBox = container.paddingBox; 6967 container.items().filter(':visible').each(function (ctrl) { 6968 ctrl.layoutRect({ 6969 x: paddingBox.left, 6970 y: paddingBox.top, 6971 w: contLayoutRect.innerW - paddingBox.right - paddingBox.left, 6972 h: contLayoutRect.innerH - paddingBox.top - paddingBox.bottom 6973 }); 6974 if (ctrl.recalc) { 6975 ctrl.recalc(); 6976 } 6977 }); 6978 } 6979 }); 6980 6981 var FlexLayout = AbsoluteLayout.extend({ 6982 recalc: function (container) { 6983 var i, l, items, contLayoutRect, contPaddingBox, contSettings, align, pack, spacing, totalFlex, availableSpace, direction; 6984 var ctrl, ctrlLayoutRect, ctrlSettings, flex; 6985 var maxSizeItems = []; 6986 var size, maxSize, ratio, rect, pos, maxAlignEndPos; 6987 var sizeName, minSizeName, posName, maxSizeName, beforeName, innerSizeName, deltaSizeName, contentSizeName; 6988 var alignAxisName, alignInnerSizeName, alignSizeName, alignMinSizeName, alignBeforeName, alignAfterName; 6989 var alignDeltaSizeName, alignContentSizeName; 6990 var max = Math.max, min = Math.min; 6991 items = container.items().filter(':visible'); 6992 contLayoutRect = container.layoutRect(); 6993 contPaddingBox = container.paddingBox; 6994 contSettings = container.settings; 6995 direction = container.isRtl() ? contSettings.direction || 'row-reversed' : contSettings.direction; 6996 align = contSettings.align; 6997 pack = container.isRtl() ? contSettings.pack || 'end' : contSettings.pack; 6998 spacing = contSettings.spacing || 0; 6999 if (direction === 'row-reversed' || direction === 'column-reverse') { 7000 items = items.set(items.toArray().reverse()); 7001 direction = direction.split('-')[0]; 7002 } 7003 if (direction === 'column') { 7004 posName = 'y'; 7005 sizeName = 'h'; 7006 minSizeName = 'minH'; 7007 maxSizeName = 'maxH'; 7008 innerSizeName = 'innerH'; 7009 beforeName = 'top'; 7010 deltaSizeName = 'deltaH'; 7011 contentSizeName = 'contentH'; 7012 alignBeforeName = 'left'; 7013 alignSizeName = 'w'; 7014 alignAxisName = 'x'; 7015 alignInnerSizeName = 'innerW'; 7016 alignMinSizeName = 'minW'; 7017 alignAfterName = 'right'; 7018 alignDeltaSizeName = 'deltaW'; 7019 alignContentSizeName = 'contentW'; 7020 } else { 7021 posName = 'x'; 7022 sizeName = 'w'; 7023 minSizeName = 'minW'; 7024 maxSizeName = 'maxW'; 7025 innerSizeName = 'innerW'; 7026 beforeName = 'left'; 7027 deltaSizeName = 'deltaW'; 7028 contentSizeName = 'contentW'; 7029 alignBeforeName = 'top'; 7030 alignSizeName = 'h'; 7031 alignAxisName = 'y'; 7032 alignInnerSizeName = 'innerH'; 7033 alignMinSizeName = 'minH'; 7034 alignAfterName = 'bottom'; 7035 alignDeltaSizeName = 'deltaH'; 7036 alignContentSizeName = 'contentH'; 7037 } 7038 availableSpace = contLayoutRect[innerSizeName] - contPaddingBox[beforeName] - contPaddingBox[beforeName]; 7039 maxAlignEndPos = totalFlex = 0; 7040 for (i = 0, l = items.length; i < l; i++) { 7041 ctrl = items[i]; 7042 ctrlLayoutRect = ctrl.layoutRect(); 7043 ctrlSettings = ctrl.settings; 7044 flex = ctrlSettings.flex; 7045 availableSpace -= i < l - 1 ? spacing : 0; 7046 if (flex > 0) { 7047 totalFlex += flex; 7048 if (ctrlLayoutRect[maxSizeName]) { 7049 maxSizeItems.push(ctrl); 7050 } 7051 ctrlLayoutRect.flex = flex; 7052 } 7053 availableSpace -= ctrlLayoutRect[minSizeName]; 7054 size = contPaddingBox[alignBeforeName] + ctrlLayoutRect[alignMinSizeName] + contPaddingBox[alignAfterName]; 7055 if (size > maxAlignEndPos) { 7056 maxAlignEndPos = size; 7057 } 7058 } 7059 rect = {}; 7060 if (availableSpace < 0) { 7061 rect[minSizeName] = contLayoutRect[minSizeName] - availableSpace + contLayoutRect[deltaSizeName]; 7062 } else { 7063 rect[minSizeName] = contLayoutRect[innerSizeName] - availableSpace + contLayoutRect[deltaSizeName]; 7064 } 7065 rect[alignMinSizeName] = maxAlignEndPos + contLayoutRect[alignDeltaSizeName]; 7066 rect[contentSizeName] = contLayoutRect[innerSizeName] - availableSpace; 7067 rect[alignContentSizeName] = maxAlignEndPos; 7068 rect.minW = min(rect.minW, contLayoutRect.maxW); 7069 rect.minH = min(rect.minH, contLayoutRect.maxH); 7070 rect.minW = max(rect.minW, contLayoutRect.startMinWidth); 7071 rect.minH = max(rect.minH, contLayoutRect.startMinHeight); 7072 if (contLayoutRect.autoResize && (rect.minW !== contLayoutRect.minW || rect.minH !== contLayoutRect.minH)) { 7073 rect.w = rect.minW; 7074 rect.h = rect.minH; 7075 container.layoutRect(rect); 7076 this.recalc(container); 7077 if (container._lastRect === null) { 7078 var parentCtrl = container.parent(); 7079 if (parentCtrl) { 7080 parentCtrl._lastRect = null; 7081 parentCtrl.recalc(); 7082 } 7083 } 7084 return; 7085 } 7086 ratio = availableSpace / totalFlex; 7087 for (i = 0, l = maxSizeItems.length; i < l; i++) { 7088 ctrl = maxSizeItems[i]; 7089 ctrlLayoutRect = ctrl.layoutRect(); 7090 maxSize = ctrlLayoutRect[maxSizeName]; 7091 size = ctrlLayoutRect[minSizeName] + ctrlLayoutRect.flex * ratio; 7092 if (size > maxSize) { 7093 availableSpace -= ctrlLayoutRect[maxSizeName] - ctrlLayoutRect[minSizeName]; 7094 totalFlex -= ctrlLayoutRect.flex; 7095 ctrlLayoutRect.flex = 0; 7096 ctrlLayoutRect.maxFlexSize = maxSize; 7097 } else { 7098 ctrlLayoutRect.maxFlexSize = 0; 7099 } 7100 } 7101 ratio = availableSpace / totalFlex; 7102 pos = contPaddingBox[beforeName]; 7103 rect = {}; 7104 if (totalFlex === 0) { 7105 if (pack === 'end') { 7106 pos = availableSpace + contPaddingBox[beforeName]; 7107 } else if (pack === 'center') { 7108 pos = Math.round(contLayoutRect[innerSizeName] / 2 - (contLayoutRect[innerSizeName] - availableSpace) / 2) + contPaddingBox[beforeName]; 7109 if (pos < 0) { 7110 pos = contPaddingBox[beforeName]; 7111 } 7112 } else if (pack === 'justify') { 7113 pos = contPaddingBox[beforeName]; 7114 spacing = Math.floor(availableSpace / (items.length - 1)); 7115 } 7116 } 7117 rect[alignAxisName] = contPaddingBox[alignBeforeName]; 7118 for (i = 0, l = items.length; i < l; i++) { 7119 ctrl = items[i]; 7120 ctrlLayoutRect = ctrl.layoutRect(); 7121 size = ctrlLayoutRect.maxFlexSize || ctrlLayoutRect[minSizeName]; 7122 if (align === 'center') { 7123 rect[alignAxisName] = Math.round(contLayoutRect[alignInnerSizeName] / 2 - ctrlLayoutRect[alignSizeName] / 2); 7124 } else if (align === 'stretch') { 7125 rect[alignSizeName] = max(ctrlLayoutRect[alignMinSizeName] || 0, contLayoutRect[alignInnerSizeName] - contPaddingBox[alignBeforeName] - contPaddingBox[alignAfterName]); 7126 rect[alignAxisName] = contPaddingBox[alignBeforeName]; 7127 } else if (align === 'end') { 7128 rect[alignAxisName] = contLayoutRect[alignInnerSizeName] - ctrlLayoutRect[alignSizeName] - contPaddingBox.top; 7129 } 7130 if (ctrlLayoutRect.flex > 0) { 7131 size += ctrlLayoutRect.flex * ratio; 7132 } 7133 rect[sizeName] = size; 7134 rect[posName] = pos; 7135 ctrl.layoutRect(rect); 7136 if (ctrl.recalc) { 7137 ctrl.recalc(); 7138 } 7139 pos += size + spacing; 7140 } 7141 } 7142 }); 7143 7144 var FlowLayout = Layout$1.extend({ 7145 Defaults: { 7146 containerClass: 'flow-layout', 7147 controlClass: 'flow-layout-item', 7148 endClass: 'break' 7149 }, 7150 recalc: function (container) { 7151 container.items().filter(':visible').each(function (ctrl) { 7152 if (ctrl.recalc) { 7153 ctrl.recalc(); 7154 } 7155 }); 7156 }, 7157 isNative: function () { 7158 return true; 7159 } 7160 }); 7161 7162 var descendant = function (scope, selector) { 7163 return one(selector, scope); 7164 }; 7165 7166 var toggleFormat = function (editor, fmt) { 7167 return function () { 7168 editor.execCommand('mceToggleFormat', false, fmt); 7169 }; 7170 }; 7171 var addFormatChangedListener = function (editor, name, changed) { 7172 var handler = function (state) { 7173 changed(state, name); 7174 }; 7175 if (editor.formatter) { 7176 editor.formatter.formatChanged(name, handler); 7177 } else { 7178 editor.on('init', function () { 7179 editor.formatter.formatChanged(name, handler); 7180 }); 7181 } 7182 }; 7183 var postRenderFormatToggle = function (editor, name) { 7184 return function (e) { 7185 addFormatChangedListener(editor, name, function (state) { 7186 e.control.active(state); 7187 }); 7188 }; 7189 }; 7190 7191 var register = function (editor) { 7192 var alignFormats = [ 7193 'alignleft', 7194 'aligncenter', 7195 'alignright', 7196 'alignjustify' 7197 ]; 7198 var defaultAlign = 'alignleft'; 7199 var alignMenuItems = [ 7200 { 7201 text: 'Left', 7202 icon: 'alignleft', 7203 onclick: toggleFormat(editor, 'alignleft') 7204 }, 7205 { 7206 text: 'Center', 7207 icon: 'aligncenter', 7208 onclick: toggleFormat(editor, 'aligncenter') 7209 }, 7210 { 7211 text: 'Right', 7212 icon: 'alignright', 7213 onclick: toggleFormat(editor, 'alignright') 7214 }, 7215 { 7216 text: 'Justify', 7217 icon: 'alignjustify', 7218 onclick: toggleFormat(editor, 'alignjustify') 7219 } 7220 ]; 7221 editor.addMenuItem('align', { 7222 text: 'Align', 7223 menu: alignMenuItems 7224 }); 7225 editor.addButton('align', { 7226 type: 'menubutton', 7227 icon: defaultAlign, 7228 menu: alignMenuItems, 7229 onShowMenu: function (e) { 7230 var menu = e.control.menu; 7231 global$4.each(alignFormats, function (formatName, idx) { 7232 menu.items().eq(idx).each(function (item) { 7233 return item.active(editor.formatter.match(formatName)); 7234 }); 7235 }); 7236 }, 7237 onPostRender: function (e) { 7238 var ctrl = e.control; 7239 global$4.each(alignFormats, function (formatName, idx) { 7240 addFormatChangedListener(editor, formatName, function (state) { 7241 ctrl.icon(defaultAlign); 7242 if (state) { 7243 ctrl.icon(formatName); 7244 } 7245 }); 7246 }); 7247 } 7248 }); 7249 global$4.each({ 7250 alignleft: [ 7251 'Align left', 7252 'JustifyLeft' 7253 ], 7254 aligncenter: [ 7255 'Align center', 7256 'JustifyCenter' 7257 ], 7258 alignright: [ 7259 'Align right', 7260 'JustifyRight' 7261 ], 7262 alignjustify: [ 7263 'Justify', 7264 'JustifyFull' 7265 ], 7266 alignnone: [ 7267 'No alignment', 7268 'JustifyNone' 7269 ] 7270 }, function (item, name) { 7271 editor.addButton(name, { 7272 active: false, 7273 tooltip: item[0], 7274 cmd: item[1], 7275 onPostRender: postRenderFormatToggle(editor, name) 7276 }); 7277 }); 7278 }; 7279 var Align = { register: register }; 7280 7281 var getFirstFont = function (fontFamily) { 7282 return fontFamily ? fontFamily.split(',')[0] : ''; 7283 }; 7284 var findMatchingValue = function (items, fontFamily) { 7285 var font = fontFamily ? fontFamily.toLowerCase() : ''; 7286 var value; 7287 global$4.each(items, function (item) { 7288 if (item.value.toLowerCase() === font) { 7289 value = item.value; 7290 } 7291 }); 7292 global$4.each(items, function (item) { 7293 if (!value && getFirstFont(item.value).toLowerCase() === getFirstFont(font).toLowerCase()) { 7294 value = item.value; 7295 } 7296 }); 7297 return value; 7298 }; 7299 var createFontNameListBoxChangeHandler = function (editor, items) { 7300 return function () { 7301 var self = this; 7302 self.state.set('value', null); 7303 editor.on('init nodeChange', function (e) { 7304 var fontFamily = editor.queryCommandValue('FontName'); 7305 var match = findMatchingValue(items, fontFamily); 7306 self.value(match ? match : null); 7307 if (!match && fontFamily) { 7308 self.text(getFirstFont(fontFamily)); 7309 } 7310 }); 7311 }; 7312 }; 7313 var createFormats = function (formats) { 7314 formats = formats.replace(/;$/, '').split(';'); 7315 var i = formats.length; 7316 while (i--) { 7317 formats[i] = formats[i].split('='); 7318 } 7319 return formats; 7320 }; 7321 var getFontItems = function (editor) { 7322 var defaultFontsFormats = 'Andale Mono=andale mono,monospace;' + 'Arial=arial,helvetica,sans-serif;' + 'Arial Black=arial black,sans-serif;' + 'Book Antiqua=book antiqua,palatino,serif;' + 'Comic Sans MS=comic sans ms,sans-serif;' + 'Courier New=courier new,courier,monospace;' + 'Georgia=georgia,palatino,serif;' + 'Helvetica=helvetica,arial,sans-serif;' + 'Impact=impact,sans-serif;' + 'Symbol=symbol;' + 'Tahoma=tahoma,arial,helvetica,sans-serif;' + 'Terminal=terminal,monaco,monospace;' + 'Times New Roman=times new roman,times,serif;' + 'Trebuchet MS=trebuchet ms,geneva,sans-serif;' + 'Verdana=verdana,geneva,sans-serif;' + 'Webdings=webdings;' + 'Wingdings=wingdings,zapf dingbats'; 7323 var fonts = createFormats(editor.settings.font_formats || defaultFontsFormats); 7324 return global$4.map(fonts, function (font) { 7325 return { 7326 text: { raw: font[0] }, 7327 value: font[1], 7328 textStyle: font[1].indexOf('dings') === -1 ? 'font-family:' + font[1] : '' 7329 }; 7330 }); 7331 }; 7332 var registerButtons = function (editor) { 7333 editor.addButton('fontselect', function () { 7334 var items = getFontItems(editor); 7335 return { 7336 type: 'listbox', 7337 text: 'Font Family', 7338 tooltip: 'Font Family', 7339 values: items, 7340 fixedWidth: true, 7341 onPostRender: createFontNameListBoxChangeHandler(editor, items), 7342 onselect: function (e) { 7343 if (e.control.settings.value) { 7344 editor.execCommand('FontName', false, e.control.settings.value); 7345 } 7346 } 7347 }; 7348 }); 7349 }; 7350 var register$1 = function (editor) { 7351 registerButtons(editor); 7352 }; 7353 var FontSelect = { register: register$1 }; 7354 7355 var round = function (number, precision) { 7356 var factor = Math.pow(10, precision); 7357 return Math.round(number * factor) / factor; 7358 }; 7359 var toPt = function (fontSize, precision) { 7360 if (/[0-9.]+px$/.test(fontSize)) { 7361 return round(parseInt(fontSize, 10) * 72 / 96, precision || 0) + 'pt'; 7362 } 7363 return fontSize; 7364 }; 7365 var findMatchingValue$1 = function (items, pt, px) { 7366 var value; 7367 global$4.each(items, function (item) { 7368 if (item.value === px) { 7369 value = px; 7370 } else if (item.value === pt) { 7371 value = pt; 7372 } 7373 }); 7374 return value; 7375 }; 7376 var createFontSizeListBoxChangeHandler = function (editor, items) { 7377 return function () { 7378 var self = this; 7379 editor.on('init nodeChange', function (e) { 7380 var px, pt, precision, match; 7381 px = editor.queryCommandValue('FontSize'); 7382 if (px) { 7383 for (precision = 3; !match && precision >= 0; precision--) { 7384 pt = toPt(px, precision); 7385 match = findMatchingValue$1(items, pt, px); 7386 } 7387 } 7388 self.value(match ? match : null); 7389 if (!match) { 7390 self.text(pt); 7391 } 7392 }); 7393 }; 7394 }; 7395 var getFontSizeItems = function (editor) { 7396 var defaultFontsizeFormats = '8pt 10pt 12pt 14pt 18pt 24pt 36pt'; 7397 var fontsizeFormats = editor.settings.fontsize_formats || defaultFontsizeFormats; 7398 return global$4.map(fontsizeFormats.split(' '), function (item) { 7399 var text = item, value = item; 7400 var values = item.split('='); 7401 if (values.length > 1) { 7402 text = values[0]; 7403 value = values[1]; 7404 } 7405 return { 7406 text: text, 7407 value: value 7408 }; 7409 }); 7410 }; 7411 var registerButtons$1 = function (editor) { 7412 editor.addButton('fontsizeselect', function () { 7413 var items = getFontSizeItems(editor); 7414 return { 7415 type: 'listbox', 7416 text: 'Font Sizes', 7417 tooltip: 'Font Sizes', 7418 values: items, 7419 fixedWidth: true, 7420 onPostRender: createFontSizeListBoxChangeHandler(editor, items), 7421 onclick: function (e) { 7422 if (e.control.settings.value) { 7423 editor.execCommand('FontSize', false, e.control.settings.value); 7424 } 7425 } 7426 }; 7427 }); 7428 }; 7429 var register$2 = function (editor) { 7430 registerButtons$1(editor); 7431 }; 7432 var FontSizeSelect = { register: register$2 }; 7433 7434 var hideMenuObjects = function (editor, menu) { 7435 var count = menu.length; 7436 global$4.each(menu, function (item) { 7437 if (item.menu) { 7438 item.hidden = hideMenuObjects(editor, item.menu) === 0; 7439 } 7440 var formatName = item.format; 7441 if (formatName) { 7442 item.hidden = !editor.formatter.canApply(formatName); 7443 } 7444 if (item.hidden) { 7445 count--; 7446 } 7447 }); 7448 return count; 7449 }; 7450 var hideFormatMenuItems = function (editor, menu) { 7451 var count = menu.items().length; 7452 menu.items().each(function (item) { 7453 if (item.menu) { 7454 item.visible(hideFormatMenuItems(editor, item.menu) > 0); 7455 } 7456 if (!item.menu && item.settings.menu) { 7457 item.visible(hideMenuObjects(editor, item.settings.menu) > 0); 7458 } 7459 var formatName = item.settings.format; 7460 if (formatName) { 7461 item.visible(editor.formatter.canApply(formatName)); 7462 } 7463 if (!item.visible()) { 7464 count--; 7465 } 7466 }); 7467 return count; 7468 }; 7469 var createFormatMenu = function (editor) { 7470 var count = 0; 7471 var newFormats = []; 7472 var defaultStyleFormats = [ 7473 { 7474 title: 'Headings', 7475 items: [ 7476 { 7477 title: 'Heading 1', 7478 format: 'h1' 7479 }, 7480 { 7481 title: 'Heading 2', 7482 format: 'h2' 7483 }, 7484 { 7485 title: 'Heading 3', 7486 format: 'h3' 7487 }, 7488 { 7489 title: 'Heading 4', 7490 format: 'h4' 7491 }, 7492 { 7493 title: 'Heading 5', 7494 format: 'h5' 7495 }, 7496 { 7497 title: 'Heading 6', 7498 format: 'h6' 7499 } 7500 ] 7501 }, 7502 { 7503 title: 'Inline', 7504 items: [ 7505 { 7506 title: 'Bold', 7507 icon: 'bold', 7508 format: 'bold' 7509 }, 7510 { 7511 title: 'Italic', 7512 icon: 'italic', 7513 format: 'italic' 7514 }, 7515 { 7516 title: 'Underline', 7517 icon: 'underline', 7518 format: 'underline' 7519 }, 7520 { 7521 title: 'Strikethrough', 7522 icon: 'strikethrough', 7523 format: 'strikethrough' 7524 }, 7525 { 7526 title: 'Superscript', 7527 icon: 'superscript', 7528 format: 'superscript' 7529 }, 7530 { 7531 title: 'Subscript', 7532 icon: 'subscript', 7533 format: 'subscript' 7534 }, 7535 { 7536 title: 'Code', 7537 icon: 'code', 7538 format: 'code' 7539 } 7540 ] 7541 }, 7542 { 7543 title: 'Blocks', 7544 items: [ 7545 { 7546 title: 'Paragraph', 7547 format: 'p' 7548 }, 7549 { 7550 title: 'Blockquote', 7551 format: 'blockquote' 7552 }, 7553 { 7554 title: 'Div', 7555 format: 'div' 7556 }, 7557 { 7558 title: 'Pre', 7559 format: 'pre' 7560 } 7561 ] 7562 }, 7563 { 7564 title: 'Alignment', 7565 items: [ 7566 { 7567 title: 'Left', 7568 icon: 'alignleft', 7569 format: 'alignleft' 7570 }, 7571 { 7572 title: 'Center', 7573 icon: 'aligncenter', 7574 format: 'aligncenter' 7575 }, 7576 { 7577 title: 'Right', 7578 icon: 'alignright', 7579 format: 'alignright' 7580 }, 7581 { 7582 title: 'Justify', 7583 icon: 'alignjustify', 7584 format: 'alignjustify' 7585 } 7586 ] 7587 } 7588 ]; 7589 var createMenu = function (formats) { 7590 var menu = []; 7591 if (!formats) { 7592 return; 7593 } 7594 global$4.each(formats, function (format) { 7595 var menuItem = { 7596 text: format.title, 7597 icon: format.icon 7598 }; 7599 if (format.items) { 7600 menuItem.menu = createMenu(format.items); 7601 } else { 7602 var formatName = format.format || 'custom' + count++; 7603 if (!format.format) { 7604 format.name = formatName; 7605 newFormats.push(format); 7606 } 7607 menuItem.format = formatName; 7608 menuItem.cmd = format.cmd; 7609 } 7610 menu.push(menuItem); 7611 }); 7612 return menu; 7613 }; 7614 var createStylesMenu = function () { 7615 var menu; 7616 if (editor.settings.style_formats_merge) { 7617 if (editor.settings.style_formats) { 7618 menu = createMenu(defaultStyleFormats.concat(editor.settings.style_formats)); 7619 } else { 7620 menu = createMenu(defaultStyleFormats); 7621 } 7622 } else { 7623 menu = createMenu(editor.settings.style_formats || defaultStyleFormats); 7624 } 7625 return menu; 7626 }; 7627 editor.on('init', function () { 7628 global$4.each(newFormats, function (format) { 7629 editor.formatter.register(format.name, format); 7630 }); 7631 }); 7632 return { 7633 type: 'menu', 7634 items: createStylesMenu(), 7635 onPostRender: function (e) { 7636 editor.fire('renderFormatsMenu', { control: e.control }); 7637 }, 7638 itemDefaults: { 7639 preview: true, 7640 textStyle: function () { 7641 if (this.settings.format) { 7642 return editor.formatter.getCssText(this.settings.format); 7643 } 7644 }, 7645 onPostRender: function () { 7646 var self = this; 7647 self.parent().on('show', function () { 7648 var formatName, command; 7649 formatName = self.settings.format; 7650 if (formatName) { 7651 self.disabled(!editor.formatter.canApply(formatName)); 7652 self.active(editor.formatter.match(formatName)); 7653 } 7654 command = self.settings.cmd; 7655 if (command) { 7656 self.active(editor.queryCommandState(command)); 7657 } 7658 }); 7659 }, 7660 onclick: function () { 7661 if (this.settings.format) { 7662 toggleFormat(editor, this.settings.format)(); 7663 } 7664 if (this.settings.cmd) { 7665 editor.execCommand(this.settings.cmd); 7666 } 7667 } 7668 } 7669 }; 7670 }; 7671 var registerMenuItems = function (editor, formatMenu) { 7672 editor.addMenuItem('formats', { 7673 text: 'Formats', 7674 menu: formatMenu 7675 }); 7676 }; 7677 var registerButtons$2 = function (editor, formatMenu) { 7678 editor.addButton('styleselect', { 7679 type: 'menubutton', 7680 text: 'Formats', 7681 menu: formatMenu, 7682 onShowMenu: function () { 7683 if (editor.settings.style_formats_autohide) { 7684 hideFormatMenuItems(editor, this.menu); 7685 } 7686 } 7687 }); 7688 }; 7689 var register$3 = function (editor) { 7690 var formatMenu = createFormatMenu(editor); 7691 registerMenuItems(editor, formatMenu); 7692 registerButtons$2(editor, formatMenu); 7693 }; 7694 var Formats = { register: register$3 }; 7695 7696 var defaultBlocks = 'Paragraph=p;' + 'Heading 1=h1;' + 'Heading 2=h2;' + 'Heading 3=h3;' + 'Heading 4=h4;' + 'Heading 5=h5;' + 'Heading 6=h6;' + 'Preformatted=pre'; 7697 var createFormats$1 = function (formats) { 7698 formats = formats.replace(/;$/, '').split(';'); 7699 var i = formats.length; 7700 while (i--) { 7701 formats[i] = formats[i].split('='); 7702 } 7703 return formats; 7704 }; 7705 var createListBoxChangeHandler = function (editor, items, formatName) { 7706 return function () { 7707 var self = this; 7708 editor.on('nodeChange', function (e) { 7709 var formatter = editor.formatter; 7710 var value = null; 7711 global$4.each(e.parents, function (node) { 7712 global$4.each(items, function (item) { 7713 if (formatName) { 7714 if (formatter.matchNode(node, formatName, { value: item.value })) { 7715 value = item.value; 7716 } 7717 } else { 7718 if (formatter.matchNode(node, item.value)) { 7719 value = item.value; 7720 } 7721 } 7722 if (value) { 7723 return false; 7724 } 7725 }); 7726 if (value) { 7727 return false; 7728 } 7729 }); 7730 self.value(value); 7731 }); 7732 }; 7733 }; 7734 var lazyFormatSelectBoxItems = function (editor, blocks) { 7735 return function () { 7736 var items = []; 7737 global$4.each(blocks, function (block) { 7738 items.push({ 7739 text: block[0], 7740 value: block[1], 7741 textStyle: function () { 7742 return editor.formatter.getCssText(block[1]); 7743 } 7744 }); 7745 }); 7746 return { 7747 type: 'listbox', 7748 text: blocks[0][0], 7749 values: items, 7750 fixedWidth: true, 7751 onselect: function (e) { 7752 if (e.control) { 7753 var fmt = e.control.value(); 7754 toggleFormat(editor, fmt)(); 7755 } 7756 }, 7757 onPostRender: createListBoxChangeHandler(editor, items) 7758 }; 7759 }; 7760 }; 7761 var buildMenuItems = function (editor, blocks) { 7762 return global$4.map(blocks, function (block) { 7763 return { 7764 text: block[0], 7765 onclick: toggleFormat(editor, block[1]), 7766 textStyle: function () { 7767 return editor.formatter.getCssText(block[1]); 7768 } 7769 }; 7770 }); 7771 }; 7772 var register$4 = function (editor) { 7773 var blocks = createFormats$1(editor.settings.block_formats || defaultBlocks); 7774 editor.addMenuItem('blockformats', { 7775 text: 'Blocks', 7776 menu: buildMenuItems(editor, blocks) 7777 }); 7778 editor.addButton('formatselect', lazyFormatSelectBoxItems(editor, blocks)); 7779 }; 7780 var FormatSelect = { register: register$4 }; 7781 7782 var createCustomMenuItems = function (editor, names) { 7783 var items, nameList; 7784 if (typeof names === 'string') { 7785 nameList = names.split(' '); 7786 } else if (global$4.isArray(names)) { 7787 return flatten$1(global$4.map(names, function (names) { 7788 return createCustomMenuItems(editor, names); 7789 })); 7790 } 7791 items = global$4.grep(nameList, function (name) { 7792 return name === '|' || name in editor.menuItems; 7793 }); 7794 return global$4.map(items, function (name) { 7795 return name === '|' ? { text: '-' } : editor.menuItems[name]; 7796 }); 7797 }; 7798 var isSeparator = function (menuItem) { 7799 return menuItem && menuItem.text === '-'; 7800 }; 7801 var trimMenuItems = function (menuItems) { 7802 var menuItems2 = filter(menuItems, function (menuItem, i) { 7803 return !isSeparator(menuItem) || !isSeparator(menuItems[i - 1]); 7804 }); 7805 return filter(menuItems2, function (menuItem, i) { 7806 return !isSeparator(menuItem) || i > 0 && i < menuItems2.length - 1; 7807 }); 7808 }; 7809 var createContextMenuItems = function (editor, context) { 7810 var outputMenuItems = [{ text: '-' }]; 7811 var menuItems = global$4.grep(editor.menuItems, function (menuItem) { 7812 return menuItem.context === context; 7813 }); 7814 global$4.each(menuItems, function (menuItem) { 7815 if (menuItem.separator === 'before') { 7816 outputMenuItems.push({ text: '|' }); 7817 } 7818 if (menuItem.prependToContext) { 7819 outputMenuItems.unshift(menuItem); 7820 } else { 7821 outputMenuItems.push(menuItem); 7822 } 7823 if (menuItem.separator === 'after') { 7824 outputMenuItems.push({ text: '|' }); 7825 } 7826 }); 7827 return outputMenuItems; 7828 }; 7829 var createInsertMenu = function (editor) { 7830 var insertButtonItems = editor.settings.insert_button_items; 7831 if (insertButtonItems) { 7832 return trimMenuItems(createCustomMenuItems(editor, insertButtonItems)); 7833 } else { 7834 return trimMenuItems(createContextMenuItems(editor, 'insert')); 7835 } 7836 }; 7837 var registerButtons$3 = function (editor) { 7838 editor.addButton('insert', { 7839 type: 'menubutton', 7840 icon: 'insert', 7841 menu: [], 7842 oncreatemenu: function () { 7843 this.menu.add(createInsertMenu(editor)); 7844 this.menu.renderNew(); 7845 } 7846 }); 7847 }; 7848 var register$5 = function (editor) { 7849 registerButtons$3(editor); 7850 }; 7851 var InsertButton = { register: register$5 }; 7852 7853 var registerFormatButtons = function (editor) { 7854 global$4.each({ 7855 bold: 'Bold', 7856 italic: 'Italic', 7857 underline: 'Underline', 7858 strikethrough: 'Strikethrough', 7859 subscript: 'Subscript', 7860 superscript: 'Superscript' 7861 }, function (text, name) { 7862 editor.addButton(name, { 7863 active: false, 7864 tooltip: text, 7865 onPostRender: postRenderFormatToggle(editor, name), 7866 onclick: toggleFormat(editor, name) 7867 }); 7868 }); 7869 }; 7870 var registerCommandButtons = function (editor) { 7871 global$4.each({ 7872 outdent: [ 7873 'Decrease indent', 7874 'Outdent' 7875 ], 7876 indent: [ 7877 'Increase indent', 7878 'Indent' 7879 ], 7880 cut: [ 7881 'Cut', 7882 'Cut' 7883 ], 7884 copy: [ 7885 'Copy', 7886 'Copy' 7887 ], 7888 paste: [ 7889 'Paste', 7890 'Paste' 7891 ], 7892 help: [ 7893 'Help', 7894 'mceHelp' 7895 ], 7896 selectall: [ 7897 'Select all', 7898 'SelectAll' 7899 ], 7900 visualaid: [ 7901 'Visual aids', 7902 'mceToggleVisualAid' 7903 ], 7904 newdocument: [ 7905 'New document', 7906 'mceNewDocument' 7907 ], 7908 removeformat: [ 7909 'Clear formatting', 7910 'RemoveFormat' 7911 ], 7912 remove: [ 7913 'Remove', 7914 'Delete' 7915 ] 7916 }, function (item, name) { 7917 editor.addButton(name, { 7918 tooltip: item[0], 7919 cmd: item[1] 7920 }); 7921 }); 7922 }; 7923 var registerCommandToggleButtons = function (editor) { 7924 global$4.each({ 7925 blockquote: [ 7926 'Blockquote', 7927 'mceBlockQuote' 7928 ], 7929 subscript: [ 7930 'Subscript', 7931 'Subscript' 7932 ], 7933 superscript: [ 7934 'Superscript', 7935 'Superscript' 7936 ] 7937 }, function (item, name) { 7938 editor.addButton(name, { 7939 active: false, 7940 tooltip: item[0], 7941 cmd: item[1], 7942 onPostRender: postRenderFormatToggle(editor, name) 7943 }); 7944 }); 7945 }; 7946 var registerButtons$4 = function (editor) { 7947 registerFormatButtons(editor); 7948 registerCommandButtons(editor); 7949 registerCommandToggleButtons(editor); 7950 }; 7951 var registerMenuItems$1 = function (editor) { 7952 global$4.each({ 7953 bold: [ 7954 'Bold', 7955 'Bold', 7956 'Meta+B' 7957 ], 7958 italic: [ 7959 'Italic', 7960 'Italic', 7961 'Meta+I' 7962 ], 7963 underline: [ 7964 'Underline', 7965 'Underline', 7966 'Meta+U' 7967 ], 7968 strikethrough: [ 7969 'Strikethrough', 7970 'Strikethrough' 7971 ], 7972 subscript: [ 7973 'Subscript', 7974 'Subscript' 7975 ], 7976 superscript: [ 7977 'Superscript', 7978 'Superscript' 7979 ], 7980 removeformat: [ 7981 'Clear formatting', 7982 'RemoveFormat' 7983 ], 7984 newdocument: [ 7985 'New document', 7986 'mceNewDocument' 7987 ], 7988 cut: [ 7989 'Cut', 7990 'Cut', 7991 'Meta+X' 7992 ], 7993 copy: [ 7994 'Copy', 7995 'Copy', 7996 'Meta+C' 7997 ], 7998 paste: [ 7999 'Paste', 8000 'Paste', 8001 'Meta+V' 8002 ], 8003 selectall: [ 8004 'Select all', 8005 'SelectAll', 8006 'Meta+A' 8007 ] 8008 }, function (item, name) { 8009 editor.addMenuItem(name, { 8010 text: item[0], 8011 icon: name, 8012 shortcut: item[2], 8013 cmd: item[1] 8014 }); 8015 }); 8016 editor.addMenuItem('codeformat', { 8017 text: 'Code', 8018 icon: 'code', 8019 onclick: toggleFormat(editor, 'code') 8020 }); 8021 }; 8022 var register$6 = function (editor) { 8023 registerButtons$4(editor); 8024 registerMenuItems$1(editor); 8025 }; 8026 var SimpleControls = { register: register$6 }; 8027 8028 var toggleUndoRedoState = function (editor, type) { 8029 return function () { 8030 var self = this; 8031 var checkState = function () { 8032 var typeFn = type === 'redo' ? 'hasRedo' : 'hasUndo'; 8033 return editor.undoManager ? editor.undoManager[typeFn]() : false; 8034 }; 8035 self.disabled(!checkState()); 8036 editor.on('Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', function () { 8037 self.disabled(editor.readonly || !checkState()); 8038 }); 8039 }; 8040 }; 8041 var registerMenuItems$2 = function (editor) { 8042 editor.addMenuItem('undo', { 8043 text: 'Undo', 8044 icon: 'undo', 8045 shortcut: 'Meta+Z', 8046 onPostRender: toggleUndoRedoState(editor, 'undo'), 8047 cmd: 'undo' 8048 }); 8049 editor.addMenuItem('redo', { 8050 text: 'Redo', 8051 icon: 'redo', 8052 shortcut: 'Meta+Y', 8053 onPostRender: toggleUndoRedoState(editor, 'redo'), 8054 cmd: 'redo' 8055 }); 8056 }; 8057 var registerButtons$5 = function (editor) { 8058 editor.addButton('undo', { 8059 tooltip: 'Undo', 8060 onPostRender: toggleUndoRedoState(editor, 'undo'), 8061 cmd: 'undo' 8062 }); 8063 editor.addButton('redo', { 8064 tooltip: 'Redo', 8065 onPostRender: toggleUndoRedoState(editor, 'redo'), 8066 cmd: 'redo' 8067 }); 8068 }; 8069 var register$7 = function (editor) { 8070 registerMenuItems$2(editor); 8071 registerButtons$5(editor); 8072 }; 8073 var UndoRedo = { register: register$7 }; 8074 8075 var toggleVisualAidState = function (editor) { 8076 return function () { 8077 var self = this; 8078 editor.on('VisualAid', function (e) { 8079 self.active(e.hasVisual); 8080 }); 8081 self.active(editor.hasVisual); 8082 }; 8083 }; 8084 var registerMenuItems$3 = function (editor) { 8085 editor.addMenuItem('visualaid', { 8086 text: 'Visual aids', 8087 selectable: true, 8088 onPostRender: toggleVisualAidState(editor), 8089 cmd: 'mceToggleVisualAid' 8090 }); 8091 }; 8092 var register$8 = function (editor) { 8093 registerMenuItems$3(editor); 8094 }; 8095 var VisualAid = { register: register$8 }; 8096 8097 var setupEnvironment = function () { 8098 Widget.tooltips = !global$1.iOS; 8099 Control$1.translate = function (text) { 8100 return global$5.translate(text); 8101 }; 8102 }; 8103 var setupUiContainer = function (editor) { 8104 if (editor.settings.ui_container) { 8105 global$1.container = descendant(Element.fromDom(domGlobals.document.body), editor.settings.ui_container).fold(constant(null), function (elm) { 8106 return elm.dom(); 8107 }); 8108 } 8109 }; 8110 var setupRtlMode = function (editor) { 8111 if (editor.rtl) { 8112 Control$1.rtl = true; 8113 } 8114 }; 8115 var setupHideFloatPanels = function (editor) { 8116 editor.on('mousedown progressstate', function () { 8117 FloatPanel.hideAll(); 8118 }); 8119 }; 8120 var setup = function (editor) { 8121 setupRtlMode(editor); 8122 setupHideFloatPanels(editor); 8123 setupUiContainer(editor); 8124 setupEnvironment(); 8125 FormatSelect.register(editor); 8126 Align.register(editor); 8127 SimpleControls.register(editor); 8128 UndoRedo.register(editor); 8129 FontSizeSelect.register(editor); 8130 FontSelect.register(editor); 8131 Formats.register(editor); 8132 VisualAid.register(editor); 8133 InsertButton.register(editor); 8134 }; 8135 var FormatControls = { setup: setup }; 8136 8137 var GridLayout = AbsoluteLayout.extend({ 8138 recalc: function (container) { 8139 var settings, rows, cols, items, contLayoutRect, width, height, rect, ctrlLayoutRect, ctrl, x, y, posX, posY, ctrlSettings, contPaddingBox, align, spacingH, spacingV, alignH, alignV, maxX, maxY; 8140 var colWidths = []; 8141 var rowHeights = []; 8142 var ctrlMinWidth, ctrlMinHeight, availableWidth, availableHeight, reverseRows, idx; 8143 settings = container.settings; 8144 items = container.items().filter(':visible'); 8145 contLayoutRect = container.layoutRect(); 8146 cols = settings.columns || Math.ceil(Math.sqrt(items.length)); 8147 rows = Math.ceil(items.length / cols); 8148 spacingH = settings.spacingH || settings.spacing || 0; 8149 spacingV = settings.spacingV || settings.spacing || 0; 8150 alignH = settings.alignH || settings.align; 8151 alignV = settings.alignV || settings.align; 8152 contPaddingBox = container.paddingBox; 8153 reverseRows = 'reverseRows' in settings ? settings.reverseRows : container.isRtl(); 8154 if (alignH && typeof alignH === 'string') { 8155 alignH = [alignH]; 8156 } 8157 if (alignV && typeof alignV === 'string') { 8158 alignV = [alignV]; 8159 } 8160 for (x = 0; x < cols; x++) { 8161 colWidths.push(0); 8162 } 8163 for (y = 0; y < rows; y++) { 8164 rowHeights.push(0); 8165 } 8166 for (y = 0; y < rows; y++) { 8167 for (x = 0; x < cols; x++) { 8168 ctrl = items[y * cols + x]; 8169 if (!ctrl) { 8170 break; 8171 } 8172 ctrlLayoutRect = ctrl.layoutRect(); 8173 ctrlMinWidth = ctrlLayoutRect.minW; 8174 ctrlMinHeight = ctrlLayoutRect.minH; 8175 colWidths[x] = ctrlMinWidth > colWidths[x] ? ctrlMinWidth : colWidths[x]; 8176 rowHeights[y] = ctrlMinHeight > rowHeights[y] ? ctrlMinHeight : rowHeights[y]; 8177 } 8178 } 8179 availableWidth = contLayoutRect.innerW - contPaddingBox.left - contPaddingBox.right; 8180 for (maxX = 0, x = 0; x < cols; x++) { 8181 maxX += colWidths[x] + (x > 0 ? spacingH : 0); 8182 availableWidth -= (x > 0 ? spacingH : 0) + colWidths[x]; 8183 } 8184 availableHeight = contLayoutRect.innerH - contPaddingBox.top - contPaddingBox.bottom; 8185 for (maxY = 0, y = 0; y < rows; y++) { 8186 maxY += rowHeights[y] + (y > 0 ? spacingV : 0); 8187 availableHeight -= (y > 0 ? spacingV : 0) + rowHeights[y]; 8188 } 8189 maxX += contPaddingBox.left + contPaddingBox.right; 8190 maxY += contPaddingBox.top + contPaddingBox.bottom; 8191 rect = {}; 8192 rect.minW = maxX + (contLayoutRect.w - contLayoutRect.innerW); 8193 rect.minH = maxY + (contLayoutRect.h - contLayoutRect.innerH); 8194 rect.contentW = rect.minW - contLayoutRect.deltaW; 8195 rect.contentH = rect.minH - contLayoutRect.deltaH; 8196 rect.minW = Math.min(rect.minW, contLayoutRect.maxW); 8197 rect.minH = Math.min(rect.minH, contLayoutRect.maxH); 8198 rect.minW = Math.max(rect.minW, contLayoutRect.startMinWidth); 8199 rect.minH = Math.max(rect.minH, contLayoutRect.startMinHeight); 8200 if (contLayoutRect.autoResize && (rect.minW !== contLayoutRect.minW || rect.minH !== contLayoutRect.minH)) { 8201 rect.w = rect.minW; 8202 rect.h = rect.minH; 8203 container.layoutRect(rect); 8204 this.recalc(container); 8205 if (container._lastRect === null) { 8206 var parentCtrl = container.parent(); 8207 if (parentCtrl) { 8208 parentCtrl._lastRect = null; 8209 parentCtrl.recalc(); 8210 } 8211 } 8212 return; 8213 } 8214 if (contLayoutRect.autoResize) { 8215 rect = container.layoutRect(rect); 8216 rect.contentW = rect.minW - contLayoutRect.deltaW; 8217 rect.contentH = rect.minH - contLayoutRect.deltaH; 8218 } 8219 var flexV; 8220 if (settings.packV === 'start') { 8221 flexV = 0; 8222 } else { 8223 flexV = availableHeight > 0 ? Math.floor(availableHeight / rows) : 0; 8224 } 8225 var totalFlex = 0; 8226 var flexWidths = settings.flexWidths; 8227 if (flexWidths) { 8228 for (x = 0; x < flexWidths.length; x++) { 8229 totalFlex += flexWidths[x]; 8230 } 8231 } else { 8232 totalFlex = cols; 8233 } 8234 var ratio = availableWidth / totalFlex; 8235 for (x = 0; x < cols; x++) { 8236 colWidths[x] += flexWidths ? flexWidths[x] * ratio : ratio; 8237 } 8238 posY = contPaddingBox.top; 8239 for (y = 0; y < rows; y++) { 8240 posX = contPaddingBox.left; 8241 height = rowHeights[y] + flexV; 8242 for (x = 0; x < cols; x++) { 8243 if (reverseRows) { 8244 idx = y * cols + cols - 1 - x; 8245 } else { 8246 idx = y * cols + x; 8247 } 8248 ctrl = items[idx]; 8249 if (!ctrl) { 8250 break; 8251 } 8252 ctrlSettings = ctrl.settings; 8253 ctrlLayoutRect = ctrl.layoutRect(); 8254 width = Math.max(colWidths[x], ctrlLayoutRect.startMinWidth); 8255 ctrlLayoutRect.x = posX; 8256 ctrlLayoutRect.y = posY; 8257 align = ctrlSettings.alignH || (alignH ? alignH[x] || alignH[0] : null); 8258 if (align === 'center') { 8259 ctrlLayoutRect.x = posX + width / 2 - ctrlLayoutRect.w / 2; 8260 } else if (align === 'right') { 8261 ctrlLayoutRect.x = posX + width - ctrlLayoutRect.w; 8262 } else if (align === 'stretch') { 8263 ctrlLayoutRect.w = width; 8264 } 8265 align = ctrlSettings.alignV || (alignV ? alignV[x] || alignV[0] : null); 8266 if (align === 'center') { 8267 ctrlLayoutRect.y = posY + height / 2 - ctrlLayoutRect.h / 2; 8268 } else if (align === 'bottom') { 8269 ctrlLayoutRect.y = posY + height - ctrlLayoutRect.h; 8270 } else if (align === 'stretch') { 8271 ctrlLayoutRect.h = height; 8272 } 8273 ctrl.layoutRect(ctrlLayoutRect); 8274 posX += width + spacingH; 8275 if (ctrl.recalc) { 8276 ctrl.recalc(); 8277 } 8278 } 8279 posY += height + spacingV; 8280 } 8281 } 8282 }); 8283 8284 var Iframe = Widget.extend({ 8285 renderHtml: function () { 8286 var self = this; 8287 self.classes.add('iframe'); 8288 self.canFocus = false; 8289 return '<iframe id="' + self._id + '" class="' + self.classes + '" tabindex="-1" src="' + (self.settings.url || 'javascript:\'\'') + '" frameborder="0"></iframe>'; 8290 }, 8291 src: function (src) { 8292 this.getEl().src = src; 8293 }, 8294 html: function (html, callback) { 8295 var self = this, body = this.getEl().contentWindow.document.body; 8296 if (!body) { 8297 global$3.setTimeout(function () { 8298 self.html(html); 8299 }); 8300 } else { 8301 body.innerHTML = html; 8302 if (callback) { 8303 callback(); 8304 } 8305 } 8306 return this; 8307 } 8308 }); 8309 8310 var InfoBox = Widget.extend({ 8311 init: function (settings) { 8312 var self = this; 8313 self._super(settings); 8314 self.classes.add('widget').add('infobox'); 8315 self.canFocus = false; 8316 }, 8317 severity: function (level) { 8318 this.classes.remove('error'); 8319 this.classes.remove('warning'); 8320 this.classes.remove('success'); 8321 this.classes.add(level); 8322 }, 8323 help: function (state) { 8324 this.state.set('help', state); 8325 }, 8326 renderHtml: function () { 8327 var self = this, prefix = self.classPrefix; 8328 return '<div id="' + self._id + '" class="' + self.classes + '">' + '<div id="' + self._id + '-body">' + self.encode(self.state.get('text')) + '<button role="button" tabindex="-1">' + '<i class="' + prefix + 'ico ' + prefix + 'i-help"></i>' + '</button>' + '</div>' + '</div>'; 8329 }, 8330 bindStates: function () { 8331 var self = this; 8332 self.state.on('change:text', function (e) { 8333 self.getEl('body').firstChild.data = self.encode(e.value); 8334 if (self.state.get('rendered')) { 8335 self.updateLayoutRect(); 8336 } 8337 }); 8338 self.state.on('change:help', function (e) { 8339 self.classes.toggle('has-help', e.value); 8340 if (self.state.get('rendered')) { 8341 self.updateLayoutRect(); 8342 } 8343 }); 8344 return self._super(); 8345 } 8346 }); 8347 8348 var Label = Widget.extend({ 8349 init: function (settings) { 8350 var self = this; 8351 self._super(settings); 8352 self.classes.add('widget').add('label'); 8353 self.canFocus = false; 8354 if (settings.multiline) { 8355 self.classes.add('autoscroll'); 8356 } 8357 if (settings.strong) { 8358 self.classes.add('strong'); 8359 } 8360 }, 8361 initLayoutRect: function () { 8362 var self = this, layoutRect = self._super(); 8363 if (self.settings.multiline) { 8364 var size = funcs.getSize(self.getEl()); 8365 if (size.width > layoutRect.maxW) { 8366 layoutRect.minW = layoutRect.maxW; 8367 self.classes.add('multiline'); 8368 } 8369 self.getEl().style.width = layoutRect.minW + 'px'; 8370 layoutRect.startMinH = layoutRect.h = layoutRect.minH = Math.min(layoutRect.maxH, funcs.getSize(self.getEl()).height); 8371 } 8372 return layoutRect; 8373 }, 8374 repaint: function () { 8375 var self = this; 8376 if (!self.settings.multiline) { 8377 self.getEl().style.lineHeight = self.layoutRect().h + 'px'; 8378 } 8379 return self._super(); 8380 }, 8381 severity: function (level) { 8382 this.classes.remove('error'); 8383 this.classes.remove('warning'); 8384 this.classes.remove('success'); 8385 this.classes.add(level); 8386 }, 8387 renderHtml: function () { 8388 var self = this; 8389 var targetCtrl, forName, forId = self.settings.forId; 8390 var text = self.settings.html ? self.settings.html : self.encode(self.state.get('text')); 8391 if (!forId && (forName = self.settings.forName)) { 8392 targetCtrl = self.getRoot().find('#' + forName)[0]; 8393 if (targetCtrl) { 8394 forId = targetCtrl._id; 8395 } 8396 } 8397 if (forId) { 8398 return '<label id="' + self._id + '" class="' + self.classes + '"' + (forId ? ' for="' + forId + '"' : '') + '>' + text + '</label>'; 8399 } 8400 return '<span id="' + self._id + '" class="' + self.classes + '">' + text + '</span>'; 8401 }, 8402 bindStates: function () { 8403 var self = this; 8404 self.state.on('change:text', function (e) { 8405 self.innerHtml(self.encode(e.value)); 8406 if (self.state.get('rendered')) { 8407 self.updateLayoutRect(); 8408 } 8409 }); 8410 return self._super(); 8411 } 8412 }); 8413 8414 var Toolbar$1 = Container.extend({ 8415 Defaults: { 8416 role: 'toolbar', 8417 layout: 'flow' 8418 }, 8419 init: function (settings) { 8420 var self = this; 8421 self._super(settings); 8422 self.classes.add('toolbar'); 8423 }, 8424 postRender: function () { 8425 var self = this; 8426 self.items().each(function (ctrl) { 8427 ctrl.classes.add('toolbar-item'); 8428 }); 8429 return self._super(); 8430 } 8431 }); 8432 8433 var MenuBar = Toolbar$1.extend({ 8434 Defaults: { 8435 role: 'menubar', 8436 containerCls: 'menubar', 8437 ariaRoot: true, 8438 defaults: { type: 'menubutton' } 8439 } 8440 }); 8441 8442 function isChildOf$1(node, parent) { 8443 while (node) { 8444 if (parent === node) { 8445 return true; 8446 } 8447 node = node.parentNode; 8448 } 8449 return false; 8450 } 8451 var MenuButton = Button.extend({ 8452 init: function (settings) { 8453 var self = this; 8454 self._renderOpen = true; 8455 self._super(settings); 8456 settings = self.settings; 8457 self.classes.add('menubtn'); 8458 if (settings.fixedWidth) { 8459 self.classes.add('fixed-width'); 8460 } 8461 self.aria('haspopup', true); 8462 self.state.set('menu', settings.menu || self.render()); 8463 }, 8464 showMenu: function (toggle) { 8465 var self = this; 8466 var menu; 8467 if (self.menu && self.menu.visible() && toggle !== false) { 8468 return self.hideMenu(); 8469 } 8470 if (!self.menu) { 8471 menu = self.state.get('menu') || []; 8472 self.classes.add('opened'); 8473 if (menu.length) { 8474 menu = { 8475 type: 'menu', 8476 animate: true, 8477 items: menu 8478 }; 8479 } else { 8480 menu.type = menu.type || 'menu'; 8481 menu.animate = true; 8482 } 8483 if (!menu.renderTo) { 8484 self.menu = global$b.create(menu).parent(self).renderTo(); 8485 } else { 8486 self.menu = menu.parent(self).show().renderTo(); 8487 } 8488 self.fire('createmenu'); 8489 self.menu.reflow(); 8490 self.menu.on('cancel', function (e) { 8491 if (e.control.parent() === self.menu) { 8492 e.stopPropagation(); 8493 self.focus(); 8494 self.hideMenu(); 8495 } 8496 }); 8497 self.menu.on('select', function () { 8498 self.focus(); 8499 }); 8500 self.menu.on('show hide', function (e) { 8501 if (e.type === 'hide' && e.control.parent() === self) { 8502 self.classes.remove('opened-under'); 8503 } 8504 if (e.control === self.menu) { 8505 self.activeMenu(e.type === 'show'); 8506 self.classes.toggle('opened', e.type === 'show'); 8507 } 8508 self.aria('expanded', e.type === 'show'); 8509 }).fire('show'); 8510 } 8511 self.menu.show(); 8512 self.menu.layoutRect({ w: self.layoutRect().w }); 8513 self.menu.repaint(); 8514 self.menu.moveRel(self.getEl(), self.isRtl() ? [ 8515 'br-tr', 8516 'tr-br' 8517 ] : [ 8518 'bl-tl', 8519 'tl-bl' 8520 ]); 8521 var menuLayoutRect = self.menu.layoutRect(); 8522 var selfBottom = self.$el.offset().top + self.layoutRect().h; 8523 if (selfBottom > menuLayoutRect.y && selfBottom < menuLayoutRect.y + menuLayoutRect.h) { 8524 self.classes.add('opened-under'); 8525 } 8526 self.fire('showmenu'); 8527 }, 8528 hideMenu: function () { 8529 var self = this; 8530 if (self.menu) { 8531 self.menu.items().each(function (item) { 8532 if (item.hideMenu) { 8533 item.hideMenu(); 8534 } 8535 }); 8536 self.menu.hide(); 8537 } 8538 }, 8539 activeMenu: function (state) { 8540 this.classes.toggle('active', state); 8541 }, 8542 renderHtml: function () { 8543 var self = this, id = self._id, prefix = self.classPrefix; 8544 var icon = self.settings.icon, image; 8545 var text = self.state.get('text'); 8546 var textHtml = ''; 8547 image = self.settings.image; 8548 if (image) { 8549 icon = 'none'; 8550 if (typeof image !== 'string') { 8551 image = domGlobals.window.getSelection ? image[0] : image[1]; 8552 } 8553 image = ' style="background-image: url(\'' + image + '\')"'; 8554 } else { 8555 image = ''; 8556 } 8557 if (text) { 8558 self.classes.add('btn-has-text'); 8559 textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>'; 8560 } 8561 icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : ''; 8562 self.aria('role', self.parent() instanceof MenuBar ? 'menuitem' : 'button'); 8563 return '<div id="' + id + '" class="' + self.classes + '" tabindex="-1" aria-labelledby="' + id + '">' + '<button id="' + id + '-open" role="presentation" type="button" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + textHtml + ' <i class="' + prefix + 'caret"></i>' + '</button>' + '</div>'; 8564 }, 8565 postRender: function () { 8566 var self = this; 8567 self.on('click', function (e) { 8568 if (e.control === self && isChildOf$1(e.target, self.getEl())) { 8569 self.focus(); 8570 self.showMenu(!e.aria); 8571 if (e.aria) { 8572 self.menu.items().filter(':visible')[0].focus(); 8573 } 8574 } 8575 }); 8576 self.on('mouseenter', function (e) { 8577 var overCtrl = e.control; 8578 var parent = self.parent(); 8579 var hasVisibleSiblingMenu; 8580 if (overCtrl && parent && overCtrl instanceof MenuButton && overCtrl.parent() === parent) { 8581 parent.items().filter('MenuButton').each(function (ctrl) { 8582 if (ctrl.hideMenu && ctrl !== overCtrl) { 8583 if (ctrl.menu && ctrl.menu.visible()) { 8584 hasVisibleSiblingMenu = true; 8585 } 8586 ctrl.hideMenu(); 8587 } 8588 }); 8589 if (hasVisibleSiblingMenu) { 8590 overCtrl.focus(); 8591 overCtrl.showMenu(); 8592 } 8593 } 8594 }); 8595 return self._super(); 8596 }, 8597 bindStates: function () { 8598 var self = this; 8599 self.state.on('change:menu', function () { 8600 if (self.menu) { 8601 self.menu.remove(); 8602 } 8603 self.menu = null; 8604 }); 8605 return self._super(); 8606 }, 8607 remove: function () { 8608 this._super(); 8609 if (this.menu) { 8610 this.menu.remove(); 8611 } 8612 } 8613 }); 8614 8615 function Throbber (elm, inline) { 8616 var self = this; 8617 var state; 8618 var classPrefix = Control$1.classPrefix; 8619 var timer; 8620 self.show = function (time, callback) { 8621 function render() { 8622 if (state) { 8623 global$7(elm).append('<div class="' + classPrefix + 'throbber' + (inline ? ' ' + classPrefix + 'throbber-inline' : '') + '"></div>'); 8624 if (callback) { 8625 callback(); 8626 } 8627 } 8628 } 8629 self.hide(); 8630 state = true; 8631 if (time) { 8632 timer = global$3.setTimeout(render, time); 8633 } else { 8634 render(); 8635 } 8636 return self; 8637 }; 8638 self.hide = function () { 8639 var child = elm.lastChild; 8640 global$3.clearTimeout(timer); 8641 if (child && child.className.indexOf('throbber') !== -1) { 8642 child.parentNode.removeChild(child); 8643 } 8644 state = false; 8645 return self; 8646 }; 8647 } 8648 8649 var Menu = FloatPanel.extend({ 8650 Defaults: { 8651 defaultType: 'menuitem', 8652 border: 1, 8653 layout: 'stack', 8654 role: 'application', 8655 bodyRole: 'menu', 8656 ariaRoot: true 8657 }, 8658 init: function (settings) { 8659 var self = this; 8660 settings.autohide = true; 8661 settings.constrainToViewport = true; 8662 if (typeof settings.items === 'function') { 8663 settings.itemsFactory = settings.items; 8664 settings.items = []; 8665 } 8666 if (settings.itemDefaults) { 8667 var items = settings.items; 8668 var i = items.length; 8669 while (i--) { 8670 items[i] = global$4.extend({}, settings.itemDefaults, items[i]); 8671 } 8672 } 8673 self._super(settings); 8674 self.classes.add('menu'); 8675 if (settings.animate && global$1.ie !== 11) { 8676 self.classes.add('animate'); 8677 } 8678 }, 8679 repaint: function () { 8680 this.classes.toggle('menu-align', true); 8681 this._super(); 8682 this.getEl().style.height = ''; 8683 this.getEl('body').style.height = ''; 8684 return this; 8685 }, 8686 cancel: function () { 8687 var self = this; 8688 self.hideAll(); 8689 self.fire('select'); 8690 }, 8691 load: function () { 8692 var self = this; 8693 var time, factory; 8694 function hideThrobber() { 8695 if (self.throbber) { 8696 self.throbber.hide(); 8697 self.throbber = null; 8698 } 8699 } 8700 factory = self.settings.itemsFactory; 8701 if (!factory) { 8702 return; 8703 } 8704 if (!self.throbber) { 8705 self.throbber = new Throbber(self.getEl('body'), true); 8706 if (self.items().length === 0) { 8707 self.throbber.show(); 8708 self.fire('loading'); 8709 } else { 8710 self.throbber.show(100, function () { 8711 self.items().remove(); 8712 self.fire('loading'); 8713 }); 8714 } 8715 self.on('hide close', hideThrobber); 8716 } 8717 self.requestTime = time = new Date().getTime(); 8718 self.settings.itemsFactory(function (items) { 8719 if (items.length === 0) { 8720 self.hide(); 8721 return; 8722 } 8723 if (self.requestTime !== time) { 8724 return; 8725 } 8726 self.getEl().style.width = ''; 8727 self.getEl('body').style.width = ''; 8728 hideThrobber(); 8729 self.items().remove(); 8730 self.getEl('body').innerHTML = ''; 8731 self.add(items); 8732 self.renderNew(); 8733 self.fire('loaded'); 8734 }); 8735 }, 8736 hideAll: function () { 8737 var self = this; 8738 this.find('menuitem').exec('hideMenu'); 8739 return self._super(); 8740 }, 8741 preRender: function () { 8742 var self = this; 8743 self.items().each(function (ctrl) { 8744 var settings = ctrl.settings; 8745 if (settings.icon || settings.image || settings.selectable) { 8746 self._hasIcons = true; 8747 return false; 8748 } 8749 }); 8750 if (self.settings.itemsFactory) { 8751 self.on('postrender', function () { 8752 if (self.settings.itemsFactory) { 8753 self.load(); 8754 } 8755 }); 8756 } 8757 self.on('show hide', function (e) { 8758 if (e.control === self) { 8759 if (e.type === 'show') { 8760 global$3.setTimeout(function () { 8761 self.classes.add('in'); 8762 }, 0); 8763 } else { 8764 self.classes.remove('in'); 8765 } 8766 } 8767 }); 8768 return self._super(); 8769 } 8770 }); 8771 8772 var ListBox = MenuButton.extend({ 8773 init: function (settings) { 8774 var self = this; 8775 var values, selected, selectedText, lastItemCtrl; 8776 function setSelected(menuValues) { 8777 for (var i = 0; i < menuValues.length; i++) { 8778 selected = menuValues[i].selected || settings.value === menuValues[i].value; 8779 if (selected) { 8780 selectedText = selectedText || menuValues[i].text; 8781 self.state.set('value', menuValues[i].value); 8782 return true; 8783 } 8784 if (menuValues[i].menu) { 8785 if (setSelected(menuValues[i].menu)) { 8786 return true; 8787 } 8788 } 8789 } 8790 } 8791 self._super(settings); 8792 settings = self.settings; 8793 self._values = values = settings.values; 8794 if (values) { 8795 if (typeof settings.value !== 'undefined') { 8796 setSelected(values); 8797 } 8798 if (!selected && values.length > 0) { 8799 selectedText = values[0].text; 8800 self.state.set('value', values[0].value); 8801 } 8802 self.state.set('menu', values); 8803 } 8804 self.state.set('text', settings.text || selectedText); 8805 self.classes.add('listbox'); 8806 self.on('select', function (e) { 8807 var ctrl = e.control; 8808 if (lastItemCtrl) { 8809 e.lastControl = lastItemCtrl; 8810 } 8811 if (settings.multiple) { 8812 ctrl.active(!ctrl.active()); 8813 } else { 8814 self.value(e.control.value()); 8815 } 8816 lastItemCtrl = ctrl; 8817 }); 8818 }, 8819 value: function (value) { 8820 if (arguments.length === 0) { 8821 return this.state.get('value'); 8822 } 8823 if (typeof value === 'undefined') { 8824 return this; 8825 } 8826 function valueExists(values) { 8827 return exists(values, function (a) { 8828 return a.menu ? valueExists(a.menu) : a.value === value; 8829 }); 8830 } 8831 if (this.settings.values) { 8832 if (valueExists(this.settings.values)) { 8833 this.state.set('value', value); 8834 } else if (value === null) { 8835 this.state.set('value', null); 8836 } 8837 } else { 8838 this.state.set('value', value); 8839 } 8840 return this; 8841 }, 8842 bindStates: function () { 8843 var self = this; 8844 function activateMenuItemsByValue(menu, value) { 8845 if (menu instanceof Menu) { 8846 menu.items().each(function (ctrl) { 8847 if (!ctrl.hasMenus()) { 8848 ctrl.active(ctrl.value() === value); 8849 } 8850 }); 8851 } 8852 } 8853 function getSelectedItem(menuValues, value) { 8854 var selectedItem; 8855 if (!menuValues) { 8856 return; 8857 } 8858 for (var i = 0; i < menuValues.length; i++) { 8859 if (menuValues[i].value === value) { 8860 return menuValues[i]; 8861 } 8862 if (menuValues[i].menu) { 8863 selectedItem = getSelectedItem(menuValues[i].menu, value); 8864 if (selectedItem) { 8865 return selectedItem; 8866 } 8867 } 8868 } 8869 } 8870 self.on('show', function (e) { 8871 activateMenuItemsByValue(e.control, self.value()); 8872 }); 8873 self.state.on('change:value', function (e) { 8874 var selectedItem = getSelectedItem(self.state.get('menu'), e.value); 8875 if (selectedItem) { 8876 self.text(selectedItem.text); 8877 } else { 8878 self.text(self.settings.text); 8879 } 8880 }); 8881 return self._super(); 8882 } 8883 }); 8884 8885 var toggleTextStyle = function (ctrl, state) { 8886 var textStyle = ctrl._textStyle; 8887 if (textStyle) { 8888 var textElm = ctrl.getEl('text'); 8889 textElm.setAttribute('style', textStyle); 8890 if (state) { 8891 textElm.style.color = ''; 8892 textElm.style.backgroundColor = ''; 8893 } 8894 } 8895 }; 8896 var MenuItem = Widget.extend({ 8897 Defaults: { 8898 border: 0, 8899 role: 'menuitem' 8900 }, 8901 init: function (settings) { 8902 var self = this; 8903 var text; 8904 self._super(settings); 8905 settings = self.settings; 8906 self.classes.add('menu-item'); 8907 if (settings.menu) { 8908 self.classes.add('menu-item-expand'); 8909 } 8910 if (settings.preview) { 8911 self.classes.add('menu-item-preview'); 8912 } 8913 text = self.state.get('text'); 8914 if (text === '-' || text === '|') { 8915 self.classes.add('menu-item-sep'); 8916 self.aria('role', 'separator'); 8917 self.state.set('text', '-'); 8918 } 8919 if (settings.selectable) { 8920 self.aria('role', 'menuitemcheckbox'); 8921 self.classes.add('menu-item-checkbox'); 8922 settings.icon = 'selected'; 8923 } 8924 if (!settings.preview && !settings.selectable) { 8925 self.classes.add('menu-item-normal'); 8926 } 8927 self.on('mousedown', function (e) { 8928 e.preventDefault(); 8929 }); 8930 if (settings.menu && !settings.ariaHideMenu) { 8931 self.aria('haspopup', true); 8932 } 8933 }, 8934 hasMenus: function () { 8935 return !!this.settings.menu; 8936 }, 8937 showMenu: function () { 8938 var self = this; 8939 var settings = self.settings; 8940 var menu; 8941 var parent = self.parent(); 8942 parent.items().each(function (ctrl) { 8943 if (ctrl !== self) { 8944 ctrl.hideMenu(); 8945 } 8946 }); 8947 if (settings.menu) { 8948 menu = self.menu; 8949 if (!menu) { 8950 menu = settings.menu; 8951 if (menu.length) { 8952 menu = { 8953 type: 'menu', 8954 items: menu 8955 }; 8956 } else { 8957 menu.type = menu.type || 'menu'; 8958 } 8959 if (parent.settings.itemDefaults) { 8960 menu.itemDefaults = parent.settings.itemDefaults; 8961 } 8962 menu = self.menu = global$b.create(menu).parent(self).renderTo(); 8963 menu.reflow(); 8964 menu.on('cancel', function (e) { 8965 e.stopPropagation(); 8966 self.focus(); 8967 menu.hide(); 8968 }); 8969 menu.on('show hide', function (e) { 8970 if (e.control.items) { 8971 e.control.items().each(function (ctrl) { 8972 ctrl.active(ctrl.settings.selected); 8973 }); 8974 } 8975 }).fire('show'); 8976 menu.on('hide', function (e) { 8977 if (e.control === menu) { 8978 self.classes.remove('selected'); 8979 } 8980 }); 8981 menu.submenu = true; 8982 } else { 8983 menu.show(); 8984 } 8985 menu._parentMenu = parent; 8986 menu.classes.add('menu-sub'); 8987 var rel = menu.testMoveRel(self.getEl(), self.isRtl() ? [ 8988 'tl-tr', 8989 'bl-br', 8990 'tr-tl', 8991 'br-bl' 8992 ] : [ 8993 'tr-tl', 8994 'br-bl', 8995 'tl-tr', 8996 'bl-br' 8997 ]); 8998 menu.moveRel(self.getEl(), rel); 8999 menu.rel = rel; 9000 rel = 'menu-sub-' + rel; 9001 menu.classes.remove(menu._lastRel).add(rel); 9002 menu._lastRel = rel; 9003 self.classes.add('selected'); 9004 self.aria('expanded', true); 9005 } 9006 }, 9007 hideMenu: function () { 9008 var self = this; 9009 if (self.menu) { 9010 self.menu.items().each(function (item) { 9011 if (item.hideMenu) { 9012 item.hideMenu(); 9013 } 9014 }); 9015 self.menu.hide(); 9016 self.aria('expanded', false); 9017 } 9018 return self; 9019 }, 9020 renderHtml: function () { 9021 var self = this; 9022 var id = self._id; 9023 var settings = self.settings; 9024 var prefix = self.classPrefix; 9025 var text = self.state.get('text'); 9026 var icon = self.settings.icon, image = '', shortcut = settings.shortcut; 9027 var url = self.encode(settings.url), iconHtml = ''; 9028 function convertShortcut(shortcut) { 9029 var i, value, replace = {}; 9030 if (global$1.mac) { 9031 replace = { 9032 alt: '⌥', 9033 ctrl: '⌘', 9034 shift: '⇧', 9035 meta: '⌘' 9036 }; 9037 } else { 9038 replace = { meta: 'Ctrl' }; 9039 } 9040 shortcut = shortcut.split('+'); 9041 for (i = 0; i < shortcut.length; i++) { 9042 value = replace[shortcut[i].toLowerCase()]; 9043 if (value) { 9044 shortcut[i] = value; 9045 } 9046 } 9047 return shortcut.join('+'); 9048 } 9049 function escapeRegExp(str) { 9050 return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 9051 } 9052 function markMatches(text) { 9053 var match = settings.match || ''; 9054 return match ? text.replace(new RegExp(escapeRegExp(match), 'gi'), function (match) { 9055 return '!mce~match[' + match + ']mce~match!'; 9056 }) : text; 9057 } 9058 function boldMatches(text) { 9059 return text.replace(new RegExp(escapeRegExp('!mce~match['), 'g'), '<b>').replace(new RegExp(escapeRegExp(']mce~match!'), 'g'), '</b>'); 9060 } 9061 if (icon) { 9062 self.parent().classes.add('menu-has-icons'); 9063 } 9064 if (settings.image) { 9065 image = ' style="background-image: url(\'' + settings.image + '\')"'; 9066 } 9067 if (shortcut) { 9068 shortcut = convertShortcut(shortcut); 9069 } 9070 icon = prefix + 'ico ' + prefix + 'i-' + (self.settings.icon || 'none'); 9071 iconHtml = text !== '-' ? '<i class="' + icon + '"' + image + '></i>\xA0' : ''; 9072 text = boldMatches(self.encode(markMatches(text))); 9073 url = boldMatches(self.encode(markMatches(url))); 9074 return '<div id="' + id + '" class="' + self.classes + '" tabindex="-1">' + iconHtml + (text !== '-' ? '<span id="' + id + '-text" class="' + prefix + 'text">' + text + '</span>' : '') + (shortcut ? '<div id="' + id + '-shortcut" class="' + prefix + 'menu-shortcut">' + shortcut + '</div>' : '') + (settings.menu ? '<div class="' + prefix + 'caret"></div>' : '') + (url ? '<div class="' + prefix + 'menu-item-link">' + url + '</div>' : '') + '</div>'; 9075 }, 9076 postRender: function () { 9077 var self = this, settings = self.settings; 9078 var textStyle = settings.textStyle; 9079 if (typeof textStyle === 'function') { 9080 textStyle = textStyle.call(this); 9081 } 9082 if (textStyle) { 9083 var textElm = self.getEl('text'); 9084 if (textElm) { 9085 textElm.setAttribute('style', textStyle); 9086 self._textStyle = textStyle; 9087 } 9088 } 9089 self.on('mouseenter click', function (e) { 9090 if (e.control === self) { 9091 if (!settings.menu && e.type === 'click') { 9092 self.fire('select'); 9093 global$3.requestAnimationFrame(function () { 9094 self.parent().hideAll(); 9095 }); 9096 } else { 9097 self.showMenu(); 9098 if (e.aria) { 9099 self.menu.focus(true); 9100 } 9101 } 9102 } 9103 }); 9104 self._super(); 9105 return self; 9106 }, 9107 hover: function () { 9108 var self = this; 9109 self.parent().items().each(function (ctrl) { 9110 ctrl.classes.remove('selected'); 9111 }); 9112 self.classes.toggle('selected', true); 9113 return self; 9114 }, 9115 active: function (state) { 9116 toggleTextStyle(this, state); 9117 if (typeof state !== 'undefined') { 9118 this.aria('checked', state); 9119 } 9120 return this._super(state); 9121 }, 9122 remove: function () { 9123 this._super(); 9124 if (this.menu) { 9125 this.menu.remove(); 9126 } 9127 } 9128 }); 9129 9130 var Radio = Checkbox.extend({ 9131 Defaults: { 9132 classes: 'radio', 9133 role: 'radio' 9134 } 9135 }); 9136 9137 var ResizeHandle = Widget.extend({ 9138 renderHtml: function () { 9139 var self = this, prefix = self.classPrefix; 9140 self.classes.add('resizehandle'); 9141 if (self.settings.direction === 'both') { 9142 self.classes.add('resizehandle-both'); 9143 } 9144 self.canFocus = false; 9145 return '<div id="' + self._id + '" class="' + self.classes + '">' + '<i class="' + prefix + 'ico ' + prefix + 'i-resize"></i>' + '</div>'; 9146 }, 9147 postRender: function () { 9148 var self = this; 9149 self._super(); 9150 self.resizeDragHelper = new DragHelper(this._id, { 9151 start: function () { 9152 self.fire('ResizeStart'); 9153 }, 9154 drag: function (e) { 9155 if (self.settings.direction !== 'both') { 9156 e.deltaX = 0; 9157 } 9158 self.fire('Resize', e); 9159 }, 9160 stop: function () { 9161 self.fire('ResizeEnd'); 9162 } 9163 }); 9164 }, 9165 remove: function () { 9166 if (this.resizeDragHelper) { 9167 this.resizeDragHelper.destroy(); 9168 } 9169 return this._super(); 9170 } 9171 }); 9172 9173 function createOptions(options) { 9174 var strOptions = ''; 9175 if (options) { 9176 for (var i = 0; i < options.length; i++) { 9177 strOptions += '<option value="' + options[i] + '">' + options[i] + '</option>'; 9178 } 9179 } 9180 return strOptions; 9181 } 9182 var SelectBox = Widget.extend({ 9183 Defaults: { 9184 classes: 'selectbox', 9185 role: 'selectbox', 9186 options: [] 9187 }, 9188 init: function (settings) { 9189 var self = this; 9190 self._super(settings); 9191 if (self.settings.size) { 9192 self.size = self.settings.size; 9193 } 9194 if (self.settings.options) { 9195 self._options = self.settings.options; 9196 } 9197 self.on('keydown', function (e) { 9198 var rootControl; 9199 if (e.keyCode === 13) { 9200 e.preventDefault(); 9201 self.parents().reverse().each(function (ctrl) { 9202 if (ctrl.toJSON) { 9203 rootControl = ctrl; 9204 return false; 9205 } 9206 }); 9207 self.fire('submit', { data: rootControl.toJSON() }); 9208 } 9209 }); 9210 }, 9211 options: function (state) { 9212 if (!arguments.length) { 9213 return this.state.get('options'); 9214 } 9215 this.state.set('options', state); 9216 return this; 9217 }, 9218 renderHtml: function () { 9219 var self = this; 9220 var options, size = ''; 9221 options = createOptions(self._options); 9222 if (self.size) { 9223 size = ' size = "' + self.size + '"'; 9224 } 9225 return '<select id="' + self._id + '" class="' + self.classes + '"' + size + '>' + options + '</select>'; 9226 }, 9227 bindStates: function () { 9228 var self = this; 9229 self.state.on('change:options', function (e) { 9230 self.getEl().innerHTML = createOptions(e.value); 9231 }); 9232 return self._super(); 9233 } 9234 }); 9235 9236 function constrain(value, minVal, maxVal) { 9237 if (value < minVal) { 9238 value = minVal; 9239 } 9240 if (value > maxVal) { 9241 value = maxVal; 9242 } 9243 return value; 9244 } 9245 function setAriaProp(el, name, value) { 9246 el.setAttribute('aria-' + name, value); 9247 } 9248 function updateSliderHandle(ctrl, value) { 9249 var maxHandlePos, shortSizeName, sizeName, stylePosName, styleValue, handleEl; 9250 if (ctrl.settings.orientation === 'v') { 9251 stylePosName = 'top'; 9252 sizeName = 'height'; 9253 shortSizeName = 'h'; 9254 } else { 9255 stylePosName = 'left'; 9256 sizeName = 'width'; 9257 shortSizeName = 'w'; 9258 } 9259 handleEl = ctrl.getEl('handle'); 9260 maxHandlePos = (ctrl.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName]; 9261 styleValue = maxHandlePos * ((value - ctrl._minValue) / (ctrl._maxValue - ctrl._minValue)) + 'px'; 9262 handleEl.style[stylePosName] = styleValue; 9263 handleEl.style.height = ctrl.layoutRect().h + 'px'; 9264 setAriaProp(handleEl, 'valuenow', value); 9265 setAriaProp(handleEl, 'valuetext', '' + ctrl.settings.previewFilter(value)); 9266 setAriaProp(handleEl, 'valuemin', ctrl._minValue); 9267 setAriaProp(handleEl, 'valuemax', ctrl._maxValue); 9268 } 9269 var Slider = Widget.extend({ 9270 init: function (settings) { 9271 var self = this; 9272 if (!settings.previewFilter) { 9273 settings.previewFilter = function (value) { 9274 return Math.round(value * 100) / 100; 9275 }; 9276 } 9277 self._super(settings); 9278 self.classes.add('slider'); 9279 if (settings.orientation === 'v') { 9280 self.classes.add('vertical'); 9281 } 9282 self._minValue = isNumber$1(settings.minValue) ? settings.minValue : 0; 9283 self._maxValue = isNumber$1(settings.maxValue) ? settings.maxValue : 100; 9284 self._initValue = self.state.get('value'); 9285 }, 9286 renderHtml: function () { 9287 var self = this, id = self._id, prefix = self.classPrefix; 9288 return '<div id="' + id + '" class="' + self.classes + '">' + '<div id="' + id + '-handle" class="' + prefix + 'slider-handle" role="slider" tabindex="-1"></div>' + '</div>'; 9289 }, 9290 reset: function () { 9291 this.value(this._initValue).repaint(); 9292 }, 9293 postRender: function () { 9294 var self = this; 9295 var minValue, maxValue, screenCordName, stylePosName, sizeName, shortSizeName; 9296 function toFraction(min, max, val) { 9297 return (val + min) / (max - min); 9298 } 9299 function fromFraction(min, max, val) { 9300 return val * (max - min) - min; 9301 } 9302 function handleKeyboard(minValue, maxValue) { 9303 function alter(delta) { 9304 var value; 9305 value = self.value(); 9306 value = fromFraction(minValue, maxValue, toFraction(minValue, maxValue, value) + delta * 0.05); 9307 value = constrain(value, minValue, maxValue); 9308 self.value(value); 9309 self.fire('dragstart', { value: value }); 9310 self.fire('drag', { value: value }); 9311 self.fire('dragend', { value: value }); 9312 } 9313 self.on('keydown', function (e) { 9314 switch (e.keyCode) { 9315 case 37: 9316 case 38: 9317 alter(-1); 9318 break; 9319 case 39: 9320 case 40: 9321 alter(1); 9322 break; 9323 } 9324 }); 9325 } 9326 function handleDrag(minValue, maxValue, handleEl) { 9327 var startPos, startHandlePos, maxHandlePos, handlePos, value; 9328 self._dragHelper = new DragHelper(self._id, { 9329 handle: self._id + '-handle', 9330 start: function (e) { 9331 startPos = e[screenCordName]; 9332 startHandlePos = parseInt(self.getEl('handle').style[stylePosName], 10); 9333 maxHandlePos = (self.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName]; 9334 self.fire('dragstart', { value: value }); 9335 }, 9336 drag: function (e) { 9337 var delta = e[screenCordName] - startPos; 9338 handlePos = constrain(startHandlePos + delta, 0, maxHandlePos); 9339 handleEl.style[stylePosName] = handlePos + 'px'; 9340 value = minValue + handlePos / maxHandlePos * (maxValue - minValue); 9341 self.value(value); 9342 self.tooltip().text('' + self.settings.previewFilter(value)).show().moveRel(handleEl, 'bc tc'); 9343 self.fire('drag', { value: value }); 9344 }, 9345 stop: function () { 9346 self.tooltip().hide(); 9347 self.fire('dragend', { value: value }); 9348 } 9349 }); 9350 } 9351 minValue = self._minValue; 9352 maxValue = self._maxValue; 9353 if (self.settings.orientation === 'v') { 9354 screenCordName = 'screenY'; 9355 stylePosName = 'top'; 9356 sizeName = 'height'; 9357 shortSizeName = 'h'; 9358 } else { 9359 screenCordName = 'screenX'; 9360 stylePosName = 'left'; 9361 sizeName = 'width'; 9362 shortSizeName = 'w'; 9363 } 9364 self._super(); 9365 handleKeyboard(minValue, maxValue); 9366 handleDrag(minValue, maxValue, self.getEl('handle')); 9367 }, 9368 repaint: function () { 9369 this._super(); 9370 updateSliderHandle(this, this.value()); 9371 }, 9372 bindStates: function () { 9373 var self = this; 9374 self.state.on('change:value', function (e) { 9375 updateSliderHandle(self, e.value); 9376 }); 9377 return self._super(); 9378 } 9379 }); 9380 9381 var Spacer = Widget.extend({ 9382 renderHtml: function () { 9383 var self = this; 9384 self.classes.add('spacer'); 9385 self.canFocus = false; 9386 return '<div id="' + self._id + '" class="' + self.classes + '"></div>'; 9387 } 9388 }); 9389 9390 var SplitButton = MenuButton.extend({ 9391 Defaults: { 9392 classes: 'widget btn splitbtn', 9393 role: 'button' 9394 }, 9395 repaint: function () { 9396 var self = this; 9397 var elm = self.getEl(); 9398 var rect = self.layoutRect(); 9399 var mainButtonElm, menuButtonElm; 9400 self._super(); 9401 mainButtonElm = elm.firstChild; 9402 menuButtonElm = elm.lastChild; 9403 global$7(mainButtonElm).css({ 9404 width: rect.w - funcs.getSize(menuButtonElm).width, 9405 height: rect.h - 2 9406 }); 9407 global$7(menuButtonElm).css({ height: rect.h - 2 }); 9408 return self; 9409 }, 9410 activeMenu: function (state) { 9411 var self = this; 9412 global$7(self.getEl().lastChild).toggleClass(self.classPrefix + 'active', state); 9413 }, 9414 renderHtml: function () { 9415 var self = this; 9416 var id = self._id; 9417 var prefix = self.classPrefix; 9418 var image; 9419 var icon = self.state.get('icon'); 9420 var text = self.state.get('text'); 9421 var settings = self.settings; 9422 var textHtml = '', ariaPressed; 9423 image = settings.image; 9424 if (image) { 9425 icon = 'none'; 9426 if (typeof image !== 'string') { 9427 image = domGlobals.window.getSelection ? image[0] : image[1]; 9428 } 9429 image = ' style="background-image: url(\'' + image + '\')"'; 9430 } else { 9431 image = ''; 9432 } 9433 icon = settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : ''; 9434 if (text) { 9435 self.classes.add('btn-has-text'); 9436 textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>'; 9437 } 9438 ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : ''; 9439 return '<div id="' + id + '" class="' + self.classes + '" role="button"' + ariaPressed + ' tabindex="-1">' + '<button type="button" hidefocus="1" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + textHtml + '</button>' + '<button type="button" class="' + prefix + 'open" hidefocus="1" tabindex="-1">' + (self._menuBtnText ? (icon ? '\xA0' : '') + self._menuBtnText : '') + ' <i class="' + prefix + 'caret"></i>' + '</button>' + '</div>'; 9440 }, 9441 postRender: function () { 9442 var self = this, onClickHandler = self.settings.onclick; 9443 self.on('click', function (e) { 9444 var node = e.target; 9445 if (e.control === this) { 9446 while (node) { 9447 if (e.aria && e.aria.key !== 'down' || node.nodeName === 'BUTTON' && node.className.indexOf('open') === -1) { 9448 e.stopImmediatePropagation(); 9449 if (onClickHandler) { 9450 onClickHandler.call(this, e); 9451 } 9452 return; 9453 } 9454 node = node.parentNode; 9455 } 9456 } 9457 }); 9458 delete self.settings.onclick; 9459 return self._super(); 9460 } 9461 }); 9462 9463 var StackLayout = FlowLayout.extend({ 9464 Defaults: { 9465 containerClass: 'stack-layout', 9466 controlClass: 'stack-layout-item', 9467 endClass: 'break' 9468 }, 9469 isNative: function () { 9470 return true; 9471 } 9472 }); 9473 9474 var TabPanel = Panel.extend({ 9475 Defaults: { 9476 layout: 'absolute', 9477 defaults: { type: 'panel' } 9478 }, 9479 activateTab: function (idx) { 9480 var activeTabElm; 9481 if (this.activeTabId) { 9482 activeTabElm = this.getEl(this.activeTabId); 9483 global$7(activeTabElm).removeClass(this.classPrefix + 'active'); 9484 activeTabElm.setAttribute('aria-selected', 'false'); 9485 } 9486 this.activeTabId = 't' + idx; 9487 activeTabElm = this.getEl('t' + idx); 9488 activeTabElm.setAttribute('aria-selected', 'true'); 9489 global$7(activeTabElm).addClass(this.classPrefix + 'active'); 9490 this.items()[idx].show().fire('showtab'); 9491 this.reflow(); 9492 this.items().each(function (item, i) { 9493 if (idx !== i) { 9494 item.hide(); 9495 } 9496 }); 9497 }, 9498 renderHtml: function () { 9499 var self = this; 9500 var layout = self._layout; 9501 var tabsHtml = ''; 9502 var prefix = self.classPrefix; 9503 self.preRender(); 9504 layout.preRender(self); 9505 self.items().each(function (ctrl, i) { 9506 var id = self._id + '-t' + i; 9507 ctrl.aria('role', 'tabpanel'); 9508 ctrl.aria('labelledby', id); 9509 tabsHtml += '<div id="' + id + '" class="' + prefix + 'tab" ' + 'unselectable="on" role="tab" aria-controls="' + ctrl._id + '" aria-selected="false" tabIndex="-1">' + self.encode(ctrl.settings.title) + '</div>'; 9510 }); 9511 return '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1">' + '<div id="' + self._id + '-head" class="' + prefix + 'tabs" role="tablist">' + tabsHtml + '</div>' + '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + layout.renderHtml(self) + '</div>' + '</div>'; 9512 }, 9513 postRender: function () { 9514 var self = this; 9515 self._super(); 9516 self.settings.activeTab = self.settings.activeTab || 0; 9517 self.activateTab(self.settings.activeTab); 9518 this.on('click', function (e) { 9519 var targetParent = e.target.parentNode; 9520 if (targetParent && targetParent.id === self._id + '-head') { 9521 var i = targetParent.childNodes.length; 9522 while (i--) { 9523 if (targetParent.childNodes[i] === e.target) { 9524 self.activateTab(i); 9525 } 9526 } 9527 } 9528 }); 9529 }, 9530 initLayoutRect: function () { 9531 var self = this; 9532 var rect, minW, minH; 9533 minW = funcs.getSize(self.getEl('head')).width; 9534 minW = minW < 0 ? 0 : minW; 9535 minH = 0; 9536 self.items().each(function (item) { 9537 minW = Math.max(minW, item.layoutRect().minW); 9538 minH = Math.max(minH, item.layoutRect().minH); 9539 }); 9540 self.items().each(function (ctrl) { 9541 ctrl.settings.x = 0; 9542 ctrl.settings.y = 0; 9543 ctrl.settings.w = minW; 9544 ctrl.settings.h = minH; 9545 ctrl.layoutRect({ 9546 x: 0, 9547 y: 0, 9548 w: minW, 9549 h: minH 9550 }); 9551 }); 9552 var headH = funcs.getSize(self.getEl('head')).height; 9553 self.settings.minWidth = minW; 9554 self.settings.minHeight = minH + headH; 9555 rect = self._super(); 9556 rect.deltaH += headH; 9557 rect.innerH = rect.h - rect.deltaH; 9558 return rect; 9559 } 9560 }); 9561 9562 var TextBox = Widget.extend({ 9563 init: function (settings) { 9564 var self = this; 9565 self._super(settings); 9566 self.classes.add('textbox'); 9567 if (settings.multiline) { 9568 self.classes.add('multiline'); 9569 } else { 9570 self.on('keydown', function (e) { 9571 var rootControl; 9572 if (e.keyCode === 13) { 9573 e.preventDefault(); 9574 self.parents().reverse().each(function (ctrl) { 9575 if (ctrl.toJSON) { 9576 rootControl = ctrl; 9577 return false; 9578 } 9579 }); 9580 self.fire('submit', { data: rootControl.toJSON() }); 9581 } 9582 }); 9583 self.on('keyup', function (e) { 9584 self.state.set('value', e.target.value); 9585 }); 9586 } 9587 }, 9588 repaint: function () { 9589 var self = this; 9590 var style, rect, borderBox, borderW, borderH = 0, lastRepaintRect; 9591 style = self.getEl().style; 9592 rect = self._layoutRect; 9593 lastRepaintRect = self._lastRepaintRect || {}; 9594 var doc = domGlobals.document; 9595 if (!self.settings.multiline && doc.all && (!doc.documentMode || doc.documentMode <= 8)) { 9596 style.lineHeight = rect.h - borderH + 'px'; 9597 } 9598 borderBox = self.borderBox; 9599 borderW = borderBox.left + borderBox.right + 8; 9600 borderH = borderBox.top + borderBox.bottom + (self.settings.multiline ? 8 : 0); 9601 if (rect.x !== lastRepaintRect.x) { 9602 style.left = rect.x + 'px'; 9603 lastRepaintRect.x = rect.x; 9604 } 9605 if (rect.y !== lastRepaintRect.y) { 9606 style.top = rect.y + 'px'; 9607 lastRepaintRect.y = rect.y; 9608 } 9609 if (rect.w !== lastRepaintRect.w) { 9610 style.width = rect.w - borderW + 'px'; 9611 lastRepaintRect.w = rect.w; 9612 } 9613 if (rect.h !== lastRepaintRect.h) { 9614 style.height = rect.h - borderH + 'px'; 9615 lastRepaintRect.h = rect.h; 9616 } 9617 self._lastRepaintRect = lastRepaintRect; 9618 self.fire('repaint', {}, false); 9619 return self; 9620 }, 9621 renderHtml: function () { 9622 var self = this; 9623 var settings = self.settings; 9624 var attrs, elm; 9625 attrs = { 9626 id: self._id, 9627 hidefocus: '1' 9628 }; 9629 global$4.each([ 9630 'rows', 9631 'spellcheck', 9632 'maxLength', 9633 'size', 9634 'readonly', 9635 'min', 9636 'max', 9637 'step', 9638 'list', 9639 'pattern', 9640 'placeholder', 9641 'required', 9642 'multiple' 9643 ], function (name) { 9644 attrs[name] = settings[name]; 9645 }); 9646 if (self.disabled()) { 9647 attrs.disabled = 'disabled'; 9648 } 9649 if (settings.subtype) { 9650 attrs.type = settings.subtype; 9651 } 9652 elm = funcs.create(settings.multiline ? 'textarea' : 'input', attrs); 9653 elm.value = self.state.get('value'); 9654 elm.className = self.classes.toString(); 9655 return elm.outerHTML; 9656 }, 9657 value: function (value) { 9658 if (arguments.length) { 9659 this.state.set('value', value); 9660 return this; 9661 } 9662 if (this.state.get('rendered')) { 9663 this.state.set('value', this.getEl().value); 9664 } 9665 return this.state.get('value'); 9666 }, 9667 postRender: function () { 9668 var self = this; 9669 self.getEl().value = self.state.get('value'); 9670 self._super(); 9671 self.$el.on('change', function (e) { 9672 self.state.set('value', e.target.value); 9673 self.fire('change', e); 9674 }); 9675 }, 9676 bindStates: function () { 9677 var self = this; 9678 self.state.on('change:value', function (e) { 9679 if (self.getEl().value !== e.value) { 9680 self.getEl().value = e.value; 9681 } 9682 }); 9683 self.state.on('change:disabled', function (e) { 9684 self.getEl().disabled = e.value; 9685 }); 9686 return self._super(); 9687 }, 9688 remove: function () { 9689 this.$el.off(); 9690 this._super(); 9691 } 9692 }); 9693 9694 var getApi = function () { 9695 return { 9696 Selector: Selector, 9697 Collection: Collection$2, 9698 ReflowQueue: ReflowQueue, 9699 Control: Control$1, 9700 Factory: global$b, 9701 KeyboardNavigation: KeyboardNavigation, 9702 Container: Container, 9703 DragHelper: DragHelper, 9704 Scrollable: Scrollable, 9705 Panel: Panel, 9706 Movable: Movable, 9707 Resizable: Resizable, 9708 FloatPanel: FloatPanel, 9709 Window: Window, 9710 MessageBox: MessageBox, 9711 Tooltip: Tooltip, 9712 Widget: Widget, 9713 Progress: Progress, 9714 Notification: Notification, 9715 Layout: Layout$1, 9716 AbsoluteLayout: AbsoluteLayout, 9717 Button: Button, 9718 ButtonGroup: ButtonGroup, 9719 Checkbox: Checkbox, 9720 ComboBox: ComboBox, 9721 ColorBox: ColorBox, 9722 PanelButton: PanelButton, 9723 ColorButton: ColorButton, 9724 ColorPicker: ColorPicker, 9725 Path: Path, 9726 ElementPath: ElementPath, 9727 FormItem: FormItem, 9728 Form: Form, 9729 FieldSet: FieldSet, 9730 FilePicker: FilePicker, 9731 FitLayout: FitLayout, 9732 FlexLayout: FlexLayout, 9733 FlowLayout: FlowLayout, 9734 FormatControls: FormatControls, 9735 GridLayout: GridLayout, 9736 Iframe: Iframe, 9737 InfoBox: InfoBox, 9738 Label: Label, 9739 Toolbar: Toolbar$1, 9740 MenuBar: MenuBar, 9741 MenuButton: MenuButton, 9742 MenuItem: MenuItem, 9743 Throbber: Throbber, 9744 Menu: Menu, 9745 ListBox: ListBox, 9746 Radio: Radio, 9747 ResizeHandle: ResizeHandle, 9748 SelectBox: SelectBox, 9749 Slider: Slider, 9750 Spacer: Spacer, 9751 SplitButton: SplitButton, 9752 StackLayout: StackLayout, 9753 TabPanel: TabPanel, 9754 TextBox: TextBox, 9755 DropZone: DropZone, 9756 BrowseButton: BrowseButton 9757 }; 9758 }; 9759 var appendTo = function (target) { 9760 if (target.ui) { 9761 global$4.each(getApi(), function (ref, key) { 9762 target.ui[key] = ref; 9763 }); 9764 } else { 9765 target.ui = getApi(); 9766 } 9767 }; 9768 var registerToFactory = function () { 9769 global$4.each(getApi(), function (ref, key) { 9770 global$b.add(key, ref); 9771 }); 9772 }; 9773 var Api = { 9774 appendTo: appendTo, 9775 registerToFactory: registerToFactory 9776 }; 9777 9778 Api.registerToFactory(); 9779 Api.appendTo(window.tinymce ? window.tinymce : {}); 9780 global.add('inlite', function (editor) { 9781 var panel = create$3(); 9782 FormatControls.setup(editor); 9783 Buttons.addToEditor(editor, panel); 9784 return ThemeApi.get(editor, panel); 9785 }); 9786 function Theme () { 9787 } 9788 9789 return Theme; 9790 9791 }(window)); 9792 })();
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated : Thu Nov 21 08:20:01 2024 | Cross-referenced by PHPXref |