|
1
|
|
|
(function () { |
|
2
|
|
|
var inlite = (function () { |
|
|
|
|
|
|
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 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
|
|
|
var args = []; |
|
555
|
|
|
for (var _i = 0; _i < arguments.length; _i++) { |
|
556
|
|
|
args[_i] = arguments[_i]; |
|
557
|
|
|
} |
|
558
|
|
|
}; |
|
559
|
|
|
var constant = function (value) { |
|
560
|
|
|
return function () { |
|
561
|
|
|
return value; |
|
562
|
|
|
}; |
|
563
|
|
|
}; |
|
564
|
|
|
var never = constant(false); |
|
565
|
|
|
var always = constant(true); |
|
566
|
|
|
|
|
567
|
|
|
var never$1 = never; |
|
568
|
|
|
var always$1 = always; |
|
569
|
|
|
var none = function () { |
|
570
|
|
|
return NONE; |
|
571
|
|
|
}; |
|
572
|
|
View Code Duplication |
var NONE = function () { |
|
|
|
|
|
|
573
|
|
|
var eq = function (o) { |
|
574
|
|
|
return o.isNone(); |
|
575
|
|
|
}; |
|
576
|
|
|
var call$$1 = function (thunk) { |
|
577
|
|
|
return thunk(); |
|
578
|
|
|
}; |
|
579
|
|
|
var id = function (n) { |
|
580
|
|
|
return n; |
|
581
|
|
|
}; |
|
582
|
|
|
var noop$$1 = function () { |
|
583
|
|
|
}; |
|
584
|
|
|
var nul = function () { |
|
585
|
|
|
return null; |
|
586
|
|
|
}; |
|
587
|
|
|
var undef = function () { |
|
588
|
|
|
return undefined; |
|
589
|
|
|
}; |
|
590
|
|
|
var me = { |
|
591
|
|
|
fold: function (n, s) { |
|
|
|
|
|
|
592
|
|
|
return n(); |
|
593
|
|
|
}, |
|
594
|
|
|
is: never$1, |
|
595
|
|
|
isSome: never$1, |
|
596
|
|
|
isNone: always$1, |
|
597
|
|
|
getOr: id, |
|
598
|
|
|
getOrThunk: call$$1, |
|
599
|
|
|
getOrDie: function (msg) { |
|
600
|
|
|
throw new Error(msg || 'error: getOrDie called on none.'); |
|
601
|
|
|
}, |
|
602
|
|
|
getOrNull: nul, |
|
603
|
|
|
getOrUndefined: undef, |
|
604
|
|
|
or: id, |
|
605
|
|
|
orThunk: call$$1, |
|
606
|
|
|
map: none, |
|
607
|
|
|
ap: none, |
|
608
|
|
|
each: noop$$1, |
|
609
|
|
|
bind: none, |
|
610
|
|
|
flatten: none, |
|
611
|
|
|
exists: never$1, |
|
612
|
|
|
forall: always$1, |
|
613
|
|
|
filter: none, |
|
614
|
|
|
equals: eq, |
|
615
|
|
|
equals_: eq, |
|
616
|
|
|
toArray: function () { |
|
617
|
|
|
return []; |
|
618
|
|
|
}, |
|
619
|
|
|
toString: constant('none()') |
|
620
|
|
|
}; |
|
621
|
|
|
if (Object.freeze) |
|
622
|
|
|
Object.freeze(me); |
|
|
|
|
|
|
623
|
|
|
return me; |
|
624
|
|
|
}(); |
|
625
|
|
View Code Duplication |
var some = function (a) { |
|
|
|
|
|
|
626
|
|
|
var constant_a = function () { |
|
627
|
|
|
return a; |
|
628
|
|
|
}; |
|
629
|
|
|
var self = function () { |
|
630
|
|
|
return me; |
|
631
|
|
|
}; |
|
632
|
|
|
var map = function (f) { |
|
633
|
|
|
return some(f(a)); |
|
634
|
|
|
}; |
|
635
|
|
|
var bind = function (f) { |
|
636
|
|
|
return f(a); |
|
637
|
|
|
}; |
|
638
|
|
|
var me = { |
|
639
|
|
|
fold: function (n, s) { |
|
640
|
|
|
return s(a); |
|
641
|
|
|
}, |
|
642
|
|
|
is: function (v) { |
|
643
|
|
|
return a === v; |
|
644
|
|
|
}, |
|
645
|
|
|
isSome: always$1, |
|
646
|
|
|
isNone: never$1, |
|
647
|
|
|
getOr: constant_a, |
|
648
|
|
|
getOrThunk: constant_a, |
|
649
|
|
|
getOrDie: constant_a, |
|
650
|
|
|
getOrNull: constant_a, |
|
651
|
|
|
getOrUndefined: constant_a, |
|
652
|
|
|
or: self, |
|
653
|
|
|
orThunk: self, |
|
654
|
|
|
map: map, |
|
655
|
|
|
ap: function (optfab) { |
|
656
|
|
|
return optfab.fold(none, function (fab) { |
|
657
|
|
|
return some(fab(a)); |
|
658
|
|
|
}); |
|
659
|
|
|
}, |
|
660
|
|
|
each: function (f) { |
|
661
|
|
|
f(a); |
|
662
|
|
|
}, |
|
663
|
|
|
bind: bind, |
|
664
|
|
|
flatten: constant_a, |
|
665
|
|
|
exists: bind, |
|
666
|
|
|
forall: bind, |
|
667
|
|
|
filter: function (f) { |
|
668
|
|
|
return f(a) ? me : NONE; |
|
669
|
|
|
}, |
|
670
|
|
|
equals: function (o) { |
|
671
|
|
|
return o.is(a); |
|
672
|
|
|
}, |
|
673
|
|
|
equals_: function (o, elementEq) { |
|
674
|
|
|
return o.fold(never$1, function (b) { |
|
675
|
|
|
return elementEq(a, b); |
|
676
|
|
|
}); |
|
677
|
|
|
}, |
|
678
|
|
|
toArray: function () { |
|
679
|
|
|
return [a]; |
|
680
|
|
|
}, |
|
681
|
|
|
toString: function () { |
|
682
|
|
|
return 'some(' + a + ')'; |
|
683
|
|
|
} |
|
684
|
|
|
}; |
|
685
|
|
|
return me; |
|
686
|
|
|
}; |
|
687
|
|
|
var from = function (value) { |
|
688
|
|
|
return value === null || value === undefined ? NONE : some(value); |
|
689
|
|
|
}; |
|
690
|
|
|
var Option = { |
|
691
|
|
|
some: some, |
|
692
|
|
|
none: none, |
|
693
|
|
|
from: from |
|
694
|
|
|
}; |
|
695
|
|
|
|
|
696
|
|
|
var typeOf = function (x) { |
|
697
|
|
|
if (x === null) |
|
698
|
|
|
return 'null'; |
|
|
|
|
|
|
699
|
|
|
var t = typeof x; |
|
700
|
|
|
if (t === 'object' && Array.prototype.isPrototypeOf(x)) |
|
701
|
|
|
return 'array'; |
|
|
|
|
|
|
702
|
|
|
if (t === 'object' && String.prototype.isPrototypeOf(x)) |
|
703
|
|
|
return 'string'; |
|
|
|
|
|
|
704
|
|
|
return t; |
|
705
|
|
|
}; |
|
706
|
|
|
var isType$1 = function (type) { |
|
707
|
|
|
return function (value) { |
|
708
|
|
|
return typeOf(value) === type; |
|
709
|
|
|
}; |
|
710
|
|
|
}; |
|
711
|
|
|
var isFunction$1 = isType$1('function'); |
|
712
|
|
|
var isNumber$1 = isType$1('number'); |
|
713
|
|
|
|
|
714
|
|
|
var rawIndexOf = function () { |
|
715
|
|
|
var pIndexOf = Array.prototype.indexOf; |
|
716
|
|
|
var fastIndex = function (xs, x) { |
|
717
|
|
|
return pIndexOf.call(xs, x); |
|
718
|
|
|
}; |
|
719
|
|
|
var slowIndex = function (xs, x) { |
|
720
|
|
|
return slowIndexOf(xs, x); |
|
721
|
|
|
}; |
|
722
|
|
|
return pIndexOf === undefined ? slowIndex : fastIndex; |
|
723
|
|
|
}(); |
|
724
|
|
|
var indexOf = function (xs, x) { |
|
725
|
|
|
var r = rawIndexOf(xs, x); |
|
726
|
|
|
return r === -1 ? Option.none() : Option.some(r); |
|
727
|
|
|
}; |
|
728
|
|
|
var exists = function (xs, pred) { |
|
729
|
|
|
return findIndex(xs, pred).isSome(); |
|
730
|
|
|
}; |
|
731
|
|
|
var map = function (xs, f) { |
|
732
|
|
|
var len = xs.length; |
|
733
|
|
|
var r = new Array(len); |
|
|
|
|
|
|
734
|
|
|
for (var i = 0; i < len; i++) { |
|
735
|
|
|
var x = xs[i]; |
|
736
|
|
|
r[i] = f(x, i, xs); |
|
737
|
|
|
} |
|
738
|
|
|
return r; |
|
739
|
|
|
}; |
|
740
|
|
|
var each = function (xs, f) { |
|
741
|
|
|
for (var i = 0, len = xs.length; i < len; i++) { |
|
742
|
|
|
var x = xs[i]; |
|
743
|
|
|
f(x, i, xs); |
|
744
|
|
|
} |
|
745
|
|
|
}; |
|
746
|
|
|
var filter = function (xs, pred) { |
|
747
|
|
|
var r = []; |
|
748
|
|
|
for (var i = 0, len = xs.length; i < len; i++) { |
|
749
|
|
|
var x = xs[i]; |
|
750
|
|
|
if (pred(x, i, xs)) { |
|
751
|
|
|
r.push(x); |
|
752
|
|
|
} |
|
753
|
|
|
} |
|
754
|
|
|
return r; |
|
755
|
|
|
}; |
|
756
|
|
|
var foldl = function (xs, f, acc) { |
|
757
|
|
|
each(xs, function (x) { |
|
758
|
|
|
acc = f(acc, x); |
|
759
|
|
|
}); |
|
760
|
|
|
return acc; |
|
761
|
|
|
}; |
|
762
|
|
|
var find = function (xs, pred) { |
|
763
|
|
|
for (var i = 0, len = xs.length; i < len; i++) { |
|
764
|
|
|
var x = xs[i]; |
|
765
|
|
|
if (pred(x, i, xs)) { |
|
766
|
|
|
return Option.some(x); |
|
767
|
|
|
} |
|
768
|
|
|
} |
|
769
|
|
|
return Option.none(); |
|
770
|
|
|
}; |
|
771
|
|
|
var findIndex = function (xs, pred) { |
|
772
|
|
|
for (var i = 0, len = xs.length; i < len; i++) { |
|
773
|
|
|
var x = xs[i]; |
|
774
|
|
|
if (pred(x, i, xs)) { |
|
775
|
|
|
return Option.some(i); |
|
776
|
|
|
} |
|
777
|
|
|
} |
|
778
|
|
|
return Option.none(); |
|
779
|
|
|
}; |
|
780
|
|
|
var slowIndexOf = function (xs, x) { |
|
781
|
|
|
for (var i = 0, len = xs.length; i < len; ++i) { |
|
782
|
|
|
if (xs[i] === x) { |
|
783
|
|
|
return i; |
|
784
|
|
|
} |
|
785
|
|
|
} |
|
786
|
|
|
return -1; |
|
787
|
|
|
}; |
|
788
|
|
|
var push = Array.prototype.push; |
|
789
|
|
|
var flatten$1 = function (xs) { |
|
790
|
|
|
var r = []; |
|
791
|
|
|
for (var i = 0, len = xs.length; i < len; ++i) { |
|
792
|
|
|
if (!Array.prototype.isPrototypeOf(xs[i])) |
|
793
|
|
|
throw new Error('Arr.flatten item ' + i + ' was not an array, input: ' + xs); |
|
|
|
|
|
|
794
|
|
|
push.apply(r, xs[i]); |
|
795
|
|
|
} |
|
796
|
|
|
return r; |
|
797
|
|
|
}; |
|
798
|
|
|
var slice = Array.prototype.slice; |
|
799
|
|
|
var from$1 = isFunction$1(Array.from) ? Array.from : function (x) { |
|
|
|
|
|
|
800
|
|
|
return slice.call(x); |
|
801
|
|
|
}; |
|
802
|
|
|
|
|
803
|
|
|
var count = 0; |
|
804
|
|
|
var funcs = { |
|
805
|
|
|
id: function () { |
|
806
|
|
|
return 'mceu_' + count++; |
|
807
|
|
|
}, |
|
808
|
|
|
create: function (name$$1, attrs, children) { |
|
809
|
|
|
var elm = document.createElement(name$$1); |
|
810
|
|
|
global$2.DOM.setAttribs(elm, attrs); |
|
811
|
|
|
if (typeof children === 'string') { |
|
812
|
|
|
elm.innerHTML = children; |
|
813
|
|
|
} else { |
|
814
|
|
|
global$4.each(children, function (child) { |
|
815
|
|
|
if (child.nodeType) { |
|
816
|
|
|
elm.appendChild(child); |
|
817
|
|
|
} |
|
818
|
|
|
}); |
|
819
|
|
|
} |
|
820
|
|
|
return elm; |
|
821
|
|
|
}, |
|
822
|
|
|
createFragment: function (html) { |
|
823
|
|
|
return global$2.DOM.createFragment(html); |
|
824
|
|
|
}, |
|
825
|
|
|
getWindowSize: function () { |
|
826
|
|
|
return global$2.DOM.getViewPort(); |
|
827
|
|
|
}, |
|
828
|
|
|
getSize: function (elm) { |
|
829
|
|
|
var width, height; |
|
830
|
|
|
if (elm.getBoundingClientRect) { |
|
831
|
|
|
var rect = elm.getBoundingClientRect(); |
|
832
|
|
|
width = Math.max(rect.width || rect.right - rect.left, elm.offsetWidth); |
|
833
|
|
|
height = Math.max(rect.height || rect.bottom - rect.bottom, elm.offsetHeight); |
|
834
|
|
|
} else { |
|
835
|
|
|
width = elm.offsetWidth; |
|
836
|
|
|
height = elm.offsetHeight; |
|
837
|
|
|
} |
|
838
|
|
|
return { |
|
839
|
|
|
width: width, |
|
840
|
|
|
height: height |
|
841
|
|
|
}; |
|
842
|
|
|
}, |
|
843
|
|
|
getPos: function (elm, root) { |
|
844
|
|
|
return global$2.DOM.getPos(elm, root || funcs.getContainer()); |
|
845
|
|
|
}, |
|
846
|
|
|
getContainer: function () { |
|
847
|
|
|
return global$1.container ? global$1.container : document.body; |
|
848
|
|
|
}, |
|
849
|
|
|
getViewPort: function (win) { |
|
850
|
|
|
return global$2.DOM.getViewPort(win); |
|
851
|
|
|
}, |
|
852
|
|
|
get: function (id) { |
|
853
|
|
|
return document.getElementById(id); |
|
854
|
|
|
}, |
|
855
|
|
|
addClass: function (elm, cls) { |
|
856
|
|
|
return global$2.DOM.addClass(elm, cls); |
|
857
|
|
|
}, |
|
858
|
|
|
removeClass: function (elm, cls) { |
|
859
|
|
|
return global$2.DOM.removeClass(elm, cls); |
|
860
|
|
|
}, |
|
861
|
|
|
hasClass: function (elm, cls) { |
|
862
|
|
|
return global$2.DOM.hasClass(elm, cls); |
|
863
|
|
|
}, |
|
864
|
|
|
toggleClass: function (elm, cls, state) { |
|
865
|
|
|
return global$2.DOM.toggleClass(elm, cls, state); |
|
866
|
|
|
}, |
|
867
|
|
|
css: function (elm, name$$1, value) { |
|
868
|
|
|
return global$2.DOM.setStyle(elm, name$$1, value); |
|
869
|
|
|
}, |
|
870
|
|
|
getRuntimeStyle: function (elm, name$$1) { |
|
871
|
|
|
return global$2.DOM.getStyle(elm, name$$1, true); |
|
872
|
|
|
}, |
|
873
|
|
|
on: function (target, name$$1, callback, scope) { |
|
874
|
|
|
return global$2.DOM.bind(target, name$$1, callback, scope); |
|
875
|
|
|
}, |
|
876
|
|
|
off: function (target, name$$1, callback) { |
|
877
|
|
|
return global$2.DOM.unbind(target, name$$1, callback); |
|
878
|
|
|
}, |
|
879
|
|
|
fire: function (target, name$$1, args) { |
|
880
|
|
|
return global$2.DOM.fire(target, name$$1, args); |
|
881
|
|
|
}, |
|
882
|
|
|
innerHtml: function (elm, html) { |
|
883
|
|
|
global$2.DOM.setHTML(elm, html); |
|
884
|
|
|
} |
|
885
|
|
|
}; |
|
886
|
|
|
|
|
887
|
|
|
var global$7 = tinymce.util.Tools.resolve('tinymce.dom.DomQuery'); |
|
888
|
|
|
|
|
889
|
|
|
var global$8 = tinymce.util.Tools.resolve('tinymce.util.Class'); |
|
890
|
|
|
|
|
891
|
|
|
var global$9 = tinymce.util.Tools.resolve('tinymce.util.EventDispatcher'); |
|
892
|
|
|
|
|
893
|
|
|
var BoxUtils = { |
|
894
|
|
View Code Duplication |
parseBox: function (value) { |
|
|
|
|
|
|
895
|
|
|
var len; |
|
896
|
|
|
var radix = 10; |
|
897
|
|
|
if (!value) { |
|
898
|
|
|
return; |
|
|
|
|
|
|
899
|
|
|
} |
|
900
|
|
|
if (typeof value === 'number') { |
|
901
|
|
|
value = value || 0; |
|
902
|
|
|
return { |
|
903
|
|
|
top: value, |
|
904
|
|
|
left: value, |
|
905
|
|
|
bottom: value, |
|
906
|
|
|
right: value |
|
907
|
|
|
}; |
|
908
|
|
|
} |
|
909
|
|
|
value = value.split(' '); |
|
910
|
|
|
len = value.length; |
|
911
|
|
|
if (len === 1) { |
|
912
|
|
|
value[1] = value[2] = value[3] = value[0]; |
|
913
|
|
|
} else if (len === 2) { |
|
914
|
|
|
value[2] = value[0]; |
|
915
|
|
|
value[3] = value[1]; |
|
916
|
|
|
} else if (len === 3) { |
|
917
|
|
|
value[3] = value[1]; |
|
918
|
|
|
} |
|
919
|
|
|
return { |
|
920
|
|
|
top: parseInt(value[0], radix) || 0, |
|
921
|
|
|
right: parseInt(value[1], radix) || 0, |
|
922
|
|
|
bottom: parseInt(value[2], radix) || 0, |
|
923
|
|
|
left: parseInt(value[3], radix) || 0 |
|
924
|
|
|
}; |
|
925
|
|
|
}, |
|
926
|
|
View Code Duplication |
measureBox: function (elm, prefix) { |
|
|
|
|
|
|
927
|
|
|
function getStyle(name) { |
|
928
|
|
|
var defaultView = elm.ownerDocument.defaultView; |
|
929
|
|
|
if (defaultView) { |
|
930
|
|
|
var computedStyle = defaultView.getComputedStyle(elm, null); |
|
931
|
|
|
if (computedStyle) { |
|
932
|
|
|
name = name.replace(/[A-Z]/g, function (a) { |
|
933
|
|
|
return '-' + a; |
|
934
|
|
|
}); |
|
935
|
|
|
return computedStyle.getPropertyValue(name); |
|
936
|
|
|
} else { |
|
|
|
|
|
|
937
|
|
|
return null; |
|
938
|
|
|
} |
|
939
|
|
|
} |
|
940
|
|
|
return elm.currentStyle[name]; |
|
941
|
|
|
} |
|
942
|
|
|
function getSide(name) { |
|
943
|
|
|
var val = parseFloat(getStyle(name)); |
|
944
|
|
|
return isNaN(val) ? 0 : val; |
|
945
|
|
|
} |
|
946
|
|
|
return { |
|
947
|
|
|
top: getSide(prefix + 'TopWidth'), |
|
948
|
|
|
right: getSide(prefix + 'RightWidth'), |
|
949
|
|
|
bottom: getSide(prefix + 'BottomWidth'), |
|
950
|
|
|
left: getSide(prefix + 'LeftWidth') |
|
951
|
|
|
}; |
|
952
|
|
|
} |
|
953
|
|
|
}; |
|
954
|
|
|
|
|
955
|
|
|
function noop$1() { |
|
956
|
|
|
} |
|
957
|
|
|
function ClassList(onchange) { |
|
958
|
|
|
this.cls = []; |
|
959
|
|
|
this.cls._map = {}; |
|
960
|
|
|
this.onchange = onchange || noop$1; |
|
961
|
|
|
this.prefix = ''; |
|
962
|
|
|
} |
|
963
|
|
|
global$4.extend(ClassList.prototype, { |
|
964
|
|
|
add: function (cls) { |
|
965
|
|
|
if (cls && !this.contains(cls)) { |
|
966
|
|
|
this.cls._map[cls] = true; |
|
967
|
|
|
this.cls.push(cls); |
|
968
|
|
|
this._change(); |
|
969
|
|
|
} |
|
970
|
|
|
return this; |
|
971
|
|
|
}, |
|
972
|
|
|
remove: function (cls) { |
|
973
|
|
|
if (this.contains(cls)) { |
|
974
|
|
|
var i = void 0; |
|
|
|
|
|
|
975
|
|
|
for (i = 0; i < this.cls.length; i++) { |
|
976
|
|
|
if (this.cls[i] === cls) { |
|
977
|
|
|
break; |
|
978
|
|
|
} |
|
979
|
|
|
} |
|
980
|
|
|
this.cls.splice(i, 1); |
|
981
|
|
|
delete this.cls._map[cls]; |
|
982
|
|
|
this._change(); |
|
983
|
|
|
} |
|
984
|
|
|
return this; |
|
985
|
|
|
}, |
|
986
|
|
|
toggle: function (cls, state) { |
|
987
|
|
|
var curState = this.contains(cls); |
|
988
|
|
|
if (curState !== state) { |
|
989
|
|
|
if (curState) { |
|
990
|
|
|
this.remove(cls); |
|
991
|
|
|
} else { |
|
992
|
|
|
this.add(cls); |
|
993
|
|
|
} |
|
994
|
|
|
this._change(); |
|
995
|
|
|
} |
|
996
|
|
|
return this; |
|
997
|
|
|
}, |
|
998
|
|
|
contains: function (cls) { |
|
999
|
|
|
return !!this.cls._map[cls]; |
|
1000
|
|
|
}, |
|
1001
|
|
|
_change: function () { |
|
1002
|
|
|
delete this.clsValue; |
|
1003
|
|
|
this.onchange.call(this); |
|
1004
|
|
|
} |
|
1005
|
|
|
}); |
|
1006
|
|
|
ClassList.prototype.toString = function () { |
|
1007
|
|
|
var value; |
|
1008
|
|
|
if (this.clsValue) { |
|
1009
|
|
|
return this.clsValue; |
|
1010
|
|
|
} |
|
1011
|
|
|
value = ''; |
|
1012
|
|
|
for (var i = 0; i < this.cls.length; i++) { |
|
1013
|
|
|
if (i > 0) { |
|
1014
|
|
|
value += ' '; |
|
1015
|
|
|
} |
|
1016
|
|
|
value += this.prefix + this.cls[i]; |
|
1017
|
|
|
} |
|
1018
|
|
|
return value; |
|
1019
|
|
|
}; |
|
1020
|
|
|
|
|
1021
|
|
|
function unique(array) { |
|
1022
|
|
|
var uniqueItems = []; |
|
1023
|
|
|
var i = array.length, item; |
|
1024
|
|
|
while (i--) { |
|
1025
|
|
|
item = array[i]; |
|
1026
|
|
|
if (!item.__checked) { |
|
1027
|
|
|
uniqueItems.push(item); |
|
1028
|
|
|
item.__checked = 1; |
|
1029
|
|
|
} |
|
1030
|
|
|
} |
|
1031
|
|
|
i = uniqueItems.length; |
|
1032
|
|
|
while (i--) { |
|
1033
|
|
|
delete uniqueItems[i].__checked; |
|
1034
|
|
|
} |
|
1035
|
|
|
return uniqueItems; |
|
1036
|
|
|
} |
|
1037
|
|
|
var expression = /^([\w\\*]+)?(?:#([\w\-\\]+))?(?:\.([\w\\\.]+))?(?:\[\@?([\w\\]+)([\^\$\*!~]?=)([\w\\]+)\])?(?:\:(.+))?/i; |
|
1038
|
|
|
var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g; |
|
1039
|
|
|
var whiteSpace = /^\s*|\s*$/g; |
|
1040
|
|
|
var Collection; |
|
1041
|
|
|
var Selector = global$8.extend({ |
|
1042
|
|
View Code Duplication |
init: function (selector) { |
|
|
|
|
|
|
1043
|
|
|
var match = this.match; |
|
1044
|
|
|
function compileNameFilter(name) { |
|
1045
|
|
|
if (name) { |
|
|
|
|
|
|
1046
|
|
|
name = name.toLowerCase(); |
|
1047
|
|
|
return function (item) { |
|
1048
|
|
|
return name === '*' || item.type === name; |
|
1049
|
|
|
}; |
|
1050
|
|
|
} |
|
1051
|
|
|
} |
|
1052
|
|
|
function compileIdFilter(id) { |
|
1053
|
|
|
if (id) { |
|
|
|
|
|
|
1054
|
|
|
return function (item) { |
|
1055
|
|
|
return item._name === id; |
|
1056
|
|
|
}; |
|
1057
|
|
|
} |
|
1058
|
|
|
} |
|
1059
|
|
|
function compileClassesFilter(classes) { |
|
1060
|
|
|
if (classes) { |
|
|
|
|
|
|
1061
|
|
|
classes = classes.split('.'); |
|
1062
|
|
|
return function (item) { |
|
1063
|
|
|
var i = classes.length; |
|
1064
|
|
|
while (i--) { |
|
1065
|
|
|
if (!item.classes.contains(classes[i])) { |
|
1066
|
|
|
return false; |
|
1067
|
|
|
} |
|
1068
|
|
|
} |
|
1069
|
|
|
return true; |
|
1070
|
|
|
}; |
|
1071
|
|
|
} |
|
1072
|
|
|
} |
|
1073
|
|
|
function compileAttrFilter(name, cmp, check) { |
|
1074
|
|
|
if (name) { |
|
|
|
|
|
|
1075
|
|
|
return function (item) { |
|
1076
|
|
|
var value = item[name] ? item[name]() : ''; |
|
1077
|
|
|
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; |
|
1078
|
|
|
}; |
|
1079
|
|
|
} |
|
1080
|
|
|
} |
|
1081
|
|
|
function compilePsuedoFilter(name) { |
|
1082
|
|
|
var notSelectors; |
|
1083
|
|
|
if (name) { |
|
|
|
|
|
|
1084
|
|
|
name = /(?:not\((.+)\))|(.+)/i.exec(name); |
|
1085
|
|
|
if (!name[1]) { |
|
1086
|
|
|
name = name[2]; |
|
1087
|
|
|
return function (item, index, length) { |
|
1088
|
|
|
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; |
|
1089
|
|
|
}; |
|
1090
|
|
|
} |
|
1091
|
|
|
notSelectors = parseChunks(name[1], []); |
|
1092
|
|
|
return function (item) { |
|
1093
|
|
|
return !match(item, notSelectors); |
|
1094
|
|
|
}; |
|
1095
|
|
|
} |
|
1096
|
|
|
} |
|
1097
|
|
|
function compile(selector, filters, direct) { |
|
1098
|
|
|
var parts; |
|
1099
|
|
|
function add(filter) { |
|
1100
|
|
|
if (filter) { |
|
1101
|
|
|
filters.push(filter); |
|
1102
|
|
|
} |
|
1103
|
|
|
} |
|
1104
|
|
|
parts = expression.exec(selector.replace(whiteSpace, '')); |
|
1105
|
|
|
add(compileNameFilter(parts[1])); |
|
1106
|
|
|
add(compileIdFilter(parts[2])); |
|
1107
|
|
|
add(compileClassesFilter(parts[3])); |
|
1108
|
|
|
add(compileAttrFilter(parts[4], parts[5], parts[6])); |
|
1109
|
|
|
add(compilePsuedoFilter(parts[7])); |
|
1110
|
|
|
filters.pseudo = !!parts[7]; |
|
1111
|
|
|
filters.direct = direct; |
|
1112
|
|
|
return filters; |
|
1113
|
|
|
} |
|
1114
|
|
|
function parseChunks(selector, selectors) { |
|
1115
|
|
|
var parts = []; |
|
1116
|
|
|
var extra, matches, i; |
|
1117
|
|
|
do { |
|
1118
|
|
|
chunker.exec(''); |
|
1119
|
|
|
matches = chunker.exec(selector); |
|
1120
|
|
|
if (matches) { |
|
1121
|
|
|
selector = matches[3]; |
|
1122
|
|
|
parts.push(matches[1]); |
|
1123
|
|
|
if (matches[2]) { |
|
1124
|
|
|
extra = matches[3]; |
|
1125
|
|
|
break; |
|
1126
|
|
|
} |
|
1127
|
|
|
} |
|
1128
|
|
|
} while (matches); |
|
1129
|
|
|
if (extra) { |
|
1130
|
|
|
parseChunks(extra, selectors); |
|
1131
|
|
|
} |
|
1132
|
|
|
selector = []; |
|
1133
|
|
|
for (i = 0; i < parts.length; i++) { |
|
1134
|
|
|
if (parts[i] !== '>') { |
|
1135
|
|
|
selector.push(compile(parts[i], [], parts[i - 1] === '>')); |
|
1136
|
|
|
} |
|
1137
|
|
|
} |
|
1138
|
|
|
selectors.push(selector); |
|
1139
|
|
|
return selectors; |
|
1140
|
|
|
} |
|
1141
|
|
|
this._selectors = parseChunks(selector, []); |
|
1142
|
|
|
}, |
|
1143
|
|
View Code Duplication |
match: function (control, selectors) { |
|
|
|
|
|
|
1144
|
|
|
var i, l, si, sl, selector, fi, fl, filters, index, length, siblings, count, item; |
|
1145
|
|
|
selectors = selectors || this._selectors; |
|
1146
|
|
|
for (i = 0, l = selectors.length; i < l; i++) { |
|
1147
|
|
|
selector = selectors[i]; |
|
1148
|
|
|
sl = selector.length; |
|
1149
|
|
|
item = control; |
|
1150
|
|
|
count = 0; |
|
1151
|
|
|
for (si = sl - 1; si >= 0; si--) { |
|
1152
|
|
|
filters = selector[si]; |
|
1153
|
|
|
while (item) { |
|
1154
|
|
|
if (filters.pseudo) { |
|
1155
|
|
|
siblings = item.parent().items(); |
|
1156
|
|
|
index = length = siblings.length; |
|
1157
|
|
|
while (index--) { |
|
1158
|
|
|
if (siblings[index] === item) { |
|
1159
|
|
|
break; |
|
1160
|
|
|
} |
|
1161
|
|
|
} |
|
1162
|
|
|
} |
|
1163
|
|
|
for (fi = 0, fl = filters.length; fi < fl; fi++) { |
|
1164
|
|
|
if (!filters[fi](item, index, length)) { |
|
|
|
|
|
|
1165
|
|
|
fi = fl + 1; |
|
|
|
|
|
|
1166
|
|
|
break; |
|
1167
|
|
|
} |
|
1168
|
|
|
} |
|
1169
|
|
|
if (fi === fl) { |
|
1170
|
|
|
count++; |
|
1171
|
|
|
break; |
|
1172
|
|
|
} else { |
|
|
|
|
|
|
1173
|
|
|
if (si === sl - 1) { |
|
1174
|
|
|
break; |
|
1175
|
|
|
} |
|
1176
|
|
|
} |
|
1177
|
|
|
item = item.parent(); |
|
1178
|
|
|
} |
|
1179
|
|
|
} |
|
1180
|
|
|
if (count === sl) { |
|
1181
|
|
|
return true; |
|
1182
|
|
|
} |
|
1183
|
|
|
} |
|
1184
|
|
|
return false; |
|
1185
|
|
|
}, |
|
1186
|
|
View Code Duplication |
find: function (container) { |
|
|
|
|
|
|
1187
|
|
|
var matches = [], i, l; |
|
1188
|
|
|
var selectors = this._selectors; |
|
1189
|
|
|
function collect(items, selector, index) { |
|
1190
|
|
|
var i, l, fi, fl, item; |
|
1191
|
|
|
var filters = selector[index]; |
|
1192
|
|
|
for (i = 0, l = items.length; i < l; i++) { |
|
1193
|
|
|
item = items[i]; |
|
1194
|
|
|
for (fi = 0, fl = filters.length; fi < fl; fi++) { |
|
1195
|
|
|
if (!filters[fi](item, i, l)) { |
|
1196
|
|
|
fi = fl + 1; |
|
|
|
|
|
|
1197
|
|
|
break; |
|
1198
|
|
|
} |
|
1199
|
|
|
} |
|
1200
|
|
|
if (fi === fl) { |
|
1201
|
|
|
if (index === selector.length - 1) { |
|
1202
|
|
|
matches.push(item); |
|
1203
|
|
|
} else { |
|
1204
|
|
|
if (item.items) { |
|
1205
|
|
|
collect(item.items(), selector, index + 1); |
|
1206
|
|
|
} |
|
1207
|
|
|
} |
|
1208
|
|
|
} else if (filters.direct) { |
|
1209
|
|
|
return; |
|
1210
|
|
|
} |
|
1211
|
|
|
if (item.items) { |
|
1212
|
|
|
collect(item.items(), selector, index); |
|
1213
|
|
|
} |
|
1214
|
|
|
} |
|
1215
|
|
|
} |
|
1216
|
|
|
if (container.items) { |
|
1217
|
|
|
for (i = 0, l = selectors.length; i < l; i++) { |
|
1218
|
|
|
collect(container.items(), selectors[i], 0); |
|
1219
|
|
|
} |
|
1220
|
|
|
if (l > 1) { |
|
1221
|
|
|
matches = unique(matches); |
|
1222
|
|
|
} |
|
1223
|
|
|
} |
|
1224
|
|
|
if (!Collection) { |
|
1225
|
|
|
Collection = Selector.Collection; |
|
1226
|
|
|
} |
|
1227
|
|
|
return new Collection(matches); |
|
1228
|
|
|
} |
|
1229
|
|
|
}); |
|
1230
|
|
|
|
|
1231
|
|
|
var Collection$1, proto; |
|
1232
|
|
|
var push$1 = Array.prototype.push, slice$1 = Array.prototype.slice; |
|
1233
|
|
|
proto = { |
|
1234
|
|
|
length: 0, |
|
1235
|
|
|
init: function (items) { |
|
1236
|
|
|
if (items) { |
|
1237
|
|
|
this.add(items); |
|
1238
|
|
|
} |
|
1239
|
|
|
}, |
|
1240
|
|
|
add: function (items) { |
|
1241
|
|
|
var self = this; |
|
1242
|
|
|
if (!global$4.isArray(items)) { |
|
1243
|
|
|
if (items instanceof Collection$1) { |
|
1244
|
|
|
self.add(items.toArray()); |
|
1245
|
|
|
} else { |
|
1246
|
|
|
push$1.call(self, items); |
|
1247
|
|
|
} |
|
1248
|
|
|
} else { |
|
1249
|
|
|
push$1.apply(self, items); |
|
1250
|
|
|
} |
|
1251
|
|
|
return self; |
|
1252
|
|
|
}, |
|
1253
|
|
|
set: function (items) { |
|
1254
|
|
|
var self = this; |
|
1255
|
|
|
var len = self.length; |
|
1256
|
|
|
var i; |
|
1257
|
|
|
self.length = 0; |
|
1258
|
|
|
self.add(items); |
|
1259
|
|
|
for (i = self.length; i < len; i++) { |
|
1260
|
|
|
delete self[i]; |
|
1261
|
|
|
} |
|
1262
|
|
|
return self; |
|
1263
|
|
|
}, |
|
1264
|
|
View Code Duplication |
filter: function (selector) { |
|
|
|
|
|
|
1265
|
|
|
var self = this; |
|
1266
|
|
|
var i, l; |
|
1267
|
|
|
var matches = []; |
|
1268
|
|
|
var item, match; |
|
1269
|
|
|
if (typeof selector === 'string') { |
|
1270
|
|
|
selector = new Selector(selector); |
|
1271
|
|
|
match = function (item) { |
|
1272
|
|
|
return selector.match(item); |
|
1273
|
|
|
}; |
|
1274
|
|
|
} else { |
|
1275
|
|
|
match = selector; |
|
1276
|
|
|
} |
|
1277
|
|
|
for (i = 0, l = self.length; i < l; i++) { |
|
1278
|
|
|
item = self[i]; |
|
1279
|
|
|
if (match(item)) { |
|
1280
|
|
|
matches.push(item); |
|
1281
|
|
|
} |
|
1282
|
|
|
} |
|
1283
|
|
|
return new Collection$1(matches); |
|
1284
|
|
|
}, |
|
1285
|
|
|
slice: function () { |
|
1286
|
|
|
return new Collection$1(slice$1.apply(this, arguments)); |
|
1287
|
|
|
}, |
|
1288
|
|
|
eq: function (index) { |
|
1289
|
|
|
return index === -1 ? this.slice(index) : this.slice(index, +index + 1); |
|
1290
|
|
|
}, |
|
1291
|
|
|
each: function (callback) { |
|
1292
|
|
|
global$4.each(this, callback); |
|
1293
|
|
|
return this; |
|
1294
|
|
|
}, |
|
1295
|
|
|
toArray: function () { |
|
1296
|
|
|
return global$4.toArray(this); |
|
1297
|
|
|
}, |
|
1298
|
|
|
indexOf: function (ctrl) { |
|
1299
|
|
|
var self = this; |
|
1300
|
|
|
var i = self.length; |
|
1301
|
|
|
while (i--) { |
|
1302
|
|
|
if (self[i] === ctrl) { |
|
1303
|
|
|
break; |
|
1304
|
|
|
} |
|
1305
|
|
|
} |
|
1306
|
|
|
return i; |
|
1307
|
|
|
}, |
|
1308
|
|
|
reverse: function () { |
|
1309
|
|
|
return new Collection$1(global$4.toArray(this).reverse()); |
|
1310
|
|
|
}, |
|
1311
|
|
|
hasClass: function (cls) { |
|
1312
|
|
|
return this[0] ? this[0].classes.contains(cls) : false; |
|
1313
|
|
|
}, |
|
1314
|
|
|
prop: function (name, value) { |
|
1315
|
|
|
var self = this; |
|
1316
|
|
|
var item; |
|
1317
|
|
|
if (value !== undefined) { |
|
1318
|
|
|
self.each(function (item) { |
|
1319
|
|
|
if (item[name]) { |
|
1320
|
|
|
item[name](value); |
|
1321
|
|
|
} |
|
1322
|
|
|
}); |
|
1323
|
|
|
return self; |
|
1324
|
|
|
} |
|
1325
|
|
|
item = self[0]; |
|
1326
|
|
|
if (item && item[name]) { |
|
|
|
|
|
|
1327
|
|
|
return item[name](); |
|
1328
|
|
|
} |
|
1329
|
|
|
}, |
|
1330
|
|
|
exec: function (name) { |
|
1331
|
|
|
var self = this, args = global$4.toArray(arguments).slice(1); |
|
1332
|
|
|
self.each(function (item) { |
|
1333
|
|
|
if (item[name]) { |
|
1334
|
|
|
item[name].apply(item, args); |
|
1335
|
|
|
} |
|
1336
|
|
|
}); |
|
1337
|
|
|
return self; |
|
1338
|
|
|
}, |
|
1339
|
|
|
remove: function () { |
|
1340
|
|
|
var i = this.length; |
|
1341
|
|
|
while (i--) { |
|
1342
|
|
|
this[i].remove(); |
|
1343
|
|
|
} |
|
1344
|
|
|
return this; |
|
1345
|
|
|
}, |
|
1346
|
|
|
addClass: function (cls) { |
|
1347
|
|
|
return this.each(function (item) { |
|
1348
|
|
|
item.classes.add(cls); |
|
1349
|
|
|
}); |
|
1350
|
|
|
}, |
|
1351
|
|
|
removeClass: function (cls) { |
|
1352
|
|
|
return this.each(function (item) { |
|
1353
|
|
|
item.classes.remove(cls); |
|
1354
|
|
|
}); |
|
1355
|
|
|
} |
|
1356
|
|
|
}; |
|
1357
|
|
|
global$4.each('fire on off show hide append prepend before after reflow'.split(' '), function (name) { |
|
1358
|
|
|
proto[name] = function () { |
|
1359
|
|
|
var args = global$4.toArray(arguments); |
|
1360
|
|
|
this.each(function (ctrl) { |
|
1361
|
|
|
if (name in ctrl) { |
|
1362
|
|
|
ctrl[name].apply(ctrl, args); |
|
1363
|
|
|
} |
|
1364
|
|
|
}); |
|
1365
|
|
|
return this; |
|
1366
|
|
|
}; |
|
1367
|
|
|
}); |
|
1368
|
|
|
global$4.each('text name disabled active selected checked visible parent value data'.split(' '), function (name) { |
|
1369
|
|
|
proto[name] = function (value) { |
|
1370
|
|
|
return this.prop(name, value); |
|
1371
|
|
|
}; |
|
1372
|
|
|
}); |
|
1373
|
|
|
Collection$1 = global$8.extend(proto); |
|
1374
|
|
|
Selector.Collection = Collection$1; |
|
1375
|
|
|
var Collection$2 = Collection$1; |
|
1376
|
|
|
|
|
1377
|
|
|
var Binding = function (settings) { |
|
1378
|
|
|
this.create = settings.create; |
|
1379
|
|
|
}; |
|
1380
|
|
View Code Duplication |
Binding.create = function (model, name) { |
|
|
|
|
|
|
1381
|
|
|
return new Binding({ |
|
1382
|
|
|
create: function (otherModel, otherName) { |
|
1383
|
|
|
var bindings; |
|
1384
|
|
|
var fromSelfToOther = function (e) { |
|
1385
|
|
|
otherModel.set(otherName, e.value); |
|
1386
|
|
|
}; |
|
1387
|
|
|
var fromOtherToSelf = function (e) { |
|
1388
|
|
|
model.set(name, e.value); |
|
1389
|
|
|
}; |
|
1390
|
|
|
otherModel.on('change:' + otherName, fromOtherToSelf); |
|
1391
|
|
|
model.on('change:' + name, fromSelfToOther); |
|
1392
|
|
|
bindings = otherModel._bindings; |
|
1393
|
|
|
if (!bindings) { |
|
1394
|
|
|
bindings = otherModel._bindings = []; |
|
1395
|
|
|
otherModel.on('destroy', function () { |
|
1396
|
|
|
var i = bindings.length; |
|
1397
|
|
|
while (i--) { |
|
1398
|
|
|
bindings[i](); |
|
1399
|
|
|
} |
|
1400
|
|
|
}); |
|
1401
|
|
|
} |
|
1402
|
|
|
bindings.push(function () { |
|
1403
|
|
|
model.off('change:' + name, fromSelfToOther); |
|
1404
|
|
|
}); |
|
1405
|
|
|
return model.get(name); |
|
1406
|
|
|
} |
|
1407
|
|
|
}); |
|
1408
|
|
|
}; |
|
1409
|
|
|
|
|
1410
|
|
|
var global$a = tinymce.util.Tools.resolve('tinymce.util.Observable'); |
|
1411
|
|
|
|
|
1412
|
|
|
function isNode(node) { |
|
1413
|
|
|
return node.nodeType > 0; |
|
1414
|
|
|
} |
|
1415
|
|
|
function isEqual(a, b) { |
|
1416
|
|
|
var k, checked; |
|
1417
|
|
|
if (a === b) { |
|
1418
|
|
|
return true; |
|
1419
|
|
|
} |
|
1420
|
|
|
if (a === null || b === null) { |
|
1421
|
|
|
return a === b; |
|
1422
|
|
|
} |
|
1423
|
|
|
if (typeof a !== 'object' || typeof b !== 'object') { |
|
1424
|
|
|
return a === b; |
|
1425
|
|
|
} |
|
1426
|
|
|
if (global$4.isArray(b)) { |
|
1427
|
|
|
if (a.length !== b.length) { |
|
1428
|
|
|
return false; |
|
1429
|
|
|
} |
|
1430
|
|
|
k = a.length; |
|
1431
|
|
|
while (k--) { |
|
1432
|
|
|
if (!isEqual(a[k], b[k])) { |
|
1433
|
|
|
return false; |
|
1434
|
|
|
} |
|
1435
|
|
|
} |
|
1436
|
|
|
} |
|
1437
|
|
|
if (isNode(a) || isNode(b)) { |
|
1438
|
|
|
return a === b; |
|
1439
|
|
|
} |
|
1440
|
|
|
checked = {}; |
|
1441
|
|
|
for (k in b) { |
|
1442
|
|
|
if (!isEqual(a[k], b[k])) { |
|
1443
|
|
|
return false; |
|
1444
|
|
|
} |
|
1445
|
|
|
checked[k] = true; |
|
1446
|
|
|
} |
|
1447
|
|
|
for (k in a) { |
|
1448
|
|
|
if (!checked[k] && !isEqual(a[k], b[k])) { |
|
1449
|
|
|
return false; |
|
1450
|
|
|
} |
|
1451
|
|
|
} |
|
1452
|
|
|
return true; |
|
1453
|
|
|
} |
|
1454
|
|
|
var ObservableObject = global$8.extend({ |
|
1455
|
|
|
Mixins: [global$a], |
|
1456
|
|
|
init: function (data) { |
|
1457
|
|
|
var name, value; |
|
1458
|
|
|
data = data || {}; |
|
1459
|
|
|
for (name in data) { |
|
1460
|
|
|
value = data[name]; |
|
1461
|
|
|
if (value instanceof Binding) { |
|
1462
|
|
|
data[name] = value.create(this, name); |
|
1463
|
|
|
} |
|
1464
|
|
|
} |
|
1465
|
|
|
this.data = data; |
|
1466
|
|
|
}, |
|
1467
|
|
View Code Duplication |
set: function (name, value) { |
|
|
|
|
|
|
1468
|
|
|
var key, args; |
|
1469
|
|
|
var oldValue = this.data[name]; |
|
1470
|
|
|
if (value instanceof Binding) { |
|
1471
|
|
|
value = value.create(this, name); |
|
1472
|
|
|
} |
|
1473
|
|
|
if (typeof name === 'object') { |
|
1474
|
|
|
for (key in name) { |
|
1475
|
|
|
this.set(key, name[key]); |
|
1476
|
|
|
} |
|
1477
|
|
|
return this; |
|
1478
|
|
|
} |
|
1479
|
|
|
if (!isEqual(oldValue, value)) { |
|
1480
|
|
|
this.data[name] = value; |
|
1481
|
|
|
args = { |
|
1482
|
|
|
target: this, |
|
1483
|
|
|
name: name, |
|
1484
|
|
|
value: value, |
|
1485
|
|
|
oldValue: oldValue |
|
1486
|
|
|
}; |
|
1487
|
|
|
this.fire('change:' + name, args); |
|
1488
|
|
|
this.fire('change', args); |
|
1489
|
|
|
} |
|
1490
|
|
|
return this; |
|
1491
|
|
|
}, |
|
1492
|
|
|
get: function (name) { |
|
1493
|
|
|
return this.data[name]; |
|
1494
|
|
|
}, |
|
1495
|
|
|
has: function (name) { |
|
1496
|
|
|
return name in this.data; |
|
1497
|
|
|
}, |
|
1498
|
|
|
bind: function (name) { |
|
1499
|
|
|
return Binding.create(this, name); |
|
1500
|
|
|
}, |
|
1501
|
|
|
destroy: function () { |
|
1502
|
|
|
this.fire('destroy'); |
|
1503
|
|
|
} |
|
1504
|
|
|
}); |
|
1505
|
|
|
|
|
1506
|
|
|
var dirtyCtrls = {}, animationFrameRequested; |
|
1507
|
|
|
var ReflowQueue = { |
|
1508
|
|
|
add: function (ctrl) { |
|
1509
|
|
|
var parent$$1 = ctrl.parent(); |
|
1510
|
|
|
if (parent$$1) { |
|
1511
|
|
|
if (!parent$$1._layout || parent$$1._layout.isNative()) { |
|
1512
|
|
|
return; |
|
1513
|
|
|
} |
|
1514
|
|
|
if (!dirtyCtrls[parent$$1._id]) { |
|
1515
|
|
|
dirtyCtrls[parent$$1._id] = parent$$1; |
|
1516
|
|
|
} |
|
1517
|
|
|
if (!animationFrameRequested) { |
|
1518
|
|
|
animationFrameRequested = true; |
|
1519
|
|
|
global$3.requestAnimationFrame(function () { |
|
1520
|
|
|
var id, ctrl; |
|
1521
|
|
|
animationFrameRequested = false; |
|
1522
|
|
|
for (id in dirtyCtrls) { |
|
1523
|
|
|
ctrl = dirtyCtrls[id]; |
|
1524
|
|
|
if (ctrl.state.get('rendered')) { |
|
1525
|
|
|
ctrl.reflow(); |
|
1526
|
|
|
} |
|
1527
|
|
|
} |
|
1528
|
|
|
dirtyCtrls = {}; |
|
1529
|
|
|
}, document.body); |
|
1530
|
|
|
} |
|
1531
|
|
|
} |
|
1532
|
|
|
}, |
|
1533
|
|
|
remove: function (ctrl) { |
|
1534
|
|
|
if (dirtyCtrls[ctrl._id]) { |
|
1535
|
|
|
delete dirtyCtrls[ctrl._id]; |
|
1536
|
|
|
} |
|
1537
|
|
|
} |
|
1538
|
|
|
}; |
|
1539
|
|
|
|
|
1540
|
|
|
var getUiContainerDelta = function (ctrl) { |
|
1541
|
|
|
var uiContainer = getUiContainer(ctrl); |
|
1542
|
|
|
if (uiContainer && global$2.DOM.getStyle(uiContainer, 'position', true) !== 'static') { |
|
1543
|
|
|
var containerPos = global$2.DOM.getPos(uiContainer); |
|
1544
|
|
|
var dx = uiContainer.scrollLeft - containerPos.x; |
|
1545
|
|
|
var dy = uiContainer.scrollTop - containerPos.y; |
|
1546
|
|
|
return Option.some({ |
|
1547
|
|
|
x: dx, |
|
1548
|
|
|
y: dy |
|
1549
|
|
|
}); |
|
1550
|
|
|
} else { |
|
|
|
|
|
|
1551
|
|
|
return Option.none(); |
|
1552
|
|
|
} |
|
1553
|
|
|
}; |
|
1554
|
|
|
var setUiContainer = function (editor, ctrl) { |
|
1555
|
|
|
var uiContainer = global$2.DOM.select(editor.settings.ui_container)[0]; |
|
1556
|
|
|
ctrl.getRoot().uiContainer = uiContainer; |
|
1557
|
|
|
}; |
|
1558
|
|
|
var getUiContainer = function (ctrl) { |
|
1559
|
|
|
return ctrl ? ctrl.getRoot().uiContainer : null; |
|
1560
|
|
|
}; |
|
1561
|
|
|
var inheritUiContainer = function (fromCtrl, toCtrl) { |
|
1562
|
|
|
return toCtrl.uiContainer = getUiContainer(fromCtrl); |
|
1563
|
|
|
}; |
|
1564
|
|
|
var UiContainer = { |
|
1565
|
|
|
getUiContainerDelta: getUiContainerDelta, |
|
1566
|
|
|
setUiContainer: setUiContainer, |
|
1567
|
|
|
getUiContainer: getUiContainer, |
|
1568
|
|
|
inheritUiContainer: inheritUiContainer |
|
1569
|
|
|
}; |
|
1570
|
|
|
|
|
1571
|
|
|
var hasMouseWheelEventSupport = 'onmousewheel' in document; |
|
1572
|
|
|
var hasWheelEventSupport = false; |
|
1573
|
|
|
var classPrefix = 'mce-'; |
|
1574
|
|
|
var Control, idCounter = 0; |
|
1575
|
|
|
var proto$1 = { |
|
1576
|
|
|
Statics: { classPrefix: classPrefix }, |
|
1577
|
|
|
isRtl: function () { |
|
1578
|
|
|
return Control.rtl; |
|
1579
|
|
|
}, |
|
1580
|
|
|
classPrefix: classPrefix, |
|
1581
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
1582
|
|
|
var self$$1 = this; |
|
1583
|
|
|
var classes, defaultClasses; |
|
1584
|
|
|
function applyClasses(classes) { |
|
1585
|
|
|
var i; |
|
1586
|
|
|
classes = classes.split(' '); |
|
1587
|
|
|
for (i = 0; i < classes.length; i++) { |
|
1588
|
|
|
self$$1.classes.add(classes[i]); |
|
1589
|
|
|
} |
|
1590
|
|
|
} |
|
1591
|
|
|
self$$1.settings = settings = global$4.extend({}, self$$1.Defaults, settings); |
|
1592
|
|
|
self$$1._id = settings.id || 'mceu_' + idCounter++; |
|
1593
|
|
|
self$$1._aria = { role: settings.role }; |
|
1594
|
|
|
self$$1._elmCache = {}; |
|
1595
|
|
|
self$$1.$ = global$7; |
|
1596
|
|
|
self$$1.state = new ObservableObject({ |
|
1597
|
|
|
visible: true, |
|
1598
|
|
|
active: false, |
|
1599
|
|
|
disabled: false, |
|
1600
|
|
|
value: '' |
|
1601
|
|
|
}); |
|
1602
|
|
|
self$$1.data = new ObservableObject(settings.data); |
|
1603
|
|
|
self$$1.classes = new ClassList(function () { |
|
1604
|
|
|
if (self$$1.state.get('rendered')) { |
|
1605
|
|
|
self$$1.getEl().className = this.toString(); |
|
1606
|
|
|
} |
|
1607
|
|
|
}); |
|
1608
|
|
|
self$$1.classes.prefix = self$$1.classPrefix; |
|
1609
|
|
|
classes = settings.classes; |
|
1610
|
|
|
if (classes) { |
|
1611
|
|
|
if (self$$1.Defaults) { |
|
1612
|
|
|
defaultClasses = self$$1.Defaults.classes; |
|
1613
|
|
|
if (defaultClasses && classes !== defaultClasses) { |
|
1614
|
|
|
applyClasses(defaultClasses); |
|
1615
|
|
|
} |
|
1616
|
|
|
} |
|
1617
|
|
|
applyClasses(classes); |
|
1618
|
|
|
} |
|
1619
|
|
|
global$4.each('title text name visible disabled active value'.split(' '), function (name$$1) { |
|
1620
|
|
|
if (name$$1 in settings) { |
|
1621
|
|
|
self$$1[name$$1](settings[name$$1]); |
|
1622
|
|
|
} |
|
1623
|
|
|
}); |
|
1624
|
|
|
self$$1.on('click', function () { |
|
1625
|
|
|
if (self$$1.disabled()) { |
|
|
|
|
|
|
1626
|
|
|
return false; |
|
1627
|
|
|
} |
|
1628
|
|
|
}); |
|
1629
|
|
|
self$$1.settings = settings; |
|
1630
|
|
|
self$$1.borderBox = BoxUtils.parseBox(settings.border); |
|
1631
|
|
|
self$$1.paddingBox = BoxUtils.parseBox(settings.padding); |
|
1632
|
|
|
self$$1.marginBox = BoxUtils.parseBox(settings.margin); |
|
1633
|
|
|
if (settings.hidden) { |
|
1634
|
|
|
self$$1.hide(); |
|
1635
|
|
|
} |
|
1636
|
|
|
}, |
|
1637
|
|
|
Properties: 'parent,name', |
|
1638
|
|
|
getContainerElm: function () { |
|
1639
|
|
|
var uiContainer = UiContainer.getUiContainer(this); |
|
1640
|
|
|
return uiContainer ? uiContainer : funcs.getContainer(); |
|
1641
|
|
|
}, |
|
1642
|
|
|
getParentCtrl: function (elm) { |
|
1643
|
|
|
var ctrl; |
|
1644
|
|
|
var lookup = this.getRoot().controlIdLookup; |
|
1645
|
|
|
while (elm && lookup) { |
|
1646
|
|
|
ctrl = lookup[elm.id]; |
|
1647
|
|
|
if (ctrl) { |
|
1648
|
|
|
break; |
|
1649
|
|
|
} |
|
1650
|
|
|
elm = elm.parentNode; |
|
1651
|
|
|
} |
|
1652
|
|
|
return ctrl; |
|
|
|
|
|
|
1653
|
|
|
}, |
|
1654
|
|
View Code Duplication |
initLayoutRect: function () { |
|
|
|
|
|
|
1655
|
|
|
var self$$1 = this; |
|
1656
|
|
|
var settings = self$$1.settings; |
|
1657
|
|
|
var borderBox, layoutRect; |
|
1658
|
|
|
var elm = self$$1.getEl(); |
|
1659
|
|
|
var width, height, minWidth, minHeight, autoResize; |
|
1660
|
|
|
var startMinWidth, startMinHeight, initialSize; |
|
1661
|
|
|
borderBox = self$$1.borderBox = self$$1.borderBox || BoxUtils.measureBox(elm, 'border'); |
|
1662
|
|
|
self$$1.paddingBox = self$$1.paddingBox || BoxUtils.measureBox(elm, 'padding'); |
|
1663
|
|
|
self$$1.marginBox = self$$1.marginBox || BoxUtils.measureBox(elm, 'margin'); |
|
1664
|
|
|
initialSize = funcs.getSize(elm); |
|
1665
|
|
|
startMinWidth = settings.minWidth; |
|
1666
|
|
|
startMinHeight = settings.minHeight; |
|
1667
|
|
|
minWidth = startMinWidth || initialSize.width; |
|
1668
|
|
|
minHeight = startMinHeight || initialSize.height; |
|
1669
|
|
|
width = settings.width; |
|
1670
|
|
|
height = settings.height; |
|
1671
|
|
|
autoResize = settings.autoResize; |
|
1672
|
|
|
autoResize = typeof autoResize !== 'undefined' ? autoResize : !width && !height; |
|
1673
|
|
|
width = width || minWidth; |
|
1674
|
|
|
height = height || minHeight; |
|
1675
|
|
|
var deltaW = borderBox.left + borderBox.right; |
|
1676
|
|
|
var deltaH = borderBox.top + borderBox.bottom; |
|
1677
|
|
|
var maxW = settings.maxWidth || 65535; |
|
1678
|
|
|
var maxH = settings.maxHeight || 65535; |
|
1679
|
|
|
self$$1._layoutRect = layoutRect = { |
|
1680
|
|
|
x: settings.x || 0, |
|
1681
|
|
|
y: settings.y || 0, |
|
1682
|
|
|
w: width, |
|
1683
|
|
|
h: height, |
|
1684
|
|
|
deltaW: deltaW, |
|
1685
|
|
|
deltaH: deltaH, |
|
1686
|
|
|
contentW: width - deltaW, |
|
1687
|
|
|
contentH: height - deltaH, |
|
1688
|
|
|
innerW: width - deltaW, |
|
1689
|
|
|
innerH: height - deltaH, |
|
1690
|
|
|
startMinWidth: startMinWidth || 0, |
|
1691
|
|
|
startMinHeight: startMinHeight || 0, |
|
1692
|
|
|
minW: Math.min(minWidth, maxW), |
|
1693
|
|
|
minH: Math.min(minHeight, maxH), |
|
1694
|
|
|
maxW: maxW, |
|
1695
|
|
|
maxH: maxH, |
|
1696
|
|
|
autoResize: autoResize, |
|
1697
|
|
|
scrollW: 0 |
|
1698
|
|
|
}; |
|
1699
|
|
|
self$$1._lastLayoutRect = {}; |
|
1700
|
|
|
return layoutRect; |
|
1701
|
|
|
}, |
|
1702
|
|
View Code Duplication |
layoutRect: function (newRect) { |
|
|
|
|
|
|
1703
|
|
|
var self$$1 = this; |
|
1704
|
|
|
var curRect = self$$1._layoutRect, lastLayoutRect, size, deltaWidth, deltaHeight, repaintControls; |
|
1705
|
|
|
if (!curRect) { |
|
1706
|
|
|
curRect = self$$1.initLayoutRect(); |
|
1707
|
|
|
} |
|
1708
|
|
|
if (newRect) { |
|
1709
|
|
|
deltaWidth = curRect.deltaW; |
|
1710
|
|
|
deltaHeight = curRect.deltaH; |
|
1711
|
|
|
if (newRect.x !== undefined) { |
|
1712
|
|
|
curRect.x = newRect.x; |
|
1713
|
|
|
} |
|
1714
|
|
|
if (newRect.y !== undefined) { |
|
1715
|
|
|
curRect.y = newRect.y; |
|
1716
|
|
|
} |
|
1717
|
|
|
if (newRect.minW !== undefined) { |
|
1718
|
|
|
curRect.minW = newRect.minW; |
|
1719
|
|
|
} |
|
1720
|
|
|
if (newRect.minH !== undefined) { |
|
1721
|
|
|
curRect.minH = newRect.minH; |
|
1722
|
|
|
} |
|
1723
|
|
|
size = newRect.w; |
|
1724
|
|
|
if (size !== undefined) { |
|
1725
|
|
|
size = size < curRect.minW ? curRect.minW : size; |
|
1726
|
|
|
size = size > curRect.maxW ? curRect.maxW : size; |
|
1727
|
|
|
curRect.w = size; |
|
1728
|
|
|
curRect.innerW = size - deltaWidth; |
|
1729
|
|
|
} |
|
1730
|
|
|
size = newRect.h; |
|
1731
|
|
|
if (size !== undefined) { |
|
1732
|
|
|
size = size < curRect.minH ? curRect.minH : size; |
|
1733
|
|
|
size = size > curRect.maxH ? curRect.maxH : size; |
|
1734
|
|
|
curRect.h = size; |
|
1735
|
|
|
curRect.innerH = size - deltaHeight; |
|
1736
|
|
|
} |
|
1737
|
|
|
size = newRect.innerW; |
|
1738
|
|
|
if (size !== undefined) { |
|
1739
|
|
|
size = size < curRect.minW - deltaWidth ? curRect.minW - deltaWidth : size; |
|
1740
|
|
|
size = size > curRect.maxW - deltaWidth ? curRect.maxW - deltaWidth : size; |
|
1741
|
|
|
curRect.innerW = size; |
|
1742
|
|
|
curRect.w = size + deltaWidth; |
|
1743
|
|
|
} |
|
1744
|
|
|
size = newRect.innerH; |
|
1745
|
|
|
if (size !== undefined) { |
|
1746
|
|
|
size = size < curRect.minH - deltaHeight ? curRect.minH - deltaHeight : size; |
|
1747
|
|
|
size = size > curRect.maxH - deltaHeight ? curRect.maxH - deltaHeight : size; |
|
1748
|
|
|
curRect.innerH = size; |
|
1749
|
|
|
curRect.h = size + deltaHeight; |
|
1750
|
|
|
} |
|
1751
|
|
|
if (newRect.contentW !== undefined) { |
|
1752
|
|
|
curRect.contentW = newRect.contentW; |
|
1753
|
|
|
} |
|
1754
|
|
|
if (newRect.contentH !== undefined) { |
|
1755
|
|
|
curRect.contentH = newRect.contentH; |
|
1756
|
|
|
} |
|
1757
|
|
|
lastLayoutRect = self$$1._lastLayoutRect; |
|
1758
|
|
|
if (lastLayoutRect.x !== curRect.x || lastLayoutRect.y !== curRect.y || lastLayoutRect.w !== curRect.w || lastLayoutRect.h !== curRect.h) { |
|
1759
|
|
|
repaintControls = Control.repaintControls; |
|
1760
|
|
|
if (repaintControls) { |
|
1761
|
|
|
if (repaintControls.map && !repaintControls.map[self$$1._id]) { |
|
1762
|
|
|
repaintControls.push(self$$1); |
|
1763
|
|
|
repaintControls.map[self$$1._id] = true; |
|
1764
|
|
|
} |
|
1765
|
|
|
} |
|
1766
|
|
|
lastLayoutRect.x = curRect.x; |
|
1767
|
|
|
lastLayoutRect.y = curRect.y; |
|
1768
|
|
|
lastLayoutRect.w = curRect.w; |
|
1769
|
|
|
lastLayoutRect.h = curRect.h; |
|
1770
|
|
|
} |
|
1771
|
|
|
return self$$1; |
|
1772
|
|
|
} |
|
1773
|
|
|
return curRect; |
|
1774
|
|
|
}, |
|
1775
|
|
View Code Duplication |
repaint: function () { |
|
|
|
|
|
|
1776
|
|
|
var self$$1 = this; |
|
1777
|
|
|
var style, bodyStyle, bodyElm, rect, borderBox; |
|
1778
|
|
|
var borderW, borderH, lastRepaintRect, round, value; |
|
1779
|
|
|
round = !document.createRange ? Math.round : function (value) { |
|
1780
|
|
|
return value; |
|
1781
|
|
|
}; |
|
1782
|
|
|
style = self$$1.getEl().style; |
|
1783
|
|
|
rect = self$$1._layoutRect; |
|
1784
|
|
|
lastRepaintRect = self$$1._lastRepaintRect || {}; |
|
1785
|
|
|
borderBox = self$$1.borderBox; |
|
1786
|
|
|
borderW = borderBox.left + borderBox.right; |
|
1787
|
|
|
borderH = borderBox.top + borderBox.bottom; |
|
1788
|
|
|
if (rect.x !== lastRepaintRect.x) { |
|
1789
|
|
|
style.left = round(rect.x) + 'px'; |
|
1790
|
|
|
lastRepaintRect.x = rect.x; |
|
1791
|
|
|
} |
|
1792
|
|
|
if (rect.y !== lastRepaintRect.y) { |
|
1793
|
|
|
style.top = round(rect.y) + 'px'; |
|
1794
|
|
|
lastRepaintRect.y = rect.y; |
|
1795
|
|
|
} |
|
1796
|
|
|
if (rect.w !== lastRepaintRect.w) { |
|
1797
|
|
|
value = round(rect.w - borderW); |
|
1798
|
|
|
style.width = (value >= 0 ? value : 0) + 'px'; |
|
1799
|
|
|
lastRepaintRect.w = rect.w; |
|
1800
|
|
|
} |
|
1801
|
|
|
if (rect.h !== lastRepaintRect.h) { |
|
1802
|
|
|
value = round(rect.h - borderH); |
|
1803
|
|
|
style.height = (value >= 0 ? value : 0) + 'px'; |
|
1804
|
|
|
lastRepaintRect.h = rect.h; |
|
1805
|
|
|
} |
|
1806
|
|
|
if (self$$1._hasBody && rect.innerW !== lastRepaintRect.innerW) { |
|
1807
|
|
|
value = round(rect.innerW); |
|
1808
|
|
|
bodyElm = self$$1.getEl('body'); |
|
1809
|
|
|
if (bodyElm) { |
|
1810
|
|
|
bodyStyle = bodyElm.style; |
|
1811
|
|
|
bodyStyle.width = (value >= 0 ? value : 0) + 'px'; |
|
1812
|
|
|
} |
|
1813
|
|
|
lastRepaintRect.innerW = rect.innerW; |
|
1814
|
|
|
} |
|
1815
|
|
|
if (self$$1._hasBody && rect.innerH !== lastRepaintRect.innerH) { |
|
1816
|
|
|
value = round(rect.innerH); |
|
1817
|
|
|
bodyElm = bodyElm || self$$1.getEl('body'); |
|
1818
|
|
|
if (bodyElm) { |
|
1819
|
|
|
bodyStyle = bodyStyle || bodyElm.style; |
|
1820
|
|
|
bodyStyle.height = (value >= 0 ? value : 0) + 'px'; |
|
1821
|
|
|
} |
|
1822
|
|
|
lastRepaintRect.innerH = rect.innerH; |
|
1823
|
|
|
} |
|
1824
|
|
|
self$$1._lastRepaintRect = lastRepaintRect; |
|
1825
|
|
|
self$$1.fire('repaint', {}, false); |
|
1826
|
|
|
}, |
|
1827
|
|
|
updateLayoutRect: function () { |
|
1828
|
|
|
var self$$1 = this; |
|
1829
|
|
|
self$$1.parent()._lastRect = null; |
|
1830
|
|
|
funcs.css(self$$1.getEl(), { |
|
1831
|
|
|
width: '', |
|
1832
|
|
|
height: '' |
|
1833
|
|
|
}); |
|
1834
|
|
|
self$$1._layoutRect = self$$1._lastRepaintRect = self$$1._lastLayoutRect = null; |
|
1835
|
|
|
self$$1.initLayoutRect(); |
|
1836
|
|
|
}, |
|
1837
|
|
View Code Duplication |
on: function (name$$1, callback) { |
|
|
|
|
|
|
1838
|
|
|
var self$$1 = this; |
|
1839
|
|
|
function resolveCallbackName(name$$1) { |
|
1840
|
|
|
var callback, scope; |
|
1841
|
|
|
if (typeof name$$1 !== 'string') { |
|
1842
|
|
|
return name$$1; |
|
1843
|
|
|
} |
|
1844
|
|
|
return function (e) { |
|
1845
|
|
|
if (!callback) { |
|
1846
|
|
|
self$$1.parentsAndSelf().each(function (ctrl) { |
|
1847
|
|
|
var callbacks = ctrl.settings.callbacks; |
|
1848
|
|
|
if (callbacks && (callback = callbacks[name$$1])) { |
|
|
|
|
|
|
1849
|
|
|
scope = ctrl; |
|
1850
|
|
|
return false; |
|
1851
|
|
|
} |
|
1852
|
|
|
}); |
|
1853
|
|
|
} |
|
1854
|
|
|
if (!callback) { |
|
1855
|
|
|
e.action = name$$1; |
|
1856
|
|
|
this.fire('execute', e); |
|
1857
|
|
|
return; |
|
|
|
|
|
|
1858
|
|
|
} |
|
1859
|
|
|
return callback.call(scope, e); |
|
1860
|
|
|
}; |
|
1861
|
|
|
} |
|
1862
|
|
|
getEventDispatcher(self$$1).on(name$$1, resolveCallbackName(callback)); |
|
1863
|
|
|
return self$$1; |
|
1864
|
|
|
}, |
|
1865
|
|
|
off: function (name$$1, callback) { |
|
1866
|
|
|
getEventDispatcher(this).off(name$$1, callback); |
|
1867
|
|
|
return this; |
|
1868
|
|
|
}, |
|
1869
|
|
View Code Duplication |
fire: function (name$$1, args, bubble) { |
|
|
|
|
|
|
1870
|
|
|
var self$$1 = this; |
|
1871
|
|
|
args = args || {}; |
|
1872
|
|
|
if (!args.control) { |
|
1873
|
|
|
args.control = self$$1; |
|
1874
|
|
|
} |
|
1875
|
|
|
args = getEventDispatcher(self$$1).fire(name$$1, args); |
|
1876
|
|
|
if (bubble !== false && self$$1.parent) { |
|
1877
|
|
|
var parent$$1 = self$$1.parent(); |
|
1878
|
|
|
while (parent$$1 && !args.isPropagationStopped()) { |
|
1879
|
|
|
parent$$1.fire(name$$1, args, false); |
|
1880
|
|
|
parent$$1 = parent$$1.parent(); |
|
1881
|
|
|
} |
|
1882
|
|
|
} |
|
1883
|
|
|
return args; |
|
1884
|
|
|
}, |
|
1885
|
|
|
hasEventListeners: function (name$$1) { |
|
1886
|
|
|
return getEventDispatcher(this).has(name$$1); |
|
1887
|
|
|
}, |
|
1888
|
|
|
parents: function (selector) { |
|
1889
|
|
|
var self$$1 = this; |
|
1890
|
|
|
var ctrl, parents = new Collection$2(); |
|
1891
|
|
|
for (ctrl = self$$1.parent(); ctrl; ctrl = ctrl.parent()) { |
|
1892
|
|
|
parents.add(ctrl); |
|
1893
|
|
|
} |
|
1894
|
|
|
if (selector) { |
|
1895
|
|
|
parents = parents.filter(selector); |
|
1896
|
|
|
} |
|
1897
|
|
|
return parents; |
|
1898
|
|
|
}, |
|
1899
|
|
|
parentsAndSelf: function (selector) { |
|
1900
|
|
|
return new Collection$2(this).add(this.parents(selector)); |
|
1901
|
|
|
}, |
|
1902
|
|
|
next: function () { |
|
1903
|
|
|
var parentControls = this.parent().items(); |
|
1904
|
|
|
return parentControls[parentControls.indexOf(this) + 1]; |
|
1905
|
|
|
}, |
|
1906
|
|
|
prev: function () { |
|
1907
|
|
|
var parentControls = this.parent().items(); |
|
1908
|
|
|
return parentControls[parentControls.indexOf(this) - 1]; |
|
1909
|
|
|
}, |
|
1910
|
|
|
innerHtml: function (html) { |
|
1911
|
|
|
this.$el.html(html); |
|
1912
|
|
|
return this; |
|
1913
|
|
|
}, |
|
1914
|
|
|
getEl: function (suffix) { |
|
1915
|
|
|
var id = suffix ? this._id + '-' + suffix : this._id; |
|
1916
|
|
|
if (!this._elmCache[id]) { |
|
1917
|
|
|
this._elmCache[id] = global$7('#' + id)[0]; |
|
1918
|
|
|
} |
|
1919
|
|
|
return this._elmCache[id]; |
|
1920
|
|
|
}, |
|
1921
|
|
|
show: function () { |
|
1922
|
|
|
return this.visible(true); |
|
1923
|
|
|
}, |
|
1924
|
|
|
hide: function () { |
|
1925
|
|
|
return this.visible(false); |
|
1926
|
|
|
}, |
|
1927
|
|
|
focus: function () { |
|
1928
|
|
|
try { |
|
1929
|
|
|
this.getEl().focus(); |
|
1930
|
|
|
} catch (ex) { |
|
|
|
|
|
|
1931
|
|
|
} |
|
1932
|
|
|
return this; |
|
1933
|
|
|
}, |
|
1934
|
|
|
blur: function () { |
|
1935
|
|
|
this.getEl().blur(); |
|
1936
|
|
|
return this; |
|
1937
|
|
|
}, |
|
1938
|
|
|
aria: function (name$$1, value) { |
|
1939
|
|
|
var self$$1 = this, elm = self$$1.getEl(self$$1.ariaTarget); |
|
1940
|
|
|
if (typeof value === 'undefined') { |
|
1941
|
|
|
return self$$1._aria[name$$1]; |
|
1942
|
|
|
} |
|
1943
|
|
|
self$$1._aria[name$$1] = value; |
|
1944
|
|
|
if (self$$1.state.get('rendered')) { |
|
1945
|
|
|
elm.setAttribute(name$$1 === 'role' ? name$$1 : 'aria-' + name$$1, value); |
|
1946
|
|
|
} |
|
1947
|
|
|
return self$$1; |
|
1948
|
|
|
}, |
|
1949
|
|
|
encode: function (text, translate) { |
|
1950
|
|
|
if (translate !== false) { |
|
1951
|
|
|
text = this.translate(text); |
|
1952
|
|
|
} |
|
1953
|
|
|
return (text || '').replace(/[&<>"]/g, function (match) { |
|
1954
|
|
|
return '&#' + match.charCodeAt(0) + ';'; |
|
1955
|
|
|
}); |
|
1956
|
|
|
}, |
|
1957
|
|
|
translate: function (text) { |
|
1958
|
|
|
return Control.translate ? Control.translate(text) : text; |
|
1959
|
|
|
}, |
|
1960
|
|
|
before: function (items) { |
|
1961
|
|
|
var self$$1 = this, parent$$1 = self$$1.parent(); |
|
1962
|
|
|
if (parent$$1) { |
|
1963
|
|
|
parent$$1.insert(items, parent$$1.items().indexOf(self$$1), true); |
|
1964
|
|
|
} |
|
1965
|
|
|
return self$$1; |
|
1966
|
|
|
}, |
|
1967
|
|
|
after: function (items) { |
|
1968
|
|
|
var self$$1 = this, parent$$1 = self$$1.parent(); |
|
1969
|
|
|
if (parent$$1) { |
|
1970
|
|
|
parent$$1.insert(items, parent$$1.items().indexOf(self$$1)); |
|
1971
|
|
|
} |
|
1972
|
|
|
return self$$1; |
|
1973
|
|
|
}, |
|
1974
|
|
View Code Duplication |
remove: function () { |
|
|
|
|
|
|
1975
|
|
|
var self$$1 = this; |
|
1976
|
|
|
var elm = self$$1.getEl(); |
|
1977
|
|
|
var parent$$1 = self$$1.parent(); |
|
1978
|
|
|
var newItems, i; |
|
1979
|
|
|
if (self$$1.items) { |
|
1980
|
|
|
var controls = self$$1.items().toArray(); |
|
1981
|
|
|
i = controls.length; |
|
1982
|
|
|
while (i--) { |
|
1983
|
|
|
controls[i].remove(); |
|
1984
|
|
|
} |
|
1985
|
|
|
} |
|
1986
|
|
|
if (parent$$1 && parent$$1.items) { |
|
1987
|
|
|
newItems = []; |
|
1988
|
|
|
parent$$1.items().each(function (item) { |
|
1989
|
|
|
if (item !== self$$1) { |
|
1990
|
|
|
newItems.push(item); |
|
1991
|
|
|
} |
|
1992
|
|
|
}); |
|
1993
|
|
|
parent$$1.items().set(newItems); |
|
1994
|
|
|
parent$$1._lastRect = null; |
|
1995
|
|
|
} |
|
1996
|
|
|
if (self$$1._eventsRoot && self$$1._eventsRoot === self$$1) { |
|
1997
|
|
|
global$7(elm).off(); |
|
1998
|
|
|
} |
|
1999
|
|
|
var lookup = self$$1.getRoot().controlIdLookup; |
|
2000
|
|
|
if (lookup) { |
|
2001
|
|
|
delete lookup[self$$1._id]; |
|
2002
|
|
|
} |
|
2003
|
|
|
if (elm && elm.parentNode) { |
|
2004
|
|
|
elm.parentNode.removeChild(elm); |
|
2005
|
|
|
} |
|
2006
|
|
|
self$$1.state.set('rendered', false); |
|
2007
|
|
|
self$$1.state.destroy(); |
|
2008
|
|
|
self$$1.fire('remove'); |
|
2009
|
|
|
return self$$1; |
|
2010
|
|
|
}, |
|
2011
|
|
|
renderBefore: function (elm) { |
|
2012
|
|
|
global$7(elm).before(this.renderHtml()); |
|
2013
|
|
|
this.postRender(); |
|
2014
|
|
|
return this; |
|
2015
|
|
|
}, |
|
2016
|
|
|
renderTo: function (elm) { |
|
2017
|
|
|
global$7(elm || this.getContainerElm()).append(this.renderHtml()); |
|
2018
|
|
|
this.postRender(); |
|
2019
|
|
|
return this; |
|
2020
|
|
|
}, |
|
2021
|
|
|
preRender: function () { |
|
2022
|
|
|
}, |
|
2023
|
|
|
render: function () { |
|
2024
|
|
|
}, |
|
2025
|
|
|
renderHtml: function () { |
|
2026
|
|
|
return '<div id="' + this._id + '" class="' + this.classes + '"></div>'; |
|
2027
|
|
|
}, |
|
2028
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
2029
|
|
|
var self$$1 = this; |
|
2030
|
|
|
var settings = self$$1.settings; |
|
2031
|
|
|
var elm, box, parent$$1, name$$1, parentEventsRoot; |
|
2032
|
|
|
self$$1.$el = global$7(self$$1.getEl()); |
|
2033
|
|
|
self$$1.state.set('rendered', true); |
|
2034
|
|
|
for (name$$1 in settings) { |
|
2035
|
|
|
if (name$$1.indexOf('on') === 0) { |
|
2036
|
|
|
self$$1.on(name$$1.substr(2), settings[name$$1]); |
|
2037
|
|
|
} |
|
2038
|
|
|
} |
|
2039
|
|
|
if (self$$1._eventsRoot) { |
|
2040
|
|
|
for (parent$$1 = self$$1.parent(); !parentEventsRoot && parent$$1; parent$$1 = parent$$1.parent()) { |
|
2041
|
|
|
parentEventsRoot = parent$$1._eventsRoot; |
|
2042
|
|
|
} |
|
2043
|
|
|
if (parentEventsRoot) { |
|
2044
|
|
|
for (name$$1 in parentEventsRoot._nativeEvents) { |
|
2045
|
|
|
self$$1._nativeEvents[name$$1] = true; |
|
2046
|
|
|
} |
|
2047
|
|
|
} |
|
2048
|
|
|
} |
|
2049
|
|
|
bindPendingEvents(self$$1); |
|
2050
|
|
|
if (settings.style) { |
|
2051
|
|
|
elm = self$$1.getEl(); |
|
2052
|
|
|
if (elm) { |
|
2053
|
|
|
elm.setAttribute('style', settings.style); |
|
2054
|
|
|
elm.style.cssText = settings.style; |
|
2055
|
|
|
} |
|
2056
|
|
|
} |
|
2057
|
|
|
if (self$$1.settings.border) { |
|
2058
|
|
|
box = self$$1.borderBox; |
|
2059
|
|
|
self$$1.$el.css({ |
|
2060
|
|
|
'border-top-width': box.top, |
|
2061
|
|
|
'border-right-width': box.right, |
|
2062
|
|
|
'border-bottom-width': box.bottom, |
|
2063
|
|
|
'border-left-width': box.left |
|
2064
|
|
|
}); |
|
2065
|
|
|
} |
|
2066
|
|
|
var root = self$$1.getRoot(); |
|
2067
|
|
|
if (!root.controlIdLookup) { |
|
2068
|
|
|
root.controlIdLookup = {}; |
|
2069
|
|
|
} |
|
2070
|
|
|
root.controlIdLookup[self$$1._id] = self$$1; |
|
2071
|
|
|
for (var key in self$$1._aria) { |
|
|
|
|
|
|
2072
|
|
|
self$$1.aria(key, self$$1._aria[key]); |
|
2073
|
|
|
} |
|
2074
|
|
|
if (self$$1.state.get('visible') === false) { |
|
2075
|
|
|
self$$1.getEl().style.display = 'none'; |
|
2076
|
|
|
} |
|
2077
|
|
|
self$$1.bindStates(); |
|
2078
|
|
|
self$$1.state.on('change:visible', function (e) { |
|
2079
|
|
|
var state = e.value; |
|
2080
|
|
|
var parentCtrl; |
|
2081
|
|
|
if (self$$1.state.get('rendered')) { |
|
2082
|
|
|
self$$1.getEl().style.display = state === false ? 'none' : ''; |
|
2083
|
|
|
self$$1.getEl().getBoundingClientRect(); |
|
2084
|
|
|
} |
|
2085
|
|
|
parentCtrl = self$$1.parent(); |
|
2086
|
|
|
if (parentCtrl) { |
|
2087
|
|
|
parentCtrl._lastRect = null; |
|
2088
|
|
|
} |
|
2089
|
|
|
self$$1.fire(state ? 'show' : 'hide'); |
|
2090
|
|
|
ReflowQueue.add(self$$1); |
|
2091
|
|
|
}); |
|
2092
|
|
|
self$$1.fire('postrender', {}, false); |
|
2093
|
|
|
}, |
|
2094
|
|
|
bindStates: function () { |
|
2095
|
|
|
}, |
|
2096
|
|
View Code Duplication |
scrollIntoView: function (align) { |
|
|
|
|
|
|
2097
|
|
|
function getOffset(elm, rootElm) { |
|
2098
|
|
|
var x, y, parent$$1 = elm; |
|
2099
|
|
|
x = y = 0; |
|
2100
|
|
|
while (parent$$1 && parent$$1 !== rootElm && parent$$1.nodeType) { |
|
2101
|
|
|
x += parent$$1.offsetLeft || 0; |
|
2102
|
|
|
y += parent$$1.offsetTop || 0; |
|
2103
|
|
|
parent$$1 = parent$$1.offsetParent; |
|
2104
|
|
|
} |
|
2105
|
|
|
return { |
|
2106
|
|
|
x: x, |
|
2107
|
|
|
y: y |
|
2108
|
|
|
}; |
|
2109
|
|
|
} |
|
2110
|
|
|
var elm = this.getEl(), parentElm = elm.parentNode; |
|
2111
|
|
|
var x, y, width, height, parentWidth, parentHeight; |
|
2112
|
|
|
var pos = getOffset(elm, parentElm); |
|
2113
|
|
|
x = pos.x; |
|
2114
|
|
|
y = pos.y; |
|
2115
|
|
|
width = elm.offsetWidth; |
|
2116
|
|
|
height = elm.offsetHeight; |
|
2117
|
|
|
parentWidth = parentElm.clientWidth; |
|
2118
|
|
|
parentHeight = parentElm.clientHeight; |
|
2119
|
|
|
if (align === 'end') { |
|
2120
|
|
|
x -= parentWidth - width; |
|
2121
|
|
|
y -= parentHeight - height; |
|
2122
|
|
|
} else if (align === 'center') { |
|
2123
|
|
|
x -= parentWidth / 2 - width / 2; |
|
2124
|
|
|
y -= parentHeight / 2 - height / 2; |
|
2125
|
|
|
} |
|
2126
|
|
|
parentElm.scrollLeft = x; |
|
2127
|
|
|
parentElm.scrollTop = y; |
|
2128
|
|
|
return this; |
|
2129
|
|
|
}, |
|
2130
|
|
View Code Duplication |
getRoot: function () { |
|
|
|
|
|
|
2131
|
|
|
var ctrl = this, rootControl; |
|
2132
|
|
|
var parents = []; |
|
2133
|
|
|
while (ctrl) { |
|
2134
|
|
|
if (ctrl.rootControl) { |
|
2135
|
|
|
rootControl = ctrl.rootControl; |
|
2136
|
|
|
break; |
|
2137
|
|
|
} |
|
2138
|
|
|
parents.push(ctrl); |
|
2139
|
|
|
rootControl = ctrl; |
|
2140
|
|
|
ctrl = ctrl.parent(); |
|
2141
|
|
|
} |
|
2142
|
|
|
if (!rootControl) { |
|
2143
|
|
|
rootControl = this; |
|
2144
|
|
|
} |
|
2145
|
|
|
var i = parents.length; |
|
2146
|
|
|
while (i--) { |
|
2147
|
|
|
parents[i].rootControl = rootControl; |
|
2148
|
|
|
} |
|
2149
|
|
|
return rootControl; |
|
2150
|
|
|
}, |
|
2151
|
|
|
reflow: function () { |
|
2152
|
|
|
ReflowQueue.remove(this); |
|
2153
|
|
|
var parent$$1 = this.parent(); |
|
2154
|
|
|
if (parent$$1 && parent$$1._layout && !parent$$1._layout.isNative()) { |
|
2155
|
|
|
parent$$1.reflow(); |
|
2156
|
|
|
} |
|
2157
|
|
|
return this; |
|
2158
|
|
|
} |
|
2159
|
|
|
}; |
|
2160
|
|
|
global$4.each('text title visible disabled active value'.split(' '), function (name$$1) { |
|
2161
|
|
|
proto$1[name$$1] = function (value) { |
|
2162
|
|
|
if (arguments.length === 0) { |
|
2163
|
|
|
return this.state.get(name$$1); |
|
2164
|
|
|
} |
|
2165
|
|
|
if (typeof value !== 'undefined') { |
|
2166
|
|
|
this.state.set(name$$1, value); |
|
2167
|
|
|
} |
|
2168
|
|
|
return this; |
|
2169
|
|
|
}; |
|
2170
|
|
|
}); |
|
2171
|
|
|
Control = global$8.extend(proto$1); |
|
2172
|
|
|
function getEventDispatcher(obj) { |
|
2173
|
|
|
if (!obj._eventDispatcher) { |
|
2174
|
|
|
obj._eventDispatcher = new global$9({ |
|
|
|
|
|
|
2175
|
|
|
scope: obj, |
|
2176
|
|
|
toggleEvent: function (name$$1, state) { |
|
2177
|
|
|
if (state && global$9.isNative(name$$1)) { |
|
2178
|
|
|
if (!obj._nativeEvents) { |
|
2179
|
|
|
obj._nativeEvents = {}; |
|
2180
|
|
|
} |
|
2181
|
|
|
obj._nativeEvents[name$$1] = true; |
|
2182
|
|
|
if (obj.state.get('rendered')) { |
|
2183
|
|
|
bindPendingEvents(obj); |
|
2184
|
|
|
} |
|
2185
|
|
|
} |
|
2186
|
|
|
} |
|
2187
|
|
|
}); |
|
2188
|
|
|
} |
|
2189
|
|
|
return obj._eventDispatcher; |
|
2190
|
|
|
} |
|
2191
|
|
View Code Duplication |
function bindPendingEvents(eventCtrl) { |
|
|
|
|
|
|
2192
|
|
|
var i, l, parents, eventRootCtrl, nativeEvents, name$$1; |
|
2193
|
|
|
function delegate(e) { |
|
2194
|
|
|
var control = eventCtrl.getParentCtrl(e.target); |
|
2195
|
|
|
if (control) { |
|
2196
|
|
|
control.fire(e.type, e); |
|
2197
|
|
|
} |
|
2198
|
|
|
} |
|
2199
|
|
|
function mouseLeaveHandler() { |
|
2200
|
|
|
var ctrl = eventRootCtrl._lastHoverCtrl; |
|
2201
|
|
|
if (ctrl) { |
|
2202
|
|
|
ctrl.fire('mouseleave', { target: ctrl.getEl() }); |
|
2203
|
|
|
ctrl.parents().each(function (ctrl) { |
|
2204
|
|
|
ctrl.fire('mouseleave', { target: ctrl.getEl() }); |
|
2205
|
|
|
}); |
|
2206
|
|
|
eventRootCtrl._lastHoverCtrl = null; |
|
2207
|
|
|
} |
|
2208
|
|
|
} |
|
2209
|
|
|
function mouseEnterHandler(e) { |
|
2210
|
|
|
var ctrl = eventCtrl.getParentCtrl(e.target), lastCtrl = eventRootCtrl._lastHoverCtrl, idx = 0, i, parents, lastParents; |
|
2211
|
|
|
if (ctrl !== lastCtrl) { |
|
2212
|
|
|
eventRootCtrl._lastHoverCtrl = ctrl; |
|
2213
|
|
|
parents = ctrl.parents().toArray().reverse(); |
|
2214
|
|
|
parents.push(ctrl); |
|
2215
|
|
|
if (lastCtrl) { |
|
2216
|
|
|
lastParents = lastCtrl.parents().toArray().reverse(); |
|
2217
|
|
|
lastParents.push(lastCtrl); |
|
2218
|
|
|
for (idx = 0; idx < lastParents.length; idx++) { |
|
2219
|
|
|
if (parents[idx] !== lastParents[idx]) { |
|
2220
|
|
|
break; |
|
2221
|
|
|
} |
|
2222
|
|
|
} |
|
2223
|
|
|
for (i = lastParents.length - 1; i >= idx; i--) { |
|
2224
|
|
|
lastCtrl = lastParents[i]; |
|
2225
|
|
|
lastCtrl.fire('mouseleave', { target: lastCtrl.getEl() }); |
|
2226
|
|
|
} |
|
2227
|
|
|
} |
|
2228
|
|
|
for (i = idx; i < parents.length; i++) { |
|
2229
|
|
|
ctrl = parents[i]; |
|
2230
|
|
|
ctrl.fire('mouseenter', { target: ctrl.getEl() }); |
|
2231
|
|
|
} |
|
2232
|
|
|
} |
|
2233
|
|
|
} |
|
2234
|
|
|
function fixWheelEvent(e) { |
|
2235
|
|
|
e.preventDefault(); |
|
2236
|
|
|
if (e.type === 'mousewheel') { |
|
2237
|
|
|
e.deltaY = -1 / 40 * e.wheelDelta; |
|
2238
|
|
|
if (e.wheelDeltaX) { |
|
2239
|
|
|
e.deltaX = -1 / 40 * e.wheelDeltaX; |
|
2240
|
|
|
} |
|
2241
|
|
|
} else { |
|
2242
|
|
|
e.deltaX = 0; |
|
2243
|
|
|
e.deltaY = e.detail; |
|
2244
|
|
|
} |
|
2245
|
|
|
e = eventCtrl.fire('wheel', e); |
|
|
|
|
|
|
2246
|
|
|
} |
|
2247
|
|
|
nativeEvents = eventCtrl._nativeEvents; |
|
2248
|
|
|
if (nativeEvents) { |
|
|
|
|
|
|
2249
|
|
|
parents = eventCtrl.parents().toArray(); |
|
2250
|
|
|
parents.unshift(eventCtrl); |
|
2251
|
|
|
for (i = 0, l = parents.length; !eventRootCtrl && i < l; i++) { |
|
2252
|
|
|
eventRootCtrl = parents[i]._eventsRoot; |
|
2253
|
|
|
} |
|
2254
|
|
|
if (!eventRootCtrl) { |
|
2255
|
|
|
eventRootCtrl = parents[parents.length - 1] || eventCtrl; |
|
2256
|
|
|
} |
|
2257
|
|
|
eventCtrl._eventsRoot = eventRootCtrl; |
|
2258
|
|
|
for (l = i, i = 0; i < l; i++) { |
|
2259
|
|
|
parents[i]._eventsRoot = eventRootCtrl; |
|
2260
|
|
|
} |
|
2261
|
|
|
var eventRootDelegates = eventRootCtrl._delegates; |
|
2262
|
|
|
if (!eventRootDelegates) { |
|
2263
|
|
|
eventRootDelegates = eventRootCtrl._delegates = {}; |
|
2264
|
|
|
} |
|
2265
|
|
|
for (name$$1 in nativeEvents) { |
|
2266
|
|
|
if (!nativeEvents) { |
|
2267
|
|
|
return false; |
|
2268
|
|
|
} |
|
2269
|
|
|
if (name$$1 === 'wheel' && !hasWheelEventSupport) { |
|
2270
|
|
|
if (hasMouseWheelEventSupport) { |
|
2271
|
|
|
global$7(eventCtrl.getEl()).on('mousewheel', fixWheelEvent); |
|
2272
|
|
|
} else { |
|
2273
|
|
|
global$7(eventCtrl.getEl()).on('DOMMouseScroll', fixWheelEvent); |
|
2274
|
|
|
} |
|
2275
|
|
|
continue; |
|
2276
|
|
|
} |
|
2277
|
|
|
if (name$$1 === 'mouseenter' || name$$1 === 'mouseleave') { |
|
2278
|
|
|
if (!eventRootCtrl._hasMouseEnter) { |
|
2279
|
|
|
global$7(eventRootCtrl.getEl()).on('mouseleave', mouseLeaveHandler).on('mouseover', mouseEnterHandler); |
|
2280
|
|
|
eventRootCtrl._hasMouseEnter = 1; |
|
2281
|
|
|
} |
|
2282
|
|
|
} else if (!eventRootDelegates[name$$1]) { |
|
2283
|
|
|
global$7(eventRootCtrl.getEl()).on(name$$1, delegate); |
|
2284
|
|
|
eventRootDelegates[name$$1] = true; |
|
2285
|
|
|
} |
|
2286
|
|
|
nativeEvents[name$$1] = false; |
|
2287
|
|
|
} |
|
|
|
|
|
|
2288
|
|
|
} |
|
2289
|
|
|
} |
|
2290
|
|
|
var Control$1 = Control; |
|
2291
|
|
|
|
|
2292
|
|
|
var isStatic = function (elm) { |
|
2293
|
|
|
return funcs.getRuntimeStyle(elm, 'position') === 'static'; |
|
2294
|
|
|
}; |
|
2295
|
|
|
var isFixed = function (ctrl) { |
|
2296
|
|
|
return ctrl.state.get('fixed'); |
|
2297
|
|
|
}; |
|
2298
|
|
View Code Duplication |
function calculateRelativePosition(ctrl, targetElm, rel) { |
|
|
|
|
|
|
2299
|
|
|
var ctrlElm, pos, x, y, selfW, selfH, targetW, targetH, viewport, size; |
|
2300
|
|
|
viewport = getWindowViewPort(); |
|
2301
|
|
|
pos = funcs.getPos(targetElm, UiContainer.getUiContainer(ctrl)); |
|
2302
|
|
|
x = pos.x; |
|
2303
|
|
|
y = pos.y; |
|
2304
|
|
|
if (isFixed(ctrl) && isStatic(document.body)) { |
|
2305
|
|
|
x -= viewport.x; |
|
2306
|
|
|
y -= viewport.y; |
|
2307
|
|
|
} |
|
2308
|
|
|
ctrlElm = ctrl.getEl(); |
|
2309
|
|
|
size = funcs.getSize(ctrlElm); |
|
2310
|
|
|
selfW = size.width; |
|
2311
|
|
|
selfH = size.height; |
|
2312
|
|
|
size = funcs.getSize(targetElm); |
|
2313
|
|
|
targetW = size.width; |
|
2314
|
|
|
targetH = size.height; |
|
2315
|
|
|
rel = (rel || '').split(''); |
|
2316
|
|
|
if (rel[0] === 'b') { |
|
2317
|
|
|
y += targetH; |
|
2318
|
|
|
} |
|
2319
|
|
|
if (rel[1] === 'r') { |
|
2320
|
|
|
x += targetW; |
|
2321
|
|
|
} |
|
2322
|
|
|
if (rel[0] === 'c') { |
|
2323
|
|
|
y += Math.round(targetH / 2); |
|
2324
|
|
|
} |
|
2325
|
|
|
if (rel[1] === 'c') { |
|
2326
|
|
|
x += Math.round(targetW / 2); |
|
2327
|
|
|
} |
|
2328
|
|
|
if (rel[3] === 'b') { |
|
2329
|
|
|
y -= selfH; |
|
2330
|
|
|
} |
|
2331
|
|
|
if (rel[4] === 'r') { |
|
2332
|
|
|
x -= selfW; |
|
2333
|
|
|
} |
|
2334
|
|
|
if (rel[3] === 'c') { |
|
2335
|
|
|
y -= Math.round(selfH / 2); |
|
2336
|
|
|
} |
|
2337
|
|
|
if (rel[4] === 'c') { |
|
2338
|
|
|
x -= Math.round(selfW / 2); |
|
2339
|
|
|
} |
|
2340
|
|
|
return { |
|
2341
|
|
|
x: x, |
|
2342
|
|
|
y: y, |
|
2343
|
|
|
w: selfW, |
|
2344
|
|
|
h: selfH |
|
2345
|
|
|
}; |
|
2346
|
|
|
} |
|
2347
|
|
|
var getUiContainerViewPort = function (customUiContainer) { |
|
2348
|
|
|
return { |
|
2349
|
|
|
x: 0, |
|
2350
|
|
|
y: 0, |
|
2351
|
|
|
w: customUiContainer.scrollWidth - 1, |
|
2352
|
|
|
h: customUiContainer.scrollHeight - 1 |
|
2353
|
|
|
}; |
|
2354
|
|
|
}; |
|
2355
|
|
|
var getWindowViewPort = function () { |
|
2356
|
|
|
var win = window; |
|
2357
|
|
|
var x = Math.max(win.pageXOffset, document.body.scrollLeft, document.documentElement.scrollLeft); |
|
2358
|
|
|
var y = Math.max(win.pageYOffset, document.body.scrollTop, document.documentElement.scrollTop); |
|
2359
|
|
|
var w = win.innerWidth || document.documentElement.clientWidth; |
|
2360
|
|
|
var h = win.innerHeight || document.documentElement.clientHeight; |
|
2361
|
|
|
return { |
|
2362
|
|
|
x: x, |
|
2363
|
|
|
y: y, |
|
2364
|
|
|
w: w, |
|
2365
|
|
|
h: h |
|
2366
|
|
|
}; |
|
2367
|
|
|
}; |
|
2368
|
|
|
var getViewPortRect = function (ctrl) { |
|
2369
|
|
|
var customUiContainer = UiContainer.getUiContainer(ctrl); |
|
2370
|
|
|
return customUiContainer && !isFixed(ctrl) ? getUiContainerViewPort(customUiContainer) : getWindowViewPort(); |
|
2371
|
|
|
}; |
|
2372
|
|
|
var Movable = { |
|
2373
|
|
View Code Duplication |
testMoveRel: function (elm, rels) { |
|
|
|
|
|
|
2374
|
|
|
var viewPortRect = getViewPortRect(this); |
|
2375
|
|
|
for (var i = 0; i < rels.length; i++) { |
|
2376
|
|
|
var pos = calculateRelativePosition(this, elm, rels[i]); |
|
2377
|
|
|
if (isFixed(this)) { |
|
2378
|
|
|
if (pos.x > 0 && pos.x + pos.w < viewPortRect.w && pos.y > 0 && pos.y + pos.h < viewPortRect.h) { |
|
2379
|
|
|
return rels[i]; |
|
2380
|
|
|
} |
|
2381
|
|
|
} else { |
|
2382
|
|
|
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) { |
|
2383
|
|
|
return rels[i]; |
|
2384
|
|
|
} |
|
2385
|
|
|
} |
|
2386
|
|
|
} |
|
2387
|
|
|
return rels[0]; |
|
2388
|
|
|
}, |
|
2389
|
|
|
moveRel: function (elm, rel) { |
|
2390
|
|
|
if (typeof rel !== 'string') { |
|
2391
|
|
|
rel = this.testMoveRel(elm, rel); |
|
2392
|
|
|
} |
|
2393
|
|
|
var pos = calculateRelativePosition(this, elm, rel); |
|
2394
|
|
|
return this.moveTo(pos.x, pos.y); |
|
2395
|
|
|
}, |
|
2396
|
|
|
moveBy: function (dx, dy) { |
|
2397
|
|
|
var self$$1 = this, rect = self$$1.layoutRect(); |
|
2398
|
|
|
self$$1.moveTo(rect.x + dx, rect.y + dy); |
|
2399
|
|
|
return self$$1; |
|
2400
|
|
|
}, |
|
2401
|
|
View Code Duplication |
moveTo: function (x, y) { |
|
|
|
|
|
|
2402
|
|
|
var self$$1 = this; |
|
2403
|
|
|
function constrain(value, max, size) { |
|
2404
|
|
|
if (value < 0) { |
|
2405
|
|
|
return 0; |
|
2406
|
|
|
} |
|
2407
|
|
|
if (value + size > max) { |
|
2408
|
|
|
value = max - size; |
|
2409
|
|
|
return value < 0 ? 0 : value; |
|
2410
|
|
|
} |
|
2411
|
|
|
return value; |
|
2412
|
|
|
} |
|
2413
|
|
|
if (self$$1.settings.constrainToViewport) { |
|
2414
|
|
|
var viewPortRect = getViewPortRect(this); |
|
2415
|
|
|
var layoutRect = self$$1.layoutRect(); |
|
2416
|
|
|
x = constrain(x, viewPortRect.w + viewPortRect.x, layoutRect.w); |
|
2417
|
|
|
y = constrain(y, viewPortRect.h + viewPortRect.y, layoutRect.h); |
|
2418
|
|
|
} |
|
2419
|
|
|
var uiContainer = UiContainer.getUiContainer(self$$1); |
|
2420
|
|
|
if (uiContainer && isStatic(uiContainer) && !isFixed(self$$1)) { |
|
2421
|
|
|
x -= uiContainer.scrollLeft; |
|
2422
|
|
|
y -= uiContainer.scrollTop; |
|
2423
|
|
|
} |
|
2424
|
|
|
if (uiContainer) { |
|
2425
|
|
|
x += 1; |
|
2426
|
|
|
y += 1; |
|
2427
|
|
|
} |
|
2428
|
|
|
if (self$$1.state.get('rendered')) { |
|
2429
|
|
|
self$$1.layoutRect({ |
|
2430
|
|
|
x: x, |
|
2431
|
|
|
y: y |
|
2432
|
|
|
}).repaint(); |
|
2433
|
|
|
} else { |
|
2434
|
|
|
self$$1.settings.x = x; |
|
2435
|
|
|
self$$1.settings.y = y; |
|
2436
|
|
|
} |
|
2437
|
|
|
self$$1.fire('move', { |
|
2438
|
|
|
x: x, |
|
2439
|
|
|
y: y |
|
2440
|
|
|
}); |
|
2441
|
|
|
return self$$1; |
|
2442
|
|
|
} |
|
2443
|
|
|
}; |
|
2444
|
|
|
|
|
2445
|
|
|
var Tooltip = Control$1.extend({ |
|
2446
|
|
|
Mixins: [Movable], |
|
2447
|
|
|
Defaults: { classes: 'widget tooltip tooltip-n' }, |
|
2448
|
|
|
renderHtml: function () { |
|
2449
|
|
|
var self = this, prefix = self.classPrefix; |
|
2450
|
|
|
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>'; |
|
2451
|
|
|
}, |
|
2452
|
|
|
bindStates: function () { |
|
2453
|
|
|
var self = this; |
|
2454
|
|
|
self.state.on('change:text', function (e) { |
|
2455
|
|
|
self.getEl().lastChild.innerHTML = self.encode(e.value); |
|
2456
|
|
|
}); |
|
2457
|
|
|
return self._super(); |
|
2458
|
|
|
}, |
|
2459
|
|
|
repaint: function () { |
|
2460
|
|
|
var self = this; |
|
2461
|
|
|
var style, rect; |
|
2462
|
|
|
style = self.getEl().style; |
|
2463
|
|
|
rect = self._layoutRect; |
|
2464
|
|
|
style.left = rect.x + 'px'; |
|
2465
|
|
|
style.top = rect.y + 'px'; |
|
2466
|
|
|
style.zIndex = 65535 + 65535; |
|
2467
|
|
|
} |
|
2468
|
|
|
}); |
|
2469
|
|
|
|
|
2470
|
|
|
var Widget = Control$1.extend({ |
|
2471
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
2472
|
|
|
var self = this; |
|
2473
|
|
|
self._super(settings); |
|
2474
|
|
|
settings = self.settings; |
|
2475
|
|
|
self.canFocus = true; |
|
2476
|
|
|
if (settings.tooltip && Widget.tooltips !== false) { |
|
2477
|
|
|
self.on('mouseenter', function (e) { |
|
2478
|
|
|
var tooltip = self.tooltip().moveTo(-65535); |
|
2479
|
|
|
if (e.control === self) { |
|
2480
|
|
|
var rel = tooltip.text(settings.tooltip).show().testMoveRel(self.getEl(), [ |
|
2481
|
|
|
'bc-tc', |
|
2482
|
|
|
'bc-tl', |
|
2483
|
|
|
'bc-tr' |
|
2484
|
|
|
]); |
|
2485
|
|
|
tooltip.classes.toggle('tooltip-n', rel === 'bc-tc'); |
|
2486
|
|
|
tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl'); |
|
2487
|
|
|
tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr'); |
|
2488
|
|
|
tooltip.moveRel(self.getEl(), rel); |
|
2489
|
|
|
} else { |
|
2490
|
|
|
tooltip.hide(); |
|
2491
|
|
|
} |
|
2492
|
|
|
}); |
|
2493
|
|
|
self.on('mouseleave mousedown click', function () { |
|
2494
|
|
|
self.tooltip().remove(); |
|
2495
|
|
|
self._tooltip = null; |
|
2496
|
|
|
}); |
|
2497
|
|
|
} |
|
2498
|
|
|
self.aria('label', settings.ariaLabel || settings.tooltip); |
|
2499
|
|
|
}, |
|
2500
|
|
|
tooltip: function () { |
|
2501
|
|
|
if (!this._tooltip) { |
|
2502
|
|
|
this._tooltip = new Tooltip({ type: 'tooltip' }); |
|
2503
|
|
|
UiContainer.inheritUiContainer(this, this._tooltip); |
|
2504
|
|
|
this._tooltip.renderTo(); |
|
2505
|
|
|
} |
|
2506
|
|
|
return this._tooltip; |
|
2507
|
|
|
}, |
|
2508
|
|
|
postRender: function () { |
|
2509
|
|
|
var self = this, settings = self.settings; |
|
2510
|
|
|
self._super(); |
|
2511
|
|
|
if (!self.parent() && (settings.width || settings.height)) { |
|
2512
|
|
|
self.initLayoutRect(); |
|
2513
|
|
|
self.repaint(); |
|
2514
|
|
|
} |
|
2515
|
|
|
if (settings.autofocus) { |
|
2516
|
|
|
self.focus(); |
|
2517
|
|
|
} |
|
2518
|
|
|
}, |
|
2519
|
|
|
bindStates: function () { |
|
2520
|
|
|
var self = this; |
|
2521
|
|
|
function disable(state) { |
|
2522
|
|
|
self.aria('disabled', state); |
|
2523
|
|
|
self.classes.toggle('disabled', state); |
|
2524
|
|
|
} |
|
2525
|
|
|
function active(state) { |
|
2526
|
|
|
self.aria('pressed', state); |
|
2527
|
|
|
self.classes.toggle('active', state); |
|
2528
|
|
|
} |
|
2529
|
|
|
self.state.on('change:disabled', function (e) { |
|
2530
|
|
|
disable(e.value); |
|
2531
|
|
|
}); |
|
2532
|
|
|
self.state.on('change:active', function (e) { |
|
2533
|
|
|
active(e.value); |
|
2534
|
|
|
}); |
|
2535
|
|
|
if (self.state.get('disabled')) { |
|
2536
|
|
|
disable(true); |
|
2537
|
|
|
} |
|
2538
|
|
|
if (self.state.get('active')) { |
|
2539
|
|
|
active(true); |
|
2540
|
|
|
} |
|
2541
|
|
|
return self._super(); |
|
2542
|
|
|
}, |
|
2543
|
|
|
remove: function () { |
|
2544
|
|
|
this._super(); |
|
2545
|
|
|
if (this._tooltip) { |
|
2546
|
|
|
this._tooltip.remove(); |
|
2547
|
|
|
this._tooltip = null; |
|
2548
|
|
|
} |
|
2549
|
|
|
} |
|
2550
|
|
|
}); |
|
2551
|
|
|
|
|
2552
|
|
|
var Progress = Widget.extend({ |
|
2553
|
|
|
Defaults: { value: 0 }, |
|
2554
|
|
|
init: function (settings) { |
|
2555
|
|
|
var self = this; |
|
2556
|
|
|
self._super(settings); |
|
2557
|
|
|
self.classes.add('progress'); |
|
2558
|
|
|
if (!self.settings.filter) { |
|
2559
|
|
|
self.settings.filter = function (value) { |
|
2560
|
|
|
return Math.round(value); |
|
2561
|
|
|
}; |
|
2562
|
|
|
} |
|
2563
|
|
|
}, |
|
2564
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
2565
|
|
|
var self = this, id = self._id, prefix = this.classPrefix; |
|
2566
|
|
|
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>'; |
|
2567
|
|
|
}, |
|
2568
|
|
|
postRender: function () { |
|
2569
|
|
|
var self = this; |
|
2570
|
|
|
self._super(); |
|
2571
|
|
|
self.value(self.settings.value); |
|
2572
|
|
|
return self; |
|
2573
|
|
|
}, |
|
2574
|
|
|
bindStates: function () { |
|
2575
|
|
|
var self = this; |
|
2576
|
|
|
function setValue(value) { |
|
2577
|
|
|
value = self.settings.filter(value); |
|
2578
|
|
|
self.getEl().lastChild.innerHTML = value + '%'; |
|
2579
|
|
|
self.getEl().firstChild.firstChild.style.width = value + '%'; |
|
2580
|
|
|
} |
|
2581
|
|
|
self.state.on('change:value', function (e) { |
|
2582
|
|
|
setValue(e.value); |
|
2583
|
|
|
}); |
|
2584
|
|
|
setValue(self.state.get('value')); |
|
2585
|
|
|
return self._super(); |
|
2586
|
|
|
} |
|
2587
|
|
|
}); |
|
2588
|
|
|
|
|
2589
|
|
|
var updateLiveRegion = function (ctx, text) { |
|
2590
|
|
|
ctx.getEl().lastChild.textContent = text + (ctx.progressBar ? ' ' + ctx.progressBar.value() + '%' : ''); |
|
2591
|
|
|
}; |
|
2592
|
|
|
var Notification = Control$1.extend({ |
|
2593
|
|
|
Mixins: [Movable], |
|
2594
|
|
|
Defaults: { classes: 'widget notification' }, |
|
2595
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
2596
|
|
|
var self = this; |
|
2597
|
|
|
self._super(settings); |
|
2598
|
|
|
self.maxWidth = settings.maxWidth; |
|
2599
|
|
|
if (settings.text) { |
|
2600
|
|
|
self.text(settings.text); |
|
2601
|
|
|
} |
|
2602
|
|
|
if (settings.icon) { |
|
2603
|
|
|
self.icon = settings.icon; |
|
2604
|
|
|
} |
|
2605
|
|
|
if (settings.color) { |
|
2606
|
|
|
self.color = settings.color; |
|
2607
|
|
|
} |
|
2608
|
|
|
if (settings.type) { |
|
2609
|
|
|
self.classes.add('notification-' + settings.type); |
|
2610
|
|
|
} |
|
2611
|
|
|
if (settings.timeout && (settings.timeout < 0 || settings.timeout > 0) && !settings.closeButton) { |
|
2612
|
|
|
self.closeButton = false; |
|
2613
|
|
|
} else { |
|
2614
|
|
|
self.classes.add('has-close'); |
|
2615
|
|
|
self.closeButton = true; |
|
2616
|
|
|
} |
|
2617
|
|
|
if (settings.progressBar) { |
|
2618
|
|
|
self.progressBar = new Progress(); |
|
2619
|
|
|
} |
|
2620
|
|
|
self.on('click', function (e) { |
|
2621
|
|
|
if (e.target.className.indexOf(self.classPrefix + 'close') !== -1) { |
|
2622
|
|
|
self.close(); |
|
2623
|
|
|
} |
|
2624
|
|
|
}); |
|
2625
|
|
|
}, |
|
2626
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
2627
|
|
|
var self = this; |
|
2628
|
|
|
var prefix = self.classPrefix; |
|
2629
|
|
|
var icon = '', closeButton = '', progressBar = '', notificationStyle = ''; |
|
2630
|
|
|
if (self.icon) { |
|
2631
|
|
|
icon = '<i class="' + prefix + 'ico' + ' ' + prefix + 'i-' + self.icon + '"></i>'; |
|
2632
|
|
|
} |
|
2633
|
|
|
notificationStyle = ' style="max-width: ' + self.maxWidth + 'px;' + (self.color ? 'background-color: ' + self.color + ';"' : '"'); |
|
2634
|
|
|
if (self.closeButton) { |
|
2635
|
|
|
closeButton = '<button type="button" class="' + prefix + 'close" aria-hidden="true">\xD7</button>'; |
|
2636
|
|
|
} |
|
2637
|
|
|
if (self.progressBar) { |
|
2638
|
|
|
progressBar = self.progressBar.renderHtml(); |
|
2639
|
|
|
} |
|
2640
|
|
|
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>'; |
|
2641
|
|
|
}, |
|
2642
|
|
|
postRender: function () { |
|
2643
|
|
|
var self = this; |
|
2644
|
|
|
global$3.setTimeout(function () { |
|
2645
|
|
|
self.$el.addClass(self.classPrefix + 'in'); |
|
2646
|
|
|
updateLiveRegion(self, self.state.get('text')); |
|
2647
|
|
|
}, 100); |
|
2648
|
|
|
return self._super(); |
|
2649
|
|
|
}, |
|
2650
|
|
|
bindStates: function () { |
|
2651
|
|
|
var self = this; |
|
2652
|
|
|
self.state.on('change:text', function (e) { |
|
2653
|
|
|
self.getEl().firstChild.innerHTML = e.value; |
|
2654
|
|
|
updateLiveRegion(self, e.value); |
|
2655
|
|
|
}); |
|
2656
|
|
|
if (self.progressBar) { |
|
2657
|
|
|
self.progressBar.bindStates(); |
|
2658
|
|
|
self.progressBar.state.on('change:value', function (e) { |
|
|
|
|
|
|
2659
|
|
|
updateLiveRegion(self, self.state.get('text')); |
|
2660
|
|
|
}); |
|
2661
|
|
|
} |
|
2662
|
|
|
return self._super(); |
|
2663
|
|
|
}, |
|
2664
|
|
|
close: function () { |
|
2665
|
|
|
var self = this; |
|
2666
|
|
|
if (!self.fire('close').isDefaultPrevented()) { |
|
2667
|
|
|
self.remove(); |
|
2668
|
|
|
} |
|
2669
|
|
|
return self; |
|
2670
|
|
|
}, |
|
2671
|
|
|
repaint: function () { |
|
2672
|
|
|
var self = this; |
|
2673
|
|
|
var style, rect; |
|
2674
|
|
|
style = self.getEl().style; |
|
2675
|
|
|
rect = self._layoutRect; |
|
2676
|
|
|
style.left = rect.x + 'px'; |
|
2677
|
|
|
style.top = rect.y + 'px'; |
|
2678
|
|
|
style.zIndex = 65535 - 1; |
|
2679
|
|
|
} |
|
2680
|
|
|
}); |
|
2681
|
|
|
|
|
2682
|
|
View Code Duplication |
function NotificationManagerImpl (editor) { |
|
|
|
|
|
|
2683
|
|
|
var getEditorContainer = function (editor) { |
|
2684
|
|
|
return editor.inline ? editor.getElement() : editor.getContentAreaContainer(); |
|
2685
|
|
|
}; |
|
2686
|
|
|
var getContainerWidth = function () { |
|
2687
|
|
|
var container = getEditorContainer(editor); |
|
2688
|
|
|
return funcs.getSize(container).width; |
|
2689
|
|
|
}; |
|
2690
|
|
|
var prePositionNotifications = function (notifications) { |
|
2691
|
|
|
each(notifications, function (notification) { |
|
2692
|
|
|
notification.moveTo(0, 0); |
|
2693
|
|
|
}); |
|
2694
|
|
|
}; |
|
2695
|
|
|
var positionNotifications = function (notifications) { |
|
2696
|
|
|
if (notifications.length > 0) { |
|
2697
|
|
|
var firstItem = notifications.slice(0, 1)[0]; |
|
2698
|
|
|
var container = getEditorContainer(editor); |
|
2699
|
|
|
firstItem.moveRel(container, 'tc-tc'); |
|
2700
|
|
|
each(notifications, function (notification, index) { |
|
2701
|
|
|
if (index > 0) { |
|
2702
|
|
|
notification.moveRel(notifications[index - 1].getEl(), 'bc-tc'); |
|
2703
|
|
|
} |
|
2704
|
|
|
}); |
|
2705
|
|
|
} |
|
2706
|
|
|
}; |
|
2707
|
|
|
var reposition = function (notifications) { |
|
2708
|
|
|
prePositionNotifications(notifications); |
|
2709
|
|
|
positionNotifications(notifications); |
|
2710
|
|
|
}; |
|
2711
|
|
|
var open = function (args, closeCallback) { |
|
2712
|
|
|
var extendedArgs = global$4.extend(args, { maxWidth: getContainerWidth() }); |
|
2713
|
|
|
var notif = new Notification(extendedArgs); |
|
2714
|
|
|
notif.args = extendedArgs; |
|
2715
|
|
|
if (extendedArgs.timeout > 0) { |
|
2716
|
|
|
notif.timer = setTimeout(function () { |
|
2717
|
|
|
notif.close(); |
|
2718
|
|
|
closeCallback(); |
|
2719
|
|
|
}, extendedArgs.timeout); |
|
2720
|
|
|
} |
|
2721
|
|
|
notif.on('close', function () { |
|
2722
|
|
|
closeCallback(); |
|
2723
|
|
|
}); |
|
2724
|
|
|
notif.renderTo(); |
|
2725
|
|
|
return notif; |
|
2726
|
|
|
}; |
|
2727
|
|
|
var close = function (notification) { |
|
2728
|
|
|
notification.close(); |
|
2729
|
|
|
}; |
|
2730
|
|
|
var getArgs = function (notification) { |
|
2731
|
|
|
return notification.args; |
|
2732
|
|
|
}; |
|
2733
|
|
|
return { |
|
2734
|
|
|
open: open, |
|
2735
|
|
|
close: close, |
|
2736
|
|
|
reposition: reposition, |
|
2737
|
|
|
getArgs: getArgs |
|
2738
|
|
|
}; |
|
2739
|
|
|
} |
|
2740
|
|
|
|
|
2741
|
|
View Code Duplication |
function getDocumentSize(doc) { |
|
|
|
|
|
|
2742
|
|
|
var documentElement, body, scrollWidth, clientWidth; |
|
2743
|
|
|
var offsetWidth, scrollHeight, clientHeight, offsetHeight; |
|
2744
|
|
|
var max = Math.max; |
|
2745
|
|
|
documentElement = doc.documentElement; |
|
2746
|
|
|
body = doc.body; |
|
2747
|
|
|
scrollWidth = max(documentElement.scrollWidth, body.scrollWidth); |
|
2748
|
|
|
clientWidth = max(documentElement.clientWidth, body.clientWidth); |
|
2749
|
|
|
offsetWidth = max(documentElement.offsetWidth, body.offsetWidth); |
|
2750
|
|
|
scrollHeight = max(documentElement.scrollHeight, body.scrollHeight); |
|
2751
|
|
|
clientHeight = max(documentElement.clientHeight, body.clientHeight); |
|
2752
|
|
|
offsetHeight = max(documentElement.offsetHeight, body.offsetHeight); |
|
2753
|
|
|
return { |
|
2754
|
|
|
width: scrollWidth < offsetWidth ? clientWidth : scrollWidth, |
|
2755
|
|
|
height: scrollHeight < offsetHeight ? clientHeight : scrollHeight |
|
2756
|
|
|
}; |
|
2757
|
|
|
} |
|
2758
|
|
|
function updateWithTouchData(e) { |
|
2759
|
|
|
var keys, i; |
|
2760
|
|
|
if (e.changedTouches) { |
|
2761
|
|
|
keys = 'screenX screenY pageX pageY clientX clientY'.split(' '); |
|
2762
|
|
|
for (i = 0; i < keys.length; i++) { |
|
2763
|
|
|
e[keys[i]] = e.changedTouches[0][keys[i]]; |
|
2764
|
|
|
} |
|
2765
|
|
|
} |
|
2766
|
|
|
} |
|
2767
|
|
View Code Duplication |
function DragHelper (id, settings) { |
|
|
|
|
|
|
2768
|
|
|
var $eventOverlay; |
|
2769
|
|
|
var doc = settings.document || document; |
|
2770
|
|
|
var downButton; |
|
2771
|
|
|
var start, stop$$1, drag, startX, startY; |
|
2772
|
|
|
settings = settings || {}; |
|
2773
|
|
|
var handleElement = doc.getElementById(settings.handle || id); |
|
2774
|
|
|
start = function (e) { |
|
2775
|
|
|
var docSize = getDocumentSize(doc); |
|
2776
|
|
|
var handleElm, cursor; |
|
2777
|
|
|
updateWithTouchData(e); |
|
2778
|
|
|
e.preventDefault(); |
|
2779
|
|
|
downButton = e.button; |
|
2780
|
|
|
handleElm = handleElement; |
|
2781
|
|
|
startX = e.screenX; |
|
2782
|
|
|
startY = e.screenY; |
|
2783
|
|
|
if (window.getComputedStyle) { |
|
2784
|
|
|
cursor = window.getComputedStyle(handleElm, null).getPropertyValue('cursor'); |
|
2785
|
|
|
} else { |
|
2786
|
|
|
cursor = handleElm.runtimeStyle.cursor; |
|
2787
|
|
|
} |
|
2788
|
|
|
$eventOverlay = global$7('<div></div>').css({ |
|
2789
|
|
|
position: 'absolute', |
|
2790
|
|
|
top: 0, |
|
2791
|
|
|
left: 0, |
|
2792
|
|
|
width: docSize.width, |
|
2793
|
|
|
height: docSize.height, |
|
2794
|
|
|
zIndex: 2147483647, |
|
2795
|
|
|
opacity: 0.0001, |
|
2796
|
|
|
cursor: cursor |
|
2797
|
|
|
}).appendTo(doc.body); |
|
2798
|
|
|
global$7(doc).on('mousemove touchmove', drag).on('mouseup touchend', stop$$1); |
|
2799
|
|
|
settings.start(e); |
|
2800
|
|
|
}; |
|
2801
|
|
|
drag = function (e) { |
|
2802
|
|
|
updateWithTouchData(e); |
|
2803
|
|
|
if (e.button !== downButton) { |
|
2804
|
|
|
return stop$$1(e); |
|
2805
|
|
|
} |
|
2806
|
|
|
e.deltaX = e.screenX - startX; |
|
2807
|
|
|
e.deltaY = e.screenY - startY; |
|
2808
|
|
|
e.preventDefault(); |
|
2809
|
|
|
settings.drag(e); |
|
|
|
|
|
|
2810
|
|
|
}; |
|
2811
|
|
|
stop$$1 = function (e) { |
|
2812
|
|
|
updateWithTouchData(e); |
|
2813
|
|
|
global$7(doc).off('mousemove touchmove', drag).off('mouseup touchend', stop$$1); |
|
2814
|
|
|
$eventOverlay.remove(); |
|
2815
|
|
|
if (settings.stop) { |
|
2816
|
|
|
settings.stop(e); |
|
2817
|
|
|
} |
|
2818
|
|
|
}; |
|
2819
|
|
|
this.destroy = function () { |
|
2820
|
|
|
global$7(handleElement).off(); |
|
2821
|
|
|
}; |
|
2822
|
|
|
global$7(handleElement).on('mousedown touchstart', start); |
|
2823
|
|
|
} |
|
2824
|
|
|
|
|
2825
|
|
|
var global$b = tinymce.util.Tools.resolve('tinymce.ui.Factory'); |
|
2826
|
|
|
|
|
2827
|
|
|
var hasTabstopData = function (elm) { |
|
2828
|
|
|
return elm.getAttribute('data-mce-tabstop') ? true : false; |
|
2829
|
|
|
}; |
|
2830
|
|
View Code Duplication |
function KeyboardNavigation (settings) { |
|
|
|
|
|
|
2831
|
|
|
var root = settings.root; |
|
2832
|
|
|
var focusedElement, focusedControl; |
|
2833
|
|
|
function isElement(node) { |
|
2834
|
|
|
return node && node.nodeType === 1; |
|
2835
|
|
|
} |
|
2836
|
|
|
try { |
|
2837
|
|
|
focusedElement = document.activeElement; |
|
2838
|
|
|
} catch (ex) { |
|
2839
|
|
|
focusedElement = document.body; |
|
2840
|
|
|
} |
|
2841
|
|
|
focusedControl = root.getParentCtrl(focusedElement); |
|
2842
|
|
|
function getRole(elm) { |
|
2843
|
|
|
elm = elm || focusedElement; |
|
2844
|
|
|
if (isElement(elm)) { |
|
2845
|
|
|
return elm.getAttribute('role'); |
|
2846
|
|
|
} |
|
2847
|
|
|
return null; |
|
2848
|
|
|
} |
|
2849
|
|
|
function getParentRole(elm) { |
|
2850
|
|
|
var role, parent$$1 = elm || focusedElement; |
|
2851
|
|
|
while (parent$$1 = parent$$1.parentNode) { |
|
2852
|
|
|
if (role = getRole(parent$$1)) { |
|
2853
|
|
|
return role; |
|
2854
|
|
|
} |
|
2855
|
|
|
} |
|
|
|
|
|
|
2856
|
|
|
} |
|
2857
|
|
|
function getAriaProp(name$$1) { |
|
2858
|
|
|
var elm = focusedElement; |
|
2859
|
|
|
if (isElement(elm)) { |
|
|
|
|
|
|
2860
|
|
|
return elm.getAttribute('aria-' + name$$1); |
|
2861
|
|
|
} |
|
2862
|
|
|
} |
|
2863
|
|
|
function isTextInputElement(elm) { |
|
2864
|
|
|
var tagName = elm.tagName.toUpperCase(); |
|
2865
|
|
|
return tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT'; |
|
2866
|
|
|
} |
|
2867
|
|
|
function canFocus(elm) { |
|
2868
|
|
|
if (isTextInputElement(elm) && !elm.hidden) { |
|
2869
|
|
|
return true; |
|
2870
|
|
|
} |
|
2871
|
|
|
if (hasTabstopData(elm)) { |
|
2872
|
|
|
return true; |
|
2873
|
|
|
} |
|
2874
|
|
|
if (/^(button|menuitem|checkbox|tab|menuitemcheckbox|option|gridcell|slider)$/.test(getRole(elm))) { |
|
2875
|
|
|
return true; |
|
2876
|
|
|
} |
|
2877
|
|
|
return false; |
|
2878
|
|
|
} |
|
2879
|
|
|
function getFocusElements(elm) { |
|
2880
|
|
|
var elements = []; |
|
2881
|
|
|
function collect(elm) { |
|
2882
|
|
|
if (elm.nodeType !== 1 || elm.style.display === 'none' || elm.disabled) { |
|
2883
|
|
|
return; |
|
2884
|
|
|
} |
|
2885
|
|
|
if (canFocus(elm)) { |
|
2886
|
|
|
elements.push(elm); |
|
2887
|
|
|
} |
|
2888
|
|
|
for (var i = 0; i < elm.childNodes.length; i++) { |
|
2889
|
|
|
collect(elm.childNodes[i]); |
|
2890
|
|
|
} |
|
2891
|
|
|
} |
|
2892
|
|
|
collect(elm || root.getEl()); |
|
2893
|
|
|
return elements; |
|
2894
|
|
|
} |
|
2895
|
|
|
function getNavigationRoot(targetControl) { |
|
2896
|
|
|
var navigationRoot, controls; |
|
2897
|
|
|
targetControl = targetControl || focusedControl; |
|
2898
|
|
|
controls = targetControl.parents().toArray(); |
|
2899
|
|
|
controls.unshift(targetControl); |
|
2900
|
|
|
for (var i = 0; i < controls.length; i++) { |
|
2901
|
|
|
navigationRoot = controls[i]; |
|
2902
|
|
|
if (navigationRoot.settings.ariaRoot) { |
|
2903
|
|
|
break; |
|
2904
|
|
|
} |
|
2905
|
|
|
} |
|
2906
|
|
|
return navigationRoot; |
|
|
|
|
|
|
2907
|
|
|
} |
|
2908
|
|
|
function focusFirst(targetControl) { |
|
2909
|
|
|
var navigationRoot = getNavigationRoot(targetControl); |
|
2910
|
|
|
var focusElements = getFocusElements(navigationRoot.getEl()); |
|
2911
|
|
|
if (navigationRoot.settings.ariaRemember && 'lastAriaIndex' in navigationRoot) { |
|
2912
|
|
|
moveFocusToIndex(navigationRoot.lastAriaIndex, focusElements); |
|
2913
|
|
|
} else { |
|
2914
|
|
|
moveFocusToIndex(0, focusElements); |
|
2915
|
|
|
} |
|
2916
|
|
|
} |
|
2917
|
|
|
function moveFocusToIndex(idx, elements) { |
|
2918
|
|
|
if (idx < 0) { |
|
2919
|
|
|
idx = elements.length - 1; |
|
2920
|
|
|
} else if (idx >= elements.length) { |
|
2921
|
|
|
idx = 0; |
|
2922
|
|
|
} |
|
2923
|
|
|
if (elements[idx]) { |
|
2924
|
|
|
elements[idx].focus(); |
|
2925
|
|
|
} |
|
2926
|
|
|
return idx; |
|
2927
|
|
|
} |
|
2928
|
|
|
function moveFocus(dir, elements) { |
|
2929
|
|
|
var idx = -1; |
|
2930
|
|
|
var navigationRoot = getNavigationRoot(); |
|
2931
|
|
|
elements = elements || getFocusElements(navigationRoot.getEl()); |
|
2932
|
|
|
for (var i = 0; i < elements.length; i++) { |
|
2933
|
|
|
if (elements[i] === focusedElement) { |
|
2934
|
|
|
idx = i; |
|
2935
|
|
|
} |
|
2936
|
|
|
} |
|
2937
|
|
|
idx += dir; |
|
2938
|
|
|
navigationRoot.lastAriaIndex = moveFocusToIndex(idx, elements); |
|
2939
|
|
|
} |
|
2940
|
|
|
function left() { |
|
2941
|
|
|
var parentRole = getParentRole(); |
|
2942
|
|
|
if (parentRole === 'tablist') { |
|
2943
|
|
|
moveFocus(-1, getFocusElements(focusedElement.parentNode)); |
|
2944
|
|
|
} else if (focusedControl.parent().submenu) { |
|
2945
|
|
|
cancel(); |
|
2946
|
|
|
} else { |
|
2947
|
|
|
moveFocus(-1); |
|
2948
|
|
|
} |
|
2949
|
|
|
} |
|
2950
|
|
|
function right() { |
|
2951
|
|
|
var role = getRole(), parentRole = getParentRole(); |
|
2952
|
|
|
if (parentRole === 'tablist') { |
|
2953
|
|
|
moveFocus(1, getFocusElements(focusedElement.parentNode)); |
|
2954
|
|
|
} else if (role === 'menuitem' && parentRole === 'menu' && getAriaProp('haspopup')) { |
|
2955
|
|
|
enter(); |
|
2956
|
|
|
} else { |
|
2957
|
|
|
moveFocus(1); |
|
2958
|
|
|
} |
|
2959
|
|
|
} |
|
2960
|
|
|
function up() { |
|
2961
|
|
|
moveFocus(-1); |
|
2962
|
|
|
} |
|
2963
|
|
|
function down() { |
|
2964
|
|
|
var role = getRole(), parentRole = getParentRole(); |
|
2965
|
|
|
if (role === 'menuitem' && parentRole === 'menubar') { |
|
2966
|
|
|
enter(); |
|
2967
|
|
|
} else if (role === 'button' && getAriaProp('haspopup')) { |
|
2968
|
|
|
enter({ key: 'down' }); |
|
2969
|
|
|
} else { |
|
2970
|
|
|
moveFocus(1); |
|
2971
|
|
|
} |
|
2972
|
|
|
} |
|
2973
|
|
|
function tab(e) { |
|
2974
|
|
|
var parentRole = getParentRole(); |
|
2975
|
|
|
if (parentRole === 'tablist') { |
|
2976
|
|
|
var elm = getFocusElements(focusedControl.getEl('body'))[0]; |
|
2977
|
|
|
if (elm) { |
|
2978
|
|
|
elm.focus(); |
|
2979
|
|
|
} |
|
2980
|
|
|
} else { |
|
2981
|
|
|
moveFocus(e.shiftKey ? -1 : 1); |
|
2982
|
|
|
} |
|
2983
|
|
|
} |
|
2984
|
|
|
function cancel() { |
|
2985
|
|
|
focusedControl.fire('cancel'); |
|
2986
|
|
|
} |
|
2987
|
|
|
function enter(aria) { |
|
2988
|
|
|
aria = aria || {}; |
|
2989
|
|
|
focusedControl.fire('click', { |
|
2990
|
|
|
target: focusedElement, |
|
2991
|
|
|
aria: aria |
|
2992
|
|
|
}); |
|
2993
|
|
|
} |
|
2994
|
|
|
root.on('keydown', function (e) { |
|
2995
|
|
|
function handleNonTabOrEscEvent(e, handler) { |
|
2996
|
|
|
if (isTextInputElement(focusedElement) || hasTabstopData(focusedElement)) { |
|
2997
|
|
|
return; |
|
2998
|
|
|
} |
|
2999
|
|
|
if (getRole(focusedElement) === 'slider') { |
|
3000
|
|
|
return; |
|
3001
|
|
|
} |
|
3002
|
|
|
if (handler(e) !== false) { |
|
3003
|
|
|
e.preventDefault(); |
|
3004
|
|
|
} |
|
3005
|
|
|
} |
|
3006
|
|
|
if (e.isDefaultPrevented()) { |
|
3007
|
|
|
return; |
|
3008
|
|
|
} |
|
3009
|
|
|
switch (e.keyCode) { |
|
3010
|
|
|
case 37: |
|
3011
|
|
|
handleNonTabOrEscEvent(e, left); |
|
3012
|
|
|
break; |
|
3013
|
|
|
case 39: |
|
3014
|
|
|
handleNonTabOrEscEvent(e, right); |
|
3015
|
|
|
break; |
|
3016
|
|
|
case 38: |
|
3017
|
|
|
handleNonTabOrEscEvent(e, up); |
|
3018
|
|
|
break; |
|
3019
|
|
|
case 40: |
|
3020
|
|
|
handleNonTabOrEscEvent(e, down); |
|
3021
|
|
|
break; |
|
3022
|
|
|
case 27: |
|
3023
|
|
|
cancel(); |
|
3024
|
|
|
break; |
|
3025
|
|
|
case 14: |
|
3026
|
|
|
case 13: |
|
3027
|
|
|
case 32: |
|
3028
|
|
|
handleNonTabOrEscEvent(e, enter); |
|
3029
|
|
|
break; |
|
3030
|
|
|
case 9: |
|
3031
|
|
|
tab(e); |
|
3032
|
|
|
e.preventDefault(); |
|
3033
|
|
|
break; |
|
3034
|
|
|
} |
|
3035
|
|
|
}); |
|
3036
|
|
|
root.on('focusin', function (e) { |
|
3037
|
|
|
focusedElement = e.target; |
|
3038
|
|
|
focusedControl = e.control; |
|
3039
|
|
|
}); |
|
3040
|
|
|
return { focusFirst: focusFirst }; |
|
3041
|
|
|
} |
|
3042
|
|
|
|
|
3043
|
|
|
var selectorCache = {}; |
|
3044
|
|
|
var Container = Control$1.extend({ |
|
3045
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
3046
|
|
|
var self = this; |
|
3047
|
|
|
self._super(settings); |
|
3048
|
|
|
settings = self.settings; |
|
3049
|
|
|
if (settings.fixed) { |
|
3050
|
|
|
self.state.set('fixed', true); |
|
3051
|
|
|
} |
|
3052
|
|
|
self._items = new Collection$2(); |
|
3053
|
|
|
if (self.isRtl()) { |
|
3054
|
|
|
self.classes.add('rtl'); |
|
3055
|
|
|
} |
|
3056
|
|
|
self.bodyClasses = new ClassList(function () { |
|
3057
|
|
|
if (self.state.get('rendered')) { |
|
3058
|
|
|
self.getEl('body').className = this.toString(); |
|
3059
|
|
|
} |
|
3060
|
|
|
}); |
|
3061
|
|
|
self.bodyClasses.prefix = self.classPrefix; |
|
3062
|
|
|
self.classes.add('container'); |
|
3063
|
|
|
self.bodyClasses.add('container-body'); |
|
3064
|
|
|
if (settings.containerCls) { |
|
3065
|
|
|
self.classes.add(settings.containerCls); |
|
3066
|
|
|
} |
|
3067
|
|
|
self._layout = global$b.create((settings.layout || '') + 'layout'); |
|
3068
|
|
|
if (self.settings.items) { |
|
3069
|
|
|
self.add(self.settings.items); |
|
3070
|
|
|
} else { |
|
3071
|
|
|
self.add(self.render()); |
|
3072
|
|
|
} |
|
3073
|
|
|
self._hasBody = true; |
|
3074
|
|
|
}, |
|
3075
|
|
|
items: function () { |
|
3076
|
|
|
return this._items; |
|
3077
|
|
|
}, |
|
3078
|
|
|
find: function (selector) { |
|
3079
|
|
|
selector = selectorCache[selector] = selectorCache[selector] || new Selector(selector); |
|
3080
|
|
|
return selector.find(this); |
|
3081
|
|
|
}, |
|
3082
|
|
|
add: function (items) { |
|
3083
|
|
|
var self = this; |
|
3084
|
|
|
self.items().add(self.create(items)).parent(self); |
|
3085
|
|
|
return self; |
|
3086
|
|
|
}, |
|
3087
|
|
View Code Duplication |
focus: function (keyboard) { |
|
|
|
|
|
|
3088
|
|
|
var self = this; |
|
3089
|
|
|
var focusCtrl, keyboardNav, items; |
|
3090
|
|
|
if (keyboard) { |
|
3091
|
|
|
keyboardNav = self.keyboardNav || self.parents().eq(-1)[0].keyboardNav; |
|
3092
|
|
|
if (keyboardNav) { |
|
3093
|
|
|
keyboardNav.focusFirst(self); |
|
3094
|
|
|
return; |
|
|
|
|
|
|
3095
|
|
|
} |
|
3096
|
|
|
} |
|
3097
|
|
|
items = self.find('*'); |
|
3098
|
|
|
if (self.statusbar) { |
|
3099
|
|
|
items.add(self.statusbar.items()); |
|
3100
|
|
|
} |
|
3101
|
|
|
items.each(function (ctrl) { |
|
3102
|
|
|
if (ctrl.settings.autofocus) { |
|
3103
|
|
|
focusCtrl = null; |
|
3104
|
|
|
return false; |
|
3105
|
|
|
} |
|
3106
|
|
|
if (ctrl.canFocus) { |
|
|
|
|
|
|
3107
|
|
|
focusCtrl = focusCtrl || ctrl; |
|
|
|
|
|
|
3108
|
|
|
} |
|
3109
|
|
|
}); |
|
3110
|
|
|
if (focusCtrl) { |
|
3111
|
|
|
focusCtrl.focus(); |
|
3112
|
|
|
} |
|
3113
|
|
|
return self; |
|
3114
|
|
|
}, |
|
3115
|
|
View Code Duplication |
replace: function (oldItem, newItem) { |
|
|
|
|
|
|
3116
|
|
|
var ctrlElm; |
|
3117
|
|
|
var items = this.items(); |
|
3118
|
|
|
var i = items.length; |
|
3119
|
|
|
while (i--) { |
|
3120
|
|
|
if (items[i] === oldItem) { |
|
3121
|
|
|
items[i] = newItem; |
|
3122
|
|
|
break; |
|
3123
|
|
|
} |
|
3124
|
|
|
} |
|
3125
|
|
|
if (i >= 0) { |
|
3126
|
|
|
ctrlElm = newItem.getEl(); |
|
3127
|
|
|
if (ctrlElm) { |
|
3128
|
|
|
ctrlElm.parentNode.removeChild(ctrlElm); |
|
3129
|
|
|
} |
|
3130
|
|
|
ctrlElm = oldItem.getEl(); |
|
3131
|
|
|
if (ctrlElm) { |
|
3132
|
|
|
ctrlElm.parentNode.removeChild(ctrlElm); |
|
3133
|
|
|
} |
|
3134
|
|
|
} |
|
3135
|
|
|
newItem.parent(this); |
|
3136
|
|
|
}, |
|
3137
|
|
|
create: function (items) { |
|
3138
|
|
|
var self = this; |
|
3139
|
|
|
var settings; |
|
3140
|
|
|
var ctrlItems = []; |
|
3141
|
|
|
if (!global$4.isArray(items)) { |
|
3142
|
|
|
items = [items]; |
|
3143
|
|
|
} |
|
3144
|
|
|
global$4.each(items, function (item) { |
|
3145
|
|
|
if (item) { |
|
3146
|
|
|
if (!(item instanceof Control$1)) { |
|
3147
|
|
|
if (typeof item === 'string') { |
|
3148
|
|
|
item = { type: item }; |
|
3149
|
|
|
} |
|
3150
|
|
|
settings = global$4.extend({}, self.settings.defaults, item); |
|
3151
|
|
|
item.type = settings.type = settings.type || item.type || self.settings.defaultType || (settings.defaults ? settings.defaults.type : null); |
|
3152
|
|
|
item = global$b.create(settings); |
|
3153
|
|
|
} |
|
3154
|
|
|
ctrlItems.push(item); |
|
3155
|
|
|
} |
|
3156
|
|
|
}); |
|
3157
|
|
|
return ctrlItems; |
|
3158
|
|
|
}, |
|
3159
|
|
|
renderNew: function () { |
|
3160
|
|
|
var self = this; |
|
3161
|
|
|
self.items().each(function (ctrl, index) { |
|
3162
|
|
|
var containerElm; |
|
3163
|
|
|
ctrl.parent(self); |
|
3164
|
|
|
if (!ctrl.state.get('rendered')) { |
|
3165
|
|
|
containerElm = self.getEl('body'); |
|
3166
|
|
|
if (containerElm.hasChildNodes() && index <= containerElm.childNodes.length - 1) { |
|
3167
|
|
|
global$7(containerElm.childNodes[index]).before(ctrl.renderHtml()); |
|
3168
|
|
|
} else { |
|
3169
|
|
|
global$7(containerElm).append(ctrl.renderHtml()); |
|
3170
|
|
|
} |
|
3171
|
|
|
ctrl.postRender(); |
|
3172
|
|
|
ReflowQueue.add(ctrl); |
|
3173
|
|
|
} |
|
3174
|
|
|
}); |
|
3175
|
|
|
self._layout.applyClasses(self.items().filter(':visible')); |
|
3176
|
|
|
self._lastRect = null; |
|
3177
|
|
|
return self; |
|
3178
|
|
|
}, |
|
3179
|
|
|
append: function (items) { |
|
3180
|
|
|
return this.add(items).renderNew(); |
|
3181
|
|
|
}, |
|
3182
|
|
|
prepend: function (items) { |
|
3183
|
|
|
var self = this; |
|
3184
|
|
|
self.items().set(self.create(items).concat(self.items().toArray())); |
|
3185
|
|
|
return self.renderNew(); |
|
3186
|
|
|
}, |
|
3187
|
|
View Code Duplication |
insert: function (items, index, before) { |
|
|
|
|
|
|
3188
|
|
|
var self = this; |
|
3189
|
|
|
var curItems, beforeItems, afterItems; |
|
3190
|
|
|
items = self.create(items); |
|
3191
|
|
|
curItems = self.items(); |
|
3192
|
|
|
if (!before && index < curItems.length - 1) { |
|
3193
|
|
|
index += 1; |
|
3194
|
|
|
} |
|
3195
|
|
|
if (index >= 0 && index < curItems.length) { |
|
3196
|
|
|
beforeItems = curItems.slice(0, index).toArray(); |
|
3197
|
|
|
afterItems = curItems.slice(index).toArray(); |
|
3198
|
|
|
curItems.set(beforeItems.concat(items, afterItems)); |
|
3199
|
|
|
} |
|
3200
|
|
|
return self.renderNew(); |
|
3201
|
|
|
}, |
|
3202
|
|
|
fromJSON: function (data) { |
|
3203
|
|
|
var self = this; |
|
3204
|
|
|
for (var name in data) { |
|
|
|
|
|
|
3205
|
|
|
self.find('#' + name).value(data[name]); |
|
3206
|
|
|
} |
|
3207
|
|
|
return self; |
|
3208
|
|
|
}, |
|
3209
|
|
|
toJSON: function () { |
|
3210
|
|
|
var self = this, data = {}; |
|
3211
|
|
|
self.find('*').each(function (ctrl) { |
|
3212
|
|
|
var name = ctrl.name(), value = ctrl.value(); |
|
3213
|
|
|
if (name && typeof value !== 'undefined') { |
|
3214
|
|
|
data[name] = value; |
|
3215
|
|
|
} |
|
3216
|
|
|
}); |
|
3217
|
|
|
return data; |
|
3218
|
|
|
}, |
|
3219
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
3220
|
|
|
var self = this, layout = self._layout, role = this.settings.role; |
|
3221
|
|
|
self.preRender(); |
|
3222
|
|
|
layout.preRender(self); |
|
3223
|
|
|
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>'; |
|
3224
|
|
|
}, |
|
3225
|
|
|
postRender: function () { |
|
3226
|
|
|
var self = this; |
|
3227
|
|
|
var box; |
|
3228
|
|
|
self.items().exec('postRender'); |
|
3229
|
|
|
self._super(); |
|
3230
|
|
|
self._layout.postRender(self); |
|
3231
|
|
|
self.state.set('rendered', true); |
|
3232
|
|
|
if (self.settings.style) { |
|
3233
|
|
|
self.$el.css(self.settings.style); |
|
3234
|
|
|
} |
|
3235
|
|
|
if (self.settings.border) { |
|
3236
|
|
|
box = self.borderBox; |
|
3237
|
|
|
self.$el.css({ |
|
3238
|
|
|
'border-top-width': box.top, |
|
3239
|
|
|
'border-right-width': box.right, |
|
3240
|
|
|
'border-bottom-width': box.bottom, |
|
3241
|
|
|
'border-left-width': box.left |
|
3242
|
|
|
}); |
|
3243
|
|
|
} |
|
3244
|
|
|
if (!self.parent()) { |
|
3245
|
|
|
self.keyboardNav = KeyboardNavigation({ root: self }); |
|
3246
|
|
|
} |
|
3247
|
|
|
return self; |
|
3248
|
|
|
}, |
|
3249
|
|
|
initLayoutRect: function () { |
|
3250
|
|
|
var self = this, layoutRect = self._super(); |
|
3251
|
|
|
self._layout.recalc(self); |
|
3252
|
|
|
return layoutRect; |
|
3253
|
|
|
}, |
|
3254
|
|
View Code Duplication |
recalc: function () { |
|
|
|
|
|
|
3255
|
|
|
var self = this; |
|
3256
|
|
|
var rect = self._layoutRect; |
|
3257
|
|
|
var lastRect = self._lastRect; |
|
3258
|
|
|
if (!lastRect || lastRect.w !== rect.w || lastRect.h !== rect.h) { |
|
|
|
|
|
|
3259
|
|
|
self._layout.recalc(self); |
|
3260
|
|
|
rect = self.layoutRect(); |
|
3261
|
|
|
self._lastRect = { |
|
3262
|
|
|
x: rect.x, |
|
3263
|
|
|
y: rect.y, |
|
3264
|
|
|
w: rect.w, |
|
3265
|
|
|
h: rect.h |
|
3266
|
|
|
}; |
|
3267
|
|
|
return true; |
|
3268
|
|
|
} |
|
3269
|
|
|
}, |
|
3270
|
|
View Code Duplication |
reflow: function () { |
|
|
|
|
|
|
3271
|
|
|
var i; |
|
3272
|
|
|
ReflowQueue.remove(this); |
|
3273
|
|
|
if (this.visible()) { |
|
3274
|
|
|
Control$1.repaintControls = []; |
|
3275
|
|
|
Control$1.repaintControls.map = {}; |
|
3276
|
|
|
this.recalc(); |
|
3277
|
|
|
i = Control$1.repaintControls.length; |
|
3278
|
|
|
while (i--) { |
|
3279
|
|
|
Control$1.repaintControls[i].repaint(); |
|
3280
|
|
|
} |
|
3281
|
|
|
if (this.settings.layout !== 'flow' && this.settings.layout !== 'stack') { |
|
3282
|
|
|
this.repaint(); |
|
3283
|
|
|
} |
|
3284
|
|
|
Control$1.repaintControls = []; |
|
3285
|
|
|
} |
|
3286
|
|
|
return this; |
|
3287
|
|
|
} |
|
3288
|
|
|
}); |
|
3289
|
|
|
|
|
3290
|
|
|
var Scrollable = { |
|
3291
|
|
|
init: function () { |
|
3292
|
|
|
var self = this; |
|
3293
|
|
|
self.on('repaint', self.renderScroll); |
|
3294
|
|
|
}, |
|
3295
|
|
View Code Duplication |
renderScroll: function () { |
|
|
|
|
|
|
3296
|
|
|
var self = this, margin = 2; |
|
3297
|
|
|
function repaintScroll() { |
|
3298
|
|
|
var hasScrollH, hasScrollV, bodyElm; |
|
3299
|
|
|
function repaintAxis(axisName, posName, sizeName, contentSizeName, hasScroll, ax) { |
|
3300
|
|
|
var containerElm, scrollBarElm, scrollThumbElm; |
|
3301
|
|
|
var containerSize, scrollSize, ratio, rect; |
|
3302
|
|
|
var posNameLower, sizeNameLower; |
|
3303
|
|
|
scrollBarElm = self.getEl('scroll' + axisName); |
|
3304
|
|
|
if (scrollBarElm) { |
|
3305
|
|
|
posNameLower = posName.toLowerCase(); |
|
3306
|
|
|
sizeNameLower = sizeName.toLowerCase(); |
|
3307
|
|
|
global$7(self.getEl('absend')).css(posNameLower, self.layoutRect()[contentSizeName] - 1); |
|
3308
|
|
|
if (!hasScroll) { |
|
3309
|
|
|
global$7(scrollBarElm).css('display', 'none'); |
|
3310
|
|
|
return; |
|
3311
|
|
|
} |
|
3312
|
|
|
global$7(scrollBarElm).css('display', 'block'); |
|
3313
|
|
|
containerElm = self.getEl('body'); |
|
3314
|
|
|
scrollThumbElm = self.getEl('scroll' + axisName + 't'); |
|
3315
|
|
|
containerSize = containerElm['client' + sizeName] - margin * 2; |
|
3316
|
|
|
containerSize -= hasScrollH && hasScrollV ? scrollBarElm['client' + ax] : 0; |
|
3317
|
|
|
scrollSize = containerElm['scroll' + sizeName]; |
|
3318
|
|
|
ratio = containerSize / scrollSize; |
|
3319
|
|
|
rect = {}; |
|
3320
|
|
|
rect[posNameLower] = containerElm['offset' + posName] + margin; |
|
3321
|
|
|
rect[sizeNameLower] = containerSize; |
|
3322
|
|
|
global$7(scrollBarElm).css(rect); |
|
3323
|
|
|
rect = {}; |
|
3324
|
|
|
rect[posNameLower] = containerElm['scroll' + posName] * ratio; |
|
3325
|
|
|
rect[sizeNameLower] = containerSize * ratio; |
|
3326
|
|
|
global$7(scrollThumbElm).css(rect); |
|
3327
|
|
|
} |
|
3328
|
|
|
} |
|
3329
|
|
|
bodyElm = self.getEl('body'); |
|
3330
|
|
|
hasScrollH = bodyElm.scrollWidth > bodyElm.clientWidth; |
|
3331
|
|
|
hasScrollV = bodyElm.scrollHeight > bodyElm.clientHeight; |
|
3332
|
|
|
repaintAxis('h', 'Left', 'Width', 'contentW', hasScrollH, 'Height'); |
|
3333
|
|
|
repaintAxis('v', 'Top', 'Height', 'contentH', hasScrollV, 'Width'); |
|
3334
|
|
|
} |
|
3335
|
|
|
function addScroll() { |
|
3336
|
|
|
function addScrollAxis(axisName, posName, sizeName, deltaPosName, ax) { |
|
3337
|
|
|
var scrollStart; |
|
3338
|
|
|
var axisId = self._id + '-scroll' + axisName, prefix = self.classPrefix; |
|
3339
|
|
|
global$7(self.getEl()).append('<div id="' + axisId + '" class="' + prefix + 'scrollbar ' + prefix + 'scrollbar-' + axisName + '">' + '<div id="' + axisId + 't" class="' + prefix + 'scrollbar-thumb"></div>' + '</div>'); |
|
3340
|
|
|
self.draghelper = new DragHelper(axisId + 't', { |
|
3341
|
|
|
start: function () { |
|
3342
|
|
|
scrollStart = self.getEl('body')['scroll' + posName]; |
|
3343
|
|
|
global$7('#' + axisId).addClass(prefix + 'active'); |
|
3344
|
|
|
}, |
|
3345
|
|
|
drag: function (e) { |
|
3346
|
|
|
var ratio, hasScrollH, hasScrollV, containerSize; |
|
3347
|
|
|
var layoutRect = self.layoutRect(); |
|
3348
|
|
|
hasScrollH = layoutRect.contentW > layoutRect.innerW; |
|
3349
|
|
|
hasScrollV = layoutRect.contentH > layoutRect.innerH; |
|
3350
|
|
|
containerSize = self.getEl('body')['client' + sizeName] - margin * 2; |
|
3351
|
|
|
containerSize -= hasScrollH && hasScrollV ? self.getEl('scroll' + axisName)['client' + ax] : 0; |
|
3352
|
|
|
ratio = containerSize / self.getEl('body')['scroll' + sizeName]; |
|
3353
|
|
|
self.getEl('body')['scroll' + posName] = scrollStart + e['delta' + deltaPosName] / ratio; |
|
3354
|
|
|
}, |
|
3355
|
|
|
stop: function () { |
|
3356
|
|
|
global$7('#' + axisId).removeClass(prefix + 'active'); |
|
3357
|
|
|
} |
|
3358
|
|
|
}); |
|
3359
|
|
|
} |
|
3360
|
|
|
self.classes.add('scroll'); |
|
3361
|
|
|
addScrollAxis('v', 'Top', 'Height', 'Y', 'Width'); |
|
3362
|
|
|
addScrollAxis('h', 'Left', 'Width', 'X', 'Height'); |
|
3363
|
|
|
} |
|
3364
|
|
|
if (self.settings.autoScroll) { |
|
3365
|
|
|
if (!self._hasScroll) { |
|
3366
|
|
|
self._hasScroll = true; |
|
3367
|
|
|
addScroll(); |
|
3368
|
|
|
self.on('wheel', function (e) { |
|
3369
|
|
|
var bodyEl = self.getEl('body'); |
|
3370
|
|
|
bodyEl.scrollLeft += (e.deltaX || 0) * 10; |
|
3371
|
|
|
bodyEl.scrollTop += e.deltaY * 10; |
|
3372
|
|
|
repaintScroll(); |
|
3373
|
|
|
}); |
|
3374
|
|
|
global$7(self.getEl('body')).on('scroll', repaintScroll); |
|
3375
|
|
|
} |
|
3376
|
|
|
repaintScroll(); |
|
3377
|
|
|
} |
|
3378
|
|
|
} |
|
3379
|
|
|
}; |
|
3380
|
|
|
|
|
3381
|
|
|
var Panel = Container.extend({ |
|
3382
|
|
|
Defaults: { |
|
3383
|
|
|
layout: 'fit', |
|
3384
|
|
|
containerCls: 'panel' |
|
3385
|
|
|
}, |
|
3386
|
|
|
Mixins: [Scrollable], |
|
3387
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
3388
|
|
|
var self = this; |
|
3389
|
|
|
var layout = self._layout; |
|
3390
|
|
|
var innerHtml = self.settings.html; |
|
3391
|
|
|
self.preRender(); |
|
3392
|
|
|
layout.preRender(self); |
|
3393
|
|
|
if (typeof innerHtml === 'undefined') { |
|
3394
|
|
|
innerHtml = '<div id="' + self._id + '-body" class="' + self.bodyClasses + '">' + layout.renderHtml(self) + '</div>'; |
|
3395
|
|
|
} else { |
|
3396
|
|
|
if (typeof innerHtml === 'function') { |
|
3397
|
|
|
innerHtml = innerHtml.call(self); |
|
3398
|
|
|
} |
|
3399
|
|
|
self._hasBody = false; |
|
3400
|
|
|
} |
|
3401
|
|
|
return '<div id="' + self._id + '" class="' + self.classes + '" hidefocus="1" tabindex="-1" role="group">' + (self._preBodyHtml || '') + innerHtml + '</div>'; |
|
3402
|
|
|
} |
|
3403
|
|
|
}); |
|
3404
|
|
|
|
|
3405
|
|
|
var Resizable = { |
|
3406
|
|
|
resizeToContent: function () { |
|
3407
|
|
|
this._layoutRect.autoResize = true; |
|
3408
|
|
|
this._lastRect = null; |
|
3409
|
|
|
this.reflow(); |
|
3410
|
|
|
}, |
|
3411
|
|
View Code Duplication |
resizeTo: function (w, h) { |
|
|
|
|
|
|
3412
|
|
|
if (w <= 1 || h <= 1) { |
|
3413
|
|
|
var rect = funcs.getWindowSize(); |
|
3414
|
|
|
w = w <= 1 ? w * rect.w : w; |
|
3415
|
|
|
h = h <= 1 ? h * rect.h : h; |
|
3416
|
|
|
} |
|
3417
|
|
|
this._layoutRect.autoResize = false; |
|
3418
|
|
|
return this.layoutRect({ |
|
3419
|
|
|
minW: w, |
|
3420
|
|
|
minH: h, |
|
3421
|
|
|
w: w, |
|
3422
|
|
|
h: h |
|
3423
|
|
|
}).reflow(); |
|
3424
|
|
|
}, |
|
3425
|
|
|
resizeBy: function (dw, dh) { |
|
3426
|
|
|
var self = this, rect = self.layoutRect(); |
|
3427
|
|
|
return self.resizeTo(rect.w + dw, rect.h + dh); |
|
3428
|
|
|
} |
|
3429
|
|
|
}; |
|
3430
|
|
|
|
|
3431
|
|
|
var documentClickHandler, documentScrollHandler, windowResizeHandler; |
|
3432
|
|
|
var visiblePanels = []; |
|
3433
|
|
|
var zOrder = []; |
|
3434
|
|
|
var hasModal; |
|
3435
|
|
|
function isChildOf(ctrl, parent$$1) { |
|
3436
|
|
|
while (ctrl) { |
|
3437
|
|
|
if (ctrl === parent$$1) { |
|
3438
|
|
|
return true; |
|
3439
|
|
|
} |
|
3440
|
|
|
ctrl = ctrl.parent(); |
|
3441
|
|
|
} |
|
|
|
|
|
|
3442
|
|
|
} |
|
3443
|
|
|
function skipOrHidePanels(e) { |
|
3444
|
|
|
var i = visiblePanels.length; |
|
3445
|
|
|
while (i--) { |
|
3446
|
|
|
var panel = visiblePanels[i], clickCtrl = panel.getParentCtrl(e.target); |
|
3447
|
|
|
if (panel.settings.autohide) { |
|
3448
|
|
|
if (clickCtrl) { |
|
3449
|
|
|
if (isChildOf(clickCtrl, panel) || panel.parent() === clickCtrl) { |
|
3450
|
|
|
continue; |
|
3451
|
|
|
} |
|
3452
|
|
|
} |
|
3453
|
|
|
e = panel.fire('autohide', { target: e.target }); |
|
3454
|
|
|
if (!e.isDefaultPrevented()) { |
|
3455
|
|
|
panel.hide(); |
|
3456
|
|
|
} |
|
3457
|
|
|
} |
|
3458
|
|
|
} |
|
3459
|
|
|
} |
|
3460
|
|
|
function bindDocumentClickHandler() { |
|
3461
|
|
|
if (!documentClickHandler) { |
|
3462
|
|
|
documentClickHandler = function (e) { |
|
3463
|
|
|
if (e.button === 2) { |
|
3464
|
|
|
return; |
|
3465
|
|
|
} |
|
3466
|
|
|
skipOrHidePanels(e); |
|
3467
|
|
|
}; |
|
3468
|
|
|
global$7(document).on('click touchstart', documentClickHandler); |
|
3469
|
|
|
} |
|
3470
|
|
|
} |
|
3471
|
|
|
function bindDocumentScrollHandler() { |
|
3472
|
|
|
if (!documentScrollHandler) { |
|
3473
|
|
|
documentScrollHandler = function () { |
|
3474
|
|
|
var i; |
|
3475
|
|
|
i = visiblePanels.length; |
|
3476
|
|
|
while (i--) { |
|
3477
|
|
|
repositionPanel$1(visiblePanels[i]); |
|
3478
|
|
|
} |
|
3479
|
|
|
}; |
|
3480
|
|
|
global$7(window).on('scroll', documentScrollHandler); |
|
3481
|
|
|
} |
|
3482
|
|
|
} |
|
3483
|
|
|
function bindWindowResizeHandler() { |
|
3484
|
|
|
if (!windowResizeHandler) { |
|
3485
|
|
|
var docElm_1 = document.documentElement; |
|
3486
|
|
|
var clientWidth_1 = docElm_1.clientWidth, clientHeight_1 = docElm_1.clientHeight; |
|
3487
|
|
|
windowResizeHandler = function () { |
|
3488
|
|
|
if (!document.all || clientWidth_1 !== docElm_1.clientWidth || clientHeight_1 !== docElm_1.clientHeight) { |
|
3489
|
|
|
clientWidth_1 = docElm_1.clientWidth; |
|
3490
|
|
|
clientHeight_1 = docElm_1.clientHeight; |
|
3491
|
|
|
FloatPanel.hideAll(); |
|
3492
|
|
|
} |
|
3493
|
|
|
}; |
|
3494
|
|
|
global$7(window).on('resize', windowResizeHandler); |
|
3495
|
|
|
} |
|
3496
|
|
|
} |
|
3497
|
|
View Code Duplication |
function repositionPanel$1(panel) { |
|
|
|
|
|
|
3498
|
|
|
var scrollY$$1 = funcs.getViewPort().y; |
|
3499
|
|
|
function toggleFixedChildPanels(fixed, deltaY) { |
|
3500
|
|
|
var parent$$1; |
|
3501
|
|
|
for (var i = 0; i < visiblePanels.length; i++) { |
|
3502
|
|
|
if (visiblePanels[i] !== panel) { |
|
3503
|
|
|
parent$$1 = visiblePanels[i].parent(); |
|
3504
|
|
|
while (parent$$1 && (parent$$1 = parent$$1.parent())) { |
|
3505
|
|
|
if (parent$$1 === panel) { |
|
3506
|
|
|
visiblePanels[i].fixed(fixed).moveBy(0, deltaY).repaint(); |
|
3507
|
|
|
} |
|
3508
|
|
|
} |
|
3509
|
|
|
} |
|
3510
|
|
|
} |
|
3511
|
|
|
} |
|
3512
|
|
|
if (panel.settings.autofix) { |
|
3513
|
|
|
if (!panel.state.get('fixed')) { |
|
3514
|
|
|
panel._autoFixY = panel.layoutRect().y; |
|
3515
|
|
|
if (panel._autoFixY < scrollY$$1) { |
|
3516
|
|
|
panel.fixed(true).layoutRect({ y: 0 }).repaint(); |
|
3517
|
|
|
toggleFixedChildPanels(true, scrollY$$1 - panel._autoFixY); |
|
3518
|
|
|
} |
|
3519
|
|
|
} else { |
|
3520
|
|
|
if (panel._autoFixY > scrollY$$1) { |
|
3521
|
|
|
panel.fixed(false).layoutRect({ y: panel._autoFixY }).repaint(); |
|
3522
|
|
|
toggleFixedChildPanels(false, panel._autoFixY - scrollY$$1); |
|
3523
|
|
|
} |
|
3524
|
|
|
} |
|
3525
|
|
|
} |
|
3526
|
|
|
} |
|
3527
|
|
|
function addRemove(add, ctrl) { |
|
3528
|
|
|
var i, zIndex = FloatPanel.zIndex || 65535, topModal; |
|
3529
|
|
|
if (add) { |
|
3530
|
|
|
zOrder.push(ctrl); |
|
3531
|
|
|
} else { |
|
3532
|
|
|
i = zOrder.length; |
|
3533
|
|
|
while (i--) { |
|
3534
|
|
|
if (zOrder[i] === ctrl) { |
|
3535
|
|
|
zOrder.splice(i, 1); |
|
3536
|
|
|
} |
|
3537
|
|
|
} |
|
3538
|
|
|
} |
|
3539
|
|
|
if (zOrder.length) { |
|
3540
|
|
|
for (i = 0; i < zOrder.length; i++) { |
|
3541
|
|
|
if (zOrder[i].modal) { |
|
3542
|
|
|
zIndex++; |
|
3543
|
|
|
topModal = zOrder[i]; |
|
3544
|
|
|
} |
|
3545
|
|
|
zOrder[i].getEl().style.zIndex = zIndex; |
|
3546
|
|
|
zOrder[i].zIndex = zIndex; |
|
3547
|
|
|
zIndex++; |
|
3548
|
|
|
} |
|
3549
|
|
|
} |
|
3550
|
|
|
var modalBlockEl = global$7('#' + ctrl.classPrefix + 'modal-block', ctrl.getContainerElm())[0]; |
|
3551
|
|
|
if (topModal) { |
|
3552
|
|
|
global$7(modalBlockEl).css('z-index', topModal.zIndex - 1); |
|
3553
|
|
|
} else if (modalBlockEl) { |
|
3554
|
|
|
modalBlockEl.parentNode.removeChild(modalBlockEl); |
|
3555
|
|
|
hasModal = false; |
|
3556
|
|
|
} |
|
3557
|
|
|
FloatPanel.currentZIndex = zIndex; |
|
3558
|
|
|
} |
|
3559
|
|
|
var FloatPanel = Panel.extend({ |
|
3560
|
|
|
Mixins: [ |
|
3561
|
|
|
Movable, |
|
3562
|
|
|
Resizable |
|
3563
|
|
|
], |
|
3564
|
|
|
init: function (settings) { |
|
3565
|
|
|
var self$$1 = this; |
|
3566
|
|
|
self$$1._super(settings); |
|
3567
|
|
|
self$$1._eventsRoot = self$$1; |
|
3568
|
|
|
self$$1.classes.add('floatpanel'); |
|
3569
|
|
|
if (settings.autohide) { |
|
3570
|
|
|
bindDocumentClickHandler(); |
|
3571
|
|
|
bindWindowResizeHandler(); |
|
3572
|
|
|
visiblePanels.push(self$$1); |
|
3573
|
|
|
} |
|
3574
|
|
|
if (settings.autofix) { |
|
3575
|
|
|
bindDocumentScrollHandler(); |
|
3576
|
|
|
self$$1.on('move', function () { |
|
3577
|
|
|
repositionPanel$1(this); |
|
3578
|
|
|
}); |
|
3579
|
|
|
} |
|
3580
|
|
|
self$$1.on('postrender show', function (e) { |
|
3581
|
|
|
if (e.control === self$$1) { |
|
3582
|
|
|
var $modalBlockEl_1; |
|
3583
|
|
|
var prefix_1 = self$$1.classPrefix; |
|
3584
|
|
|
if (self$$1.modal && !hasModal) { |
|
3585
|
|
|
$modalBlockEl_1 = global$7('#' + prefix_1 + 'modal-block', self$$1.getContainerElm()); |
|
3586
|
|
|
if (!$modalBlockEl_1[0]) { |
|
3587
|
|
|
$modalBlockEl_1 = global$7('<div id="' + prefix_1 + 'modal-block" class="' + prefix_1 + 'reset ' + prefix_1 + 'fade"></div>').appendTo(self$$1.getContainerElm()); |
|
3588
|
|
|
} |
|
3589
|
|
|
global$3.setTimeout(function () { |
|
3590
|
|
|
$modalBlockEl_1.addClass(prefix_1 + 'in'); |
|
3591
|
|
|
global$7(self$$1.getEl()).addClass(prefix_1 + 'in'); |
|
3592
|
|
|
}); |
|
3593
|
|
|
hasModal = true; |
|
3594
|
|
|
} |
|
3595
|
|
|
addRemove(true, self$$1); |
|
3596
|
|
|
} |
|
3597
|
|
|
}); |
|
3598
|
|
|
self$$1.on('show', function () { |
|
3599
|
|
|
self$$1.parents().each(function (ctrl) { |
|
3600
|
|
|
if (ctrl.state.get('fixed')) { |
|
|
|
|
|
|
3601
|
|
|
self$$1.fixed(true); |
|
3602
|
|
|
return false; |
|
3603
|
|
|
} |
|
3604
|
|
|
}); |
|
3605
|
|
|
}); |
|
3606
|
|
|
if (settings.popover) { |
|
3607
|
|
|
self$$1._preBodyHtml = '<div class="' + self$$1.classPrefix + 'arrow"></div>'; |
|
3608
|
|
|
self$$1.classes.add('popover').add('bottom').add(self$$1.isRtl() ? 'end' : 'start'); |
|
3609
|
|
|
} |
|
3610
|
|
|
self$$1.aria('label', settings.ariaLabel); |
|
3611
|
|
|
self$$1.aria('labelledby', self$$1._id); |
|
3612
|
|
|
self$$1.aria('describedby', self$$1.describedBy || self$$1._id + '-none'); |
|
3613
|
|
|
}, |
|
3614
|
|
|
fixed: function (state) { |
|
3615
|
|
|
var self$$1 = this; |
|
3616
|
|
|
if (self$$1.state.get('fixed') !== state) { |
|
3617
|
|
|
if (self$$1.state.get('rendered')) { |
|
3618
|
|
|
var viewport = funcs.getViewPort(); |
|
3619
|
|
|
if (state) { |
|
3620
|
|
|
self$$1.layoutRect().y -= viewport.y; |
|
3621
|
|
|
} else { |
|
3622
|
|
|
self$$1.layoutRect().y += viewport.y; |
|
3623
|
|
|
} |
|
3624
|
|
|
} |
|
3625
|
|
|
self$$1.classes.toggle('fixed', state); |
|
3626
|
|
|
self$$1.state.set('fixed', state); |
|
3627
|
|
|
} |
|
3628
|
|
|
return self$$1; |
|
3629
|
|
|
}, |
|
3630
|
|
|
show: function () { |
|
3631
|
|
|
var self$$1 = this; |
|
3632
|
|
|
var i; |
|
3633
|
|
|
var state = self$$1._super(); |
|
3634
|
|
|
i = visiblePanels.length; |
|
3635
|
|
|
while (i--) { |
|
3636
|
|
|
if (visiblePanels[i] === self$$1) { |
|
3637
|
|
|
break; |
|
3638
|
|
|
} |
|
3639
|
|
|
} |
|
3640
|
|
|
if (i === -1) { |
|
3641
|
|
|
visiblePanels.push(self$$1); |
|
3642
|
|
|
} |
|
3643
|
|
|
return state; |
|
3644
|
|
|
}, |
|
3645
|
|
|
hide: function () { |
|
3646
|
|
|
removeVisiblePanel(this); |
|
3647
|
|
|
addRemove(false, this); |
|
3648
|
|
|
return this._super(); |
|
3649
|
|
|
}, |
|
3650
|
|
|
hideAll: function () { |
|
3651
|
|
|
FloatPanel.hideAll(); |
|
3652
|
|
|
}, |
|
3653
|
|
|
close: function () { |
|
3654
|
|
|
var self$$1 = this; |
|
3655
|
|
|
if (!self$$1.fire('close').isDefaultPrevented()) { |
|
3656
|
|
|
self$$1.remove(); |
|
3657
|
|
|
addRemove(false, self$$1); |
|
3658
|
|
|
} |
|
3659
|
|
|
return self$$1; |
|
3660
|
|
|
}, |
|
3661
|
|
|
remove: function () { |
|
3662
|
|
|
removeVisiblePanel(this); |
|
3663
|
|
|
this._super(); |
|
3664
|
|
|
}, |
|
3665
|
|
|
postRender: function () { |
|
3666
|
|
|
var self$$1 = this; |
|
3667
|
|
|
if (self$$1.settings.bodyRole) { |
|
3668
|
|
|
this.getEl('body').setAttribute('role', self$$1.settings.bodyRole); |
|
3669
|
|
|
} |
|
3670
|
|
|
return self$$1._super(); |
|
3671
|
|
|
} |
|
3672
|
|
|
}); |
|
3673
|
|
|
FloatPanel.hideAll = function () { |
|
3674
|
|
|
var i = visiblePanels.length; |
|
3675
|
|
|
while (i--) { |
|
3676
|
|
|
var panel = visiblePanels[i]; |
|
3677
|
|
|
if (panel && panel.settings.autohide) { |
|
3678
|
|
|
panel.hide(); |
|
3679
|
|
|
visiblePanels.splice(i, 1); |
|
3680
|
|
|
} |
|
3681
|
|
|
} |
|
3682
|
|
|
}; |
|
3683
|
|
|
function removeVisiblePanel(panel) { |
|
3684
|
|
|
var i; |
|
3685
|
|
|
i = visiblePanels.length; |
|
3686
|
|
|
while (i--) { |
|
3687
|
|
|
if (visiblePanels[i] === panel) { |
|
3688
|
|
|
visiblePanels.splice(i, 1); |
|
3689
|
|
|
} |
|
3690
|
|
|
} |
|
3691
|
|
|
i = zOrder.length; |
|
3692
|
|
|
while (i--) { |
|
3693
|
|
|
if (zOrder[i] === panel) { |
|
3694
|
|
|
zOrder.splice(i, 1); |
|
3695
|
|
|
} |
|
3696
|
|
|
} |
|
3697
|
|
|
} |
|
3698
|
|
|
|
|
3699
|
|
|
var windows = []; |
|
3700
|
|
|
var oldMetaValue = ''; |
|
3701
|
|
|
function toggleFullScreenState(state) { |
|
3702
|
|
|
var noScaleMetaValue = 'width=device-width,initial-scale=1.0,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0'; |
|
3703
|
|
|
var viewport = global$7('meta[name=viewport]')[0], contentValue; |
|
3704
|
|
|
if (global$1.overrideViewPort === false) { |
|
3705
|
|
|
return; |
|
3706
|
|
|
} |
|
3707
|
|
|
if (!viewport) { |
|
3708
|
|
|
viewport = document.createElement('meta'); |
|
3709
|
|
|
viewport.setAttribute('name', 'viewport'); |
|
3710
|
|
|
document.getElementsByTagName('head')[0].appendChild(viewport); |
|
3711
|
|
|
} |
|
3712
|
|
|
contentValue = viewport.getAttribute('content'); |
|
3713
|
|
|
if (contentValue && typeof oldMetaValue !== 'undefined') { |
|
3714
|
|
|
oldMetaValue = contentValue; |
|
3715
|
|
|
} |
|
3716
|
|
|
viewport.setAttribute('content', state ? noScaleMetaValue : oldMetaValue); |
|
3717
|
|
|
} |
|
3718
|
|
|
function toggleBodyFullScreenClasses(classPrefix, state) { |
|
3719
|
|
|
if (checkFullscreenWindows() && state === false) { |
|
3720
|
|
|
global$7([ |
|
3721
|
|
|
document.documentElement, |
|
3722
|
|
|
document.body |
|
3723
|
|
|
]).removeClass(classPrefix + 'fullscreen'); |
|
3724
|
|
|
} |
|
3725
|
|
|
} |
|
3726
|
|
|
function checkFullscreenWindows() { |
|
3727
|
|
|
for (var i = 0; i < windows.length; i++) { |
|
3728
|
|
|
if (windows[i]._fullscreen) { |
|
3729
|
|
|
return true; |
|
3730
|
|
|
} |
|
3731
|
|
|
} |
|
3732
|
|
|
return false; |
|
3733
|
|
|
} |
|
3734
|
|
|
function handleWindowResize() { |
|
3735
|
|
|
if (!global$1.desktop) { |
|
3736
|
|
|
var lastSize_1 = { |
|
3737
|
|
|
w: window.innerWidth, |
|
3738
|
|
|
h: window.innerHeight |
|
3739
|
|
|
}; |
|
3740
|
|
|
global$3.setInterval(function () { |
|
3741
|
|
|
var w = window.innerWidth, h = window.innerHeight; |
|
3742
|
|
|
if (lastSize_1.w !== w || lastSize_1.h !== h) { |
|
3743
|
|
|
lastSize_1 = { |
|
3744
|
|
|
w: w, |
|
3745
|
|
|
h: h |
|
3746
|
|
|
}; |
|
3747
|
|
|
global$7(window).trigger('resize'); |
|
3748
|
|
|
} |
|
3749
|
|
|
}, 100); |
|
3750
|
|
|
} |
|
3751
|
|
View Code Duplication |
function reposition() { |
|
|
|
|
|
|
3752
|
|
|
var i; |
|
3753
|
|
|
var rect = funcs.getWindowSize(); |
|
3754
|
|
|
var layoutRect; |
|
3755
|
|
|
for (i = 0; i < windows.length; i++) { |
|
3756
|
|
|
layoutRect = windows[i].layoutRect(); |
|
3757
|
|
|
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)); |
|
3758
|
|
|
} |
|
3759
|
|
|
} |
|
3760
|
|
|
global$7(window).on('resize', reposition); |
|
3761
|
|
|
} |
|
3762
|
|
|
var Window$$1 = FloatPanel.extend({ |
|
3763
|
|
|
modal: true, |
|
3764
|
|
|
Defaults: { |
|
3765
|
|
|
border: 1, |
|
3766
|
|
|
layout: 'flex', |
|
3767
|
|
|
containerCls: 'panel', |
|
3768
|
|
|
role: 'dialog', |
|
3769
|
|
|
callbacks: { |
|
3770
|
|
|
submit: function () { |
|
3771
|
|
|
this.fire('submit', { data: this.toJSON() }); |
|
3772
|
|
|
}, |
|
3773
|
|
|
close: function () { |
|
3774
|
|
|
this.close(); |
|
3775
|
|
|
} |
|
3776
|
|
|
} |
|
3777
|
|
|
}, |
|
3778
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
3779
|
|
|
var self$$1 = this; |
|
3780
|
|
|
self$$1._super(settings); |
|
3781
|
|
|
if (self$$1.isRtl()) { |
|
3782
|
|
|
self$$1.classes.add('rtl'); |
|
3783
|
|
|
} |
|
3784
|
|
|
self$$1.classes.add('window'); |
|
3785
|
|
|
self$$1.bodyClasses.add('window-body'); |
|
3786
|
|
|
self$$1.state.set('fixed', true); |
|
3787
|
|
|
if (settings.buttons) { |
|
3788
|
|
|
self$$1.statusbar = new Panel({ |
|
3789
|
|
|
layout: 'flex', |
|
3790
|
|
|
border: '1 0 0 0', |
|
3791
|
|
|
spacing: 3, |
|
3792
|
|
|
padding: 10, |
|
3793
|
|
|
align: 'center', |
|
3794
|
|
|
pack: self$$1.isRtl() ? 'start' : 'end', |
|
3795
|
|
|
defaults: { type: 'button' }, |
|
3796
|
|
|
items: settings.buttons |
|
3797
|
|
|
}); |
|
3798
|
|
|
self$$1.statusbar.classes.add('foot'); |
|
3799
|
|
|
self$$1.statusbar.parent(self$$1); |
|
3800
|
|
|
} |
|
3801
|
|
|
self$$1.on('click', function (e) { |
|
3802
|
|
|
var closeClass = self$$1.classPrefix + 'close'; |
|
3803
|
|
|
if (funcs.hasClass(e.target, closeClass) || funcs.hasClass(e.target.parentNode, closeClass)) { |
|
3804
|
|
|
self$$1.close(); |
|
3805
|
|
|
} |
|
3806
|
|
|
}); |
|
3807
|
|
|
self$$1.on('cancel', function () { |
|
3808
|
|
|
self$$1.close(); |
|
3809
|
|
|
}); |
|
3810
|
|
|
self$$1.on('move', function (e) { |
|
3811
|
|
|
if (e.control === self$$1) { |
|
3812
|
|
|
FloatPanel.hideAll(); |
|
3813
|
|
|
} |
|
3814
|
|
|
}); |
|
3815
|
|
|
self$$1.aria('describedby', self$$1.describedBy || self$$1._id + '-none'); |
|
3816
|
|
|
self$$1.aria('label', settings.title); |
|
3817
|
|
|
self$$1._fullscreen = false; |
|
3818
|
|
|
}, |
|
3819
|
|
View Code Duplication |
recalc: function () { |
|
|
|
|
|
|
3820
|
|
|
var self$$1 = this; |
|
3821
|
|
|
var statusbar$$1 = self$$1.statusbar; |
|
3822
|
|
|
var layoutRect, width, x, needsRecalc; |
|
3823
|
|
|
if (self$$1._fullscreen) { |
|
3824
|
|
|
self$$1.layoutRect(funcs.getWindowSize()); |
|
3825
|
|
|
self$$1.layoutRect().contentH = self$$1.layoutRect().innerH; |
|
3826
|
|
|
} |
|
3827
|
|
|
self$$1._super(); |
|
3828
|
|
|
layoutRect = self$$1.layoutRect(); |
|
3829
|
|
|
if (self$$1.settings.title && !self$$1._fullscreen) { |
|
3830
|
|
|
width = layoutRect.headerW; |
|
3831
|
|
|
if (width > layoutRect.w) { |
|
3832
|
|
|
x = layoutRect.x - Math.max(0, width / 2); |
|
3833
|
|
|
self$$1.layoutRect({ |
|
3834
|
|
|
w: width, |
|
3835
|
|
|
x: x |
|
3836
|
|
|
}); |
|
3837
|
|
|
needsRecalc = true; |
|
3838
|
|
|
} |
|
3839
|
|
|
} |
|
3840
|
|
|
if (statusbar$$1) { |
|
3841
|
|
|
statusbar$$1.layoutRect({ w: self$$1.layoutRect().innerW }).recalc(); |
|
3842
|
|
|
width = statusbar$$1.layoutRect().minW + layoutRect.deltaW; |
|
3843
|
|
|
if (width > layoutRect.w) { |
|
3844
|
|
|
x = layoutRect.x - Math.max(0, width - layoutRect.w); |
|
3845
|
|
|
self$$1.layoutRect({ |
|
3846
|
|
|
w: width, |
|
3847
|
|
|
x: x |
|
3848
|
|
|
}); |
|
3849
|
|
|
needsRecalc = true; |
|
3850
|
|
|
} |
|
3851
|
|
|
} |
|
3852
|
|
|
if (needsRecalc) { |
|
3853
|
|
|
self$$1.recalc(); |
|
3854
|
|
|
} |
|
3855
|
|
|
}, |
|
3856
|
|
View Code Duplication |
initLayoutRect: function () { |
|
|
|
|
|
|
3857
|
|
|
var self$$1 = this; |
|
3858
|
|
|
var layoutRect = self$$1._super(); |
|
3859
|
|
|
var deltaH = 0, headEl; |
|
3860
|
|
|
if (self$$1.settings.title && !self$$1._fullscreen) { |
|
3861
|
|
|
headEl = self$$1.getEl('head'); |
|
3862
|
|
|
var size = funcs.getSize(headEl); |
|
3863
|
|
|
layoutRect.headerW = size.width; |
|
3864
|
|
|
layoutRect.headerH = size.height; |
|
3865
|
|
|
deltaH += layoutRect.headerH; |
|
3866
|
|
|
} |
|
3867
|
|
|
if (self$$1.statusbar) { |
|
3868
|
|
|
deltaH += self$$1.statusbar.layoutRect().h; |
|
3869
|
|
|
} |
|
3870
|
|
|
layoutRect.deltaH += deltaH; |
|
3871
|
|
|
layoutRect.minH += deltaH; |
|
3872
|
|
|
layoutRect.h += deltaH; |
|
3873
|
|
|
var rect = funcs.getWindowSize(); |
|
3874
|
|
|
layoutRect.x = self$$1.settings.x || Math.max(0, rect.w / 2 - layoutRect.w / 2); |
|
3875
|
|
|
layoutRect.y = self$$1.settings.y || Math.max(0, rect.h / 2 - layoutRect.h / 2); |
|
3876
|
|
|
return layoutRect; |
|
3877
|
|
|
}, |
|
3878
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
3879
|
|
|
var self$$1 = this, layout = self$$1._layout, id = self$$1._id, prefix = self$$1.classPrefix; |
|
3880
|
|
|
var settings = self$$1.settings; |
|
3881
|
|
|
var headerHtml = '', footerHtml = '', html = settings.html; |
|
3882
|
|
|
self$$1.preRender(); |
|
3883
|
|
|
layout.preRender(self$$1); |
|
3884
|
|
|
if (settings.title) { |
|
3885
|
|
|
headerHtml = '<div id="' + id + '-head" class="' + prefix + 'window-head">' + '<div id="' + id + '-title" class="' + prefix + 'title">' + self$$1.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>'; |
|
3886
|
|
|
} |
|
3887
|
|
|
if (settings.url) { |
|
3888
|
|
|
html = '<iframe src="' + settings.url + '" tabindex="-1"></iframe>'; |
|
3889
|
|
|
} |
|
3890
|
|
|
if (typeof html === 'undefined') { |
|
3891
|
|
|
html = layout.renderHtml(self$$1); |
|
3892
|
|
|
} |
|
3893
|
|
|
if (self$$1.statusbar) { |
|
3894
|
|
|
footerHtml = self$$1.statusbar.renderHtml(); |
|
3895
|
|
|
} |
|
3896
|
|
|
return '<div id="' + id + '" class="' + self$$1.classes + '" hidefocus="1">' + '<div class="' + self$$1.classPrefix + 'reset" role="application">' + headerHtml + '<div id="' + id + '-body" class="' + self$$1.bodyClasses + '">' + html + '</div>' + footerHtml + '</div>' + '</div>'; |
|
3897
|
|
|
}, |
|
3898
|
|
View Code Duplication |
fullscreen: function (state) { |
|
|
|
|
|
|
3899
|
|
|
var self$$1 = this; |
|
3900
|
|
|
var documentElement = document.documentElement; |
|
3901
|
|
|
var slowRendering; |
|
3902
|
|
|
var prefix = self$$1.classPrefix; |
|
3903
|
|
|
var layoutRect; |
|
3904
|
|
|
if (state !== self$$1._fullscreen) { |
|
3905
|
|
|
global$7(window).on('resize', function () { |
|
3906
|
|
|
var time; |
|
3907
|
|
|
if (self$$1._fullscreen) { |
|
3908
|
|
|
if (!slowRendering) { |
|
3909
|
|
|
time = new Date().getTime(); |
|
3910
|
|
|
var rect = funcs.getWindowSize(); |
|
3911
|
|
|
self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h); |
|
3912
|
|
|
if (new Date().getTime() - time > 50) { |
|
3913
|
|
|
slowRendering = true; |
|
3914
|
|
|
} |
|
3915
|
|
|
} else { |
|
3916
|
|
|
if (!self$$1._timer) { |
|
3917
|
|
|
self$$1._timer = global$3.setTimeout(function () { |
|
3918
|
|
|
var rect = funcs.getWindowSize(); |
|
3919
|
|
|
self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h); |
|
3920
|
|
|
self$$1._timer = 0; |
|
3921
|
|
|
}, 50); |
|
3922
|
|
|
} |
|
3923
|
|
|
} |
|
3924
|
|
|
} |
|
3925
|
|
|
}); |
|
3926
|
|
|
layoutRect = self$$1.layoutRect(); |
|
3927
|
|
|
self$$1._fullscreen = state; |
|
3928
|
|
|
if (!state) { |
|
3929
|
|
|
self$$1.borderBox = BoxUtils.parseBox(self$$1.settings.border); |
|
3930
|
|
|
self$$1.getEl('head').style.display = ''; |
|
3931
|
|
|
layoutRect.deltaH += layoutRect.headerH; |
|
3932
|
|
|
global$7([ |
|
3933
|
|
|
documentElement, |
|
3934
|
|
|
document.body |
|
3935
|
|
|
]).removeClass(prefix + 'fullscreen'); |
|
3936
|
|
|
self$$1.classes.remove('fullscreen'); |
|
3937
|
|
|
self$$1.moveTo(self$$1._initial.x, self$$1._initial.y).resizeTo(self$$1._initial.w, self$$1._initial.h); |
|
3938
|
|
|
} else { |
|
3939
|
|
|
self$$1._initial = { |
|
3940
|
|
|
x: layoutRect.x, |
|
3941
|
|
|
y: layoutRect.y, |
|
3942
|
|
|
w: layoutRect.w, |
|
3943
|
|
|
h: layoutRect.h |
|
3944
|
|
|
}; |
|
3945
|
|
|
self$$1.borderBox = BoxUtils.parseBox('0'); |
|
3946
|
|
|
self$$1.getEl('head').style.display = 'none'; |
|
3947
|
|
|
layoutRect.deltaH -= layoutRect.headerH + 2; |
|
3948
|
|
|
global$7([ |
|
3949
|
|
|
documentElement, |
|
3950
|
|
|
document.body |
|
3951
|
|
|
]).addClass(prefix + 'fullscreen'); |
|
3952
|
|
|
self$$1.classes.add('fullscreen'); |
|
3953
|
|
|
var rect = funcs.getWindowSize(); |
|
3954
|
|
|
self$$1.moveTo(0, 0).resizeTo(rect.w, rect.h); |
|
3955
|
|
|
} |
|
3956
|
|
|
} |
|
3957
|
|
|
return self$$1.reflow(); |
|
3958
|
|
|
}, |
|
3959
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
3960
|
|
|
var self$$1 = this; |
|
3961
|
|
|
var startPos; |
|
3962
|
|
|
setTimeout(function () { |
|
3963
|
|
|
self$$1.classes.add('in'); |
|
3964
|
|
|
self$$1.fire('open'); |
|
3965
|
|
|
}, 0); |
|
3966
|
|
|
self$$1._super(); |
|
3967
|
|
|
if (self$$1.statusbar) { |
|
3968
|
|
|
self$$1.statusbar.postRender(); |
|
3969
|
|
|
} |
|
3970
|
|
|
self$$1.focus(); |
|
3971
|
|
|
this.dragHelper = new DragHelper(self$$1._id + '-dragh', { |
|
3972
|
|
|
start: function () { |
|
3973
|
|
|
startPos = { |
|
3974
|
|
|
x: self$$1.layoutRect().x, |
|
3975
|
|
|
y: self$$1.layoutRect().y |
|
3976
|
|
|
}; |
|
3977
|
|
|
}, |
|
3978
|
|
|
drag: function (e) { |
|
3979
|
|
|
self$$1.moveTo(startPos.x + e.deltaX, startPos.y + e.deltaY); |
|
3980
|
|
|
} |
|
3981
|
|
|
}); |
|
3982
|
|
|
self$$1.on('submit', function (e) { |
|
3983
|
|
|
if (!e.isDefaultPrevented()) { |
|
3984
|
|
|
self$$1.close(); |
|
3985
|
|
|
} |
|
3986
|
|
|
}); |
|
3987
|
|
|
windows.push(self$$1); |
|
3988
|
|
|
toggleFullScreenState(true); |
|
3989
|
|
|
}, |
|
3990
|
|
|
submit: function () { |
|
3991
|
|
|
return this.fire('submit', { data: this.toJSON() }); |
|
3992
|
|
|
}, |
|
3993
|
|
|
remove: function () { |
|
3994
|
|
|
var self$$1 = this; |
|
3995
|
|
|
var i; |
|
3996
|
|
|
self$$1.dragHelper.destroy(); |
|
3997
|
|
|
self$$1._super(); |
|
3998
|
|
|
if (self$$1.statusbar) { |
|
3999
|
|
|
this.statusbar.remove(); |
|
4000
|
|
|
} |
|
4001
|
|
|
toggleBodyFullScreenClasses(self$$1.classPrefix, false); |
|
4002
|
|
|
i = windows.length; |
|
4003
|
|
|
while (i--) { |
|
4004
|
|
|
if (windows[i] === self$$1) { |
|
4005
|
|
|
windows.splice(i, 1); |
|
4006
|
|
|
} |
|
4007
|
|
|
} |
|
4008
|
|
|
toggleFullScreenState(windows.length > 0); |
|
4009
|
|
|
}, |
|
4010
|
|
|
getContentWindow: function () { |
|
4011
|
|
|
var ifr = this.getEl().getElementsByTagName('iframe')[0]; |
|
4012
|
|
|
return ifr ? ifr.contentWindow : null; |
|
4013
|
|
|
} |
|
4014
|
|
|
}); |
|
4015
|
|
|
handleWindowResize(); |
|
4016
|
|
|
|
|
4017
|
|
|
var MessageBox = Window$$1.extend({ |
|
4018
|
|
|
init: function (settings) { |
|
4019
|
|
|
settings = { |
|
4020
|
|
|
border: 1, |
|
4021
|
|
|
padding: 20, |
|
4022
|
|
|
layout: 'flex', |
|
4023
|
|
|
pack: 'center', |
|
4024
|
|
|
align: 'center', |
|
4025
|
|
|
containerCls: 'panel', |
|
4026
|
|
|
autoScroll: true, |
|
4027
|
|
|
buttons: { |
|
4028
|
|
|
type: 'button', |
|
4029
|
|
|
text: 'Ok', |
|
4030
|
|
|
action: 'ok' |
|
4031
|
|
|
}, |
|
4032
|
|
|
items: { |
|
4033
|
|
|
type: 'label', |
|
4034
|
|
|
multiline: true, |
|
4035
|
|
|
maxWidth: 500, |
|
4036
|
|
|
maxHeight: 200 |
|
4037
|
|
|
} |
|
4038
|
|
|
}; |
|
4039
|
|
|
this._super(settings); |
|
4040
|
|
|
}, |
|
4041
|
|
|
Statics: { |
|
4042
|
|
|
OK: 1, |
|
4043
|
|
|
OK_CANCEL: 2, |
|
4044
|
|
|
YES_NO: 3, |
|
4045
|
|
|
YES_NO_CANCEL: 4, |
|
4046
|
|
View Code Duplication |
msgBox: function (settings) { |
|
|
|
|
|
|
4047
|
|
|
var buttons; |
|
4048
|
|
|
var callback = settings.callback || function () { |
|
4049
|
|
|
}; |
|
4050
|
|
|
function createButton(text, status$$1, primary) { |
|
4051
|
|
|
return { |
|
4052
|
|
|
type: 'button', |
|
4053
|
|
|
text: text, |
|
4054
|
|
|
subtype: primary ? 'primary' : '', |
|
4055
|
|
|
onClick: function (e) { |
|
4056
|
|
|
e.control.parents()[1].close(); |
|
4057
|
|
|
callback(status$$1); |
|
4058
|
|
|
} |
|
4059
|
|
|
}; |
|
4060
|
|
|
} |
|
4061
|
|
|
switch (settings.buttons) { |
|
4062
|
|
|
case MessageBox.OK_CANCEL: |
|
4063
|
|
|
buttons = [ |
|
4064
|
|
|
createButton('Ok', true, true), |
|
4065
|
|
|
createButton('Cancel', false) |
|
4066
|
|
|
]; |
|
4067
|
|
|
break; |
|
4068
|
|
|
case MessageBox.YES_NO: |
|
4069
|
|
|
case MessageBox.YES_NO_CANCEL: |
|
4070
|
|
|
buttons = [ |
|
4071
|
|
|
createButton('Yes', 1, true), |
|
4072
|
|
|
createButton('No', 0) |
|
4073
|
|
|
]; |
|
4074
|
|
|
if (settings.buttons === MessageBox.YES_NO_CANCEL) { |
|
4075
|
|
|
buttons.push(createButton('Cancel', -1)); |
|
4076
|
|
|
} |
|
4077
|
|
|
break; |
|
4078
|
|
|
default: |
|
4079
|
|
|
buttons = [createButton('Ok', true, true)]; |
|
4080
|
|
|
break; |
|
4081
|
|
|
} |
|
4082
|
|
|
return new Window$$1({ |
|
4083
|
|
|
padding: 20, |
|
4084
|
|
|
x: settings.x, |
|
4085
|
|
|
y: settings.y, |
|
4086
|
|
|
minWidth: 300, |
|
4087
|
|
|
minHeight: 100, |
|
4088
|
|
|
layout: 'flex', |
|
4089
|
|
|
pack: 'center', |
|
4090
|
|
|
align: 'center', |
|
4091
|
|
|
buttons: buttons, |
|
4092
|
|
|
title: settings.title, |
|
4093
|
|
|
role: 'alertdialog', |
|
4094
|
|
|
items: { |
|
4095
|
|
|
type: 'label', |
|
4096
|
|
|
multiline: true, |
|
4097
|
|
|
maxWidth: 500, |
|
4098
|
|
|
maxHeight: 200, |
|
4099
|
|
|
text: settings.text |
|
4100
|
|
|
}, |
|
4101
|
|
|
onPostRender: function () { |
|
4102
|
|
|
this.aria('describedby', this.items()[0]._id); |
|
4103
|
|
|
}, |
|
4104
|
|
|
onClose: settings.onClose, |
|
4105
|
|
|
onCancel: function () { |
|
4106
|
|
|
callback(false); |
|
4107
|
|
|
} |
|
4108
|
|
|
}).renderTo(document.body).reflow(); |
|
4109
|
|
|
}, |
|
4110
|
|
|
alert: function (settings, callback) { |
|
4111
|
|
|
if (typeof settings === 'string') { |
|
4112
|
|
|
settings = { text: settings }; |
|
4113
|
|
|
} |
|
4114
|
|
|
settings.callback = callback; |
|
4115
|
|
|
return MessageBox.msgBox(settings); |
|
4116
|
|
|
}, |
|
4117
|
|
|
confirm: function (settings, callback) { |
|
4118
|
|
|
if (typeof settings === 'string') { |
|
4119
|
|
|
settings = { text: settings }; |
|
4120
|
|
|
} |
|
4121
|
|
|
settings.callback = callback; |
|
4122
|
|
|
settings.buttons = MessageBox.OK_CANCEL; |
|
4123
|
|
|
return MessageBox.msgBox(settings); |
|
4124
|
|
|
} |
|
4125
|
|
|
} |
|
4126
|
|
|
}); |
|
4127
|
|
|
|
|
4128
|
|
View Code Duplication |
function WindowManagerImpl (editor) { |
|
|
|
|
|
|
4129
|
|
|
var open$$1 = function (args, params, closeCallback) { |
|
4130
|
|
|
var win; |
|
4131
|
|
|
args.title = args.title || ' '; |
|
4132
|
|
|
args.url = args.url || args.file; |
|
4133
|
|
|
if (args.url) { |
|
4134
|
|
|
args.width = parseInt(args.width || 320, 10); |
|
4135
|
|
|
args.height = parseInt(args.height || 240, 10); |
|
4136
|
|
|
} |
|
4137
|
|
|
if (args.body) { |
|
4138
|
|
|
args.items = { |
|
4139
|
|
|
defaults: args.defaults, |
|
4140
|
|
|
type: args.bodyType || 'form', |
|
4141
|
|
|
items: args.body, |
|
4142
|
|
|
data: args.data, |
|
4143
|
|
|
callbacks: args.commands |
|
4144
|
|
|
}; |
|
4145
|
|
|
} |
|
4146
|
|
|
if (!args.url && !args.buttons) { |
|
4147
|
|
|
args.buttons = [ |
|
4148
|
|
|
{ |
|
4149
|
|
|
text: 'Ok', |
|
4150
|
|
|
subtype: 'primary', |
|
4151
|
|
|
onclick: function () { |
|
4152
|
|
|
win.find('form')[0].submit(); |
|
4153
|
|
|
} |
|
4154
|
|
|
}, |
|
4155
|
|
|
{ |
|
4156
|
|
|
text: 'Cancel', |
|
4157
|
|
|
onclick: function () { |
|
4158
|
|
|
win.close(); |
|
4159
|
|
|
} |
|
4160
|
|
|
} |
|
4161
|
|
|
]; |
|
4162
|
|
|
} |
|
4163
|
|
|
win = new Window$$1(args); |
|
4164
|
|
|
win.on('close', function () { |
|
4165
|
|
|
closeCallback(win); |
|
4166
|
|
|
}); |
|
4167
|
|
|
if (args.data) { |
|
4168
|
|
|
win.on('postRender', function () { |
|
4169
|
|
|
this.find('*').each(function (ctrl) { |
|
4170
|
|
|
var name$$1 = ctrl.name(); |
|
4171
|
|
|
if (name$$1 in args.data) { |
|
4172
|
|
|
ctrl.value(args.data[name$$1]); |
|
4173
|
|
|
} |
|
4174
|
|
|
}); |
|
4175
|
|
|
}); |
|
4176
|
|
|
} |
|
4177
|
|
|
win.features = args || {}; |
|
4178
|
|
|
win.params = params || {}; |
|
4179
|
|
|
win = win.renderTo(document.body).reflow(); |
|
4180
|
|
|
return win; |
|
4181
|
|
|
}; |
|
4182
|
|
|
var alert$$1 = function (message, choiceCallback, closeCallback) { |
|
4183
|
|
|
var win; |
|
4184
|
|
|
win = MessageBox.alert(message, function () { |
|
4185
|
|
|
choiceCallback(); |
|
4186
|
|
|
}); |
|
4187
|
|
|
win.on('close', function () { |
|
4188
|
|
|
closeCallback(win); |
|
4189
|
|
|
}); |
|
4190
|
|
|
return win; |
|
4191
|
|
|
}; |
|
4192
|
|
|
var confirm$$1 = function (message, choiceCallback, closeCallback) { |
|
4193
|
|
|
var win; |
|
4194
|
|
|
win = MessageBox.confirm(message, function (state) { |
|
4195
|
|
|
choiceCallback(state); |
|
4196
|
|
|
}); |
|
4197
|
|
|
win.on('close', function () { |
|
4198
|
|
|
closeCallback(win); |
|
4199
|
|
|
}); |
|
4200
|
|
|
return win; |
|
4201
|
|
|
}; |
|
4202
|
|
|
var close$$1 = function (window$$1) { |
|
4203
|
|
|
window$$1.close(); |
|
4204
|
|
|
}; |
|
4205
|
|
|
var getParams = function (window$$1) { |
|
4206
|
|
|
return window$$1.params; |
|
4207
|
|
|
}; |
|
4208
|
|
|
var setParams = function (window$$1, params) { |
|
4209
|
|
|
window$$1.params = params; |
|
4210
|
|
|
}; |
|
4211
|
|
|
return { |
|
4212
|
|
|
open: open$$1, |
|
4213
|
|
|
alert: alert$$1, |
|
4214
|
|
|
confirm: confirm$$1, |
|
4215
|
|
|
close: close$$1, |
|
4216
|
|
|
getParams: getParams, |
|
4217
|
|
|
setParams: setParams |
|
4218
|
|
|
}; |
|
4219
|
|
|
} |
|
4220
|
|
|
|
|
4221
|
|
|
var get = function (editor, panel) { |
|
4222
|
|
|
var renderUI = function () { |
|
4223
|
|
|
return Render.renderUI(editor, panel); |
|
4224
|
|
|
}; |
|
4225
|
|
|
return { |
|
4226
|
|
|
renderUI: renderUI, |
|
4227
|
|
|
getNotificationManagerImpl: function () { |
|
4228
|
|
|
return NotificationManagerImpl(editor); |
|
4229
|
|
|
}, |
|
4230
|
|
|
getWindowManagerImpl: function () { |
|
4231
|
|
|
return WindowManagerImpl(editor); |
|
4232
|
|
|
} |
|
4233
|
|
|
}; |
|
4234
|
|
|
}; |
|
4235
|
|
|
var ThemeApi = { get: get }; |
|
4236
|
|
|
|
|
4237
|
|
|
var Global = typeof window !== 'undefined' ? window : Function('return this;')(); |
|
|
|
|
|
|
4238
|
|
|
|
|
4239
|
|
View Code Duplication |
var path = function (parts, scope) { |
|
|
|
|
|
|
4240
|
|
|
var o = scope !== undefined && scope !== null ? scope : Global; |
|
4241
|
|
|
for (var i = 0; i < parts.length && o !== undefined && o !== null; ++i) |
|
4242
|
|
|
o = o[parts[i]]; |
|
|
|
|
|
|
4243
|
|
|
return o; |
|
4244
|
|
|
}; |
|
4245
|
|
|
var resolve = function (p, scope) { |
|
4246
|
|
|
var parts = p.split('.'); |
|
4247
|
|
|
return path(parts, scope); |
|
4248
|
|
|
}; |
|
4249
|
|
|
|
|
4250
|
|
|
var unsafe = function (name, scope) { |
|
4251
|
|
|
return resolve(name, scope); |
|
4252
|
|
|
}; |
|
4253
|
|
|
var getOrDie = function (name, scope) { |
|
4254
|
|
|
var actual = unsafe(name, scope); |
|
4255
|
|
|
if (actual === undefined || actual === null) |
|
4256
|
|
|
throw name + ' not available on this browser'; |
|
|
|
|
|
|
4257
|
|
|
return actual; |
|
4258
|
|
|
}; |
|
4259
|
|
|
var Global$1 = { getOrDie: getOrDie }; |
|
4260
|
|
|
|
|
4261
|
|
|
function FileReader () { |
|
4262
|
|
|
var f = Global$1.getOrDie('FileReader'); |
|
4263
|
|
|
return new f(); |
|
|
|
|
|
|
4264
|
|
|
} |
|
4265
|
|
|
|
|
4266
|
|
|
var global$c = tinymce.util.Tools.resolve('tinymce.util.Promise'); |
|
4267
|
|
|
|
|
4268
|
|
|
var blobToBase64 = function (blob) { |
|
4269
|
|
|
return new global$c(function (resolve) { |
|
|
|
|
|
|
4270
|
|
|
var reader = FileReader(); |
|
4271
|
|
|
reader.onloadend = function () { |
|
4272
|
|
|
resolve(reader.result.split(',')[1]); |
|
4273
|
|
|
}; |
|
4274
|
|
|
reader.readAsDataURL(blob); |
|
4275
|
|
|
}); |
|
4276
|
|
|
}; |
|
4277
|
|
|
var Conversions = { blobToBase64: blobToBase64 }; |
|
4278
|
|
|
|
|
4279
|
|
|
var pickFile = function () { |
|
4280
|
|
|
return new global$c(function (resolve) { |
|
|
|
|
|
|
4281
|
|
|
var fileInput; |
|
4282
|
|
|
fileInput = document.createElement('input'); |
|
4283
|
|
|
fileInput.type = 'file'; |
|
4284
|
|
|
fileInput.style.position = 'fixed'; |
|
4285
|
|
|
fileInput.style.left = 0; |
|
4286
|
|
|
fileInput.style.top = 0; |
|
4287
|
|
|
fileInput.style.opacity = 0.001; |
|
4288
|
|
|
document.body.appendChild(fileInput); |
|
4289
|
|
|
fileInput.onchange = function (e) { |
|
4290
|
|
|
resolve(Array.prototype.slice.call(e.target.files)); |
|
4291
|
|
|
}; |
|
4292
|
|
|
fileInput.click(); |
|
4293
|
|
|
fileInput.parentNode.removeChild(fileInput); |
|
4294
|
|
|
}); |
|
4295
|
|
|
}; |
|
4296
|
|
|
var Picker = { pickFile: pickFile }; |
|
4297
|
|
|
|
|
4298
|
|
|
var count$1 = 0; |
|
4299
|
|
|
var seed = function () { |
|
4300
|
|
|
var rnd = function () { |
|
4301
|
|
|
return Math.round(Math.random() * 4294967295).toString(36); |
|
4302
|
|
|
}; |
|
4303
|
|
|
return 's' + Date.now().toString(36) + rnd() + rnd() + rnd(); |
|
4304
|
|
|
}; |
|
4305
|
|
|
var uuid = function (prefix) { |
|
4306
|
|
|
return prefix + count$1++ + seed(); |
|
4307
|
|
|
}; |
|
4308
|
|
|
var Uuid = { uuid: uuid }; |
|
4309
|
|
|
|
|
4310
|
|
View Code Duplication |
var create$1 = function (dom, rng) { |
|
|
|
|
|
|
4311
|
|
|
var bookmark = {}; |
|
4312
|
|
|
function setupEndPoint(start) { |
|
4313
|
|
|
var offsetNode, container, offset; |
|
4314
|
|
|
container = rng[start ? 'startContainer' : 'endContainer']; |
|
4315
|
|
|
offset = rng[start ? 'startOffset' : 'endOffset']; |
|
4316
|
|
|
if (container.nodeType === 1) { |
|
4317
|
|
|
offsetNode = dom.create('span', { 'data-mce-type': 'bookmark' }); |
|
4318
|
|
|
if (container.hasChildNodes()) { |
|
4319
|
|
|
offset = Math.min(offset, container.childNodes.length - 1); |
|
4320
|
|
|
if (start) { |
|
4321
|
|
|
container.insertBefore(offsetNode, container.childNodes[offset]); |
|
4322
|
|
|
} else { |
|
4323
|
|
|
dom.insertAfter(offsetNode, container.childNodes[offset]); |
|
4324
|
|
|
} |
|
4325
|
|
|
} else { |
|
4326
|
|
|
container.appendChild(offsetNode); |
|
4327
|
|
|
} |
|
4328
|
|
|
container = offsetNode; |
|
4329
|
|
|
offset = 0; |
|
4330
|
|
|
} |
|
4331
|
|
|
bookmark[start ? 'startContainer' : 'endContainer'] = container; |
|
4332
|
|
|
bookmark[start ? 'startOffset' : 'endOffset'] = offset; |
|
4333
|
|
|
} |
|
4334
|
|
|
setupEndPoint(true); |
|
4335
|
|
|
if (!rng.collapsed) { |
|
4336
|
|
|
setupEndPoint(); |
|
4337
|
|
|
} |
|
4338
|
|
|
return bookmark; |
|
4339
|
|
|
}; |
|
4340
|
|
|
var resolve$1 = function (dom, bookmark) { |
|
4341
|
|
|
function restoreEndPoint(start) { |
|
4342
|
|
|
var container, offset, node; |
|
4343
|
|
|
function nodeIndex(container) { |
|
4344
|
|
|
var node = container.parentNode.firstChild, idx = 0; |
|
4345
|
|
|
while (node) { |
|
4346
|
|
|
if (node === container) { |
|
4347
|
|
|
return idx; |
|
4348
|
|
|
} |
|
4349
|
|
|
if (node.nodeType !== 1 || node.getAttribute('data-mce-type') !== 'bookmark') { |
|
4350
|
|
|
idx++; |
|
4351
|
|
|
} |
|
4352
|
|
|
node = node.nextSibling; |
|
4353
|
|
|
} |
|
4354
|
|
|
return -1; |
|
4355
|
|
|
} |
|
4356
|
|
|
container = node = bookmark[start ? 'startContainer' : 'endContainer']; |
|
4357
|
|
|
offset = bookmark[start ? 'startOffset' : 'endOffset']; |
|
4358
|
|
|
if (!container) { |
|
4359
|
|
|
return; |
|
4360
|
|
|
} |
|
4361
|
|
|
if (container.nodeType === 1) { |
|
4362
|
|
|
offset = nodeIndex(container); |
|
4363
|
|
|
container = container.parentNode; |
|
4364
|
|
|
dom.remove(node); |
|
4365
|
|
|
} |
|
4366
|
|
|
bookmark[start ? 'startContainer' : 'endContainer'] = container; |
|
4367
|
|
|
bookmark[start ? 'startOffset' : 'endOffset'] = offset; |
|
4368
|
|
|
} |
|
4369
|
|
|
restoreEndPoint(true); |
|
4370
|
|
|
restoreEndPoint(); |
|
4371
|
|
|
var rng = dom.createRng(); |
|
4372
|
|
|
rng.setStart(bookmark.startContainer, bookmark.startOffset); |
|
4373
|
|
|
if (bookmark.endContainer) { |
|
4374
|
|
|
rng.setEnd(bookmark.endContainer, bookmark.endOffset); |
|
4375
|
|
|
} |
|
4376
|
|
|
return rng; |
|
4377
|
|
|
}; |
|
4378
|
|
|
var Bookmark = { |
|
4379
|
|
|
create: create$1, |
|
4380
|
|
|
resolve: resolve$1 |
|
4381
|
|
|
}; |
|
4382
|
|
|
|
|
4383
|
|
|
var global$d = tinymce.util.Tools.resolve('tinymce.dom.TreeWalker'); |
|
4384
|
|
|
|
|
4385
|
|
|
var global$e = tinymce.util.Tools.resolve('tinymce.dom.RangeUtils'); |
|
4386
|
|
|
|
|
4387
|
|
|
var getSelectedElements = function (rootElm, startNode, endNode) { |
|
4388
|
|
|
var walker, node; |
|
4389
|
|
|
var elms = []; |
|
4390
|
|
|
walker = new global$d(startNode, rootElm); |
|
|
|
|
|
|
4391
|
|
|
for (node = startNode; node; node = walker.next()) { |
|
4392
|
|
|
if (node.nodeType === 1) { |
|
4393
|
|
|
elms.push(node); |
|
4394
|
|
|
} |
|
4395
|
|
|
if (node === endNode) { |
|
4396
|
|
|
break; |
|
4397
|
|
|
} |
|
4398
|
|
|
} |
|
4399
|
|
|
return elms; |
|
4400
|
|
|
}; |
|
4401
|
|
|
var unwrapElements = function (editor, elms) { |
|
4402
|
|
|
var bookmark, dom, selection; |
|
4403
|
|
|
dom = editor.dom; |
|
4404
|
|
|
selection = editor.selection; |
|
4405
|
|
|
bookmark = Bookmark.create(dom, selection.getRng()); |
|
4406
|
|
|
global$4.each(elms, function (elm) { |
|
4407
|
|
|
editor.dom.remove(elm, true); |
|
4408
|
|
|
}); |
|
4409
|
|
|
selection.setRng(Bookmark.resolve(dom, bookmark)); |
|
4410
|
|
|
}; |
|
4411
|
|
|
var isLink = function (elm) { |
|
4412
|
|
|
return elm.nodeName === 'A' && elm.hasAttribute('href'); |
|
4413
|
|
|
}; |
|
4414
|
|
|
var getParentAnchorOrSelf = function (dom, elm) { |
|
4415
|
|
|
var anchorElm = dom.getParent(elm, isLink); |
|
4416
|
|
|
return anchorElm ? anchorElm : elm; |
|
4417
|
|
|
}; |
|
4418
|
|
|
var getSelectedAnchors = function (editor) { |
|
4419
|
|
|
var startElm, endElm, rootElm, anchorElms, selection, dom, rng; |
|
4420
|
|
|
selection = editor.selection; |
|
4421
|
|
|
dom = editor.dom; |
|
4422
|
|
|
rng = selection.getRng(); |
|
4423
|
|
|
startElm = getParentAnchorOrSelf(dom, global$e.getNode(rng.startContainer, rng.startOffset)); |
|
4424
|
|
|
endElm = global$e.getNode(rng.endContainer, rng.endOffset); |
|
4425
|
|
|
rootElm = editor.getBody(); |
|
4426
|
|
|
anchorElms = global$4.grep(getSelectedElements(rootElm, startElm, endElm), isLink); |
|
4427
|
|
|
return anchorElms; |
|
4428
|
|
|
}; |
|
4429
|
|
|
var unlinkSelection = function (editor) { |
|
4430
|
|
|
unwrapElements(editor, getSelectedAnchors(editor)); |
|
4431
|
|
|
}; |
|
4432
|
|
|
var Unlink = { unlinkSelection: unlinkSelection }; |
|
4433
|
|
|
|
|
4434
|
|
|
var createTableHtml = function (cols, rows) { |
|
4435
|
|
|
var x, y, html; |
|
4436
|
|
|
html = '<table data-mce-id="mce" style="width: 100%">'; |
|
4437
|
|
|
html += '<tbody>'; |
|
4438
|
|
|
for (y = 0; y < rows; y++) { |
|
4439
|
|
|
html += '<tr>'; |
|
4440
|
|
|
for (x = 0; x < cols; x++) { |
|
4441
|
|
|
html += '<td><br></td>'; |
|
4442
|
|
|
} |
|
4443
|
|
|
html += '</tr>'; |
|
4444
|
|
|
} |
|
4445
|
|
|
html += '</tbody>'; |
|
4446
|
|
|
html += '</table>'; |
|
4447
|
|
|
return html; |
|
4448
|
|
|
}; |
|
4449
|
|
|
var getInsertedElement = function (editor) { |
|
4450
|
|
|
var elms = editor.dom.select('*[data-mce-id]'); |
|
4451
|
|
|
return elms[0]; |
|
4452
|
|
|
}; |
|
4453
|
|
|
var insertTableHtml = function (editor, cols, rows) { |
|
4454
|
|
|
editor.undoManager.transact(function () { |
|
4455
|
|
|
var tableElm, cellElm; |
|
4456
|
|
|
editor.insertContent(createTableHtml(cols, rows)); |
|
4457
|
|
|
tableElm = getInsertedElement(editor); |
|
4458
|
|
|
tableElm.removeAttribute('data-mce-id'); |
|
4459
|
|
|
cellElm = editor.dom.select('td,th', tableElm); |
|
4460
|
|
|
editor.selection.setCursorLocation(cellElm[0], 0); |
|
4461
|
|
|
}); |
|
4462
|
|
|
}; |
|
4463
|
|
|
var insertTable = function (editor, cols, rows) { |
|
4464
|
|
|
editor.plugins.table ? editor.plugins.table.insertTable(cols, rows) : insertTableHtml(editor, cols, rows); |
|
4465
|
|
|
}; |
|
4466
|
|
|
var formatBlock = function (editor, formatName) { |
|
4467
|
|
|
editor.execCommand('FormatBlock', false, formatName); |
|
4468
|
|
|
}; |
|
4469
|
|
|
var insertBlob = function (editor, base64, blob) { |
|
4470
|
|
|
var blobCache, blobInfo; |
|
4471
|
|
|
blobCache = editor.editorUpload.blobCache; |
|
4472
|
|
|
blobInfo = blobCache.create(Uuid.uuid('mceu'), blob, base64); |
|
4473
|
|
|
blobCache.add(blobInfo); |
|
4474
|
|
|
editor.insertContent(editor.dom.createHTML('img', { src: blobInfo.blobUri() })); |
|
4475
|
|
|
}; |
|
4476
|
|
|
var collapseSelectionToEnd = function (editor) { |
|
4477
|
|
|
editor.selection.collapse(false); |
|
4478
|
|
|
}; |
|
4479
|
|
|
var unlink = function (editor) { |
|
4480
|
|
|
editor.focus(); |
|
4481
|
|
|
Unlink.unlinkSelection(editor); |
|
4482
|
|
|
collapseSelectionToEnd(editor); |
|
4483
|
|
|
}; |
|
4484
|
|
|
var changeHref = function (editor, elm, url) { |
|
4485
|
|
|
editor.focus(); |
|
4486
|
|
|
editor.dom.setAttrib(elm, 'href', url); |
|
4487
|
|
|
collapseSelectionToEnd(editor); |
|
4488
|
|
|
}; |
|
4489
|
|
|
var insertLink = function (editor, url) { |
|
4490
|
|
|
editor.execCommand('mceInsertLink', false, { href: url }); |
|
4491
|
|
|
collapseSelectionToEnd(editor); |
|
4492
|
|
|
}; |
|
4493
|
|
|
var updateOrInsertLink = function (editor, url) { |
|
4494
|
|
|
var elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]'); |
|
4495
|
|
|
elm ? changeHref(editor, elm, url) : insertLink(editor, url); |
|
4496
|
|
|
}; |
|
4497
|
|
|
var createLink = function (editor, url) { |
|
4498
|
|
|
url.trim().length === 0 ? unlink(editor) : updateOrInsertLink(editor, url); |
|
4499
|
|
|
}; |
|
4500
|
|
|
var Actions = { |
|
4501
|
|
|
insertTable: insertTable, |
|
4502
|
|
|
formatBlock: formatBlock, |
|
4503
|
|
|
insertBlob: insertBlob, |
|
4504
|
|
|
createLink: createLink, |
|
4505
|
|
|
unlink: unlink |
|
4506
|
|
|
}; |
|
4507
|
|
|
|
|
4508
|
|
|
var addHeaderButtons = function (editor) { |
|
4509
|
|
|
var formatBlock = function (name) { |
|
4510
|
|
|
return function () { |
|
4511
|
|
|
Actions.formatBlock(editor, name); |
|
4512
|
|
|
}; |
|
4513
|
|
|
}; |
|
4514
|
|
|
for (var i = 1; i < 6; i++) { |
|
4515
|
|
|
var name = 'h' + i; |
|
4516
|
|
|
editor.addButton(name, { |
|
4517
|
|
|
text: name.toUpperCase(), |
|
4518
|
|
|
tooltip: 'Heading ' + i, |
|
4519
|
|
|
stateSelector: name, |
|
4520
|
|
|
onclick: formatBlock(name), |
|
4521
|
|
|
onPostRender: function () { |
|
4522
|
|
|
var span = this.getEl().firstChild.firstChild; |
|
4523
|
|
|
span.style.fontWeight = 'bold'; |
|
4524
|
|
|
} |
|
4525
|
|
|
}); |
|
4526
|
|
|
} |
|
4527
|
|
|
}; |
|
4528
|
|
|
var addToEditor = function (editor, panel) { |
|
4529
|
|
|
editor.addButton('quicklink', { |
|
4530
|
|
|
icon: 'link', |
|
4531
|
|
|
tooltip: 'Insert/Edit link', |
|
4532
|
|
|
stateSelector: 'a[href]', |
|
4533
|
|
|
onclick: function () { |
|
4534
|
|
|
panel.showForm(editor, 'quicklink'); |
|
4535
|
|
|
} |
|
4536
|
|
|
}); |
|
4537
|
|
|
editor.addButton('quickimage', { |
|
4538
|
|
|
icon: 'image', |
|
4539
|
|
|
tooltip: 'Insert image', |
|
4540
|
|
|
onclick: function () { |
|
4541
|
|
|
Picker.pickFile().then(function (files) { |
|
4542
|
|
|
var blob = files[0]; |
|
4543
|
|
|
Conversions.blobToBase64(blob).then(function (base64) { |
|
4544
|
|
|
Actions.insertBlob(editor, base64, blob); |
|
4545
|
|
|
}); |
|
4546
|
|
|
}); |
|
4547
|
|
|
} |
|
4548
|
|
|
}); |
|
4549
|
|
|
editor.addButton('quicktable', { |
|
4550
|
|
|
icon: 'table', |
|
4551
|
|
|
tooltip: 'Insert table', |
|
4552
|
|
|
onclick: function () { |
|
4553
|
|
|
panel.hide(); |
|
4554
|
|
|
Actions.insertTable(editor, 2, 2); |
|
4555
|
|
|
} |
|
4556
|
|
|
}); |
|
4557
|
|
|
addHeaderButtons(editor); |
|
4558
|
|
|
}; |
|
4559
|
|
|
var Buttons = { addToEditor: addToEditor }; |
|
4560
|
|
|
|
|
4561
|
|
|
var getUiContainerDelta$1 = function () { |
|
4562
|
|
|
var uiContainer = global$1.container; |
|
4563
|
|
|
if (uiContainer && global$2.DOM.getStyle(uiContainer, 'position', true) !== 'static') { |
|
4564
|
|
|
var containerPos = global$2.DOM.getPos(uiContainer); |
|
4565
|
|
|
var dx = containerPos.x - uiContainer.scrollLeft; |
|
4566
|
|
|
var dy = containerPos.y - uiContainer.scrollTop; |
|
4567
|
|
|
return Option.some({ |
|
4568
|
|
|
x: dx, |
|
4569
|
|
|
y: dy |
|
4570
|
|
|
}); |
|
4571
|
|
|
} else { |
|
|
|
|
|
|
4572
|
|
|
return Option.none(); |
|
4573
|
|
|
} |
|
4574
|
|
|
}; |
|
4575
|
|
|
var UiContainer$1 = { getUiContainerDelta: getUiContainerDelta$1 }; |
|
4576
|
|
|
|
|
4577
|
|
|
var isDomainLike = function (href) { |
|
4578
|
|
|
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()); |
|
4579
|
|
|
}; |
|
4580
|
|
|
var isAbsolute = function (href) { |
|
4581
|
|
|
return /^https?:\/\//.test(href.trim()); |
|
4582
|
|
|
}; |
|
4583
|
|
|
var UrlType = { |
|
4584
|
|
|
isDomainLike: isDomainLike, |
|
4585
|
|
|
isAbsolute: isAbsolute |
|
4586
|
|
|
}; |
|
4587
|
|
|
|
|
4588
|
|
|
var focusFirstTextBox = function (form) { |
|
4589
|
|
|
form.find('textbox').eq(0).each(function (ctrl) { |
|
4590
|
|
|
ctrl.focus(); |
|
4591
|
|
|
}); |
|
4592
|
|
|
}; |
|
4593
|
|
|
var createForm = function (name, spec) { |
|
4594
|
|
|
var form = global$b.create(global$4.extend({ |
|
4595
|
|
|
type: 'form', |
|
4596
|
|
|
layout: 'flex', |
|
4597
|
|
|
direction: 'row', |
|
4598
|
|
|
padding: 5, |
|
4599
|
|
|
name: name, |
|
4600
|
|
|
spacing: 3 |
|
4601
|
|
|
}, spec)); |
|
4602
|
|
|
form.on('show', function () { |
|
4603
|
|
|
focusFirstTextBox(form); |
|
4604
|
|
|
}); |
|
4605
|
|
|
return form; |
|
4606
|
|
|
}; |
|
4607
|
|
|
var toggleVisibility = function (ctrl, state) { |
|
4608
|
|
|
return state ? ctrl.show() : ctrl.hide(); |
|
4609
|
|
|
}; |
|
4610
|
|
|
var askAboutPrefix = function (editor, href) { |
|
4611
|
|
|
return new global$c(function (resolve) { |
|
|
|
|
|
|
4612
|
|
|
editor.windowManager.confirm('The URL you entered seems to be an external link. Do you want to add the required http:// prefix?', function (result) { |
|
4613
|
|
|
var output = result === true ? 'http://' + href : href; |
|
4614
|
|
|
resolve(output); |
|
4615
|
|
|
}); |
|
4616
|
|
|
}); |
|
4617
|
|
|
}; |
|
4618
|
|
|
var convertLinkToAbsolute = function (editor, href) { |
|
4619
|
|
|
return !UrlType.isAbsolute(href) && UrlType.isDomainLike(href) ? askAboutPrefix(editor, href) : global$c.resolve(href); |
|
4620
|
|
|
}; |
|
4621
|
|
|
var createQuickLinkForm = function (editor, hide) { |
|
4622
|
|
|
var attachState = {}; |
|
4623
|
|
|
var unlink = function () { |
|
4624
|
|
|
editor.focus(); |
|
4625
|
|
|
Actions.unlink(editor); |
|
4626
|
|
|
hide(); |
|
4627
|
|
|
}; |
|
4628
|
|
|
var onChangeHandler = function (e) { |
|
4629
|
|
|
var meta = e.meta; |
|
4630
|
|
|
if (meta && meta.attach) { |
|
4631
|
|
|
attachState = { |
|
4632
|
|
|
href: this.value(), |
|
4633
|
|
|
attach: meta.attach |
|
4634
|
|
|
}; |
|
4635
|
|
|
} |
|
4636
|
|
|
}; |
|
4637
|
|
|
var onShowHandler = function (e) { |
|
4638
|
|
|
if (e.control === this) { |
|
4639
|
|
|
var elm = void 0, linkurl = ''; |
|
|
|
|
|
|
4640
|
|
|
elm = editor.dom.getParent(editor.selection.getStart(), 'a[href]'); |
|
4641
|
|
|
if (elm) { |
|
4642
|
|
|
linkurl = editor.dom.getAttrib(elm, 'href'); |
|
4643
|
|
|
} |
|
4644
|
|
|
this.fromJSON({ linkurl: linkurl }); |
|
4645
|
|
|
toggleVisibility(this.find('#unlink'), elm); |
|
4646
|
|
|
this.find('#linkurl')[0].focus(); |
|
4647
|
|
|
} |
|
4648
|
|
|
}; |
|
4649
|
|
|
return createForm('quicklink', { |
|
4650
|
|
|
items: [ |
|
4651
|
|
|
{ |
|
4652
|
|
|
type: 'button', |
|
4653
|
|
|
name: 'unlink', |
|
4654
|
|
|
icon: 'unlink', |
|
4655
|
|
|
onclick: unlink, |
|
4656
|
|
|
tooltip: 'Remove link' |
|
4657
|
|
|
}, |
|
4658
|
|
|
{ |
|
4659
|
|
|
type: 'filepicker', |
|
4660
|
|
|
name: 'linkurl', |
|
4661
|
|
|
placeholder: 'Paste or type a link', |
|
4662
|
|
|
filetype: 'file', |
|
4663
|
|
|
onchange: onChangeHandler |
|
4664
|
|
|
}, |
|
4665
|
|
|
{ |
|
4666
|
|
|
type: 'button', |
|
4667
|
|
|
icon: 'checkmark', |
|
4668
|
|
|
subtype: 'primary', |
|
4669
|
|
|
tooltip: 'Ok', |
|
4670
|
|
|
onclick: 'submit' |
|
4671
|
|
|
} |
|
4672
|
|
|
], |
|
4673
|
|
|
onshow: onShowHandler, |
|
4674
|
|
|
onsubmit: function (e) { |
|
4675
|
|
|
convertLinkToAbsolute(editor, e.data.linkurl).then(function (url) { |
|
4676
|
|
|
editor.undoManager.transact(function () { |
|
4677
|
|
|
if (url === attachState.href) { |
|
4678
|
|
|
attachState.attach(); |
|
4679
|
|
|
attachState = {}; |
|
4680
|
|
|
} |
|
4681
|
|
|
Actions.createLink(editor, url); |
|
4682
|
|
|
}); |
|
4683
|
|
|
hide(); |
|
4684
|
|
|
}); |
|
4685
|
|
|
} |
|
4686
|
|
|
}); |
|
4687
|
|
|
}; |
|
4688
|
|
|
var Forms = { createQuickLinkForm: createQuickLinkForm }; |
|
4689
|
|
|
|
|
4690
|
|
|
var getSelectorStateResult = function (itemName, item) { |
|
4691
|
|
|
var result = function (selector, handler) { |
|
4692
|
|
|
return { |
|
4693
|
|
|
selector: selector, |
|
4694
|
|
|
handler: handler |
|
4695
|
|
|
}; |
|
4696
|
|
|
}; |
|
4697
|
|
|
var activeHandler = function (state) { |
|
4698
|
|
|
item.active(state); |
|
4699
|
|
|
}; |
|
4700
|
|
|
var disabledHandler = function (state) { |
|
4701
|
|
|
item.disabled(state); |
|
4702
|
|
|
}; |
|
4703
|
|
|
if (item.settings.stateSelector) { |
|
4704
|
|
|
return result(item.settings.stateSelector, activeHandler); |
|
4705
|
|
|
} |
|
4706
|
|
|
if (item.settings.disabledStateSelector) { |
|
4707
|
|
|
return result(item.settings.disabledStateSelector, disabledHandler); |
|
4708
|
|
|
} |
|
4709
|
|
|
return null; |
|
4710
|
|
|
}; |
|
4711
|
|
|
var bindSelectorChanged = function (editor, itemName, item) { |
|
4712
|
|
|
return function () { |
|
4713
|
|
|
var result = getSelectorStateResult(itemName, item); |
|
4714
|
|
|
if (result !== null) { |
|
4715
|
|
|
editor.selection.selectorChanged(result.selector, result.handler); |
|
4716
|
|
|
} |
|
4717
|
|
|
}; |
|
4718
|
|
|
}; |
|
4719
|
|
|
var itemsToArray$1 = function (items) { |
|
4720
|
|
|
if (Type.isArray(items)) { |
|
4721
|
|
|
return items; |
|
4722
|
|
|
} else if (Type.isString(items)) { |
|
4723
|
|
|
return items.split(/[ ,]/); |
|
4724
|
|
|
} |
|
4725
|
|
|
return []; |
|
4726
|
|
|
}; |
|
4727
|
|
|
var create$2 = function (editor, name, items) { |
|
4728
|
|
|
var toolbarItems = []; |
|
4729
|
|
|
var buttonGroup; |
|
4730
|
|
|
if (!items) { |
|
4731
|
|
|
return; |
|
|
|
|
|
|
4732
|
|
|
} |
|
4733
|
|
|
global$4.each(itemsToArray$1(items), function (item) { |
|
4734
|
|
|
if (item === '|') { |
|
4735
|
|
|
buttonGroup = null; |
|
4736
|
|
|
} else { |
|
4737
|
|
|
if (editor.buttons[item]) { |
|
4738
|
|
|
if (!buttonGroup) { |
|
4739
|
|
|
buttonGroup = { |
|
4740
|
|
|
type: 'buttongroup', |
|
4741
|
|
|
items: [] |
|
4742
|
|
|
}; |
|
4743
|
|
|
toolbarItems.push(buttonGroup); |
|
4744
|
|
|
} |
|
4745
|
|
|
var button = editor.buttons[item]; |
|
4746
|
|
|
if (Type.isFunction(button)) { |
|
4747
|
|
|
button = button(); |
|
4748
|
|
|
} |
|
4749
|
|
|
button.type = button.type || 'button'; |
|
4750
|
|
|
button = global$b.create(button); |
|
4751
|
|
|
button.on('postRender', bindSelectorChanged(editor, item, button)); |
|
4752
|
|
|
buttonGroup.items.push(button); |
|
4753
|
|
|
} |
|
4754
|
|
|
} |
|
4755
|
|
|
}); |
|
4756
|
|
|
return global$b.create({ |
|
4757
|
|
|
type: 'toolbar', |
|
4758
|
|
|
layout: 'flow', |
|
4759
|
|
|
name: name, |
|
4760
|
|
|
items: toolbarItems |
|
4761
|
|
|
}); |
|
4762
|
|
|
}; |
|
4763
|
|
|
var Toolbar = { create: create$2 }; |
|
4764
|
|
|
|
|
4765
|
|
|
var create$3 = function () { |
|
4766
|
|
|
var panel, currentRect; |
|
4767
|
|
|
var createToolbars = function (editor, toolbars) { |
|
4768
|
|
|
return global$4.map(toolbars, function (toolbar) { |
|
4769
|
|
|
return Toolbar.create(editor, toolbar.id, toolbar.items); |
|
4770
|
|
|
}); |
|
4771
|
|
|
}; |
|
4772
|
|
|
var hasToolbarItems = function (toolbar) { |
|
4773
|
|
|
return toolbar.items().length > 0; |
|
4774
|
|
|
}; |
|
4775
|
|
|
var create = function (editor, toolbars) { |
|
4776
|
|
|
var items = createToolbars(editor, toolbars).concat([ |
|
4777
|
|
|
Toolbar.create(editor, 'text', Settings.getTextSelectionToolbarItems(editor)), |
|
4778
|
|
|
Toolbar.create(editor, 'insert', Settings.getInsertToolbarItems(editor)), |
|
4779
|
|
|
Forms.createQuickLinkForm(editor, hide) |
|
4780
|
|
|
]); |
|
4781
|
|
|
return global$b.create({ |
|
4782
|
|
|
type: 'floatpanel', |
|
4783
|
|
|
role: 'dialog', |
|
4784
|
|
|
classes: 'tinymce tinymce-inline arrow', |
|
4785
|
|
|
ariaLabel: 'Inline toolbar', |
|
4786
|
|
|
layout: 'flex', |
|
4787
|
|
|
direction: 'column', |
|
4788
|
|
|
align: 'stretch', |
|
4789
|
|
|
autohide: false, |
|
4790
|
|
|
autofix: true, |
|
4791
|
|
|
fixed: true, |
|
4792
|
|
|
border: 1, |
|
4793
|
|
|
items: global$4.grep(items, hasToolbarItems), |
|
4794
|
|
|
oncancel: function () { |
|
4795
|
|
|
editor.focus(); |
|
4796
|
|
|
} |
|
4797
|
|
|
}); |
|
4798
|
|
|
}; |
|
4799
|
|
|
var showPanel = function (panel) { |
|
4800
|
|
|
if (panel) { |
|
4801
|
|
|
panel.show(); |
|
4802
|
|
|
} |
|
4803
|
|
|
}; |
|
4804
|
|
|
var movePanelTo = function (panel, pos) { |
|
4805
|
|
|
panel.moveTo(pos.x, pos.y); |
|
4806
|
|
|
}; |
|
4807
|
|
|
var togglePositionClass = function (panel, relPos) { |
|
4808
|
|
|
relPos = relPos ? relPos.substr(0, 2) : ''; |
|
4809
|
|
|
global$4.each({ |
|
4810
|
|
|
t: 'down', |
|
4811
|
|
|
b: 'up', |
|
4812
|
|
|
c: 'center' |
|
4813
|
|
|
}, function (cls, pos) { |
|
4814
|
|
|
panel.classes.toggle('arrow-' + cls, pos === relPos.substr(0, 1)); |
|
4815
|
|
|
}); |
|
4816
|
|
|
if (relPos === 'cr') { |
|
4817
|
|
|
panel.classes.toggle('arrow-left', true); |
|
4818
|
|
|
panel.classes.toggle('arrow-right', false); |
|
4819
|
|
|
} else if (relPos === 'cl') { |
|
4820
|
|
|
panel.classes.toggle('arrow-left', false); |
|
4821
|
|
|
panel.classes.toggle('arrow-right', true); |
|
4822
|
|
|
} else { |
|
4823
|
|
|
global$4.each({ |
|
4824
|
|
|
l: 'left', |
|
4825
|
|
|
r: 'right' |
|
4826
|
|
|
}, function (cls, pos) { |
|
4827
|
|
|
panel.classes.toggle('arrow-' + cls, pos === relPos.substr(1, 1)); |
|
4828
|
|
|
}); |
|
4829
|
|
|
} |
|
4830
|
|
|
}; |
|
4831
|
|
|
var showToolbar = function (panel, id) { |
|
4832
|
|
|
var toolbars = panel.items().filter('#' + id); |
|
4833
|
|
|
if (toolbars.length > 0) { |
|
4834
|
|
|
toolbars[0].show(); |
|
4835
|
|
|
panel.reflow(); |
|
4836
|
|
|
return true; |
|
4837
|
|
|
} |
|
4838
|
|
|
return false; |
|
4839
|
|
|
}; |
|
4840
|
|
|
var repositionPanelAt = function (panel, id, editor, targetRect) { |
|
4841
|
|
|
var contentAreaRect, panelRect, result, userConstainHandler; |
|
4842
|
|
|
userConstainHandler = Settings.getPositionHandler(editor); |
|
4843
|
|
|
contentAreaRect = Measure.getContentAreaRect(editor); |
|
4844
|
|
|
panelRect = global$2.DOM.getRect(panel.getEl()); |
|
4845
|
|
|
if (id === 'insert') { |
|
4846
|
|
|
result = Layout.calcInsert(targetRect, contentAreaRect, panelRect); |
|
4847
|
|
|
} else { |
|
4848
|
|
|
result = Layout.calc(targetRect, contentAreaRect, panelRect); |
|
4849
|
|
|
} |
|
4850
|
|
|
if (result) { |
|
4851
|
|
|
var delta = UiContainer$1.getUiContainerDelta().getOr({ |
|
4852
|
|
|
x: 0, |
|
4853
|
|
|
y: 0 |
|
4854
|
|
|
}); |
|
4855
|
|
|
var transposedPanelRect = { |
|
4856
|
|
|
x: result.rect.x - delta.x, |
|
4857
|
|
|
y: result.rect.y - delta.y, |
|
4858
|
|
|
w: result.rect.w, |
|
4859
|
|
|
h: result.rect.h |
|
4860
|
|
|
}; |
|
4861
|
|
|
currentRect = targetRect; |
|
4862
|
|
|
movePanelTo(panel, Layout.userConstrain(userConstainHandler, targetRect, contentAreaRect, transposedPanelRect)); |
|
4863
|
|
|
togglePositionClass(panel, result.position); |
|
4864
|
|
|
return true; |
|
4865
|
|
|
} else { |
|
|
|
|
|
|
4866
|
|
|
return false; |
|
4867
|
|
|
} |
|
4868
|
|
|
}; |
|
4869
|
|
|
var showPanelAt = function (panel, id, editor, targetRect) { |
|
4870
|
|
|
showPanel(panel); |
|
4871
|
|
|
panel.items().hide(); |
|
4872
|
|
|
if (!showToolbar(panel, id)) { |
|
4873
|
|
|
hide(); |
|
4874
|
|
|
return; |
|
4875
|
|
|
} |
|
4876
|
|
|
if (repositionPanelAt(panel, id, editor, targetRect) === false) { |
|
4877
|
|
|
hide(); |
|
4878
|
|
|
} |
|
4879
|
|
|
}; |
|
4880
|
|
|
var hasFormVisible = function () { |
|
4881
|
|
|
return panel.items().filter('form:visible').length > 0; |
|
4882
|
|
|
}; |
|
4883
|
|
|
var showForm = function (editor, id) { |
|
4884
|
|
|
if (panel) { |
|
4885
|
|
|
panel.items().hide(); |
|
4886
|
|
|
if (!showToolbar(panel, id)) { |
|
4887
|
|
|
hide(); |
|
4888
|
|
|
return; |
|
4889
|
|
|
} |
|
4890
|
|
|
var contentAreaRect = void 0, panelRect = void 0, result = void 0, userConstainHandler = void 0; |
|
|
|
|
|
|
4891
|
|
|
showPanel(panel); |
|
4892
|
|
|
panel.items().hide(); |
|
4893
|
|
|
showToolbar(panel, id); |
|
4894
|
|
|
userConstainHandler = Settings.getPositionHandler(editor); |
|
4895
|
|
|
contentAreaRect = Measure.getContentAreaRect(editor); |
|
4896
|
|
|
panelRect = global$2.DOM.getRect(panel.getEl()); |
|
4897
|
|
|
result = Layout.calc(currentRect, contentAreaRect, panelRect); |
|
4898
|
|
|
if (result) { |
|
4899
|
|
|
panelRect = result.rect; |
|
4900
|
|
|
movePanelTo(panel, Layout.userConstrain(userConstainHandler, currentRect, contentAreaRect, panelRect)); |
|
4901
|
|
|
togglePositionClass(panel, result.position); |
|
4902
|
|
|
} |
|
4903
|
|
|
} |
|
4904
|
|
|
}; |
|
4905
|
|
|
var show = function (editor, id, targetRect, toolbars) { |
|
4906
|
|
|
if (!panel) { |
|
4907
|
|
|
Events.fireBeforeRenderUI(editor); |
|
4908
|
|
|
panel = create(editor, toolbars); |
|
4909
|
|
|
panel.renderTo().reflow().moveTo(targetRect.x, targetRect.y); |
|
4910
|
|
|
editor.nodeChanged(); |
|
4911
|
|
|
} |
|
4912
|
|
|
showPanelAt(panel, id, editor, targetRect); |
|
4913
|
|
|
}; |
|
4914
|
|
|
var reposition = function (editor, id, targetRect) { |
|
4915
|
|
|
if (panel) { |
|
4916
|
|
|
repositionPanelAt(panel, id, editor, targetRect); |
|
4917
|
|
|
} |
|
4918
|
|
|
}; |
|
4919
|
|
|
var hide = function () { |
|
4920
|
|
|
if (panel) { |
|
4921
|
|
|
panel.hide(); |
|
4922
|
|
|
} |
|
4923
|
|
|
}; |
|
4924
|
|
|
var focus = function () { |
|
4925
|
|
|
if (panel) { |
|
4926
|
|
|
panel.find('toolbar:visible').eq(0).each(function (item) { |
|
4927
|
|
|
item.focus(true); |
|
4928
|
|
|
}); |
|
4929
|
|
|
} |
|
4930
|
|
|
}; |
|
4931
|
|
|
var remove = function () { |
|
4932
|
|
|
if (panel) { |
|
4933
|
|
|
panel.remove(); |
|
4934
|
|
|
panel = null; |
|
4935
|
|
|
} |
|
4936
|
|
|
}; |
|
4937
|
|
|
var inForm = function () { |
|
4938
|
|
|
return panel && panel.visible() && hasFormVisible(); |
|
4939
|
|
|
}; |
|
4940
|
|
|
return { |
|
4941
|
|
|
show: show, |
|
4942
|
|
|
showForm: showForm, |
|
4943
|
|
|
reposition: reposition, |
|
4944
|
|
|
inForm: inForm, |
|
4945
|
|
|
hide: hide, |
|
4946
|
|
|
focus: focus, |
|
4947
|
|
|
remove: remove |
|
4948
|
|
|
}; |
|
4949
|
|
|
}; |
|
4950
|
|
|
|
|
4951
|
|
|
var Layout$1 = global$8.extend({ |
|
4952
|
|
|
Defaults: { |
|
4953
|
|
|
firstControlClass: 'first', |
|
4954
|
|
|
lastControlClass: 'last' |
|
4955
|
|
|
}, |
|
4956
|
|
|
init: function (settings) { |
|
4957
|
|
|
this.settings = global$4.extend({}, this.Defaults, settings); |
|
4958
|
|
|
}, |
|
4959
|
|
|
preRender: function (container) { |
|
4960
|
|
|
container.bodyClasses.add(this.settings.containerClass); |
|
4961
|
|
|
}, |
|
4962
|
|
|
applyClasses: function (items) { |
|
4963
|
|
|
var self = this; |
|
4964
|
|
|
var settings = self.settings; |
|
4965
|
|
|
var firstClass, lastClass, firstItem, lastItem; |
|
4966
|
|
|
firstClass = settings.firstControlClass; |
|
4967
|
|
|
lastClass = settings.lastControlClass; |
|
4968
|
|
|
items.each(function (item) { |
|
4969
|
|
|
item.classes.remove(firstClass).remove(lastClass).add(settings.controlClass); |
|
4970
|
|
|
if (item.visible()) { |
|
4971
|
|
|
if (!firstItem) { |
|
4972
|
|
|
firstItem = item; |
|
4973
|
|
|
} |
|
4974
|
|
|
lastItem = item; |
|
4975
|
|
|
} |
|
4976
|
|
|
}); |
|
4977
|
|
|
if (firstItem) { |
|
4978
|
|
|
firstItem.classes.add(firstClass); |
|
4979
|
|
|
} |
|
4980
|
|
|
if (lastItem) { |
|
4981
|
|
|
lastItem.classes.add(lastClass); |
|
4982
|
|
|
} |
|
4983
|
|
|
}, |
|
4984
|
|
|
renderHtml: function (container) { |
|
4985
|
|
|
var self = this; |
|
4986
|
|
|
var html = ''; |
|
4987
|
|
|
self.applyClasses(container.items()); |
|
4988
|
|
|
container.items().each(function (item) { |
|
4989
|
|
|
html += item.renderHtml(); |
|
4990
|
|
|
}); |
|
4991
|
|
|
return html; |
|
4992
|
|
|
}, |
|
4993
|
|
|
recalc: function () { |
|
4994
|
|
|
}, |
|
4995
|
|
|
postRender: function () { |
|
4996
|
|
|
}, |
|
4997
|
|
|
isNative: function () { |
|
4998
|
|
|
return false; |
|
4999
|
|
|
} |
|
5000
|
|
|
}); |
|
5001
|
|
|
|
|
5002
|
|
|
var AbsoluteLayout = Layout$1.extend({ |
|
5003
|
|
|
Defaults: { |
|
5004
|
|
|
containerClass: 'abs-layout', |
|
5005
|
|
|
controlClass: 'abs-layout-item' |
|
5006
|
|
|
}, |
|
5007
|
|
|
recalc: function (container) { |
|
5008
|
|
|
container.items().filter(':visible').each(function (ctrl) { |
|
5009
|
|
|
var settings = ctrl.settings; |
|
5010
|
|
|
ctrl.layoutRect({ |
|
5011
|
|
|
x: settings.x, |
|
5012
|
|
|
y: settings.y, |
|
5013
|
|
|
w: settings.w, |
|
5014
|
|
|
h: settings.h |
|
5015
|
|
|
}); |
|
5016
|
|
|
if (ctrl.recalc) { |
|
5017
|
|
|
ctrl.recalc(); |
|
5018
|
|
|
} |
|
5019
|
|
|
}); |
|
5020
|
|
|
}, |
|
5021
|
|
|
renderHtml: function (container) { |
|
5022
|
|
|
return '<div id="' + container._id + '-absend" class="' + container.classPrefix + 'abs-end"></div>' + this._super(container); |
|
5023
|
|
|
} |
|
5024
|
|
|
}); |
|
5025
|
|
|
|
|
5026
|
|
|
var Button = Widget.extend({ |
|
5027
|
|
|
Defaults: { |
|
5028
|
|
|
classes: 'widget btn', |
|
5029
|
|
|
role: 'button' |
|
5030
|
|
|
}, |
|
5031
|
|
|
init: function (settings) { |
|
5032
|
|
|
var self$$1 = this; |
|
5033
|
|
|
var size; |
|
5034
|
|
|
self$$1._super(settings); |
|
5035
|
|
|
settings = self$$1.settings; |
|
5036
|
|
|
size = self$$1.settings.size; |
|
5037
|
|
|
self$$1.on('click mousedown', function (e) { |
|
5038
|
|
|
e.preventDefault(); |
|
5039
|
|
|
}); |
|
5040
|
|
|
self$$1.on('touchstart', function (e) { |
|
5041
|
|
|
self$$1.fire('click', e); |
|
5042
|
|
|
e.preventDefault(); |
|
5043
|
|
|
}); |
|
5044
|
|
|
if (settings.subtype) { |
|
5045
|
|
|
self$$1.classes.add(settings.subtype); |
|
5046
|
|
|
} |
|
5047
|
|
|
if (size) { |
|
5048
|
|
|
self$$1.classes.add('btn-' + size); |
|
5049
|
|
|
} |
|
5050
|
|
|
if (settings.icon) { |
|
5051
|
|
|
self$$1.icon(settings.icon); |
|
5052
|
|
|
} |
|
5053
|
|
|
}, |
|
5054
|
|
|
icon: function (icon) { |
|
5055
|
|
|
if (!arguments.length) { |
|
5056
|
|
|
return this.state.get('icon'); |
|
5057
|
|
|
} |
|
5058
|
|
|
this.state.set('icon', icon); |
|
5059
|
|
|
return this; |
|
5060
|
|
|
}, |
|
5061
|
|
|
repaint: function () { |
|
5062
|
|
|
var btnElm = this.getEl().firstChild; |
|
5063
|
|
|
var btnStyle; |
|
5064
|
|
|
if (btnElm) { |
|
5065
|
|
|
btnStyle = btnElm.style; |
|
5066
|
|
|
btnStyle.width = btnStyle.height = '100%'; |
|
5067
|
|
|
} |
|
5068
|
|
|
this._super(); |
|
5069
|
|
|
}, |
|
5070
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
5071
|
|
|
var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix; |
|
5072
|
|
|
var icon = self$$1.state.get('icon'), image; |
|
5073
|
|
|
var text = self$$1.state.get('text'); |
|
5074
|
|
|
var textHtml = ''; |
|
5075
|
|
|
var ariaPressed; |
|
5076
|
|
|
var settings = self$$1.settings; |
|
5077
|
|
|
image = settings.image; |
|
5078
|
|
|
if (image) { |
|
5079
|
|
|
icon = 'none'; |
|
5080
|
|
|
if (typeof image !== 'string') { |
|
5081
|
|
|
image = window.getSelection ? image[0] : image[1]; |
|
5082
|
|
|
} |
|
5083
|
|
|
image = ' style="background-image: url(\'' + image + '\')"'; |
|
5084
|
|
|
} else { |
|
5085
|
|
|
image = ''; |
|
5086
|
|
|
} |
|
5087
|
|
|
if (text) { |
|
5088
|
|
|
self$$1.classes.add('btn-has-text'); |
|
5089
|
|
|
textHtml = '<span class="' + prefix + 'txt">' + self$$1.encode(text) + '</span>'; |
|
5090
|
|
|
} |
|
5091
|
|
|
icon = icon ? prefix + 'ico ' + prefix + 'i-' + icon : ''; |
|
5092
|
|
|
ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : ''; |
|
5093
|
|
|
return '<div id="' + id + '" class="' + self$$1.classes + '" tabindex="-1"' + ariaPressed + '>' + '<button id="' + id + '-button" role="presentation" type="button" tabindex="-1">' + (icon ? '<i class="' + icon + '"' + image + '></i>' : '') + textHtml + '</button>' + '</div>'; |
|
5094
|
|
|
}, |
|
5095
|
|
View Code Duplication |
bindStates: function () { |
|
|
|
|
|
|
5096
|
|
|
var self$$1 = this, $ = self$$1.$, textCls = self$$1.classPrefix + 'txt'; |
|
5097
|
|
|
function setButtonText(text) { |
|
5098
|
|
|
var $span = $('span.' + textCls, self$$1.getEl()); |
|
5099
|
|
|
if (text) { |
|
5100
|
|
|
if (!$span[0]) { |
|
5101
|
|
|
$('button:first', self$$1.getEl()).append('<span class="' + textCls + '"></span>'); |
|
5102
|
|
|
$span = $('span.' + textCls, self$$1.getEl()); |
|
5103
|
|
|
} |
|
5104
|
|
|
$span.html(self$$1.encode(text)); |
|
5105
|
|
|
} else { |
|
5106
|
|
|
$span.remove(); |
|
5107
|
|
|
} |
|
5108
|
|
|
self$$1.classes.toggle('btn-has-text', !!text); |
|
5109
|
|
|
} |
|
5110
|
|
|
self$$1.state.on('change:text', function (e) { |
|
5111
|
|
|
setButtonText(e.value); |
|
5112
|
|
|
}); |
|
5113
|
|
|
self$$1.state.on('change:icon', function (e) { |
|
5114
|
|
|
var icon = e.value; |
|
5115
|
|
|
var prefix = self$$1.classPrefix; |
|
5116
|
|
|
self$$1.settings.icon = icon; |
|
5117
|
|
|
icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : ''; |
|
5118
|
|
|
var btnElm = self$$1.getEl().firstChild; |
|
5119
|
|
|
var iconElm = btnElm.getElementsByTagName('i')[0]; |
|
5120
|
|
|
if (icon) { |
|
5121
|
|
|
if (!iconElm || iconElm !== btnElm.firstChild) { |
|
5122
|
|
|
iconElm = document.createElement('i'); |
|
5123
|
|
|
btnElm.insertBefore(iconElm, btnElm.firstChild); |
|
5124
|
|
|
} |
|
5125
|
|
|
iconElm.className = icon; |
|
5126
|
|
|
} else if (iconElm) { |
|
5127
|
|
|
btnElm.removeChild(iconElm); |
|
5128
|
|
|
} |
|
5129
|
|
|
setButtonText(self$$1.state.get('text')); |
|
5130
|
|
|
}); |
|
5131
|
|
|
return self$$1._super(); |
|
5132
|
|
|
} |
|
5133
|
|
|
}); |
|
5134
|
|
|
|
|
5135
|
|
|
var BrowseButton = Button.extend({ |
|
5136
|
|
|
init: function (settings) { |
|
5137
|
|
|
var self = this; |
|
5138
|
|
|
settings = global$4.extend({ |
|
5139
|
|
|
text: 'Browse...', |
|
5140
|
|
|
multiple: false, |
|
5141
|
|
|
accept: null |
|
5142
|
|
|
}, settings); |
|
5143
|
|
|
self._super(settings); |
|
5144
|
|
|
self.classes.add('browsebutton'); |
|
5145
|
|
|
if (settings.multiple) { |
|
5146
|
|
|
self.classes.add('multiple'); |
|
5147
|
|
|
} |
|
5148
|
|
|
}, |
|
5149
|
|
|
postRender: function () { |
|
5150
|
|
|
var self = this; |
|
5151
|
|
|
var input = funcs.create('input', { |
|
5152
|
|
|
type: 'file', |
|
5153
|
|
|
id: self._id + '-browse', |
|
5154
|
|
|
accept: self.settings.accept |
|
5155
|
|
|
}); |
|
5156
|
|
|
self._super(); |
|
5157
|
|
|
global$7(input).on('change', function (e) { |
|
5158
|
|
|
var files = e.target.files; |
|
5159
|
|
|
self.value = function () { |
|
5160
|
|
|
if (!files.length) { |
|
5161
|
|
|
return null; |
|
5162
|
|
|
} else if (self.settings.multiple) { |
|
5163
|
|
|
return files; |
|
5164
|
|
|
} else { |
|
5165
|
|
|
return files[0]; |
|
5166
|
|
|
} |
|
5167
|
|
|
}; |
|
5168
|
|
|
e.preventDefault(); |
|
5169
|
|
|
if (files.length) { |
|
5170
|
|
|
self.fire('change', e); |
|
5171
|
|
|
} |
|
5172
|
|
|
}); |
|
5173
|
|
|
global$7(input).on('click', function (e) { |
|
5174
|
|
|
e.stopPropagation(); |
|
5175
|
|
|
}); |
|
5176
|
|
|
global$7(self.getEl('button')).on('click', function (e) { |
|
5177
|
|
|
e.stopPropagation(); |
|
5178
|
|
|
input.click(); |
|
5179
|
|
|
}); |
|
5180
|
|
|
self.getEl().appendChild(input); |
|
5181
|
|
|
}, |
|
5182
|
|
|
remove: function () { |
|
5183
|
|
|
global$7(this.getEl('button')).off(); |
|
5184
|
|
|
global$7(this.getEl('input')).off(); |
|
5185
|
|
|
this._super(); |
|
5186
|
|
|
} |
|
5187
|
|
|
}); |
|
5188
|
|
|
|
|
5189
|
|
|
var ButtonGroup = Container.extend({ |
|
5190
|
|
|
Defaults: { |
|
5191
|
|
|
defaultType: 'button', |
|
5192
|
|
|
role: 'group' |
|
5193
|
|
|
}, |
|
5194
|
|
|
renderHtml: function () { |
|
5195
|
|
|
var self = this, layout = self._layout; |
|
5196
|
|
|
self.classes.add('btn-group'); |
|
5197
|
|
|
self.preRender(); |
|
5198
|
|
|
layout.preRender(self); |
|
5199
|
|
|
return '<div id="' + self._id + '" class="' + self.classes + '">' + '<div id="' + self._id + '-body">' + (self.settings.html || '') + layout.renderHtml(self) + '</div>' + '</div>'; |
|
5200
|
|
|
} |
|
5201
|
|
|
}); |
|
5202
|
|
|
|
|
5203
|
|
|
var Checkbox = Widget.extend({ |
|
5204
|
|
|
Defaults: { |
|
5205
|
|
|
classes: 'checkbox', |
|
5206
|
|
|
role: 'checkbox', |
|
5207
|
|
|
checked: false |
|
5208
|
|
|
}, |
|
5209
|
|
|
init: function (settings) { |
|
5210
|
|
|
var self$$1 = this; |
|
5211
|
|
|
self$$1._super(settings); |
|
5212
|
|
|
self$$1.on('click mousedown', function (e) { |
|
5213
|
|
|
e.preventDefault(); |
|
5214
|
|
|
}); |
|
5215
|
|
|
self$$1.on('click', function (e) { |
|
5216
|
|
|
e.preventDefault(); |
|
5217
|
|
|
if (!self$$1.disabled()) { |
|
5218
|
|
|
self$$1.checked(!self$$1.checked()); |
|
5219
|
|
|
} |
|
5220
|
|
|
}); |
|
5221
|
|
|
self$$1.checked(self$$1.settings.checked); |
|
5222
|
|
|
}, |
|
5223
|
|
|
checked: function (state) { |
|
5224
|
|
|
if (!arguments.length) { |
|
5225
|
|
|
return this.state.get('checked'); |
|
5226
|
|
|
} |
|
5227
|
|
|
this.state.set('checked', state); |
|
5228
|
|
|
return this; |
|
5229
|
|
|
}, |
|
5230
|
|
|
value: function (state) { |
|
5231
|
|
|
if (!arguments.length) { |
|
5232
|
|
|
return this.checked(); |
|
5233
|
|
|
} |
|
5234
|
|
|
return this.checked(state); |
|
5235
|
|
|
}, |
|
5236
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
5237
|
|
|
var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix; |
|
5238
|
|
|
return '<div id="' + id + '" class="' + self$$1.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$$1.encode(self$$1.state.get('text')) + '</span>' + '</div>'; |
|
5239
|
|
|
}, |
|
5240
|
|
View Code Duplication |
bindStates: function () { |
|
|
|
|
|
|
5241
|
|
|
var self$$1 = this; |
|
5242
|
|
|
function checked(state) { |
|
5243
|
|
|
self$$1.classes.toggle('checked', state); |
|
5244
|
|
|
self$$1.aria('checked', state); |
|
5245
|
|
|
} |
|
5246
|
|
|
self$$1.state.on('change:text', function (e) { |
|
5247
|
|
|
self$$1.getEl('al').firstChild.data = self$$1.translate(e.value); |
|
5248
|
|
|
}); |
|
5249
|
|
|
self$$1.state.on('change:checked change:value', function (e) { |
|
5250
|
|
|
self$$1.fire('change'); |
|
5251
|
|
|
checked(e.value); |
|
5252
|
|
|
}); |
|
5253
|
|
|
self$$1.state.on('change:icon', function (e) { |
|
5254
|
|
|
var icon = e.value; |
|
5255
|
|
|
var prefix = self$$1.classPrefix; |
|
5256
|
|
|
if (typeof icon === 'undefined') { |
|
5257
|
|
|
return self$$1.settings.icon; |
|
5258
|
|
|
} |
|
5259
|
|
|
self$$1.settings.icon = icon; |
|
5260
|
|
|
icon = icon ? prefix + 'ico ' + prefix + 'i-' + self$$1.settings.icon : ''; |
|
5261
|
|
|
var btnElm = self$$1.getEl().firstChild; |
|
5262
|
|
|
var iconElm = btnElm.getElementsByTagName('i')[0]; |
|
5263
|
|
|
if (icon) { |
|
5264
|
|
|
if (!iconElm || iconElm !== btnElm.firstChild) { |
|
5265
|
|
|
iconElm = document.createElement('i'); |
|
5266
|
|
|
btnElm.insertBefore(iconElm, btnElm.firstChild); |
|
5267
|
|
|
} |
|
5268
|
|
|
iconElm.className = icon; |
|
|
|
|
|
|
5269
|
|
|
} else if (iconElm) { |
|
|
|
|
|
|
5270
|
|
|
btnElm.removeChild(iconElm); |
|
|
|
|
|
|
5271
|
|
|
} |
|
5272
|
|
|
}); |
|
5273
|
|
|
if (self$$1.state.get('checked')) { |
|
5274
|
|
|
checked(true); |
|
5275
|
|
|
} |
|
5276
|
|
|
return self$$1._super(); |
|
5277
|
|
|
} |
|
5278
|
|
|
}); |
|
5279
|
|
|
|
|
5280
|
|
|
var global$f = tinymce.util.Tools.resolve('tinymce.util.VK'); |
|
5281
|
|
|
|
|
5282
|
|
|
var ComboBox = Widget.extend({ |
|
5283
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
5284
|
|
|
var self$$1 = this; |
|
5285
|
|
|
self$$1._super(settings); |
|
5286
|
|
|
settings = self$$1.settings; |
|
5287
|
|
|
self$$1.classes.add('combobox'); |
|
5288
|
|
|
self$$1.subinput = true; |
|
5289
|
|
|
self$$1.ariaTarget = 'inp'; |
|
5290
|
|
|
settings.menu = settings.menu || settings.values; |
|
5291
|
|
|
if (settings.menu) { |
|
5292
|
|
|
settings.icon = 'caret'; |
|
5293
|
|
|
} |
|
5294
|
|
|
self$$1.on('click', function (e) { |
|
5295
|
|
|
var elm = e.target; |
|
5296
|
|
|
var root = self$$1.getEl(); |
|
5297
|
|
|
if (!global$7.contains(root, elm) && elm !== root) { |
|
5298
|
|
|
return; |
|
5299
|
|
|
} |
|
5300
|
|
|
while (elm && elm !== root) { |
|
5301
|
|
|
if (elm.id && elm.id.indexOf('-open') !== -1) { |
|
5302
|
|
|
self$$1.fire('action'); |
|
5303
|
|
|
if (settings.menu) { |
|
5304
|
|
|
self$$1.showMenu(); |
|
5305
|
|
|
if (e.aria) { |
|
5306
|
|
|
self$$1.menu.items()[0].focus(); |
|
5307
|
|
|
} |
|
5308
|
|
|
} |
|
5309
|
|
|
} |
|
5310
|
|
|
elm = elm.parentNode; |
|
5311
|
|
|
} |
|
5312
|
|
|
}); |
|
5313
|
|
|
self$$1.on('keydown', function (e) { |
|
5314
|
|
|
var rootControl; |
|
5315
|
|
|
if (e.keyCode === 13 && e.target.nodeName === 'INPUT') { |
|
5316
|
|
|
e.preventDefault(); |
|
5317
|
|
|
self$$1.parents().reverse().each(function (ctrl) { |
|
5318
|
|
|
if (ctrl.toJSON) { |
|
|
|
|
|
|
5319
|
|
|
rootControl = ctrl; |
|
5320
|
|
|
return false; |
|
5321
|
|
|
} |
|
5322
|
|
|
}); |
|
5323
|
|
|
self$$1.fire('submit', { data: rootControl.toJSON() }); |
|
5324
|
|
|
} |
|
5325
|
|
|
}); |
|
5326
|
|
|
self$$1.on('keyup', function (e) { |
|
5327
|
|
|
if (e.target.nodeName === 'INPUT') { |
|
5328
|
|
|
var oldValue = self$$1.state.get('value'); |
|
5329
|
|
|
var newValue = e.target.value; |
|
5330
|
|
|
if (newValue !== oldValue) { |
|
5331
|
|
|
self$$1.state.set('value', newValue); |
|
5332
|
|
|
self$$1.fire('autocomplete', e); |
|
5333
|
|
|
} |
|
5334
|
|
|
} |
|
5335
|
|
|
}); |
|
5336
|
|
|
self$$1.on('mouseover', function (e) { |
|
5337
|
|
|
var tooltip = self$$1.tooltip().moveTo(-65535); |
|
5338
|
|
|
if (self$$1.statusLevel() && e.target.className.indexOf(self$$1.classPrefix + 'status') !== -1) { |
|
5339
|
|
|
var statusMessage = self$$1.statusMessage() || 'Ok'; |
|
5340
|
|
|
var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [ |
|
5341
|
|
|
'bc-tc', |
|
5342
|
|
|
'bc-tl', |
|
5343
|
|
|
'bc-tr' |
|
5344
|
|
|
]); |
|
5345
|
|
|
tooltip.classes.toggle('tooltip-n', rel === 'bc-tc'); |
|
5346
|
|
|
tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl'); |
|
5347
|
|
|
tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr'); |
|
5348
|
|
|
tooltip.moveRel(e.target, rel); |
|
5349
|
|
|
} |
|
5350
|
|
|
}); |
|
5351
|
|
|
}, |
|
5352
|
|
|
statusLevel: function (value) { |
|
5353
|
|
|
if (arguments.length > 0) { |
|
5354
|
|
|
this.state.set('statusLevel', value); |
|
5355
|
|
|
} |
|
5356
|
|
|
return this.state.get('statusLevel'); |
|
5357
|
|
|
}, |
|
5358
|
|
|
statusMessage: function (value) { |
|
5359
|
|
|
if (arguments.length > 0) { |
|
5360
|
|
|
this.state.set('statusMessage', value); |
|
5361
|
|
|
} |
|
5362
|
|
|
return this.state.get('statusMessage'); |
|
5363
|
|
|
}, |
|
5364
|
|
View Code Duplication |
showMenu: function () { |
|
|
|
|
|
|
5365
|
|
|
var self$$1 = this; |
|
5366
|
|
|
var settings = self$$1.settings; |
|
5367
|
|
|
var menu; |
|
5368
|
|
|
if (!self$$1.menu) { |
|
5369
|
|
|
menu = settings.menu || []; |
|
5370
|
|
|
if (menu.length) { |
|
5371
|
|
|
menu = { |
|
5372
|
|
|
type: 'menu', |
|
5373
|
|
|
items: menu |
|
5374
|
|
|
}; |
|
5375
|
|
|
} else { |
|
5376
|
|
|
menu.type = menu.type || 'menu'; |
|
5377
|
|
|
} |
|
5378
|
|
|
self$$1.menu = global$b.create(menu).parent(self$$1).renderTo(self$$1.getContainerElm()); |
|
5379
|
|
|
self$$1.fire('createmenu'); |
|
5380
|
|
|
self$$1.menu.reflow(); |
|
5381
|
|
|
self$$1.menu.on('cancel', function (e) { |
|
5382
|
|
|
if (e.control === self$$1.menu) { |
|
5383
|
|
|
self$$1.focus(); |
|
5384
|
|
|
} |
|
5385
|
|
|
}); |
|
5386
|
|
|
self$$1.menu.on('show hide', function (e) { |
|
5387
|
|
|
e.control.items().each(function (ctrl) { |
|
5388
|
|
|
ctrl.active(ctrl.value() === self$$1.value()); |
|
5389
|
|
|
}); |
|
5390
|
|
|
}).fire('show'); |
|
5391
|
|
|
self$$1.menu.on('select', function (e) { |
|
5392
|
|
|
self$$1.value(e.control.value()); |
|
5393
|
|
|
}); |
|
5394
|
|
|
self$$1.on('focusin', function (e) { |
|
5395
|
|
|
if (e.target.tagName.toUpperCase() === 'INPUT') { |
|
5396
|
|
|
self$$1.menu.hide(); |
|
5397
|
|
|
} |
|
5398
|
|
|
}); |
|
5399
|
|
|
self$$1.aria('expanded', true); |
|
5400
|
|
|
} |
|
5401
|
|
|
self$$1.menu.show(); |
|
5402
|
|
|
self$$1.menu.layoutRect({ w: self$$1.layoutRect().w }); |
|
5403
|
|
|
self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [ |
|
5404
|
|
|
'br-tr', |
|
5405
|
|
|
'tr-br' |
|
5406
|
|
|
] : [ |
|
5407
|
|
|
'bl-tl', |
|
5408
|
|
|
'tl-bl' |
|
5409
|
|
|
]); |
|
5410
|
|
|
}, |
|
5411
|
|
|
focus: function () { |
|
5412
|
|
|
this.getEl('inp').focus(); |
|
5413
|
|
|
}, |
|
5414
|
|
|
repaint: function () { |
|
5415
|
|
|
var self$$1 = this, elm = self$$1.getEl(), openElm = self$$1.getEl('open'), rect = self$$1.layoutRect(); |
|
5416
|
|
|
var width, lineHeight, innerPadding = 0; |
|
5417
|
|
|
var inputElm = elm.firstChild; |
|
5418
|
|
|
if (self$$1.statusLevel() && self$$1.statusLevel() !== 'none') { |
|
5419
|
|
|
innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10); |
|
5420
|
|
|
} |
|
5421
|
|
|
if (openElm) { |
|
5422
|
|
|
width = rect.w - funcs.getSize(openElm).width - 10; |
|
5423
|
|
|
} else { |
|
5424
|
|
|
width = rect.w - 10; |
|
5425
|
|
|
} |
|
5426
|
|
|
var doc = document; |
|
5427
|
|
|
if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) { |
|
5428
|
|
|
lineHeight = self$$1.layoutRect().h - 2 + 'px'; |
|
5429
|
|
|
} |
|
5430
|
|
|
global$7(inputElm).css({ |
|
5431
|
|
|
width: width - innerPadding, |
|
5432
|
|
|
lineHeight: lineHeight |
|
|
|
|
|
|
5433
|
|
|
}); |
|
5434
|
|
|
self$$1._super(); |
|
5435
|
|
|
return self$$1; |
|
5436
|
|
|
}, |
|
5437
|
|
|
postRender: function () { |
|
5438
|
|
|
var self$$1 = this; |
|
5439
|
|
|
global$7(this.getEl('inp')).on('change', function (e) { |
|
5440
|
|
|
self$$1.state.set('value', e.target.value); |
|
5441
|
|
|
self$$1.fire('change', e); |
|
5442
|
|
|
}); |
|
5443
|
|
|
return self$$1._super(); |
|
5444
|
|
|
}, |
|
5445
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
5446
|
|
|
var self$$1 = this, id = self$$1._id, settings = self$$1.settings, prefix = self$$1.classPrefix; |
|
5447
|
|
|
var value = self$$1.state.get('value') || ''; |
|
5448
|
|
|
var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = ''; |
|
5449
|
|
|
if ('spellcheck' in settings) { |
|
5450
|
|
|
extraAttrs += ' spellcheck="' + settings.spellcheck + '"'; |
|
5451
|
|
|
} |
|
5452
|
|
|
if (settings.maxLength) { |
|
5453
|
|
|
extraAttrs += ' maxlength="' + settings.maxLength + '"'; |
|
5454
|
|
|
} |
|
5455
|
|
|
if (settings.size) { |
|
5456
|
|
|
extraAttrs += ' size="' + settings.size + '"'; |
|
5457
|
|
|
} |
|
5458
|
|
|
if (settings.subtype) { |
|
5459
|
|
|
extraAttrs += ' type="' + settings.subtype + '"'; |
|
5460
|
|
|
} |
|
5461
|
|
|
statusHtml = '<i id="' + id + '-status" class="mce-status mce-ico" style="display: none"></i>'; |
|
5462
|
|
|
if (self$$1.disabled()) { |
|
5463
|
|
|
extraAttrs += ' disabled="disabled"'; |
|
5464
|
|
|
} |
|
5465
|
|
|
icon = settings.icon; |
|
5466
|
|
|
if (icon && icon !== 'caret') { |
|
5467
|
|
|
icon = prefix + 'ico ' + prefix + 'i-' + settings.icon; |
|
5468
|
|
|
} |
|
5469
|
|
|
text = self$$1.state.get('text'); |
|
5470
|
|
|
if (icon || text) { |
|
5471
|
|
|
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>'; |
|
5472
|
|
|
self$$1.classes.add('has-open'); |
|
5473
|
|
|
} |
|
5474
|
|
|
return '<div id="' + id + '" class="' + self$$1.classes + '">' + '<input id="' + id + '-inp" class="' + prefix + 'textbox" value="' + self$$1.encode(value, false) + '" hidefocus="1"' + extraAttrs + ' placeholder="' + self$$1.encode(settings.placeholder) + '" />' + statusHtml + openBtnHtml + '</div>'; |
|
5475
|
|
|
}, |
|
5476
|
|
|
value: function (value) { |
|
5477
|
|
|
if (arguments.length) { |
|
5478
|
|
|
this.state.set('value', value); |
|
5479
|
|
|
return this; |
|
5480
|
|
|
} |
|
5481
|
|
|
if (this.state.get('rendered')) { |
|
5482
|
|
|
this.state.set('value', this.getEl('inp').value); |
|
5483
|
|
|
} |
|
5484
|
|
|
return this.state.get('value'); |
|
5485
|
|
|
}, |
|
5486
|
|
View Code Duplication |
showAutoComplete: function (items, term) { |
|
|
|
|
|
|
5487
|
|
|
var self$$1 = this; |
|
5488
|
|
|
if (items.length === 0) { |
|
5489
|
|
|
self$$1.hideMenu(); |
|
5490
|
|
|
return; |
|
5491
|
|
|
} |
|
5492
|
|
|
var insert = function (value, title) { |
|
5493
|
|
|
return function () { |
|
5494
|
|
|
self$$1.fire('selectitem', { |
|
5495
|
|
|
title: title, |
|
5496
|
|
|
value: value |
|
5497
|
|
|
}); |
|
5498
|
|
|
}; |
|
5499
|
|
|
}; |
|
5500
|
|
|
if (self$$1.menu) { |
|
5501
|
|
|
self$$1.menu.items().remove(); |
|
5502
|
|
|
} else { |
|
5503
|
|
|
self$$1.menu = global$b.create({ |
|
5504
|
|
|
type: 'menu', |
|
5505
|
|
|
classes: 'combobox-menu', |
|
5506
|
|
|
layout: 'flow' |
|
5507
|
|
|
}).parent(self$$1).renderTo(); |
|
5508
|
|
|
} |
|
5509
|
|
|
global$4.each(items, function (item) { |
|
5510
|
|
|
self$$1.menu.add({ |
|
5511
|
|
|
text: item.title, |
|
5512
|
|
|
url: item.previewUrl, |
|
5513
|
|
|
match: term, |
|
5514
|
|
|
classes: 'menu-item-ellipsis', |
|
5515
|
|
|
onclick: insert(item.value, item.title) |
|
5516
|
|
|
}); |
|
5517
|
|
|
}); |
|
5518
|
|
|
self$$1.menu.renderNew(); |
|
5519
|
|
|
self$$1.hideMenu(); |
|
5520
|
|
|
self$$1.menu.on('cancel', function (e) { |
|
5521
|
|
|
if (e.control.parent() === self$$1.menu) { |
|
5522
|
|
|
e.stopPropagation(); |
|
5523
|
|
|
self$$1.focus(); |
|
5524
|
|
|
self$$1.hideMenu(); |
|
5525
|
|
|
} |
|
5526
|
|
|
}); |
|
5527
|
|
|
self$$1.menu.on('select', function () { |
|
5528
|
|
|
self$$1.focus(); |
|
5529
|
|
|
}); |
|
5530
|
|
|
var maxW = self$$1.layoutRect().w; |
|
5531
|
|
|
self$$1.menu.layoutRect({ |
|
5532
|
|
|
w: maxW, |
|
5533
|
|
|
minW: 0, |
|
5534
|
|
|
maxW: maxW |
|
5535
|
|
|
}); |
|
5536
|
|
|
self$$1.menu.repaint(); |
|
5537
|
|
|
self$$1.menu.reflow(); |
|
5538
|
|
|
self$$1.menu.show(); |
|
5539
|
|
|
self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [ |
|
5540
|
|
|
'br-tr', |
|
5541
|
|
|
'tr-br' |
|
5542
|
|
|
] : [ |
|
5543
|
|
|
'bl-tl', |
|
5544
|
|
|
'tl-bl' |
|
5545
|
|
|
]); |
|
5546
|
|
|
}, |
|
5547
|
|
|
hideMenu: function () { |
|
5548
|
|
|
if (this.menu) { |
|
5549
|
|
|
this.menu.hide(); |
|
5550
|
|
|
} |
|
5551
|
|
|
}, |
|
5552
|
|
View Code Duplication |
bindStates: function () { |
|
|
|
|
|
|
5553
|
|
|
var self$$1 = this; |
|
5554
|
|
|
self$$1.state.on('change:value', function (e) { |
|
5555
|
|
|
if (self$$1.getEl('inp').value !== e.value) { |
|
5556
|
|
|
self$$1.getEl('inp').value = e.value; |
|
5557
|
|
|
} |
|
5558
|
|
|
}); |
|
5559
|
|
|
self$$1.state.on('change:disabled', function (e) { |
|
5560
|
|
|
self$$1.getEl('inp').disabled = e.value; |
|
5561
|
|
|
}); |
|
5562
|
|
|
self$$1.state.on('change:statusLevel', function (e) { |
|
5563
|
|
|
var statusIconElm = self$$1.getEl('status'); |
|
5564
|
|
|
var prefix = self$$1.classPrefix, value = e.value; |
|
5565
|
|
|
funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : ''); |
|
5566
|
|
|
funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok'); |
|
5567
|
|
|
funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn'); |
|
5568
|
|
|
funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error'); |
|
5569
|
|
|
self$$1.classes.toggle('has-status', value !== 'none'); |
|
5570
|
|
|
self$$1.repaint(); |
|
5571
|
|
|
}); |
|
5572
|
|
|
funcs.on(self$$1.getEl('status'), 'mouseleave', function () { |
|
5573
|
|
|
self$$1.tooltip().hide(); |
|
5574
|
|
|
}); |
|
5575
|
|
|
self$$1.on('cancel', function (e) { |
|
5576
|
|
|
if (self$$1.menu && self$$1.menu.visible()) { |
|
5577
|
|
|
e.stopPropagation(); |
|
5578
|
|
|
self$$1.hideMenu(); |
|
5579
|
|
|
} |
|
5580
|
|
|
}); |
|
5581
|
|
|
var focusIdx = function (idx, menu) { |
|
5582
|
|
|
if (menu && menu.items().length > 0) { |
|
5583
|
|
|
menu.items().eq(idx)[0].focus(); |
|
5584
|
|
|
} |
|
5585
|
|
|
}; |
|
5586
|
|
|
self$$1.on('keydown', function (e) { |
|
5587
|
|
|
var keyCode = e.keyCode; |
|
5588
|
|
|
if (e.target.nodeName === 'INPUT') { |
|
5589
|
|
|
if (keyCode === global$f.DOWN) { |
|
5590
|
|
|
e.preventDefault(); |
|
5591
|
|
|
self$$1.fire('autocomplete'); |
|
5592
|
|
|
focusIdx(0, self$$1.menu); |
|
5593
|
|
|
} else if (keyCode === global$f.UP) { |
|
5594
|
|
|
e.preventDefault(); |
|
5595
|
|
|
focusIdx(-1, self$$1.menu); |
|
5596
|
|
|
} |
|
5597
|
|
|
} |
|
5598
|
|
|
}); |
|
5599
|
|
|
return self$$1._super(); |
|
5600
|
|
|
}, |
|
5601
|
|
|
remove: function () { |
|
5602
|
|
|
global$7(this.getEl('inp')).off(); |
|
5603
|
|
|
if (this.menu) { |
|
5604
|
|
|
this.menu.remove(); |
|
5605
|
|
|
} |
|
5606
|
|
|
this._super(); |
|
5607
|
|
|
} |
|
5608
|
|
|
}); |
|
5609
|
|
|
|
|
5610
|
|
|
var ColorBox = ComboBox.extend({ |
|
5611
|
|
|
init: function (settings) { |
|
5612
|
|
|
var self = this; |
|
5613
|
|
|
settings.spellcheck = false; |
|
5614
|
|
|
if (settings.onaction) { |
|
5615
|
|
|
settings.icon = 'none'; |
|
5616
|
|
|
} |
|
5617
|
|
|
self._super(settings); |
|
5618
|
|
|
self.classes.add('colorbox'); |
|
5619
|
|
|
self.on('change keyup postrender', function () { |
|
5620
|
|
|
self.repaintColor(self.value()); |
|
5621
|
|
|
}); |
|
5622
|
|
|
}, |
|
5623
|
|
|
repaintColor: function (value) { |
|
5624
|
|
|
var openElm = this.getEl('open'); |
|
5625
|
|
|
var elm = openElm ? openElm.getElementsByTagName('i')[0] : null; |
|
5626
|
|
|
if (elm) { |
|
5627
|
|
|
try { |
|
5628
|
|
|
elm.style.background = value; |
|
5629
|
|
|
} catch (ex) { |
|
|
|
|
|
|
5630
|
|
|
} |
|
5631
|
|
|
} |
|
5632
|
|
|
}, |
|
5633
|
|
|
bindStates: function () { |
|
5634
|
|
|
var self = this; |
|
5635
|
|
|
self.state.on('change:value', function (e) { |
|
5636
|
|
|
if (self.state.get('rendered')) { |
|
5637
|
|
|
self.repaintColor(e.value); |
|
5638
|
|
|
} |
|
5639
|
|
|
}); |
|
5640
|
|
|
return self._super(); |
|
5641
|
|
|
} |
|
5642
|
|
|
}); |
|
5643
|
|
|
|
|
5644
|
|
|
var PanelButton = Button.extend({ |
|
5645
|
|
View Code Duplication |
showPanel: function () { |
|
|
|
|
|
|
5646
|
|
|
var self = this, settings = self.settings; |
|
5647
|
|
|
self.classes.add('opened'); |
|
5648
|
|
|
if (!self.panel) { |
|
5649
|
|
|
var panelSettings = settings.panel; |
|
5650
|
|
|
if (panelSettings.type) { |
|
5651
|
|
|
panelSettings = { |
|
5652
|
|
|
layout: 'grid', |
|
5653
|
|
|
items: panelSettings |
|
5654
|
|
|
}; |
|
5655
|
|
|
} |
|
5656
|
|
|
panelSettings.role = panelSettings.role || 'dialog'; |
|
5657
|
|
|
panelSettings.popover = true; |
|
5658
|
|
|
panelSettings.autohide = true; |
|
5659
|
|
|
panelSettings.ariaRoot = true; |
|
5660
|
|
|
self.panel = new FloatPanel(panelSettings).on('hide', function () { |
|
5661
|
|
|
self.classes.remove('opened'); |
|
5662
|
|
|
}).on('cancel', function (e) { |
|
5663
|
|
|
e.stopPropagation(); |
|
5664
|
|
|
self.focus(); |
|
5665
|
|
|
self.hidePanel(); |
|
5666
|
|
|
}).parent(self).renderTo(self.getContainerElm()); |
|
5667
|
|
|
self.panel.fire('show'); |
|
5668
|
|
|
self.panel.reflow(); |
|
5669
|
|
|
} else { |
|
5670
|
|
|
self.panel.show(); |
|
5671
|
|
|
} |
|
5672
|
|
|
var rtlRels = [ |
|
5673
|
|
|
'bc-tc', |
|
5674
|
|
|
'bc-tl', |
|
5675
|
|
|
'bc-tr' |
|
5676
|
|
|
]; |
|
5677
|
|
|
var ltrRels = [ |
|
5678
|
|
|
'bc-tc', |
|
5679
|
|
|
'bc-tr', |
|
5680
|
|
|
'bc-tl', |
|
5681
|
|
|
'tc-bc', |
|
5682
|
|
|
'tc-br', |
|
5683
|
|
|
'tc-bl' |
|
5684
|
|
|
]; |
|
5685
|
|
|
var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels)); |
|
5686
|
|
|
self.panel.classes.toggle('start', rel.substr(-1) === 'l'); |
|
5687
|
|
|
self.panel.classes.toggle('end', rel.substr(-1) === 'r'); |
|
5688
|
|
|
var isTop = rel.substr(0, 1) === 't'; |
|
5689
|
|
|
self.panel.classes.toggle('bottom', !isTop); |
|
5690
|
|
|
self.panel.classes.toggle('top', isTop); |
|
5691
|
|
|
self.panel.moveRel(self.getEl(), rel); |
|
5692
|
|
|
}, |
|
5693
|
|
|
hidePanel: function () { |
|
5694
|
|
|
var self = this; |
|
5695
|
|
|
if (self.panel) { |
|
5696
|
|
|
self.panel.hide(); |
|
5697
|
|
|
} |
|
5698
|
|
|
}, |
|
5699
|
|
|
postRender: function () { |
|
5700
|
|
|
var self = this; |
|
5701
|
|
|
self.aria('haspopup', true); |
|
5702
|
|
|
self.on('click', function (e) { |
|
5703
|
|
|
if (e.control === self) { |
|
5704
|
|
|
if (self.panel && self.panel.visible()) { |
|
5705
|
|
|
self.hidePanel(); |
|
5706
|
|
|
} else { |
|
5707
|
|
|
self.showPanel(); |
|
5708
|
|
|
self.panel.focus(!!e.aria); |
|
5709
|
|
|
} |
|
5710
|
|
|
} |
|
5711
|
|
|
}); |
|
5712
|
|
|
return self._super(); |
|
5713
|
|
|
}, |
|
5714
|
|
|
remove: function () { |
|
5715
|
|
|
if (this.panel) { |
|
5716
|
|
|
this.panel.remove(); |
|
5717
|
|
|
this.panel = null; |
|
5718
|
|
|
} |
|
5719
|
|
|
return this._super(); |
|
5720
|
|
|
} |
|
5721
|
|
|
}); |
|
5722
|
|
|
|
|
5723
|
|
|
var DOM = global$2.DOM; |
|
5724
|
|
|
var ColorButton = PanelButton.extend({ |
|
5725
|
|
|
init: function (settings) { |
|
5726
|
|
|
this._super(settings); |
|
5727
|
|
|
this.classes.add('splitbtn'); |
|
5728
|
|
|
this.classes.add('colorbutton'); |
|
5729
|
|
|
}, |
|
5730
|
|
|
color: function (color) { |
|
5731
|
|
|
if (color) { |
|
5732
|
|
|
this._color = color; |
|
5733
|
|
|
this.getEl('preview').style.backgroundColor = color; |
|
5734
|
|
|
return this; |
|
5735
|
|
|
} |
|
5736
|
|
|
return this._color; |
|
5737
|
|
|
}, |
|
5738
|
|
|
resetColor: function () { |
|
5739
|
|
|
this._color = null; |
|
5740
|
|
|
this.getEl('preview').style.backgroundColor = null; |
|
5741
|
|
|
return this; |
|
5742
|
|
|
}, |
|
5743
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
5744
|
|
|
var self = this, id = self._id, prefix = self.classPrefix, text = self.state.get('text'); |
|
5745
|
|
|
var icon = self.settings.icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : ''; |
|
5746
|
|
|
var image = self.settings.image ? ' style="background-image: url(\'' + self.settings.image + '\')"' : ''; |
|
5747
|
|
|
var textHtml = ''; |
|
5748
|
|
|
if (text) { |
|
5749
|
|
|
self.classes.add('btn-has-text'); |
|
5750
|
|
|
textHtml = '<span class="' + prefix + 'txt">' + self.encode(text) + '</span>'; |
|
5751
|
|
|
} |
|
5752
|
|
|
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>'; |
|
5753
|
|
|
}, |
|
5754
|
|
|
postRender: function () { |
|
5755
|
|
|
var self = this, onClickHandler = self.settings.onclick; |
|
5756
|
|
|
self.on('click', function (e) { |
|
5757
|
|
|
if (e.aria && e.aria.key === 'down') { |
|
5758
|
|
|
return; |
|
5759
|
|
|
} |
|
5760
|
|
|
if (e.control === self && !DOM.getParent(e.target, '.' + self.classPrefix + 'open')) { |
|
5761
|
|
|
e.stopImmediatePropagation(); |
|
5762
|
|
|
onClickHandler.call(self, e); |
|
5763
|
|
|
} |
|
5764
|
|
|
}); |
|
5765
|
|
|
delete self.settings.onclick; |
|
5766
|
|
|
return self._super(); |
|
5767
|
|
|
} |
|
5768
|
|
|
}); |
|
5769
|
|
|
|
|
5770
|
|
|
var global$g = tinymce.util.Tools.resolve('tinymce.util.Color'); |
|
5771
|
|
|
|
|
5772
|
|
|
var ColorPicker = Widget.extend({ |
|
5773
|
|
|
Defaults: { classes: 'widget colorpicker' }, |
|
5774
|
|
|
init: function (settings) { |
|
5775
|
|
|
this._super(settings); |
|
5776
|
|
|
}, |
|
5777
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
5778
|
|
|
var self = this; |
|
5779
|
|
|
var color = self.color(); |
|
5780
|
|
|
var hsv, hueRootElm, huePointElm, svRootElm, svPointElm; |
|
5781
|
|
|
hueRootElm = self.getEl('h'); |
|
5782
|
|
|
huePointElm = self.getEl('hp'); |
|
5783
|
|
|
svRootElm = self.getEl('sv'); |
|
5784
|
|
|
svPointElm = self.getEl('svp'); |
|
5785
|
|
|
function getPos(elm, event) { |
|
5786
|
|
|
var pos = funcs.getPos(elm); |
|
5787
|
|
|
var x, y; |
|
5788
|
|
|
x = event.pageX - pos.x; |
|
5789
|
|
|
y = event.pageY - pos.y; |
|
5790
|
|
|
x = Math.max(0, Math.min(x / elm.clientWidth, 1)); |
|
5791
|
|
|
y = Math.max(0, Math.min(y / elm.clientHeight, 1)); |
|
5792
|
|
|
return { |
|
5793
|
|
|
x: x, |
|
5794
|
|
|
y: y |
|
5795
|
|
|
}; |
|
5796
|
|
|
} |
|
5797
|
|
|
function updateColor(hsv, hueUpdate) { |
|
5798
|
|
|
var hue = (360 - hsv.h) / 360; |
|
5799
|
|
|
funcs.css(huePointElm, { top: hue * 100 + '%' }); |
|
5800
|
|
|
if (!hueUpdate) { |
|
5801
|
|
|
funcs.css(svPointElm, { |
|
5802
|
|
|
left: hsv.s + '%', |
|
5803
|
|
|
top: 100 - hsv.v + '%' |
|
5804
|
|
|
}); |
|
5805
|
|
|
} |
|
5806
|
|
|
svRootElm.style.background = global$g({ |
|
5807
|
|
|
s: 100, |
|
5808
|
|
|
v: 100, |
|
5809
|
|
|
h: hsv.h |
|
5810
|
|
|
}).toHex(); |
|
5811
|
|
|
self.color().parse({ |
|
5812
|
|
|
s: hsv.s, |
|
5813
|
|
|
v: hsv.v, |
|
5814
|
|
|
h: hsv.h |
|
5815
|
|
|
}); |
|
5816
|
|
|
} |
|
5817
|
|
|
function updateSaturationAndValue(e) { |
|
5818
|
|
|
var pos; |
|
5819
|
|
|
pos = getPos(svRootElm, e); |
|
5820
|
|
|
hsv.s = pos.x * 100; |
|
5821
|
|
|
hsv.v = (1 - pos.y) * 100; |
|
5822
|
|
|
updateColor(hsv); |
|
5823
|
|
|
self.fire('change'); |
|
5824
|
|
|
} |
|
5825
|
|
|
function updateHue(e) { |
|
5826
|
|
|
var pos; |
|
5827
|
|
|
pos = getPos(hueRootElm, e); |
|
5828
|
|
|
hsv = color.toHsv(); |
|
5829
|
|
|
hsv.h = (1 - pos.y) * 360; |
|
5830
|
|
|
updateColor(hsv, true); |
|
5831
|
|
|
self.fire('change'); |
|
5832
|
|
|
} |
|
5833
|
|
|
self._repaint = function () { |
|
5834
|
|
|
hsv = color.toHsv(); |
|
5835
|
|
|
updateColor(hsv); |
|
5836
|
|
|
}; |
|
5837
|
|
|
self._super(); |
|
5838
|
|
|
self._svdraghelper = new DragHelper(self._id + '-sv', { |
|
5839
|
|
|
start: updateSaturationAndValue, |
|
5840
|
|
|
drag: updateSaturationAndValue |
|
5841
|
|
|
}); |
|
5842
|
|
|
self._hdraghelper = new DragHelper(self._id + '-h', { |
|
5843
|
|
|
start: updateHue, |
|
5844
|
|
|
drag: updateHue |
|
5845
|
|
|
}); |
|
5846
|
|
|
self._repaint(); |
|
5847
|
|
|
}, |
|
5848
|
|
|
rgb: function () { |
|
5849
|
|
|
return this.color().toRgb(); |
|
5850
|
|
|
}, |
|
5851
|
|
|
value: function (value) { |
|
5852
|
|
|
var self = this; |
|
5853
|
|
|
if (arguments.length) { |
|
5854
|
|
|
self.color().parse(value); |
|
5855
|
|
|
if (self._rendered) { |
|
|
|
|
|
|
5856
|
|
|
self._repaint(); |
|
|
|
|
|
|
5857
|
|
|
} |
|
5858
|
|
|
} else { |
|
5859
|
|
|
return self.color().toHex(); |
|
5860
|
|
|
} |
|
5861
|
|
|
}, |
|
5862
|
|
|
color: function () { |
|
5863
|
|
|
if (!this._color) { |
|
5864
|
|
|
this._color = global$g(); |
|
5865
|
|
|
} |
|
5866
|
|
|
return this._color; |
|
5867
|
|
|
}, |
|
5868
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
5869
|
|
|
var self = this; |
|
5870
|
|
|
var id = self._id; |
|
5871
|
|
|
var prefix = self.classPrefix; |
|
5872
|
|
|
var hueHtml; |
|
5873
|
|
|
var stops = '#ff0000,#ff0080,#ff00ff,#8000ff,#0000ff,#0080ff,#00ffff,#00ff80,#00ff00,#80ff00,#ffff00,#ff8000,#ff0000'; |
|
5874
|
|
|
function getOldIeFallbackHtml() { |
|
5875
|
|
|
var i, l, html = '', gradientPrefix, stopsList; |
|
5876
|
|
|
gradientPrefix = 'filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='; |
|
5877
|
|
|
stopsList = stops.split(','); |
|
5878
|
|
|
for (i = 0, l = stopsList.length - 1; i < l; i++) { |
|
5879
|
|
|
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>'; |
|
5880
|
|
|
} |
|
5881
|
|
|
return html; |
|
5882
|
|
|
} |
|
5883
|
|
|
var gradientCssText = 'background: -ms-linear-gradient(top,' + stops + ');' + 'background: linear-gradient(to bottom,' + stops + ');'; |
|
5884
|
|
|
hueHtml = '<div id="' + id + '-h" class="' + prefix + 'colorpicker-h" style="' + gradientCssText + '">' + getOldIeFallbackHtml() + '<div id="' + id + '-hp" class="' + prefix + 'colorpicker-h-marker"></div>' + '</div>'; |
|
5885
|
|
|
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>'; |
|
5886
|
|
|
} |
|
5887
|
|
|
}); |
|
5888
|
|
|
|
|
5889
|
|
|
var DropZone = Widget.extend({ |
|
5890
|
|
|
init: function (settings) { |
|
5891
|
|
|
var self = this; |
|
5892
|
|
|
settings = global$4.extend({ |
|
5893
|
|
|
height: 100, |
|
5894
|
|
|
text: 'Drop an image here', |
|
5895
|
|
|
multiple: false, |
|
5896
|
|
|
accept: null |
|
5897
|
|
|
}, settings); |
|
5898
|
|
|
self._super(settings); |
|
5899
|
|
|
self.classes.add('dropzone'); |
|
5900
|
|
|
if (settings.multiple) { |
|
5901
|
|
|
self.classes.add('multiple'); |
|
5902
|
|
|
} |
|
5903
|
|
|
}, |
|
5904
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
5905
|
|
|
var self = this; |
|
5906
|
|
|
var attrs, elm; |
|
5907
|
|
|
var cfg = self.settings; |
|
5908
|
|
|
attrs = { |
|
5909
|
|
|
id: self._id, |
|
5910
|
|
|
hidefocus: '1' |
|
5911
|
|
|
}; |
|
5912
|
|
|
elm = funcs.create('div', attrs, '<span>' + this.translate(cfg.text) + '</span>'); |
|
5913
|
|
|
if (cfg.height) { |
|
5914
|
|
|
funcs.css(elm, 'height', cfg.height + 'px'); |
|
5915
|
|
|
} |
|
5916
|
|
|
if (cfg.width) { |
|
5917
|
|
|
funcs.css(elm, 'width', cfg.width + 'px'); |
|
5918
|
|
|
} |
|
5919
|
|
|
elm.className = self.classes; |
|
5920
|
|
|
return elm.outerHTML; |
|
5921
|
|
|
}, |
|
5922
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
5923
|
|
|
var self = this; |
|
5924
|
|
|
var toggleDragClass = function (e) { |
|
5925
|
|
|
e.preventDefault(); |
|
5926
|
|
|
self.classes.toggle('dragenter'); |
|
5927
|
|
|
self.getEl().className = self.classes; |
|
5928
|
|
|
}; |
|
5929
|
|
|
var filter = function (files) { |
|
5930
|
|
|
var accept = self.settings.accept; |
|
5931
|
|
|
if (typeof accept !== 'string') { |
|
5932
|
|
|
return files; |
|
5933
|
|
|
} |
|
5934
|
|
|
var re = new RegExp('(' + accept.split(/\s*,\s*/).join('|') + ')$', 'i'); |
|
5935
|
|
|
return global$4.grep(files, function (file) { |
|
5936
|
|
|
return re.test(file.name); |
|
5937
|
|
|
}); |
|
5938
|
|
|
}; |
|
5939
|
|
|
self._super(); |
|
5940
|
|
|
self.$el.on('dragover', function (e) { |
|
5941
|
|
|
e.preventDefault(); |
|
5942
|
|
|
}); |
|
5943
|
|
|
self.$el.on('dragenter', toggleDragClass); |
|
5944
|
|
|
self.$el.on('dragleave', toggleDragClass); |
|
5945
|
|
|
self.$el.on('drop', function (e) { |
|
5946
|
|
|
e.preventDefault(); |
|
5947
|
|
|
if (self.state.get('disabled')) { |
|
5948
|
|
|
return; |
|
5949
|
|
|
} |
|
5950
|
|
|
var files = filter(e.dataTransfer.files); |
|
5951
|
|
|
self.value = function () { |
|
5952
|
|
|
if (!files.length) { |
|
5953
|
|
|
return null; |
|
5954
|
|
|
} else if (self.settings.multiple) { |
|
5955
|
|
|
return files; |
|
5956
|
|
|
} else { |
|
5957
|
|
|
return files[0]; |
|
5958
|
|
|
} |
|
5959
|
|
|
}; |
|
5960
|
|
|
if (files.length) { |
|
5961
|
|
|
self.fire('change', e); |
|
5962
|
|
|
} |
|
5963
|
|
|
}); |
|
5964
|
|
|
}, |
|
5965
|
|
|
remove: function () { |
|
5966
|
|
|
this.$el.off(); |
|
5967
|
|
|
this._super(); |
|
5968
|
|
|
} |
|
5969
|
|
|
}); |
|
5970
|
|
|
|
|
5971
|
|
|
var Path = Widget.extend({ |
|
5972
|
|
|
init: function (settings) { |
|
5973
|
|
|
var self = this; |
|
5974
|
|
|
if (!settings.delimiter) { |
|
5975
|
|
|
settings.delimiter = '\xBB'; |
|
5976
|
|
|
} |
|
5977
|
|
|
self._super(settings); |
|
5978
|
|
|
self.classes.add('path'); |
|
5979
|
|
|
self.canFocus = true; |
|
5980
|
|
|
self.on('click', function (e) { |
|
5981
|
|
|
var index; |
|
5982
|
|
|
var target = e.target; |
|
5983
|
|
|
if (index = target.getAttribute('data-index')) { |
|
5984
|
|
|
self.fire('select', { |
|
5985
|
|
|
value: self.row()[index], |
|
5986
|
|
|
index: index |
|
5987
|
|
|
}); |
|
5988
|
|
|
} |
|
5989
|
|
|
}); |
|
5990
|
|
|
self.row(self.settings.row); |
|
5991
|
|
|
}, |
|
5992
|
|
|
focus: function () { |
|
5993
|
|
|
var self = this; |
|
5994
|
|
|
self.getEl().firstChild.focus(); |
|
5995
|
|
|
return self; |
|
5996
|
|
|
}, |
|
5997
|
|
|
row: function (row) { |
|
5998
|
|
|
if (!arguments.length) { |
|
5999
|
|
|
return this.state.get('row'); |
|
6000
|
|
|
} |
|
6001
|
|
|
this.state.set('row', row); |
|
6002
|
|
|
return this; |
|
6003
|
|
|
}, |
|
6004
|
|
|
renderHtml: function () { |
|
6005
|
|
|
var self = this; |
|
6006
|
|
|
return '<div id="' + self._id + '" class="' + self.classes + '">' + self._getDataPathHtml(self.state.get('row')) + '</div>'; |
|
6007
|
|
|
}, |
|
6008
|
|
|
bindStates: function () { |
|
6009
|
|
|
var self = this; |
|
6010
|
|
|
self.state.on('change:row', function (e) { |
|
6011
|
|
|
self.innerHtml(self._getDataPathHtml(e.value)); |
|
6012
|
|
|
}); |
|
6013
|
|
|
return self._super(); |
|
6014
|
|
|
}, |
|
6015
|
|
View Code Duplication |
_getDataPathHtml: function (data) { |
|
|
|
|
|
|
6016
|
|
|
var self = this; |
|
6017
|
|
|
var parts = data || []; |
|
6018
|
|
|
var i, l, html = ''; |
|
6019
|
|
|
var prefix = self.classPrefix; |
|
6020
|
|
|
for (i = 0, l = parts.length; i < l; i++) { |
|
6021
|
|
|
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>'; |
|
6022
|
|
|
} |
|
6023
|
|
|
if (!html) { |
|
6024
|
|
|
html = '<div class="' + prefix + 'path-item">\xA0</div>'; |
|
6025
|
|
|
} |
|
6026
|
|
|
return html; |
|
6027
|
|
|
} |
|
6028
|
|
|
}); |
|
6029
|
|
|
|
|
6030
|
|
|
var ElementPath = Path.extend({ |
|
6031
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
6032
|
|
|
var self = this, editor = self.settings.editor; |
|
6033
|
|
|
function isHidden(elm) { |
|
6034
|
|
|
if (elm.nodeType === 1) { |
|
6035
|
|
|
if (elm.nodeName === 'BR' || !!elm.getAttribute('data-mce-bogus')) { |
|
6036
|
|
|
return true; |
|
6037
|
|
|
} |
|
6038
|
|
|
if (elm.getAttribute('data-mce-type') === 'bookmark') { |
|
6039
|
|
|
return true; |
|
6040
|
|
|
} |
|
6041
|
|
|
} |
|
6042
|
|
|
return false; |
|
6043
|
|
|
} |
|
6044
|
|
|
if (editor.settings.elementpath !== false) { |
|
6045
|
|
|
self.on('select', function (e) { |
|
6046
|
|
|
editor.focus(); |
|
6047
|
|
|
editor.selection.select(this.row()[e.index].element); |
|
6048
|
|
|
editor.nodeChanged(); |
|
6049
|
|
|
}); |
|
6050
|
|
|
editor.on('nodeChange', function (e) { |
|
6051
|
|
|
var outParents = []; |
|
6052
|
|
|
var parents = e.parents; |
|
6053
|
|
|
var i = parents.length; |
|
6054
|
|
|
while (i--) { |
|
6055
|
|
|
if (parents[i].nodeType === 1 && !isHidden(parents[i])) { |
|
6056
|
|
|
var args = editor.fire('ResolveName', { |
|
6057
|
|
|
name: parents[i].nodeName.toLowerCase(), |
|
6058
|
|
|
target: parents[i] |
|
6059
|
|
|
}); |
|
6060
|
|
|
if (!args.isDefaultPrevented()) { |
|
6061
|
|
|
outParents.push({ |
|
6062
|
|
|
name: args.name, |
|
6063
|
|
|
element: parents[i] |
|
6064
|
|
|
}); |
|
6065
|
|
|
} |
|
6066
|
|
|
if (args.isPropagationStopped()) { |
|
6067
|
|
|
break; |
|
6068
|
|
|
} |
|
6069
|
|
|
} |
|
6070
|
|
|
} |
|
6071
|
|
|
self.row(outParents); |
|
6072
|
|
|
}); |
|
6073
|
|
|
} |
|
6074
|
|
|
return self._super(); |
|
6075
|
|
|
} |
|
6076
|
|
|
}); |
|
6077
|
|
|
|
|
6078
|
|
|
var FormItem = Container.extend({ |
|
6079
|
|
|
Defaults: { |
|
6080
|
|
|
layout: 'flex', |
|
6081
|
|
|
align: 'center', |
|
6082
|
|
|
defaults: { flex: 1 } |
|
6083
|
|
|
}, |
|
6084
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
6085
|
|
|
var self = this, layout = self._layout, prefix = self.classPrefix; |
|
6086
|
|
|
self.classes.add('formitem'); |
|
6087
|
|
|
layout.preRender(self); |
|
6088
|
|
|
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>'; |
|
6089
|
|
|
} |
|
6090
|
|
|
}); |
|
6091
|
|
|
|
|
6092
|
|
|
var Form = Container.extend({ |
|
6093
|
|
|
Defaults: { |
|
6094
|
|
|
containerCls: 'form', |
|
6095
|
|
|
layout: 'flex', |
|
6096
|
|
|
direction: 'column', |
|
6097
|
|
|
align: 'stretch', |
|
6098
|
|
|
flex: 1, |
|
6099
|
|
|
padding: 15, |
|
6100
|
|
|
labelGap: 30, |
|
6101
|
|
|
spacing: 10, |
|
6102
|
|
|
callbacks: { |
|
6103
|
|
|
submit: function () { |
|
6104
|
|
|
this.submit(); |
|
6105
|
|
|
} |
|
6106
|
|
|
} |
|
6107
|
|
|
}, |
|
6108
|
|
|
preRender: function () { |
|
6109
|
|
|
var self = this, items = self.items(); |
|
6110
|
|
|
if (!self.settings.formItemDefaults) { |
|
6111
|
|
|
self.settings.formItemDefaults = { |
|
6112
|
|
|
layout: 'flex', |
|
6113
|
|
|
autoResize: 'overflow', |
|
6114
|
|
|
defaults: { flex: 1 } |
|
6115
|
|
|
}; |
|
6116
|
|
|
} |
|
6117
|
|
|
items.each(function (ctrl) { |
|
6118
|
|
|
var formItem; |
|
6119
|
|
|
var label = ctrl.settings.label; |
|
6120
|
|
|
if (label) { |
|
6121
|
|
|
formItem = new FormItem(global$4.extend({ |
|
6122
|
|
|
items: { |
|
6123
|
|
|
type: 'label', |
|
6124
|
|
|
id: ctrl._id + '-l', |
|
6125
|
|
|
text: label, |
|
6126
|
|
|
flex: 0, |
|
6127
|
|
|
forId: ctrl._id, |
|
6128
|
|
|
disabled: ctrl.disabled() |
|
6129
|
|
|
} |
|
6130
|
|
|
}, self.settings.formItemDefaults)); |
|
6131
|
|
|
formItem.type = 'formitem'; |
|
6132
|
|
|
ctrl.aria('labelledby', ctrl._id + '-l'); |
|
6133
|
|
|
if (typeof ctrl.settings.flex === 'undefined') { |
|
6134
|
|
|
ctrl.settings.flex = 1; |
|
6135
|
|
|
} |
|
6136
|
|
|
self.replace(ctrl, formItem); |
|
6137
|
|
|
formItem.add(ctrl); |
|
6138
|
|
|
} |
|
6139
|
|
|
}); |
|
6140
|
|
|
}, |
|
6141
|
|
|
submit: function () { |
|
6142
|
|
|
return this.fire('submit', { data: this.toJSON() }); |
|
6143
|
|
|
}, |
|
6144
|
|
|
postRender: function () { |
|
6145
|
|
|
var self = this; |
|
6146
|
|
|
self._super(); |
|
6147
|
|
|
self.fromJSON(self.settings.data); |
|
6148
|
|
|
}, |
|
6149
|
|
View Code Duplication |
bindStates: function () { |
|
|
|
|
|
|
6150
|
|
|
var self = this; |
|
6151
|
|
|
self._super(); |
|
6152
|
|
|
function recalcLabels() { |
|
6153
|
|
|
var maxLabelWidth = 0; |
|
6154
|
|
|
var labels = []; |
|
6155
|
|
|
var i, labelGap, items; |
|
6156
|
|
|
if (self.settings.labelGapCalc === false) { |
|
6157
|
|
|
return; |
|
6158
|
|
|
} |
|
6159
|
|
|
if (self.settings.labelGapCalc === 'children') { |
|
6160
|
|
|
items = self.find('formitem'); |
|
6161
|
|
|
} else { |
|
6162
|
|
|
items = self.items(); |
|
6163
|
|
|
} |
|
6164
|
|
|
items.filter('formitem').each(function (item) { |
|
6165
|
|
|
var labelCtrl = item.items()[0], labelWidth = labelCtrl.getEl().clientWidth; |
|
6166
|
|
|
maxLabelWidth = labelWidth > maxLabelWidth ? labelWidth : maxLabelWidth; |
|
6167
|
|
|
labels.push(labelCtrl); |
|
6168
|
|
|
}); |
|
6169
|
|
|
labelGap = self.settings.labelGap || 0; |
|
6170
|
|
|
i = labels.length; |
|
6171
|
|
|
while (i--) { |
|
6172
|
|
|
labels[i].settings.minWidth = maxLabelWidth + labelGap; |
|
6173
|
|
|
} |
|
6174
|
|
|
} |
|
6175
|
|
|
self.on('show', recalcLabels); |
|
6176
|
|
|
recalcLabels(); |
|
6177
|
|
|
} |
|
6178
|
|
|
}); |
|
6179
|
|
|
|
|
6180
|
|
|
var FieldSet = Form.extend({ |
|
6181
|
|
|
Defaults: { |
|
6182
|
|
|
containerCls: 'fieldset', |
|
6183
|
|
|
layout: 'flex', |
|
6184
|
|
|
direction: 'column', |
|
6185
|
|
|
align: 'stretch', |
|
6186
|
|
|
flex: 1, |
|
6187
|
|
|
padding: '25 15 5 15', |
|
6188
|
|
|
labelGap: 30, |
|
6189
|
|
|
spacing: 10, |
|
6190
|
|
|
border: 1 |
|
6191
|
|
|
}, |
|
6192
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
6193
|
|
|
var self = this, layout = self._layout, prefix = self.classPrefix; |
|
6194
|
|
|
self.preRender(); |
|
6195
|
|
|
layout.preRender(self); |
|
6196
|
|
|
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>'; |
|
6197
|
|
|
} |
|
6198
|
|
|
}); |
|
6199
|
|
|
|
|
6200
|
|
|
var unique$1 = 0; |
|
6201
|
|
|
var generate = function (prefix) { |
|
6202
|
|
|
var date = new Date(); |
|
6203
|
|
|
var time = date.getTime(); |
|
6204
|
|
|
var random = Math.floor(Math.random() * 1000000000); |
|
6205
|
|
|
unique$1++; |
|
6206
|
|
|
return prefix + '_' + random + unique$1 + String(time); |
|
6207
|
|
|
}; |
|
6208
|
|
|
|
|
6209
|
|
|
var fromHtml = function (html, scope) { |
|
6210
|
|
|
var doc = scope || document; |
|
6211
|
|
|
var div = doc.createElement('div'); |
|
6212
|
|
|
div.innerHTML = html; |
|
6213
|
|
|
if (!div.hasChildNodes() || div.childNodes.length > 1) { |
|
6214
|
|
|
console.error('HTML does not have a single root node', html); |
|
6215
|
|
|
throw 'HTML must have a single root node'; |
|
6216
|
|
|
} |
|
6217
|
|
|
return fromDom(div.childNodes[0]); |
|
6218
|
|
|
}; |
|
6219
|
|
|
var fromTag = function (tag, scope) { |
|
6220
|
|
|
var doc = scope || document; |
|
6221
|
|
|
var node = doc.createElement(tag); |
|
6222
|
|
|
return fromDom(node); |
|
6223
|
|
|
}; |
|
6224
|
|
|
var fromText = function (text, scope) { |
|
6225
|
|
|
var doc = scope || document; |
|
6226
|
|
|
var node = doc.createTextNode(text); |
|
6227
|
|
|
return fromDom(node); |
|
6228
|
|
|
}; |
|
6229
|
|
|
var fromDom = function (node) { |
|
6230
|
|
|
if (node === null || node === undefined) |
|
6231
|
|
|
throw new Error('Node cannot be null or undefined'); |
|
|
|
|
|
|
6232
|
|
|
return { dom: constant(node) }; |
|
6233
|
|
|
}; |
|
6234
|
|
|
var fromPoint = function (docElm, x, y) { |
|
6235
|
|
|
var doc = docElm.dom(); |
|
6236
|
|
|
return Option.from(doc.elementFromPoint(x, y)).map(fromDom); |
|
6237
|
|
|
}; |
|
6238
|
|
|
var Element$$1 = { |
|
6239
|
|
|
fromHtml: fromHtml, |
|
6240
|
|
|
fromTag: fromTag, |
|
6241
|
|
|
fromText: fromText, |
|
6242
|
|
|
fromDom: fromDom, |
|
6243
|
|
|
fromPoint: fromPoint |
|
6244
|
|
|
}; |
|
6245
|
|
|
|
|
6246
|
|
View Code Duplication |
var cached = function (f) { |
|
|
|
|
|
|
6247
|
|
|
var called = false; |
|
6248
|
|
|
var r; |
|
6249
|
|
|
return function () { |
|
6250
|
|
|
var args = []; |
|
6251
|
|
|
for (var _i = 0; _i < arguments.length; _i++) { |
|
6252
|
|
|
args[_i] = arguments[_i]; |
|
6253
|
|
|
} |
|
6254
|
|
|
if (!called) { |
|
6255
|
|
|
called = true; |
|
6256
|
|
|
r = f.apply(null, args); |
|
6257
|
|
|
} |
|
6258
|
|
|
return r; |
|
|
|
|
|
|
6259
|
|
|
}; |
|
6260
|
|
|
}; |
|
6261
|
|
|
|
|
6262
|
|
|
var ATTRIBUTE = Node.ATTRIBUTE_NODE; |
|
|
|
|
|
|
6263
|
|
|
var CDATA_SECTION = Node.CDATA_SECTION_NODE; |
|
|
|
|
|
|
6264
|
|
|
var COMMENT = Node.COMMENT_NODE; |
|
|
|
|
|
|
6265
|
|
|
var DOCUMENT = Node.DOCUMENT_NODE; |
|
6266
|
|
|
var DOCUMENT_TYPE = Node.DOCUMENT_TYPE_NODE; |
|
|
|
|
|
|
6267
|
|
|
var DOCUMENT_FRAGMENT = Node.DOCUMENT_FRAGMENT_NODE; |
|
|
|
|
|
|
6268
|
|
|
var ELEMENT = Node.ELEMENT_NODE; |
|
6269
|
|
|
var TEXT = Node.TEXT_NODE; |
|
|
|
|
|
|
6270
|
|
|
var PROCESSING_INSTRUCTION = Node.PROCESSING_INSTRUCTION_NODE; |
|
|
|
|
|
|
6271
|
|
|
var ENTITY_REFERENCE = Node.ENTITY_REFERENCE_NODE; |
|
|
|
|
|
|
6272
|
|
|
var ENTITY = Node.ENTITY_NODE; |
|
|
|
|
|
|
6273
|
|
|
var NOTATION = Node.NOTATION_NODE; |
|
|
|
|
|
|
6274
|
|
|
|
|
6275
|
|
View Code Duplication |
var Immutable = function () { |
|
|
|
|
|
|
6276
|
|
|
var fields = []; |
|
6277
|
|
|
for (var _i = 0; _i < arguments.length; _i++) { |
|
6278
|
|
|
fields[_i] = arguments[_i]; |
|
6279
|
|
|
} |
|
6280
|
|
|
return function () { |
|
6281
|
|
|
var values = []; |
|
6282
|
|
|
for (var _i = 0; _i < arguments.length; _i++) { |
|
6283
|
|
|
values[_i] = arguments[_i]; |
|
6284
|
|
|
} |
|
6285
|
|
|
if (fields.length !== values.length) { |
|
6286
|
|
|
throw new Error('Wrong number of arguments to struct. Expected "[' + fields.length + ']", got ' + values.length + ' arguments'); |
|
6287
|
|
|
} |
|
6288
|
|
|
var struct = {}; |
|
6289
|
|
|
each(fields, function (name, i) { |
|
6290
|
|
|
struct[name] = constant(values[i]); |
|
6291
|
|
|
}); |
|
6292
|
|
|
return struct; |
|
6293
|
|
|
}; |
|
6294
|
|
|
}; |
|
6295
|
|
|
|
|
6296
|
|
|
var node = function () { |
|
6297
|
|
|
var f = Global$1.getOrDie('Node'); |
|
6298
|
|
|
return f; |
|
6299
|
|
|
}; |
|
6300
|
|
|
var compareDocumentPosition = function (a, b, match) { |
|
6301
|
|
|
return (a.compareDocumentPosition(b) & match) !== 0; |
|
6302
|
|
|
}; |
|
6303
|
|
|
var documentPositionPreceding = function (a, b) { |
|
6304
|
|
|
return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_PRECEDING); |
|
6305
|
|
|
}; |
|
6306
|
|
|
var documentPositionContainedBy = function (a, b) { |
|
6307
|
|
|
return compareDocumentPosition(a, b, node().DOCUMENT_POSITION_CONTAINED_BY); |
|
6308
|
|
|
}; |
|
6309
|
|
|
var Node$1 = { |
|
6310
|
|
|
documentPositionPreceding: documentPositionPreceding, |
|
6311
|
|
|
documentPositionContainedBy: documentPositionContainedBy |
|
6312
|
|
|
}; |
|
6313
|
|
|
|
|
6314
|
|
|
var firstMatch = function (regexes, s) { |
|
6315
|
|
|
for (var i = 0; i < regexes.length; i++) { |
|
6316
|
|
|
var x = regexes[i]; |
|
6317
|
|
|
if (x.test(s)) |
|
6318
|
|
|
return x; |
|
|
|
|
|
|
6319
|
|
|
} |
|
6320
|
|
|
return undefined; |
|
6321
|
|
|
}; |
|
6322
|
|
|
var find$2 = function (regexes, agent) { |
|
6323
|
|
|
var r = firstMatch(regexes, agent); |
|
6324
|
|
|
if (!r) |
|
6325
|
|
|
return { |
|
|
|
|
|
|
6326
|
|
|
major: 0, |
|
6327
|
|
|
minor: 0 |
|
6328
|
|
|
}; |
|
6329
|
|
|
var group = function (i) { |
|
6330
|
|
|
return Number(agent.replace(r, '$' + i)); |
|
6331
|
|
|
}; |
|
6332
|
|
|
return nu(group(1), group(2)); |
|
6333
|
|
|
}; |
|
6334
|
|
|
var detect = function (versionRegexes, agent) { |
|
6335
|
|
|
var cleanedAgent = String(agent).toLowerCase(); |
|
6336
|
|
|
if (versionRegexes.length === 0) |
|
6337
|
|
|
return unknown(); |
|
|
|
|
|
|
6338
|
|
|
return find$2(versionRegexes, cleanedAgent); |
|
6339
|
|
|
}; |
|
6340
|
|
|
var unknown = function () { |
|
6341
|
|
|
return nu(0, 0); |
|
6342
|
|
|
}; |
|
6343
|
|
|
var nu = function (major, minor) { |
|
6344
|
|
|
return { |
|
6345
|
|
|
major: major, |
|
6346
|
|
|
minor: minor |
|
6347
|
|
|
}; |
|
6348
|
|
|
}; |
|
6349
|
|
|
var Version = { |
|
6350
|
|
|
nu: nu, |
|
6351
|
|
|
detect: detect, |
|
6352
|
|
|
unknown: unknown |
|
6353
|
|
|
}; |
|
6354
|
|
|
|
|
6355
|
|
|
var edge = 'Edge'; |
|
6356
|
|
|
var chrome = 'Chrome'; |
|
6357
|
|
|
var ie = 'IE'; |
|
6358
|
|
|
var opera = 'Opera'; |
|
6359
|
|
|
var firefox = 'Firefox'; |
|
6360
|
|
|
var safari = 'Safari'; |
|
6361
|
|
|
var isBrowser = function (name, current) { |
|
6362
|
|
|
return function () { |
|
6363
|
|
|
return current === name; |
|
6364
|
|
|
}; |
|
6365
|
|
|
}; |
|
6366
|
|
|
var unknown$1 = function () { |
|
6367
|
|
|
return nu$1({ |
|
6368
|
|
|
current: undefined, |
|
6369
|
|
|
version: Version.unknown() |
|
6370
|
|
|
}); |
|
6371
|
|
|
}; |
|
6372
|
|
|
var nu$1 = function (info) { |
|
6373
|
|
|
var current = info.current; |
|
6374
|
|
|
var version = info.version; |
|
6375
|
|
|
return { |
|
6376
|
|
|
current: current, |
|
6377
|
|
|
version: version, |
|
6378
|
|
|
isEdge: isBrowser(edge, current), |
|
6379
|
|
|
isChrome: isBrowser(chrome, current), |
|
6380
|
|
|
isIE: isBrowser(ie, current), |
|
6381
|
|
|
isOpera: isBrowser(opera, current), |
|
6382
|
|
|
isFirefox: isBrowser(firefox, current), |
|
6383
|
|
|
isSafari: isBrowser(safari, current) |
|
6384
|
|
|
}; |
|
6385
|
|
|
}; |
|
6386
|
|
|
var Browser = { |
|
6387
|
|
|
unknown: unknown$1, |
|
6388
|
|
|
nu: nu$1, |
|
6389
|
|
|
edge: constant(edge), |
|
6390
|
|
|
chrome: constant(chrome), |
|
6391
|
|
|
ie: constant(ie), |
|
6392
|
|
|
opera: constant(opera), |
|
6393
|
|
|
firefox: constant(firefox), |
|
6394
|
|
|
safari: constant(safari) |
|
6395
|
|
|
}; |
|
6396
|
|
|
|
|
6397
|
|
|
var windows$1 = 'Windows'; |
|
6398
|
|
|
var ios = 'iOS'; |
|
6399
|
|
|
var android = 'Android'; |
|
6400
|
|
|
var linux = 'Linux'; |
|
6401
|
|
|
var osx = 'OSX'; |
|
6402
|
|
|
var solaris = 'Solaris'; |
|
6403
|
|
|
var freebsd = 'FreeBSD'; |
|
6404
|
|
|
var isOS = function (name, current) { |
|
6405
|
|
|
return function () { |
|
6406
|
|
|
return current === name; |
|
6407
|
|
|
}; |
|
6408
|
|
|
}; |
|
6409
|
|
|
var unknown$2 = function () { |
|
6410
|
|
|
return nu$2({ |
|
6411
|
|
|
current: undefined, |
|
6412
|
|
|
version: Version.unknown() |
|
6413
|
|
|
}); |
|
6414
|
|
|
}; |
|
6415
|
|
|
var nu$2 = function (info) { |
|
6416
|
|
|
var current = info.current; |
|
6417
|
|
|
var version = info.version; |
|
6418
|
|
|
return { |
|
6419
|
|
|
current: current, |
|
6420
|
|
|
version: version, |
|
6421
|
|
|
isWindows: isOS(windows$1, current), |
|
6422
|
|
|
isiOS: isOS(ios, current), |
|
6423
|
|
|
isAndroid: isOS(android, current), |
|
6424
|
|
|
isOSX: isOS(osx, current), |
|
6425
|
|
|
isLinux: isOS(linux, current), |
|
6426
|
|
|
isSolaris: isOS(solaris, current), |
|
6427
|
|
|
isFreeBSD: isOS(freebsd, current) |
|
6428
|
|
|
}; |
|
6429
|
|
|
}; |
|
6430
|
|
|
var OperatingSystem = { |
|
6431
|
|
|
unknown: unknown$2, |
|
6432
|
|
|
nu: nu$2, |
|
6433
|
|
|
windows: constant(windows$1), |
|
6434
|
|
|
ios: constant(ios), |
|
6435
|
|
|
android: constant(android), |
|
6436
|
|
|
linux: constant(linux), |
|
6437
|
|
|
osx: constant(osx), |
|
6438
|
|
|
solaris: constant(solaris), |
|
6439
|
|
|
freebsd: constant(freebsd) |
|
6440
|
|
|
}; |
|
6441
|
|
|
|
|
6442
|
|
View Code Duplication |
var DeviceType = function (os, browser, userAgent) { |
|
|
|
|
|
|
6443
|
|
|
var isiPad = os.isiOS() && /ipad/i.test(userAgent) === true; |
|
6444
|
|
|
var isiPhone = os.isiOS() && !isiPad; |
|
6445
|
|
|
var isAndroid3 = os.isAndroid() && os.version.major === 3; |
|
6446
|
|
|
var isAndroid4 = os.isAndroid() && os.version.major === 4; |
|
6447
|
|
|
var isTablet = isiPad || isAndroid3 || isAndroid4 && /mobile/i.test(userAgent) === true; |
|
6448
|
|
|
var isTouch = os.isiOS() || os.isAndroid(); |
|
6449
|
|
|
var isPhone = isTouch && !isTablet; |
|
6450
|
|
|
var iOSwebview = browser.isSafari() && os.isiOS() && /safari/i.test(userAgent) === false; |
|
6451
|
|
|
return { |
|
6452
|
|
|
isiPad: constant(isiPad), |
|
6453
|
|
|
isiPhone: constant(isiPhone), |
|
6454
|
|
|
isTablet: constant(isTablet), |
|
6455
|
|
|
isPhone: constant(isPhone), |
|
6456
|
|
|
isTouch: constant(isTouch), |
|
6457
|
|
|
isAndroid: os.isAndroid, |
|
6458
|
|
|
isiOS: os.isiOS, |
|
6459
|
|
|
isWebView: constant(iOSwebview) |
|
6460
|
|
|
}; |
|
6461
|
|
|
}; |
|
6462
|
|
|
|
|
6463
|
|
|
var detect$1 = function (candidates, userAgent) { |
|
6464
|
|
|
var agent = String(userAgent).toLowerCase(); |
|
6465
|
|
|
return find(candidates, function (candidate) { |
|
6466
|
|
|
return candidate.search(agent); |
|
6467
|
|
|
}); |
|
6468
|
|
|
}; |
|
6469
|
|
|
var detectBrowser = function (browsers, userAgent) { |
|
6470
|
|
|
return detect$1(browsers, userAgent).map(function (browser) { |
|
6471
|
|
|
var version = Version.detect(browser.versionRegexes, userAgent); |
|
6472
|
|
|
return { |
|
6473
|
|
|
current: browser.name, |
|
6474
|
|
|
version: version |
|
6475
|
|
|
}; |
|
6476
|
|
|
}); |
|
6477
|
|
|
}; |
|
6478
|
|
|
var detectOs = function (oses, userAgent) { |
|
6479
|
|
|
return detect$1(oses, userAgent).map(function (os) { |
|
6480
|
|
|
var version = Version.detect(os.versionRegexes, userAgent); |
|
6481
|
|
|
return { |
|
6482
|
|
|
current: os.name, |
|
6483
|
|
|
version: version |
|
6484
|
|
|
}; |
|
6485
|
|
|
}); |
|
6486
|
|
|
}; |
|
6487
|
|
|
var UaString = { |
|
6488
|
|
|
detectBrowser: detectBrowser, |
|
6489
|
|
|
detectOs: detectOs |
|
6490
|
|
|
}; |
|
6491
|
|
|
|
|
6492
|
|
|
var contains$1 = function (str, substr) { |
|
6493
|
|
|
return str.indexOf(substr) !== -1; |
|
6494
|
|
|
}; |
|
6495
|
|
|
|
|
6496
|
|
|
var normalVersionRegex = /.*?version\/\ ?([0-9]+)\.([0-9]+).*/; |
|
6497
|
|
|
var checkContains = function (target) { |
|
6498
|
|
|
return function (uastring) { |
|
6499
|
|
|
return contains$1(uastring, target); |
|
6500
|
|
|
}; |
|
6501
|
|
|
}; |
|
6502
|
|
|
var browsers = [ |
|
6503
|
|
|
{ |
|
6504
|
|
|
name: 'Edge', |
|
6505
|
|
|
versionRegexes: [/.*?edge\/ ?([0-9]+)\.([0-9]+)$/], |
|
6506
|
|
|
search: function (uastring) { |
|
6507
|
|
|
var monstrosity = contains$1(uastring, 'edge/') && contains$1(uastring, 'chrome') && contains$1(uastring, 'safari') && contains$1(uastring, 'applewebkit'); |
|
6508
|
|
|
return monstrosity; |
|
6509
|
|
|
} |
|
6510
|
|
|
}, |
|
6511
|
|
|
{ |
|
6512
|
|
|
name: 'Chrome', |
|
6513
|
|
|
versionRegexes: [ |
|
6514
|
|
|
/.*?chrome\/([0-9]+)\.([0-9]+).*/, |
|
6515
|
|
|
normalVersionRegex |
|
6516
|
|
|
], |
|
6517
|
|
|
search: function (uastring) { |
|
6518
|
|
|
return contains$1(uastring, 'chrome') && !contains$1(uastring, 'chromeframe'); |
|
6519
|
|
|
} |
|
6520
|
|
|
}, |
|
6521
|
|
|
{ |
|
6522
|
|
|
name: 'IE', |
|
6523
|
|
|
versionRegexes: [ |
|
6524
|
|
|
/.*?msie\ ?([0-9]+)\.([0-9]+).*/, |
|
6525
|
|
|
/.*?rv:([0-9]+)\.([0-9]+).*/ |
|
6526
|
|
|
], |
|
6527
|
|
|
search: function (uastring) { |
|
6528
|
|
|
return contains$1(uastring, 'msie') || contains$1(uastring, 'trident'); |
|
6529
|
|
|
} |
|
6530
|
|
|
}, |
|
6531
|
|
|
{ |
|
6532
|
|
|
name: 'Opera', |
|
6533
|
|
|
versionRegexes: [ |
|
6534
|
|
|
normalVersionRegex, |
|
6535
|
|
|
/.*?opera\/([0-9]+)\.([0-9]+).*/ |
|
6536
|
|
|
], |
|
6537
|
|
|
search: checkContains('opera') |
|
6538
|
|
|
}, |
|
6539
|
|
|
{ |
|
6540
|
|
|
name: 'Firefox', |
|
6541
|
|
|
versionRegexes: [/.*?firefox\/\ ?([0-9]+)\.([0-9]+).*/], |
|
6542
|
|
|
search: checkContains('firefox') |
|
6543
|
|
|
}, |
|
6544
|
|
|
{ |
|
6545
|
|
|
name: 'Safari', |
|
6546
|
|
|
versionRegexes: [ |
|
6547
|
|
|
normalVersionRegex, |
|
6548
|
|
|
/.*?cpu os ([0-9]+)_([0-9]+).*/ |
|
6549
|
|
|
], |
|
6550
|
|
|
search: function (uastring) { |
|
6551
|
|
|
return (contains$1(uastring, 'safari') || contains$1(uastring, 'mobile/')) && contains$1(uastring, 'applewebkit'); |
|
6552
|
|
|
} |
|
6553
|
|
|
} |
|
6554
|
|
|
]; |
|
6555
|
|
|
var oses = [ |
|
6556
|
|
|
{ |
|
6557
|
|
|
name: 'Windows', |
|
6558
|
|
|
search: checkContains('win'), |
|
6559
|
|
|
versionRegexes: [/.*?windows\ nt\ ?([0-9]+)\.([0-9]+).*/] |
|
6560
|
|
|
}, |
|
6561
|
|
|
{ |
|
6562
|
|
|
name: 'iOS', |
|
6563
|
|
|
search: function (uastring) { |
|
6564
|
|
|
return contains$1(uastring, 'iphone') || contains$1(uastring, 'ipad'); |
|
6565
|
|
|
}, |
|
6566
|
|
|
versionRegexes: [ |
|
6567
|
|
|
/.*?version\/\ ?([0-9]+)\.([0-9]+).*/, |
|
6568
|
|
|
/.*cpu os ([0-9]+)_([0-9]+).*/, |
|
6569
|
|
|
/.*cpu iphone os ([0-9]+)_([0-9]+).*/ |
|
6570
|
|
|
] |
|
6571
|
|
|
}, |
|
6572
|
|
|
{ |
|
6573
|
|
|
name: 'Android', |
|
6574
|
|
|
search: checkContains('android'), |
|
6575
|
|
|
versionRegexes: [/.*?android\ ?([0-9]+)\.([0-9]+).*/] |
|
6576
|
|
|
}, |
|
6577
|
|
|
{ |
|
6578
|
|
|
name: 'OSX', |
|
6579
|
|
|
search: checkContains('os x'), |
|
6580
|
|
|
versionRegexes: [/.*?os\ x\ ?([0-9]+)_([0-9]+).*/] |
|
6581
|
|
|
}, |
|
6582
|
|
|
{ |
|
6583
|
|
|
name: 'Linux', |
|
6584
|
|
|
search: checkContains('linux'), |
|
6585
|
|
|
versionRegexes: [] |
|
6586
|
|
|
}, |
|
6587
|
|
|
{ |
|
6588
|
|
|
name: 'Solaris', |
|
6589
|
|
|
search: checkContains('sunos'), |
|
6590
|
|
|
versionRegexes: [] |
|
6591
|
|
|
}, |
|
6592
|
|
|
{ |
|
6593
|
|
|
name: 'FreeBSD', |
|
6594
|
|
|
search: checkContains('freebsd'), |
|
6595
|
|
|
versionRegexes: [] |
|
6596
|
|
|
} |
|
6597
|
|
|
]; |
|
6598
|
|
|
var PlatformInfo = { |
|
6599
|
|
|
browsers: constant(browsers), |
|
6600
|
|
|
oses: constant(oses) |
|
6601
|
|
|
}; |
|
6602
|
|
|
|
|
6603
|
|
|
var detect$2 = function (userAgent) { |
|
6604
|
|
|
var browsers = PlatformInfo.browsers(); |
|
6605
|
|
|
var oses = PlatformInfo.oses(); |
|
6606
|
|
|
var browser = UaString.detectBrowser(browsers, userAgent).fold(Browser.unknown, Browser.nu); |
|
6607
|
|
|
var os = UaString.detectOs(oses, userAgent).fold(OperatingSystem.unknown, OperatingSystem.nu); |
|
6608
|
|
|
var deviceType = DeviceType(os, browser, userAgent); |
|
6609
|
|
|
return { |
|
6610
|
|
|
browser: browser, |
|
6611
|
|
|
os: os, |
|
6612
|
|
|
deviceType: deviceType |
|
6613
|
|
|
}; |
|
6614
|
|
|
}; |
|
6615
|
|
|
var PlatformDetection = { detect: detect$2 }; |
|
6616
|
|
|
|
|
6617
|
|
|
var detect$3 = cached(function () { |
|
6618
|
|
|
var userAgent = navigator.userAgent; |
|
|
|
|
|
|
6619
|
|
|
return PlatformDetection.detect(userAgent); |
|
6620
|
|
|
}); |
|
6621
|
|
|
var PlatformDetection$1 = { detect: detect$3 }; |
|
6622
|
|
|
|
|
6623
|
|
|
var ELEMENT$1 = ELEMENT; |
|
6624
|
|
|
var DOCUMENT$1 = DOCUMENT; |
|
6625
|
|
|
var bypassSelector = function (dom) { |
|
6626
|
|
|
return dom.nodeType !== ELEMENT$1 && dom.nodeType !== DOCUMENT$1 || dom.childElementCount === 0; |
|
6627
|
|
|
}; |
|
6628
|
|
|
var all = function (selector, scope) { |
|
6629
|
|
|
var base = scope === undefined ? document : scope.dom(); |
|
6630
|
|
|
return bypassSelector(base) ? [] : map(base.querySelectorAll(selector), Element$$1.fromDom); |
|
6631
|
|
|
}; |
|
6632
|
|
|
var one = function (selector, scope) { |
|
6633
|
|
|
var base = scope === undefined ? document : scope.dom(); |
|
6634
|
|
|
return bypassSelector(base) ? Option.none() : Option.from(base.querySelector(selector)).map(Element$$1.fromDom); |
|
6635
|
|
|
}; |
|
6636
|
|
|
|
|
6637
|
|
|
var regularContains = function (e1, e2) { |
|
6638
|
|
|
var d1 = e1.dom(), d2 = e2.dom(); |
|
6639
|
|
|
return d1 === d2 ? false : d1.contains(d2); |
|
6640
|
|
|
}; |
|
6641
|
|
|
var ieContains = function (e1, e2) { |
|
6642
|
|
|
return Node$1.documentPositionContainedBy(e1.dom(), e2.dom()); |
|
6643
|
|
|
}; |
|
6644
|
|
|
var browser = PlatformDetection$1.detect().browser; |
|
6645
|
|
|
var contains$2 = browser.isIE() ? ieContains : regularContains; |
|
|
|
|
|
|
6646
|
|
|
|
|
6647
|
|
|
var spot = Immutable('element', 'offset'); |
|
|
|
|
|
|
6648
|
|
|
|
|
6649
|
|
|
var descendants$1 = function (scope, selector) { |
|
6650
|
|
|
return all(selector, scope); |
|
6651
|
|
|
}; |
|
6652
|
|
|
|
|
6653
|
|
|
var trim$1 = global$4.trim; |
|
6654
|
|
|
var hasContentEditableState = function (value) { |
|
6655
|
|
|
return function (node) { |
|
6656
|
|
|
if (node && node.nodeType === 1) { |
|
6657
|
|
|
if (node.contentEditable === value) { |
|
6658
|
|
|
return true; |
|
6659
|
|
|
} |
|
6660
|
|
|
if (node.getAttribute('data-mce-contenteditable') === value) { |
|
6661
|
|
|
return true; |
|
6662
|
|
|
} |
|
6663
|
|
|
} |
|
6664
|
|
|
return false; |
|
6665
|
|
|
}; |
|
6666
|
|
|
}; |
|
6667
|
|
|
var isContentEditableTrue = hasContentEditableState('true'); |
|
6668
|
|
|
var isContentEditableFalse = hasContentEditableState('false'); |
|
6669
|
|
|
var create$4 = function (type, title, url, level, attach) { |
|
6670
|
|
|
return { |
|
6671
|
|
|
type: type, |
|
6672
|
|
|
title: title, |
|
6673
|
|
|
url: url, |
|
6674
|
|
|
level: level, |
|
6675
|
|
|
attach: attach |
|
6676
|
|
|
}; |
|
6677
|
|
|
}; |
|
6678
|
|
|
var isChildOfContentEditableTrue = function (node) { |
|
6679
|
|
|
while (node = node.parentNode) { |
|
6680
|
|
|
var value = node.contentEditable; |
|
6681
|
|
|
if (value && value !== 'inherit') { |
|
6682
|
|
|
return isContentEditableTrue(node); |
|
6683
|
|
|
} |
|
6684
|
|
|
} |
|
6685
|
|
|
return false; |
|
6686
|
|
|
}; |
|
6687
|
|
|
var select = function (selector, root) { |
|
6688
|
|
|
return map(descendants$1(Element$$1.fromDom(root), selector), function (element) { |
|
6689
|
|
|
return element.dom(); |
|
6690
|
|
|
}); |
|
6691
|
|
|
}; |
|
6692
|
|
|
var getElementText = function (elm) { |
|
6693
|
|
|
return elm.innerText || elm.textContent; |
|
6694
|
|
|
}; |
|
6695
|
|
|
var getOrGenerateId = function (elm) { |
|
6696
|
|
|
return elm.id ? elm.id : generate('h'); |
|
6697
|
|
|
}; |
|
6698
|
|
|
var isAnchor = function (elm) { |
|
6699
|
|
|
return elm && elm.nodeName === 'A' && (elm.id || elm.name); |
|
6700
|
|
|
}; |
|
6701
|
|
|
var isValidAnchor = function (elm) { |
|
6702
|
|
|
return isAnchor(elm) && isEditable(elm); |
|
6703
|
|
|
}; |
|
6704
|
|
|
var isHeader = function (elm) { |
|
6705
|
|
|
return elm && /^(H[1-6])$/.test(elm.nodeName); |
|
6706
|
|
|
}; |
|
6707
|
|
|
var isEditable = function (elm) { |
|
6708
|
|
|
return isChildOfContentEditableTrue(elm) && !isContentEditableFalse(elm); |
|
6709
|
|
|
}; |
|
6710
|
|
|
var isValidHeader = function (elm) { |
|
6711
|
|
|
return isHeader(elm) && isEditable(elm); |
|
6712
|
|
|
}; |
|
6713
|
|
|
var getLevel = function (elm) { |
|
6714
|
|
|
return isHeader(elm) ? parseInt(elm.nodeName.substr(1), 10) : 0; |
|
6715
|
|
|
}; |
|
6716
|
|
|
var headerTarget = function (elm) { |
|
6717
|
|
|
var headerId = getOrGenerateId(elm); |
|
6718
|
|
|
var attach = function () { |
|
6719
|
|
|
elm.id = headerId; |
|
6720
|
|
|
}; |
|
6721
|
|
|
return create$4('header', getElementText(elm), '#' + headerId, getLevel(elm), attach); |
|
6722
|
|
|
}; |
|
6723
|
|
|
var anchorTarget = function (elm) { |
|
6724
|
|
|
var anchorId = elm.id || elm.name; |
|
6725
|
|
|
var anchorText = getElementText(elm); |
|
6726
|
|
|
return create$4('anchor', anchorText ? anchorText : '#' + anchorId, '#' + anchorId, 0, noop); |
|
6727
|
|
|
}; |
|
6728
|
|
|
var getHeaderTargets = function (elms) { |
|
6729
|
|
|
return map(filter(elms, isValidHeader), headerTarget); |
|
6730
|
|
|
}; |
|
6731
|
|
|
var getAnchorTargets = function (elms) { |
|
6732
|
|
|
return map(filter(elms, isValidAnchor), anchorTarget); |
|
6733
|
|
|
}; |
|
6734
|
|
|
var getTargetElements = function (elm) { |
|
6735
|
|
|
var elms = select('h1,h2,h3,h4,h5,h6,a:not([href])', elm); |
|
6736
|
|
|
return elms; |
|
6737
|
|
|
}; |
|
6738
|
|
|
var hasTitle = function (target) { |
|
6739
|
|
|
return trim$1(target.title).length > 0; |
|
6740
|
|
|
}; |
|
6741
|
|
|
var find$3 = function (elm) { |
|
6742
|
|
|
var elms = getTargetElements(elm); |
|
6743
|
|
|
return filter(getHeaderTargets(elms).concat(getAnchorTargets(elms)), hasTitle); |
|
6744
|
|
|
}; |
|
6745
|
|
|
var LinkTargets = { find: find$3 }; |
|
6746
|
|
|
|
|
6747
|
|
|
var getActiveEditor = function () { |
|
6748
|
|
|
return window.tinymce ? window.tinymce.activeEditor : global$5.activeEditor; |
|
6749
|
|
|
}; |
|
6750
|
|
|
var history = {}; |
|
6751
|
|
|
var HISTORY_LENGTH = 5; |
|
6752
|
|
|
var clearHistory = function () { |
|
6753
|
|
|
history = {}; |
|
6754
|
|
|
}; |
|
6755
|
|
|
var toMenuItem = function (target) { |
|
6756
|
|
|
return { |
|
6757
|
|
|
title: target.title, |
|
6758
|
|
|
value: { |
|
6759
|
|
|
title: { raw: target.title }, |
|
6760
|
|
|
url: target.url, |
|
6761
|
|
|
attach: target.attach |
|
6762
|
|
|
} |
|
6763
|
|
|
}; |
|
6764
|
|
|
}; |
|
6765
|
|
|
var toMenuItems = function (targets) { |
|
6766
|
|
|
return global$4.map(targets, toMenuItem); |
|
6767
|
|
|
}; |
|
6768
|
|
|
var staticMenuItem = function (title, url) { |
|
6769
|
|
|
return { |
|
6770
|
|
|
title: title, |
|
6771
|
|
|
value: { |
|
6772
|
|
|
title: title, |
|
6773
|
|
|
url: url, |
|
6774
|
|
|
attach: noop |
|
6775
|
|
|
} |
|
6776
|
|
|
}; |
|
6777
|
|
|
}; |
|
6778
|
|
|
var isUniqueUrl = function (url, targets) { |
|
6779
|
|
|
var foundTarget = exists(targets, function (target) { |
|
6780
|
|
|
return target.url === url; |
|
6781
|
|
|
}); |
|
6782
|
|
|
return !foundTarget; |
|
6783
|
|
|
}; |
|
6784
|
|
|
var getSetting = function (editorSettings, name, defaultValue) { |
|
6785
|
|
|
var value = name in editorSettings ? editorSettings[name] : defaultValue; |
|
6786
|
|
|
return value === false ? null : value; |
|
6787
|
|
|
}; |
|
6788
|
|
View Code Duplication |
var createMenuItems = function (term, targets, fileType, editorSettings) { |
|
|
|
|
|
|
6789
|
|
|
var separator = { title: '-' }; |
|
6790
|
|
|
var fromHistoryMenuItems = function (history) { |
|
6791
|
|
|
var historyItems = history.hasOwnProperty(fileType) ? history[fileType] : []; |
|
6792
|
|
|
var uniqueHistory = filter(historyItems, function (url) { |
|
6793
|
|
|
return isUniqueUrl(url, targets); |
|
6794
|
|
|
}); |
|
6795
|
|
|
return global$4.map(uniqueHistory, function (url) { |
|
6796
|
|
|
return { |
|
6797
|
|
|
title: url, |
|
6798
|
|
|
value: { |
|
6799
|
|
|
title: url, |
|
6800
|
|
|
url: url, |
|
6801
|
|
|
attach: noop |
|
6802
|
|
|
} |
|
6803
|
|
|
}; |
|
6804
|
|
|
}); |
|
6805
|
|
|
}; |
|
6806
|
|
|
var fromMenuItems = function (type) { |
|
6807
|
|
|
var filteredTargets = filter(targets, function (target) { |
|
6808
|
|
|
return target.type === type; |
|
6809
|
|
|
}); |
|
6810
|
|
|
return toMenuItems(filteredTargets); |
|
6811
|
|
|
}; |
|
6812
|
|
|
var anchorMenuItems = function () { |
|
6813
|
|
|
var anchorMenuItems = fromMenuItems('anchor'); |
|
6814
|
|
|
var topAnchor = getSetting(editorSettings, 'anchor_top', '#top'); |
|
6815
|
|
|
var bottomAchor = getSetting(editorSettings, 'anchor_bottom', '#bottom'); |
|
6816
|
|
|
if (topAnchor !== null) { |
|
6817
|
|
|
anchorMenuItems.unshift(staticMenuItem('<top>', topAnchor)); |
|
6818
|
|
|
} |
|
6819
|
|
|
if (bottomAchor !== null) { |
|
6820
|
|
|
anchorMenuItems.push(staticMenuItem('<bottom>', bottomAchor)); |
|
6821
|
|
|
} |
|
6822
|
|
|
return anchorMenuItems; |
|
6823
|
|
|
}; |
|
6824
|
|
|
var join = function (items) { |
|
6825
|
|
|
return foldl(items, function (a, b) { |
|
6826
|
|
|
var bothEmpty = a.length === 0 || b.length === 0; |
|
6827
|
|
|
return bothEmpty ? a.concat(b) : a.concat(separator, b); |
|
6828
|
|
|
}, []); |
|
6829
|
|
|
}; |
|
6830
|
|
|
if (editorSettings.typeahead_urls === false) { |
|
6831
|
|
|
return []; |
|
6832
|
|
|
} |
|
6833
|
|
|
return fileType === 'file' ? join([ |
|
6834
|
|
|
filterByQuery(term, fromHistoryMenuItems(history)), |
|
6835
|
|
|
filterByQuery(term, fromMenuItems('header')), |
|
6836
|
|
|
filterByQuery(term, anchorMenuItems()) |
|
6837
|
|
|
]) : filterByQuery(term, fromHistoryMenuItems(history)); |
|
6838
|
|
|
}; |
|
6839
|
|
|
var addToHistory = function (url, fileType) { |
|
6840
|
|
|
var items = history[fileType]; |
|
6841
|
|
|
if (!/^https?/.test(url)) { |
|
6842
|
|
|
return; |
|
6843
|
|
|
} |
|
6844
|
|
|
if (items) { |
|
6845
|
|
|
if (indexOf(items, url).isNone()) { |
|
6846
|
|
|
history[fileType] = items.slice(0, HISTORY_LENGTH).concat(url); |
|
6847
|
|
|
} |
|
6848
|
|
|
} else { |
|
6849
|
|
|
history[fileType] = [url]; |
|
6850
|
|
|
} |
|
6851
|
|
|
}; |
|
6852
|
|
|
var filterByQuery = function (term, menuItems) { |
|
6853
|
|
|
var lowerCaseTerm = term.toLowerCase(); |
|
6854
|
|
|
var result = global$4.grep(menuItems, function (item) { |
|
6855
|
|
|
return item.title.toLowerCase().indexOf(lowerCaseTerm) !== -1; |
|
6856
|
|
|
}); |
|
6857
|
|
|
return result.length === 1 && result[0].title === term ? [] : result; |
|
6858
|
|
|
}; |
|
6859
|
|
|
var getTitle = function (linkDetails) { |
|
6860
|
|
|
var title = linkDetails.title; |
|
6861
|
|
|
return title.raw ? title.raw : title; |
|
6862
|
|
|
}; |
|
6863
|
|
View Code Duplication |
var setupAutoCompleteHandler = function (ctrl, editorSettings, bodyElm, fileType) { |
|
|
|
|
|
|
6864
|
|
|
var autocomplete = function (term) { |
|
6865
|
|
|
var linkTargets = LinkTargets.find(bodyElm); |
|
6866
|
|
|
var menuItems = createMenuItems(term, linkTargets, fileType, editorSettings); |
|
6867
|
|
|
ctrl.showAutoComplete(menuItems, term); |
|
6868
|
|
|
}; |
|
6869
|
|
|
ctrl.on('autocomplete', function () { |
|
6870
|
|
|
autocomplete(ctrl.value()); |
|
6871
|
|
|
}); |
|
6872
|
|
|
ctrl.on('selectitem', function (e) { |
|
6873
|
|
|
var linkDetails = e.value; |
|
6874
|
|
|
ctrl.value(linkDetails.url); |
|
6875
|
|
|
var title = getTitle(linkDetails); |
|
6876
|
|
|
if (fileType === 'image') { |
|
6877
|
|
|
ctrl.fire('change', { |
|
6878
|
|
|
meta: { |
|
6879
|
|
|
alt: title, |
|
6880
|
|
|
attach: linkDetails.attach |
|
6881
|
|
|
} |
|
6882
|
|
|
}); |
|
6883
|
|
|
} else { |
|
6884
|
|
|
ctrl.fire('change', { |
|
6885
|
|
|
meta: { |
|
6886
|
|
|
text: title, |
|
6887
|
|
|
attach: linkDetails.attach |
|
6888
|
|
|
} |
|
6889
|
|
|
}); |
|
6890
|
|
|
} |
|
6891
|
|
|
ctrl.focus(); |
|
6892
|
|
|
}); |
|
6893
|
|
|
ctrl.on('click', function (e) { |
|
6894
|
|
|
if (ctrl.value().length === 0 && e.target.nodeName === 'INPUT') { |
|
6895
|
|
|
autocomplete(''); |
|
6896
|
|
|
} |
|
6897
|
|
|
}); |
|
6898
|
|
|
ctrl.on('PostRender', function () { |
|
6899
|
|
|
ctrl.getRoot().on('submit', function (e) { |
|
6900
|
|
|
if (!e.isDefaultPrevented()) { |
|
6901
|
|
|
addToHistory(ctrl.value(), fileType); |
|
6902
|
|
|
} |
|
6903
|
|
|
}); |
|
6904
|
|
|
}); |
|
6905
|
|
|
}; |
|
6906
|
|
View Code Duplication |
var statusToUiState = function (result) { |
|
|
|
|
|
|
6907
|
|
|
var status = result.status, message = result.message; |
|
6908
|
|
|
if (status === 'valid') { |
|
6909
|
|
|
return { |
|
6910
|
|
|
status: 'ok', |
|
6911
|
|
|
message: message |
|
6912
|
|
|
}; |
|
6913
|
|
|
} else if (status === 'unknown') { |
|
6914
|
|
|
return { |
|
6915
|
|
|
status: 'warn', |
|
6916
|
|
|
message: message |
|
6917
|
|
|
}; |
|
6918
|
|
|
} else if (status === 'invalid') { |
|
6919
|
|
|
return { |
|
6920
|
|
|
status: 'warn', |
|
6921
|
|
|
message: message |
|
6922
|
|
|
}; |
|
6923
|
|
|
} else { |
|
6924
|
|
|
return { |
|
6925
|
|
|
status: 'none', |
|
6926
|
|
|
message: '' |
|
6927
|
|
|
}; |
|
6928
|
|
|
} |
|
6929
|
|
|
}; |
|
6930
|
|
|
var setupLinkValidatorHandler = function (ctrl, editorSettings, fileType) { |
|
6931
|
|
|
var validatorHandler = editorSettings.filepicker_validator_handler; |
|
6932
|
|
|
if (validatorHandler) { |
|
6933
|
|
|
var validateUrl_1 = function (url) { |
|
6934
|
|
|
if (url.length === 0) { |
|
6935
|
|
|
ctrl.statusLevel('none'); |
|
6936
|
|
|
return; |
|
6937
|
|
|
} |
|
6938
|
|
|
validatorHandler({ |
|
6939
|
|
|
url: url, |
|
6940
|
|
|
type: fileType |
|
6941
|
|
|
}, function (result) { |
|
6942
|
|
|
var uiState = statusToUiState(result); |
|
6943
|
|
|
ctrl.statusMessage(uiState.message); |
|
6944
|
|
|
ctrl.statusLevel(uiState.status); |
|
6945
|
|
|
}); |
|
6946
|
|
|
}; |
|
6947
|
|
|
ctrl.state.on('change:value', function (e) { |
|
6948
|
|
|
validateUrl_1(e.value); |
|
6949
|
|
|
}); |
|
6950
|
|
|
} |
|
6951
|
|
|
}; |
|
6952
|
|
|
var FilePicker = ComboBox.extend({ |
|
6953
|
|
|
Statics: { clearHistory: clearHistory }, |
|
6954
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
6955
|
|
|
var self = this, editor = getActiveEditor(), editorSettings = editor.settings; |
|
6956
|
|
|
var actionCallback, fileBrowserCallback, fileBrowserCallbackTypes; |
|
6957
|
|
|
var fileType = settings.filetype; |
|
6958
|
|
|
settings.spellcheck = false; |
|
6959
|
|
|
fileBrowserCallbackTypes = editorSettings.file_picker_types || editorSettings.file_browser_callback_types; |
|
6960
|
|
|
if (fileBrowserCallbackTypes) { |
|
6961
|
|
|
fileBrowserCallbackTypes = global$4.makeMap(fileBrowserCallbackTypes, /[, ]/); |
|
6962
|
|
|
} |
|
6963
|
|
|
if (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType]) { |
|
6964
|
|
|
fileBrowserCallback = editorSettings.file_picker_callback; |
|
6965
|
|
|
if (fileBrowserCallback && (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType])) { |
|
6966
|
|
|
actionCallback = function () { |
|
6967
|
|
|
var meta = self.fire('beforecall').meta; |
|
6968
|
|
|
meta = global$4.extend({ filetype: fileType }, meta); |
|
6969
|
|
|
fileBrowserCallback.call(editor, function (value, meta) { |
|
6970
|
|
|
self.value(value).fire('change', { meta: meta }); |
|
6971
|
|
|
}, self.value(), meta); |
|
6972
|
|
|
}; |
|
6973
|
|
|
} else { |
|
6974
|
|
|
fileBrowserCallback = editorSettings.file_browser_callback; |
|
6975
|
|
|
if (fileBrowserCallback && (!fileBrowserCallbackTypes || fileBrowserCallbackTypes[fileType])) { |
|
6976
|
|
|
actionCallback = function () { |
|
6977
|
|
|
fileBrowserCallback(self.getEl('inp').id, self.value(), fileType, window); |
|
6978
|
|
|
}; |
|
6979
|
|
|
} |
|
6980
|
|
|
} |
|
6981
|
|
|
} |
|
6982
|
|
|
if (actionCallback) { |
|
6983
|
|
|
settings.icon = 'browse'; |
|
6984
|
|
|
settings.onaction = actionCallback; |
|
6985
|
|
|
} |
|
6986
|
|
|
self._super(settings); |
|
6987
|
|
|
self.classes.add('filepicker'); |
|
6988
|
|
|
setupAutoCompleteHandler(self, editorSettings, editor.getBody(), fileType); |
|
6989
|
|
|
setupLinkValidatorHandler(self, editorSettings, fileType); |
|
6990
|
|
|
} |
|
6991
|
|
|
}); |
|
6992
|
|
|
|
|
6993
|
|
|
var FitLayout = AbsoluteLayout.extend({ |
|
6994
|
|
|
recalc: function (container) { |
|
6995
|
|
|
var contLayoutRect = container.layoutRect(), paddingBox = container.paddingBox; |
|
6996
|
|
|
container.items().filter(':visible').each(function (ctrl) { |
|
6997
|
|
|
ctrl.layoutRect({ |
|
6998
|
|
|
x: paddingBox.left, |
|
6999
|
|
|
y: paddingBox.top, |
|
7000
|
|
|
w: contLayoutRect.innerW - paddingBox.right - paddingBox.left, |
|
7001
|
|
|
h: contLayoutRect.innerH - paddingBox.top - paddingBox.bottom |
|
7002
|
|
|
}); |
|
7003
|
|
|
if (ctrl.recalc) { |
|
7004
|
|
|
ctrl.recalc(); |
|
7005
|
|
|
} |
|
7006
|
|
|
}); |
|
7007
|
|
|
} |
|
7008
|
|
|
}); |
|
7009
|
|
|
|
|
7010
|
|
|
var FlexLayout = AbsoluteLayout.extend({ |
|
7011
|
|
View Code Duplication |
recalc: function (container) { |
|
|
|
|
|
|
7012
|
|
|
var i, l, items, contLayoutRect, contPaddingBox, contSettings, align, pack, spacing, totalFlex, availableSpace, direction; |
|
7013
|
|
|
var ctrl, ctrlLayoutRect, ctrlSettings, flex; |
|
7014
|
|
|
var maxSizeItems = []; |
|
7015
|
|
|
var size, maxSize, ratio, rect, pos, maxAlignEndPos; |
|
7016
|
|
|
var sizeName, minSizeName, posName, maxSizeName, beforeName, innerSizeName, deltaSizeName, contentSizeName; |
|
7017
|
|
|
var alignAxisName, alignInnerSizeName, alignSizeName, alignMinSizeName, alignBeforeName, alignAfterName; |
|
7018
|
|
|
var alignDeltaSizeName, alignContentSizeName; |
|
7019
|
|
|
var max = Math.max, min = Math.min; |
|
7020
|
|
|
items = container.items().filter(':visible'); |
|
7021
|
|
|
contLayoutRect = container.layoutRect(); |
|
7022
|
|
|
contPaddingBox = container.paddingBox; |
|
7023
|
|
|
contSettings = container.settings; |
|
7024
|
|
|
direction = container.isRtl() ? contSettings.direction || 'row-reversed' : contSettings.direction; |
|
7025
|
|
|
align = contSettings.align; |
|
7026
|
|
|
pack = container.isRtl() ? contSettings.pack || 'end' : contSettings.pack; |
|
7027
|
|
|
spacing = contSettings.spacing || 0; |
|
7028
|
|
|
if (direction === 'row-reversed' || direction === 'column-reverse') { |
|
7029
|
|
|
items = items.set(items.toArray().reverse()); |
|
7030
|
|
|
direction = direction.split('-')[0]; |
|
7031
|
|
|
} |
|
7032
|
|
|
if (direction === 'column') { |
|
7033
|
|
|
posName = 'y'; |
|
7034
|
|
|
sizeName = 'h'; |
|
7035
|
|
|
minSizeName = 'minH'; |
|
7036
|
|
|
maxSizeName = 'maxH'; |
|
7037
|
|
|
innerSizeName = 'innerH'; |
|
7038
|
|
|
beforeName = 'top'; |
|
7039
|
|
|
deltaSizeName = 'deltaH'; |
|
7040
|
|
|
contentSizeName = 'contentH'; |
|
7041
|
|
|
alignBeforeName = 'left'; |
|
7042
|
|
|
alignSizeName = 'w'; |
|
7043
|
|
|
alignAxisName = 'x'; |
|
7044
|
|
|
alignInnerSizeName = 'innerW'; |
|
7045
|
|
|
alignMinSizeName = 'minW'; |
|
7046
|
|
|
alignAfterName = 'right'; |
|
7047
|
|
|
alignDeltaSizeName = 'deltaW'; |
|
7048
|
|
|
alignContentSizeName = 'contentW'; |
|
7049
|
|
|
} else { |
|
7050
|
|
|
posName = 'x'; |
|
7051
|
|
|
sizeName = 'w'; |
|
7052
|
|
|
minSizeName = 'minW'; |
|
7053
|
|
|
maxSizeName = 'maxW'; |
|
7054
|
|
|
innerSizeName = 'innerW'; |
|
7055
|
|
|
beforeName = 'left'; |
|
7056
|
|
|
deltaSizeName = 'deltaW'; |
|
7057
|
|
|
contentSizeName = 'contentW'; |
|
7058
|
|
|
alignBeforeName = 'top'; |
|
7059
|
|
|
alignSizeName = 'h'; |
|
7060
|
|
|
alignAxisName = 'y'; |
|
7061
|
|
|
alignInnerSizeName = 'innerH'; |
|
7062
|
|
|
alignMinSizeName = 'minH'; |
|
7063
|
|
|
alignAfterName = 'bottom'; |
|
7064
|
|
|
alignDeltaSizeName = 'deltaH'; |
|
7065
|
|
|
alignContentSizeName = 'contentH'; |
|
7066
|
|
|
} |
|
7067
|
|
|
availableSpace = contLayoutRect[innerSizeName] - contPaddingBox[beforeName] - contPaddingBox[beforeName]; |
|
7068
|
|
|
maxAlignEndPos = totalFlex = 0; |
|
7069
|
|
|
for (i = 0, l = items.length; i < l; i++) { |
|
7070
|
|
|
ctrl = items[i]; |
|
7071
|
|
|
ctrlLayoutRect = ctrl.layoutRect(); |
|
7072
|
|
|
ctrlSettings = ctrl.settings; |
|
7073
|
|
|
flex = ctrlSettings.flex; |
|
7074
|
|
|
availableSpace -= i < l - 1 ? spacing : 0; |
|
7075
|
|
|
if (flex > 0) { |
|
7076
|
|
|
totalFlex += flex; |
|
7077
|
|
|
if (ctrlLayoutRect[maxSizeName]) { |
|
7078
|
|
|
maxSizeItems.push(ctrl); |
|
7079
|
|
|
} |
|
7080
|
|
|
ctrlLayoutRect.flex = flex; |
|
7081
|
|
|
} |
|
7082
|
|
|
availableSpace -= ctrlLayoutRect[minSizeName]; |
|
7083
|
|
|
size = contPaddingBox[alignBeforeName] + ctrlLayoutRect[alignMinSizeName] + contPaddingBox[alignAfterName]; |
|
7084
|
|
|
if (size > maxAlignEndPos) { |
|
7085
|
|
|
maxAlignEndPos = size; |
|
7086
|
|
|
} |
|
7087
|
|
|
} |
|
7088
|
|
|
rect = {}; |
|
7089
|
|
|
if (availableSpace < 0) { |
|
7090
|
|
|
rect[minSizeName] = contLayoutRect[minSizeName] - availableSpace + contLayoutRect[deltaSizeName]; |
|
7091
|
|
|
} else { |
|
7092
|
|
|
rect[minSizeName] = contLayoutRect[innerSizeName] - availableSpace + contLayoutRect[deltaSizeName]; |
|
7093
|
|
|
} |
|
7094
|
|
|
rect[alignMinSizeName] = maxAlignEndPos + contLayoutRect[alignDeltaSizeName]; |
|
7095
|
|
|
rect[contentSizeName] = contLayoutRect[innerSizeName] - availableSpace; |
|
7096
|
|
|
rect[alignContentSizeName] = maxAlignEndPos; |
|
7097
|
|
|
rect.minW = min(rect.minW, contLayoutRect.maxW); |
|
7098
|
|
|
rect.minH = min(rect.minH, contLayoutRect.maxH); |
|
7099
|
|
|
rect.minW = max(rect.minW, contLayoutRect.startMinWidth); |
|
7100
|
|
|
rect.minH = max(rect.minH, contLayoutRect.startMinHeight); |
|
7101
|
|
|
if (contLayoutRect.autoResize && (rect.minW !== contLayoutRect.minW || rect.minH !== contLayoutRect.minH)) { |
|
7102
|
|
|
rect.w = rect.minW; |
|
7103
|
|
|
rect.h = rect.minH; |
|
7104
|
|
|
container.layoutRect(rect); |
|
7105
|
|
|
this.recalc(container); |
|
7106
|
|
|
if (container._lastRect === null) { |
|
7107
|
|
|
var parentCtrl = container.parent(); |
|
7108
|
|
|
if (parentCtrl) { |
|
7109
|
|
|
parentCtrl._lastRect = null; |
|
7110
|
|
|
parentCtrl.recalc(); |
|
7111
|
|
|
} |
|
7112
|
|
|
} |
|
7113
|
|
|
return; |
|
7114
|
|
|
} |
|
7115
|
|
|
ratio = availableSpace / totalFlex; |
|
7116
|
|
|
for (i = 0, l = maxSizeItems.length; i < l; i++) { |
|
7117
|
|
|
ctrl = maxSizeItems[i]; |
|
7118
|
|
|
ctrlLayoutRect = ctrl.layoutRect(); |
|
7119
|
|
|
maxSize = ctrlLayoutRect[maxSizeName]; |
|
7120
|
|
|
size = ctrlLayoutRect[minSizeName] + ctrlLayoutRect.flex * ratio; |
|
7121
|
|
|
if (size > maxSize) { |
|
7122
|
|
|
availableSpace -= ctrlLayoutRect[maxSizeName] - ctrlLayoutRect[minSizeName]; |
|
7123
|
|
|
totalFlex -= ctrlLayoutRect.flex; |
|
7124
|
|
|
ctrlLayoutRect.flex = 0; |
|
7125
|
|
|
ctrlLayoutRect.maxFlexSize = maxSize; |
|
7126
|
|
|
} else { |
|
7127
|
|
|
ctrlLayoutRect.maxFlexSize = 0; |
|
7128
|
|
|
} |
|
7129
|
|
|
} |
|
7130
|
|
|
ratio = availableSpace / totalFlex; |
|
7131
|
|
|
pos = contPaddingBox[beforeName]; |
|
7132
|
|
|
rect = {}; |
|
7133
|
|
|
if (totalFlex === 0) { |
|
7134
|
|
|
if (pack === 'end') { |
|
7135
|
|
|
pos = availableSpace + contPaddingBox[beforeName]; |
|
7136
|
|
|
} else if (pack === 'center') { |
|
7137
|
|
|
pos = Math.round(contLayoutRect[innerSizeName] / 2 - (contLayoutRect[innerSizeName] - availableSpace) / 2) + contPaddingBox[beforeName]; |
|
7138
|
|
|
if (pos < 0) { |
|
7139
|
|
|
pos = contPaddingBox[beforeName]; |
|
7140
|
|
|
} |
|
7141
|
|
|
} else if (pack === 'justify') { |
|
7142
|
|
|
pos = contPaddingBox[beforeName]; |
|
7143
|
|
|
spacing = Math.floor(availableSpace / (items.length - 1)); |
|
7144
|
|
|
} |
|
7145
|
|
|
} |
|
7146
|
|
|
rect[alignAxisName] = contPaddingBox[alignBeforeName]; |
|
7147
|
|
|
for (i = 0, l = items.length; i < l; i++) { |
|
7148
|
|
|
ctrl = items[i]; |
|
7149
|
|
|
ctrlLayoutRect = ctrl.layoutRect(); |
|
7150
|
|
|
size = ctrlLayoutRect.maxFlexSize || ctrlLayoutRect[minSizeName]; |
|
7151
|
|
|
if (align === 'center') { |
|
7152
|
|
|
rect[alignAxisName] = Math.round(contLayoutRect[alignInnerSizeName] / 2 - ctrlLayoutRect[alignSizeName] / 2); |
|
7153
|
|
|
} else if (align === 'stretch') { |
|
7154
|
|
|
rect[alignSizeName] = max(ctrlLayoutRect[alignMinSizeName] || 0, contLayoutRect[alignInnerSizeName] - contPaddingBox[alignBeforeName] - contPaddingBox[alignAfterName]); |
|
7155
|
|
|
rect[alignAxisName] = contPaddingBox[alignBeforeName]; |
|
7156
|
|
|
} else if (align === 'end') { |
|
7157
|
|
|
rect[alignAxisName] = contLayoutRect[alignInnerSizeName] - ctrlLayoutRect[alignSizeName] - contPaddingBox.top; |
|
7158
|
|
|
} |
|
7159
|
|
|
if (ctrlLayoutRect.flex > 0) { |
|
7160
|
|
|
size += ctrlLayoutRect.flex * ratio; |
|
7161
|
|
|
} |
|
7162
|
|
|
rect[sizeName] = size; |
|
7163
|
|
|
rect[posName] = pos; |
|
7164
|
|
|
ctrl.layoutRect(rect); |
|
7165
|
|
|
if (ctrl.recalc) { |
|
7166
|
|
|
ctrl.recalc(); |
|
7167
|
|
|
} |
|
7168
|
|
|
pos += size + spacing; |
|
7169
|
|
|
} |
|
7170
|
|
|
} |
|
7171
|
|
|
}); |
|
7172
|
|
|
|
|
7173
|
|
|
var FlowLayout = Layout$1.extend({ |
|
7174
|
|
|
Defaults: { |
|
7175
|
|
|
containerClass: 'flow-layout', |
|
7176
|
|
|
controlClass: 'flow-layout-item', |
|
7177
|
|
|
endClass: 'break' |
|
7178
|
|
|
}, |
|
7179
|
|
|
recalc: function (container) { |
|
7180
|
|
|
container.items().filter(':visible').each(function (ctrl) { |
|
7181
|
|
|
if (ctrl.recalc) { |
|
7182
|
|
|
ctrl.recalc(); |
|
7183
|
|
|
} |
|
7184
|
|
|
}); |
|
7185
|
|
|
}, |
|
7186
|
|
|
isNative: function () { |
|
7187
|
|
|
return true; |
|
7188
|
|
|
} |
|
7189
|
|
|
}); |
|
7190
|
|
|
|
|
7191
|
|
|
var descendant$1 = function (scope, selector) { |
|
7192
|
|
|
return one(selector, scope); |
|
7193
|
|
|
}; |
|
7194
|
|
|
|
|
7195
|
|
|
var toggleFormat = function (editor, fmt) { |
|
7196
|
|
|
return function () { |
|
7197
|
|
|
editor.execCommand('mceToggleFormat', false, fmt); |
|
7198
|
|
|
}; |
|
7199
|
|
|
}; |
|
7200
|
|
|
var addFormatChangedListener = function (editor, name, changed) { |
|
7201
|
|
|
var handler = function (state) { |
|
7202
|
|
|
changed(state, name); |
|
7203
|
|
|
}; |
|
7204
|
|
|
if (editor.formatter) { |
|
7205
|
|
|
editor.formatter.formatChanged(name, handler); |
|
7206
|
|
|
} else { |
|
7207
|
|
|
editor.on('init', function () { |
|
7208
|
|
|
editor.formatter.formatChanged(name, handler); |
|
7209
|
|
|
}); |
|
7210
|
|
|
} |
|
7211
|
|
|
}; |
|
7212
|
|
|
var postRenderFormatToggle = function (editor, name) { |
|
7213
|
|
|
return function (e) { |
|
7214
|
|
|
addFormatChangedListener(editor, name, function (state) { |
|
7215
|
|
|
e.control.active(state); |
|
7216
|
|
|
}); |
|
7217
|
|
|
}; |
|
7218
|
|
|
}; |
|
7219
|
|
|
|
|
7220
|
|
View Code Duplication |
var register = function (editor) { |
|
|
|
|
|
|
7221
|
|
|
var alignFormats = [ |
|
7222
|
|
|
'alignleft', |
|
7223
|
|
|
'aligncenter', |
|
7224
|
|
|
'alignright', |
|
7225
|
|
|
'alignjustify' |
|
7226
|
|
|
]; |
|
7227
|
|
|
var defaultAlign = 'alignleft'; |
|
7228
|
|
|
var alignMenuItems = [ |
|
7229
|
|
|
{ |
|
7230
|
|
|
text: 'Left', |
|
7231
|
|
|
icon: 'alignleft', |
|
7232
|
|
|
onclick: toggleFormat(editor, 'alignleft') |
|
7233
|
|
|
}, |
|
7234
|
|
|
{ |
|
7235
|
|
|
text: 'Center', |
|
7236
|
|
|
icon: 'aligncenter', |
|
7237
|
|
|
onclick: toggleFormat(editor, 'aligncenter') |
|
7238
|
|
|
}, |
|
7239
|
|
|
{ |
|
7240
|
|
|
text: 'Right', |
|
7241
|
|
|
icon: 'alignright', |
|
7242
|
|
|
onclick: toggleFormat(editor, 'alignright') |
|
7243
|
|
|
}, |
|
7244
|
|
|
{ |
|
7245
|
|
|
text: 'Justify', |
|
7246
|
|
|
icon: 'alignjustify', |
|
7247
|
|
|
onclick: toggleFormat(editor, 'alignjustify') |
|
7248
|
|
|
} |
|
7249
|
|
|
]; |
|
7250
|
|
|
editor.addMenuItem('align', { |
|
7251
|
|
|
text: 'Align', |
|
7252
|
|
|
menu: alignMenuItems |
|
7253
|
|
|
}); |
|
7254
|
|
|
editor.addButton('align', { |
|
7255
|
|
|
type: 'menubutton', |
|
7256
|
|
|
icon: defaultAlign, |
|
7257
|
|
|
menu: alignMenuItems, |
|
7258
|
|
|
onShowMenu: function (e) { |
|
7259
|
|
|
var menu = e.control.menu; |
|
7260
|
|
|
global$4.each(alignFormats, function (formatName, idx) { |
|
7261
|
|
|
menu.items().eq(idx).each(function (item) { |
|
7262
|
|
|
return item.active(editor.formatter.match(formatName)); |
|
7263
|
|
|
}); |
|
7264
|
|
|
}); |
|
7265
|
|
|
}, |
|
7266
|
|
|
onPostRender: function (e) { |
|
7267
|
|
|
var ctrl = e.control; |
|
7268
|
|
|
global$4.each(alignFormats, function (formatName, idx) { |
|
|
|
|
|
|
7269
|
|
|
addFormatChangedListener(editor, formatName, function (state) { |
|
7270
|
|
|
ctrl.icon(defaultAlign); |
|
7271
|
|
|
if (state) { |
|
7272
|
|
|
ctrl.icon(formatName); |
|
7273
|
|
|
} |
|
7274
|
|
|
}); |
|
7275
|
|
|
}); |
|
7276
|
|
|
} |
|
7277
|
|
|
}); |
|
7278
|
|
|
global$4.each({ |
|
7279
|
|
|
alignleft: [ |
|
7280
|
|
|
'Align left', |
|
7281
|
|
|
'JustifyLeft' |
|
7282
|
|
|
], |
|
7283
|
|
|
aligncenter: [ |
|
7284
|
|
|
'Align center', |
|
7285
|
|
|
'JustifyCenter' |
|
7286
|
|
|
], |
|
7287
|
|
|
alignright: [ |
|
7288
|
|
|
'Align right', |
|
7289
|
|
|
'JustifyRight' |
|
7290
|
|
|
], |
|
7291
|
|
|
alignjustify: [ |
|
7292
|
|
|
'Justify', |
|
7293
|
|
|
'JustifyFull' |
|
7294
|
|
|
], |
|
7295
|
|
|
alignnone: [ |
|
7296
|
|
|
'No alignment', |
|
7297
|
|
|
'JustifyNone' |
|
7298
|
|
|
] |
|
7299
|
|
|
}, function (item, name) { |
|
7300
|
|
|
editor.addButton(name, { |
|
7301
|
|
|
active: false, |
|
7302
|
|
|
tooltip: item[0], |
|
7303
|
|
|
cmd: item[1], |
|
7304
|
|
|
onPostRender: postRenderFormatToggle(editor, name) |
|
7305
|
|
|
}); |
|
7306
|
|
|
}); |
|
7307
|
|
|
}; |
|
7308
|
|
|
var Align = { register: register }; |
|
7309
|
|
|
|
|
7310
|
|
|
var getFirstFont = function (fontFamily) { |
|
7311
|
|
|
return fontFamily ? fontFamily.split(',')[0] : ''; |
|
7312
|
|
|
}; |
|
7313
|
|
|
var findMatchingValue = function (items, fontFamily) { |
|
7314
|
|
|
var font = fontFamily ? fontFamily.toLowerCase() : ''; |
|
7315
|
|
|
var value; |
|
7316
|
|
|
global$4.each(items, function (item) { |
|
7317
|
|
|
if (item.value.toLowerCase() === font) { |
|
7318
|
|
|
value = item.value; |
|
7319
|
|
|
} |
|
7320
|
|
|
}); |
|
7321
|
|
|
global$4.each(items, function (item) { |
|
7322
|
|
|
if (!value && getFirstFont(item.value).toLowerCase() === getFirstFont(font).toLowerCase()) { |
|
7323
|
|
|
value = item.value; |
|
7324
|
|
|
} |
|
7325
|
|
|
}); |
|
7326
|
|
|
return value; |
|
7327
|
|
|
}; |
|
7328
|
|
|
var createFontNameListBoxChangeHandler = function (editor, items) { |
|
7329
|
|
|
return function () { |
|
7330
|
|
|
var self = this; |
|
7331
|
|
|
self.state.set('value', null); |
|
7332
|
|
|
editor.on('init nodeChange', function (e) { |
|
|
|
|
|
|
7333
|
|
|
var fontFamily = editor.queryCommandValue('FontName'); |
|
7334
|
|
|
var match = findMatchingValue(items, fontFamily); |
|
7335
|
|
|
self.value(match ? match : null); |
|
7336
|
|
|
if (!match && fontFamily) { |
|
7337
|
|
|
self.text(getFirstFont(fontFamily)); |
|
7338
|
|
|
} |
|
7339
|
|
|
}); |
|
7340
|
|
|
}; |
|
7341
|
|
|
}; |
|
7342
|
|
|
var createFormats = function (formats) { |
|
7343
|
|
|
formats = formats.replace(/;$/, '').split(';'); |
|
7344
|
|
|
var i = formats.length; |
|
7345
|
|
|
while (i--) { |
|
7346
|
|
|
formats[i] = formats[i].split('='); |
|
7347
|
|
|
} |
|
7348
|
|
|
return formats; |
|
7349
|
|
|
}; |
|
7350
|
|
|
var getFontItems = function (editor) { |
|
7351
|
|
|
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'; |
|
7352
|
|
|
var fonts = createFormats(editor.settings.font_formats || defaultFontsFormats); |
|
7353
|
|
|
return global$4.map(fonts, function (font) { |
|
7354
|
|
|
return { |
|
7355
|
|
|
text: { raw: font[0] }, |
|
7356
|
|
|
value: font[1], |
|
7357
|
|
|
textStyle: font[1].indexOf('dings') === -1 ? 'font-family:' + font[1] : '' |
|
7358
|
|
|
}; |
|
7359
|
|
|
}); |
|
7360
|
|
|
}; |
|
7361
|
|
|
var registerButtons = function (editor) { |
|
7362
|
|
|
editor.addButton('fontselect', function () { |
|
7363
|
|
|
var items = getFontItems(editor); |
|
7364
|
|
|
return { |
|
7365
|
|
|
type: 'listbox', |
|
7366
|
|
|
text: 'Font Family', |
|
7367
|
|
|
tooltip: 'Font Family', |
|
7368
|
|
|
values: items, |
|
7369
|
|
|
fixedWidth: true, |
|
7370
|
|
|
onPostRender: createFontNameListBoxChangeHandler(editor, items), |
|
7371
|
|
|
onselect: function (e) { |
|
7372
|
|
|
if (e.control.settings.value) { |
|
7373
|
|
|
editor.execCommand('FontName', false, e.control.settings.value); |
|
7374
|
|
|
} |
|
7375
|
|
|
} |
|
7376
|
|
|
}; |
|
7377
|
|
|
}); |
|
7378
|
|
|
}; |
|
7379
|
|
|
var register$1 = function (editor) { |
|
7380
|
|
|
registerButtons(editor); |
|
7381
|
|
|
}; |
|
7382
|
|
|
var FontSelect = { register: register$1 }; |
|
7383
|
|
|
|
|
7384
|
|
|
var round = function (number, precision) { |
|
7385
|
|
|
var factor = Math.pow(10, precision); |
|
7386
|
|
|
return Math.round(number * factor) / factor; |
|
7387
|
|
|
}; |
|
7388
|
|
|
var toPt = function (fontSize, precision) { |
|
7389
|
|
|
if (/[0-9.]+px$/.test(fontSize)) { |
|
7390
|
|
|
return round(parseInt(fontSize, 10) * 72 / 96, precision || 0) + 'pt'; |
|
7391
|
|
|
} |
|
7392
|
|
|
return fontSize; |
|
7393
|
|
|
}; |
|
7394
|
|
|
var findMatchingValue$1 = function (items, pt, px) { |
|
7395
|
|
|
var value; |
|
7396
|
|
|
global$4.each(items, function (item) { |
|
7397
|
|
|
if (item.value === px) { |
|
7398
|
|
|
value = px; |
|
7399
|
|
|
} else if (item.value === pt) { |
|
7400
|
|
|
value = pt; |
|
7401
|
|
|
} |
|
7402
|
|
|
}); |
|
7403
|
|
|
return value; |
|
7404
|
|
|
}; |
|
7405
|
|
View Code Duplication |
var createFontSizeListBoxChangeHandler = function (editor, items) { |
|
|
|
|
|
|
7406
|
|
|
return function () { |
|
7407
|
|
|
var self = this; |
|
7408
|
|
|
editor.on('init nodeChange', function (e) { |
|
|
|
|
|
|
7409
|
|
|
var px, pt, precision, match; |
|
7410
|
|
|
px = editor.queryCommandValue('FontSize'); |
|
7411
|
|
|
if (px) { |
|
7412
|
|
|
for (precision = 3; !match && precision >= 0; precision--) { |
|
7413
|
|
|
pt = toPt(px, precision); |
|
7414
|
|
|
match = findMatchingValue$1(items, pt, px); |
|
7415
|
|
|
} |
|
7416
|
|
|
} |
|
7417
|
|
|
self.value(match ? match : null); |
|
7418
|
|
|
if (!match) { |
|
7419
|
|
|
self.text(pt); |
|
|
|
|
|
|
7420
|
|
|
} |
|
7421
|
|
|
}); |
|
7422
|
|
|
}; |
|
7423
|
|
|
}; |
|
7424
|
|
|
var getFontSizeItems = function (editor) { |
|
7425
|
|
|
var defaultFontsizeFormats = '8pt 10pt 12pt 14pt 18pt 24pt 36pt'; |
|
7426
|
|
|
var fontsizeFormats = editor.settings.fontsize_formats || defaultFontsizeFormats; |
|
7427
|
|
|
return global$4.map(fontsizeFormats.split(' '), function (item) { |
|
7428
|
|
|
var text = item, value = item; |
|
7429
|
|
|
var values = item.split('='); |
|
7430
|
|
|
if (values.length > 1) { |
|
7431
|
|
|
text = values[0]; |
|
7432
|
|
|
value = values[1]; |
|
7433
|
|
|
} |
|
7434
|
|
|
return { |
|
7435
|
|
|
text: text, |
|
7436
|
|
|
value: value |
|
7437
|
|
|
}; |
|
7438
|
|
|
}); |
|
7439
|
|
|
}; |
|
7440
|
|
|
var registerButtons$1 = function (editor) { |
|
7441
|
|
|
editor.addButton('fontsizeselect', function () { |
|
7442
|
|
|
var items = getFontSizeItems(editor); |
|
7443
|
|
|
return { |
|
7444
|
|
|
type: 'listbox', |
|
7445
|
|
|
text: 'Font Sizes', |
|
7446
|
|
|
tooltip: 'Font Sizes', |
|
7447
|
|
|
values: items, |
|
7448
|
|
|
fixedWidth: true, |
|
7449
|
|
|
onPostRender: createFontSizeListBoxChangeHandler(editor, items), |
|
7450
|
|
|
onclick: function (e) { |
|
7451
|
|
|
if (e.control.settings.value) { |
|
7452
|
|
|
editor.execCommand('FontSize', false, e.control.settings.value); |
|
7453
|
|
|
} |
|
7454
|
|
|
} |
|
7455
|
|
|
}; |
|
7456
|
|
|
}); |
|
7457
|
|
|
}; |
|
7458
|
|
|
var register$2 = function (editor) { |
|
7459
|
|
|
registerButtons$1(editor); |
|
7460
|
|
|
}; |
|
7461
|
|
|
var FontSizeSelect = { register: register$2 }; |
|
7462
|
|
|
|
|
7463
|
|
|
var hideMenuObjects = function (editor, menu) { |
|
7464
|
|
|
var count = menu.length; |
|
7465
|
|
|
global$4.each(menu, function (item) { |
|
7466
|
|
|
if (item.menu) { |
|
7467
|
|
|
item.hidden = hideMenuObjects(editor, item.menu) === 0; |
|
7468
|
|
|
} |
|
7469
|
|
|
var formatName = item.format; |
|
7470
|
|
|
if (formatName) { |
|
7471
|
|
|
item.hidden = !editor.formatter.canApply(formatName); |
|
7472
|
|
|
} |
|
7473
|
|
|
if (item.hidden) { |
|
7474
|
|
|
count--; |
|
7475
|
|
|
} |
|
7476
|
|
|
}); |
|
7477
|
|
|
return count; |
|
7478
|
|
|
}; |
|
7479
|
|
|
var hideFormatMenuItems = function (editor, menu) { |
|
7480
|
|
|
var count = menu.items().length; |
|
7481
|
|
|
menu.items().each(function (item) { |
|
7482
|
|
|
if (item.menu) { |
|
7483
|
|
|
item.visible(hideFormatMenuItems(editor, item.menu) > 0); |
|
7484
|
|
|
} |
|
7485
|
|
|
if (!item.menu && item.settings.menu) { |
|
7486
|
|
|
item.visible(hideMenuObjects(editor, item.settings.menu) > 0); |
|
7487
|
|
|
} |
|
7488
|
|
|
var formatName = item.settings.format; |
|
7489
|
|
|
if (formatName) { |
|
7490
|
|
|
item.visible(editor.formatter.canApply(formatName)); |
|
7491
|
|
|
} |
|
7492
|
|
|
if (!item.visible()) { |
|
7493
|
|
|
count--; |
|
7494
|
|
|
} |
|
7495
|
|
|
}); |
|
7496
|
|
|
return count; |
|
7497
|
|
|
}; |
|
7498
|
|
View Code Duplication |
var createFormatMenu = function (editor) { |
|
|
|
|
|
|
7499
|
|
|
var count = 0; |
|
7500
|
|
|
var newFormats = []; |
|
7501
|
|
|
var defaultStyleFormats = [ |
|
7502
|
|
|
{ |
|
7503
|
|
|
title: 'Headings', |
|
7504
|
|
|
items: [ |
|
7505
|
|
|
{ |
|
7506
|
|
|
title: 'Heading 1', |
|
7507
|
|
|
format: 'h1' |
|
7508
|
|
|
}, |
|
7509
|
|
|
{ |
|
7510
|
|
|
title: 'Heading 2', |
|
7511
|
|
|
format: 'h2' |
|
7512
|
|
|
}, |
|
7513
|
|
|
{ |
|
7514
|
|
|
title: 'Heading 3', |
|
7515
|
|
|
format: 'h3' |
|
7516
|
|
|
}, |
|
7517
|
|
|
{ |
|
7518
|
|
|
title: 'Heading 4', |
|
7519
|
|
|
format: 'h4' |
|
7520
|
|
|
}, |
|
7521
|
|
|
{ |
|
7522
|
|
|
title: 'Heading 5', |
|
7523
|
|
|
format: 'h5' |
|
7524
|
|
|
}, |
|
7525
|
|
|
{ |
|
7526
|
|
|
title: 'Heading 6', |
|
7527
|
|
|
format: 'h6' |
|
7528
|
|
|
} |
|
7529
|
|
|
] |
|
7530
|
|
|
}, |
|
7531
|
|
|
{ |
|
7532
|
|
|
title: 'Inline', |
|
7533
|
|
|
items: [ |
|
7534
|
|
|
{ |
|
7535
|
|
|
title: 'Bold', |
|
7536
|
|
|
icon: 'bold', |
|
7537
|
|
|
format: 'bold' |
|
7538
|
|
|
}, |
|
7539
|
|
|
{ |
|
7540
|
|
|
title: 'Italic', |
|
7541
|
|
|
icon: 'italic', |
|
7542
|
|
|
format: 'italic' |
|
7543
|
|
|
}, |
|
7544
|
|
|
{ |
|
7545
|
|
|
title: 'Underline', |
|
7546
|
|
|
icon: 'underline', |
|
7547
|
|
|
format: 'underline' |
|
7548
|
|
|
}, |
|
7549
|
|
|
{ |
|
7550
|
|
|
title: 'Strikethrough', |
|
7551
|
|
|
icon: 'strikethrough', |
|
7552
|
|
|
format: 'strikethrough' |
|
7553
|
|
|
}, |
|
7554
|
|
|
{ |
|
7555
|
|
|
title: 'Superscript', |
|
7556
|
|
|
icon: 'superscript', |
|
7557
|
|
|
format: 'superscript' |
|
7558
|
|
|
}, |
|
7559
|
|
|
{ |
|
7560
|
|
|
title: 'Subscript', |
|
7561
|
|
|
icon: 'subscript', |
|
7562
|
|
|
format: 'subscript' |
|
7563
|
|
|
}, |
|
7564
|
|
|
{ |
|
7565
|
|
|
title: 'Code', |
|
7566
|
|
|
icon: 'code', |
|
7567
|
|
|
format: 'code' |
|
7568
|
|
|
} |
|
7569
|
|
|
] |
|
7570
|
|
|
}, |
|
7571
|
|
|
{ |
|
7572
|
|
|
title: 'Blocks', |
|
7573
|
|
|
items: [ |
|
7574
|
|
|
{ |
|
7575
|
|
|
title: 'Paragraph', |
|
7576
|
|
|
format: 'p' |
|
7577
|
|
|
}, |
|
7578
|
|
|
{ |
|
7579
|
|
|
title: 'Blockquote', |
|
7580
|
|
|
format: 'blockquote' |
|
7581
|
|
|
}, |
|
7582
|
|
|
{ |
|
7583
|
|
|
title: 'Div', |
|
7584
|
|
|
format: 'div' |
|
7585
|
|
|
}, |
|
7586
|
|
|
{ |
|
7587
|
|
|
title: 'Pre', |
|
7588
|
|
|
format: 'pre' |
|
7589
|
|
|
} |
|
7590
|
|
|
] |
|
7591
|
|
|
}, |
|
7592
|
|
|
{ |
|
7593
|
|
|
title: 'Alignment', |
|
7594
|
|
|
items: [ |
|
7595
|
|
|
{ |
|
7596
|
|
|
title: 'Left', |
|
7597
|
|
|
icon: 'alignleft', |
|
7598
|
|
|
format: 'alignleft' |
|
7599
|
|
|
}, |
|
7600
|
|
|
{ |
|
7601
|
|
|
title: 'Center', |
|
7602
|
|
|
icon: 'aligncenter', |
|
7603
|
|
|
format: 'aligncenter' |
|
7604
|
|
|
}, |
|
7605
|
|
|
{ |
|
7606
|
|
|
title: 'Right', |
|
7607
|
|
|
icon: 'alignright', |
|
7608
|
|
|
format: 'alignright' |
|
7609
|
|
|
}, |
|
7610
|
|
|
{ |
|
7611
|
|
|
title: 'Justify', |
|
7612
|
|
|
icon: 'alignjustify', |
|
7613
|
|
|
format: 'alignjustify' |
|
7614
|
|
|
} |
|
7615
|
|
|
] |
|
7616
|
|
|
} |
|
7617
|
|
|
]; |
|
7618
|
|
|
var createMenu = function (formats) { |
|
7619
|
|
|
var menu = []; |
|
7620
|
|
|
if (!formats) { |
|
7621
|
|
|
return; |
|
|
|
|
|
|
7622
|
|
|
} |
|
7623
|
|
|
global$4.each(formats, function (format) { |
|
7624
|
|
|
var menuItem = { |
|
7625
|
|
|
text: format.title, |
|
7626
|
|
|
icon: format.icon |
|
7627
|
|
|
}; |
|
7628
|
|
|
if (format.items) { |
|
7629
|
|
|
menuItem.menu = createMenu(format.items); |
|
7630
|
|
|
} else { |
|
7631
|
|
|
var formatName = format.format || 'custom' + count++; |
|
7632
|
|
|
if (!format.format) { |
|
7633
|
|
|
format.name = formatName; |
|
7634
|
|
|
newFormats.push(format); |
|
7635
|
|
|
} |
|
7636
|
|
|
menuItem.format = formatName; |
|
7637
|
|
|
menuItem.cmd = format.cmd; |
|
7638
|
|
|
} |
|
7639
|
|
|
menu.push(menuItem); |
|
7640
|
|
|
}); |
|
7641
|
|
|
return menu; |
|
7642
|
|
|
}; |
|
7643
|
|
|
var createStylesMenu = function () { |
|
7644
|
|
|
var menu; |
|
7645
|
|
|
if (editor.settings.style_formats_merge) { |
|
7646
|
|
|
if (editor.settings.style_formats) { |
|
7647
|
|
|
menu = createMenu(defaultStyleFormats.concat(editor.settings.style_formats)); |
|
7648
|
|
|
} else { |
|
7649
|
|
|
menu = createMenu(defaultStyleFormats); |
|
7650
|
|
|
} |
|
7651
|
|
|
} else { |
|
7652
|
|
|
menu = createMenu(editor.settings.style_formats || defaultStyleFormats); |
|
7653
|
|
|
} |
|
7654
|
|
|
return menu; |
|
7655
|
|
|
}; |
|
7656
|
|
|
editor.on('init', function () { |
|
7657
|
|
|
global$4.each(newFormats, function (format) { |
|
7658
|
|
|
editor.formatter.register(format.name, format); |
|
7659
|
|
|
}); |
|
7660
|
|
|
}); |
|
7661
|
|
|
return { |
|
7662
|
|
|
type: 'menu', |
|
7663
|
|
|
items: createStylesMenu(), |
|
7664
|
|
|
onPostRender: function (e) { |
|
7665
|
|
|
editor.fire('renderFormatsMenu', { control: e.control }); |
|
7666
|
|
|
}, |
|
7667
|
|
|
itemDefaults: { |
|
7668
|
|
|
preview: true, |
|
7669
|
|
|
textStyle: function () { |
|
7670
|
|
|
if (this.settings.format) { |
|
|
|
|
|
|
7671
|
|
|
return editor.formatter.getCssText(this.settings.format); |
|
7672
|
|
|
} |
|
7673
|
|
|
}, |
|
7674
|
|
|
onPostRender: function () { |
|
7675
|
|
|
var self = this; |
|
7676
|
|
|
self.parent().on('show', function () { |
|
7677
|
|
|
var formatName, command; |
|
7678
|
|
|
formatName = self.settings.format; |
|
7679
|
|
|
if (formatName) { |
|
7680
|
|
|
self.disabled(!editor.formatter.canApply(formatName)); |
|
7681
|
|
|
self.active(editor.formatter.match(formatName)); |
|
7682
|
|
|
} |
|
7683
|
|
|
command = self.settings.cmd; |
|
7684
|
|
|
if (command) { |
|
7685
|
|
|
self.active(editor.queryCommandState(command)); |
|
7686
|
|
|
} |
|
7687
|
|
|
}); |
|
7688
|
|
|
}, |
|
7689
|
|
|
onclick: function () { |
|
7690
|
|
|
if (this.settings.format) { |
|
7691
|
|
|
toggleFormat(editor, this.settings.format)(); |
|
7692
|
|
|
} |
|
7693
|
|
|
if (this.settings.cmd) { |
|
7694
|
|
|
editor.execCommand(this.settings.cmd); |
|
7695
|
|
|
} |
|
7696
|
|
|
} |
|
7697
|
|
|
} |
|
7698
|
|
|
}; |
|
7699
|
|
|
}; |
|
7700
|
|
|
var registerMenuItems = function (editor, formatMenu) { |
|
7701
|
|
|
editor.addMenuItem('formats', { |
|
7702
|
|
|
text: 'Formats', |
|
7703
|
|
|
menu: formatMenu |
|
7704
|
|
|
}); |
|
7705
|
|
|
}; |
|
7706
|
|
|
var registerButtons$2 = function (editor, formatMenu) { |
|
7707
|
|
|
editor.addButton('styleselect', { |
|
7708
|
|
|
type: 'menubutton', |
|
7709
|
|
|
text: 'Formats', |
|
7710
|
|
|
menu: formatMenu, |
|
7711
|
|
|
onShowMenu: function () { |
|
7712
|
|
|
if (editor.settings.style_formats_autohide) { |
|
7713
|
|
|
hideFormatMenuItems(editor, this.menu); |
|
7714
|
|
|
} |
|
7715
|
|
|
} |
|
7716
|
|
|
}); |
|
7717
|
|
|
}; |
|
7718
|
|
|
var register$3 = function (editor) { |
|
7719
|
|
|
var formatMenu = createFormatMenu(editor); |
|
7720
|
|
|
registerMenuItems(editor, formatMenu); |
|
7721
|
|
|
registerButtons$2(editor, formatMenu); |
|
7722
|
|
|
}; |
|
7723
|
|
|
var Formats = { register: register$3 }; |
|
7724
|
|
|
|
|
7725
|
|
|
var defaultBlocks = 'Paragraph=p;' + 'Heading 1=h1;' + 'Heading 2=h2;' + 'Heading 3=h3;' + 'Heading 4=h4;' + 'Heading 5=h5;' + 'Heading 6=h6;' + 'Preformatted=pre'; |
|
7726
|
|
|
var createFormats$1 = function (formats) { |
|
7727
|
|
|
formats = formats.replace(/;$/, '').split(';'); |
|
7728
|
|
|
var i = formats.length; |
|
7729
|
|
|
while (i--) { |
|
7730
|
|
|
formats[i] = formats[i].split('='); |
|
7731
|
|
|
} |
|
7732
|
|
|
return formats; |
|
7733
|
|
|
}; |
|
7734
|
|
|
var createListBoxChangeHandler = function (editor, items, formatName) { |
|
7735
|
|
|
return function () { |
|
7736
|
|
|
var self = this; |
|
7737
|
|
|
editor.on('nodeChange', function (e) { |
|
7738
|
|
|
var formatter = editor.formatter; |
|
7739
|
|
|
var value = null; |
|
7740
|
|
|
global$4.each(e.parents, function (node) { |
|
7741
|
|
|
global$4.each(items, function (item) { |
|
7742
|
|
|
if (formatName) { |
|
7743
|
|
|
if (formatter.matchNode(node, formatName, { value: item.value })) { |
|
7744
|
|
|
value = item.value; |
|
7745
|
|
|
} |
|
7746
|
|
|
} else { |
|
7747
|
|
|
if (formatter.matchNode(node, item.value)) { |
|
7748
|
|
|
value = item.value; |
|
7749
|
|
|
} |
|
7750
|
|
|
} |
|
7751
|
|
|
if (value) { |
|
|
|
|
|
|
7752
|
|
|
return false; |
|
7753
|
|
|
} |
|
7754
|
|
|
}); |
|
7755
|
|
|
if (value) { |
|
|
|
|
|
|
7756
|
|
|
return false; |
|
7757
|
|
|
} |
|
7758
|
|
|
}); |
|
7759
|
|
|
self.value(value); |
|
7760
|
|
|
}); |
|
7761
|
|
|
}; |
|
7762
|
|
|
}; |
|
7763
|
|
|
var lazyFormatSelectBoxItems = function (editor, blocks) { |
|
7764
|
|
|
return function () { |
|
7765
|
|
|
var items = []; |
|
7766
|
|
|
global$4.each(blocks, function (block) { |
|
7767
|
|
|
items.push({ |
|
7768
|
|
|
text: block[0], |
|
7769
|
|
|
value: block[1], |
|
7770
|
|
|
textStyle: function () { |
|
7771
|
|
|
return editor.formatter.getCssText(block[1]); |
|
7772
|
|
|
} |
|
7773
|
|
|
}); |
|
7774
|
|
|
}); |
|
7775
|
|
|
return { |
|
7776
|
|
|
type: 'listbox', |
|
7777
|
|
|
text: blocks[0][0], |
|
7778
|
|
|
values: items, |
|
7779
|
|
|
fixedWidth: true, |
|
7780
|
|
|
onselect: function (e) { |
|
7781
|
|
|
if (e.control) { |
|
7782
|
|
|
var fmt = e.control.value(); |
|
7783
|
|
|
toggleFormat(editor, fmt)(); |
|
7784
|
|
|
} |
|
7785
|
|
|
}, |
|
7786
|
|
|
onPostRender: createListBoxChangeHandler(editor, items) |
|
7787
|
|
|
}; |
|
7788
|
|
|
}; |
|
7789
|
|
|
}; |
|
7790
|
|
|
var buildMenuItems = function (editor, blocks) { |
|
7791
|
|
|
return global$4.map(blocks, function (block) { |
|
7792
|
|
|
return { |
|
7793
|
|
|
text: block[0], |
|
7794
|
|
|
onclick: toggleFormat(editor, block[1]), |
|
7795
|
|
|
textStyle: function () { |
|
7796
|
|
|
return editor.formatter.getCssText(block[1]); |
|
7797
|
|
|
} |
|
7798
|
|
|
}; |
|
7799
|
|
|
}); |
|
7800
|
|
|
}; |
|
7801
|
|
|
var register$4 = function (editor) { |
|
7802
|
|
|
var blocks = createFormats$1(editor.settings.block_formats || defaultBlocks); |
|
7803
|
|
|
editor.addMenuItem('blockformats', { |
|
7804
|
|
|
text: 'Blocks', |
|
7805
|
|
|
menu: buildMenuItems(editor, blocks) |
|
7806
|
|
|
}); |
|
7807
|
|
|
editor.addButton('formatselect', lazyFormatSelectBoxItems(editor, blocks)); |
|
7808
|
|
|
}; |
|
7809
|
|
|
var FormatSelect = { register: register$4 }; |
|
7810
|
|
|
|
|
7811
|
|
|
var createCustomMenuItems = function (editor, names) { |
|
7812
|
|
|
var items, nameList; |
|
7813
|
|
|
if (typeof names === 'string') { |
|
7814
|
|
|
nameList = names.split(' '); |
|
7815
|
|
|
} else if (global$4.isArray(names)) { |
|
7816
|
|
|
return flatten$1(global$4.map(names, function (names) { |
|
7817
|
|
|
return createCustomMenuItems(editor, names); |
|
7818
|
|
|
})); |
|
7819
|
|
|
} |
|
7820
|
|
|
items = global$4.grep(nameList, function (name) { |
|
|
|
|
|
|
7821
|
|
|
return name === '|' || name in editor.menuItems; |
|
7822
|
|
|
}); |
|
7823
|
|
|
return global$4.map(items, function (name) { |
|
7824
|
|
|
return name === '|' ? { text: '-' } : editor.menuItems[name]; |
|
7825
|
|
|
}); |
|
7826
|
|
|
}; |
|
7827
|
|
|
var isSeparator = function (menuItem) { |
|
7828
|
|
|
return menuItem && menuItem.text === '-'; |
|
7829
|
|
|
}; |
|
7830
|
|
|
var trimMenuItems = function (menuItems) { |
|
7831
|
|
|
var menuItems2 = filter(menuItems, function (menuItem, i, menuItems) { |
|
7832
|
|
|
return !isSeparator(menuItem) || !isSeparator(menuItems[i - 1]); |
|
7833
|
|
|
}); |
|
7834
|
|
|
return filter(menuItems2, function (menuItem, i, menuItems) { |
|
7835
|
|
|
return !isSeparator(menuItem) || i > 0 && i < menuItems.length - 1; |
|
7836
|
|
|
}); |
|
7837
|
|
|
}; |
|
7838
|
|
|
var createContextMenuItems = function (editor, context) { |
|
7839
|
|
|
var outputMenuItems = [{ text: '-' }]; |
|
7840
|
|
|
var menuItems = global$4.grep(editor.menuItems, function (menuItem) { |
|
7841
|
|
|
return menuItem.context === context; |
|
7842
|
|
|
}); |
|
7843
|
|
|
global$4.each(menuItems, function (menuItem) { |
|
7844
|
|
|
if (menuItem.separator === 'before') { |
|
7845
|
|
|
outputMenuItems.push({ text: '|' }); |
|
7846
|
|
|
} |
|
7847
|
|
|
if (menuItem.prependToContext) { |
|
7848
|
|
|
outputMenuItems.unshift(menuItem); |
|
7849
|
|
|
} else { |
|
7850
|
|
|
outputMenuItems.push(menuItem); |
|
7851
|
|
|
} |
|
7852
|
|
|
if (menuItem.separator === 'after') { |
|
7853
|
|
|
outputMenuItems.push({ text: '|' }); |
|
7854
|
|
|
} |
|
7855
|
|
|
}); |
|
7856
|
|
|
return outputMenuItems; |
|
7857
|
|
|
}; |
|
7858
|
|
|
var createInsertMenu = function (editor) { |
|
7859
|
|
|
var insertButtonItems = editor.settings.insert_button_items; |
|
7860
|
|
|
if (insertButtonItems) { |
|
7861
|
|
|
return trimMenuItems(createCustomMenuItems(editor, insertButtonItems)); |
|
7862
|
|
|
} else { |
|
|
|
|
|
|
7863
|
|
|
return trimMenuItems(createContextMenuItems(editor, 'insert')); |
|
7864
|
|
|
} |
|
7865
|
|
|
}; |
|
7866
|
|
|
var registerButtons$3 = function (editor) { |
|
7867
|
|
|
editor.addButton('insert', { |
|
7868
|
|
|
type: 'menubutton', |
|
7869
|
|
|
icon: 'insert', |
|
7870
|
|
|
menu: [], |
|
7871
|
|
|
oncreatemenu: function () { |
|
7872
|
|
|
this.menu.add(createInsertMenu(editor)); |
|
7873
|
|
|
this.menu.renderNew(); |
|
7874
|
|
|
} |
|
7875
|
|
|
}); |
|
7876
|
|
|
}; |
|
7877
|
|
|
var register$5 = function (editor) { |
|
7878
|
|
|
registerButtons$3(editor); |
|
7879
|
|
|
}; |
|
7880
|
|
|
var InsertButton = { register: register$5 }; |
|
7881
|
|
|
|
|
7882
|
|
|
var registerFormatButtons = function (editor) { |
|
7883
|
|
|
global$4.each({ |
|
7884
|
|
|
bold: 'Bold', |
|
7885
|
|
|
italic: 'Italic', |
|
7886
|
|
|
underline: 'Underline', |
|
7887
|
|
|
strikethrough: 'Strikethrough', |
|
7888
|
|
|
subscript: 'Subscript', |
|
7889
|
|
|
superscript: 'Superscript' |
|
7890
|
|
|
}, function (text, name) { |
|
7891
|
|
|
editor.addButton(name, { |
|
7892
|
|
|
active: false, |
|
7893
|
|
|
tooltip: text, |
|
7894
|
|
|
onPostRender: postRenderFormatToggle(editor, name), |
|
7895
|
|
|
onclick: toggleFormat(editor, name) |
|
7896
|
|
|
}); |
|
7897
|
|
|
}); |
|
7898
|
|
|
}; |
|
7899
|
|
|
var registerCommandButtons = function (editor) { |
|
7900
|
|
|
global$4.each({ |
|
7901
|
|
|
outdent: [ |
|
7902
|
|
|
'Decrease indent', |
|
7903
|
|
|
'Outdent' |
|
7904
|
|
|
], |
|
7905
|
|
|
indent: [ |
|
7906
|
|
|
'Increase indent', |
|
7907
|
|
|
'Indent' |
|
7908
|
|
|
], |
|
7909
|
|
|
cut: [ |
|
7910
|
|
|
'Cut', |
|
7911
|
|
|
'Cut' |
|
7912
|
|
|
], |
|
7913
|
|
|
copy: [ |
|
7914
|
|
|
'Copy', |
|
7915
|
|
|
'Copy' |
|
7916
|
|
|
], |
|
7917
|
|
|
paste: [ |
|
7918
|
|
|
'Paste', |
|
7919
|
|
|
'Paste' |
|
7920
|
|
|
], |
|
7921
|
|
|
help: [ |
|
7922
|
|
|
'Help', |
|
7923
|
|
|
'mceHelp' |
|
7924
|
|
|
], |
|
7925
|
|
|
selectall: [ |
|
7926
|
|
|
'Select all', |
|
7927
|
|
|
'SelectAll' |
|
7928
|
|
|
], |
|
7929
|
|
|
visualaid: [ |
|
7930
|
|
|
'Visual aids', |
|
7931
|
|
|
'mceToggleVisualAid' |
|
7932
|
|
|
], |
|
7933
|
|
|
newdocument: [ |
|
7934
|
|
|
'New document', |
|
7935
|
|
|
'mceNewDocument' |
|
7936
|
|
|
], |
|
7937
|
|
|
removeformat: [ |
|
7938
|
|
|
'Clear formatting', |
|
7939
|
|
|
'RemoveFormat' |
|
7940
|
|
|
], |
|
7941
|
|
|
remove: [ |
|
7942
|
|
|
'Remove', |
|
7943
|
|
|
'Delete' |
|
7944
|
|
|
] |
|
7945
|
|
|
}, function (item, name) { |
|
7946
|
|
|
editor.addButton(name, { |
|
7947
|
|
|
tooltip: item[0], |
|
7948
|
|
|
cmd: item[1] |
|
7949
|
|
|
}); |
|
7950
|
|
|
}); |
|
7951
|
|
|
}; |
|
7952
|
|
|
var registerCommandToggleButtons = function (editor) { |
|
7953
|
|
|
global$4.each({ |
|
7954
|
|
|
blockquote: [ |
|
7955
|
|
|
'Blockquote', |
|
7956
|
|
|
'mceBlockQuote' |
|
7957
|
|
|
], |
|
7958
|
|
|
subscript: [ |
|
7959
|
|
|
'Subscript', |
|
7960
|
|
|
'Subscript' |
|
7961
|
|
|
], |
|
7962
|
|
|
superscript: [ |
|
7963
|
|
|
'Superscript', |
|
7964
|
|
|
'Superscript' |
|
7965
|
|
|
] |
|
7966
|
|
|
}, function (item, name) { |
|
7967
|
|
|
editor.addButton(name, { |
|
7968
|
|
|
active: false, |
|
7969
|
|
|
tooltip: item[0], |
|
7970
|
|
|
cmd: item[1], |
|
7971
|
|
|
onPostRender: postRenderFormatToggle(editor, name) |
|
7972
|
|
|
}); |
|
7973
|
|
|
}); |
|
7974
|
|
|
}; |
|
7975
|
|
|
var registerButtons$4 = function (editor) { |
|
7976
|
|
|
registerFormatButtons(editor); |
|
7977
|
|
|
registerCommandButtons(editor); |
|
7978
|
|
|
registerCommandToggleButtons(editor); |
|
7979
|
|
|
}; |
|
7980
|
|
|
var registerMenuItems$1 = function (editor) { |
|
7981
|
|
|
global$4.each({ |
|
7982
|
|
|
bold: [ |
|
7983
|
|
|
'Bold', |
|
7984
|
|
|
'Bold', |
|
7985
|
|
|
'Meta+B' |
|
7986
|
|
|
], |
|
7987
|
|
|
italic: [ |
|
7988
|
|
|
'Italic', |
|
7989
|
|
|
'Italic', |
|
7990
|
|
|
'Meta+I' |
|
7991
|
|
|
], |
|
7992
|
|
|
underline: [ |
|
7993
|
|
|
'Underline', |
|
7994
|
|
|
'Underline', |
|
7995
|
|
|
'Meta+U' |
|
7996
|
|
|
], |
|
7997
|
|
|
strikethrough: [ |
|
7998
|
|
|
'Strikethrough', |
|
7999
|
|
|
'Strikethrough' |
|
8000
|
|
|
], |
|
8001
|
|
|
subscript: [ |
|
8002
|
|
|
'Subscript', |
|
8003
|
|
|
'Subscript' |
|
8004
|
|
|
], |
|
8005
|
|
|
superscript: [ |
|
8006
|
|
|
'Superscript', |
|
8007
|
|
|
'Superscript' |
|
8008
|
|
|
], |
|
8009
|
|
|
removeformat: [ |
|
8010
|
|
|
'Clear formatting', |
|
8011
|
|
|
'RemoveFormat' |
|
8012
|
|
|
], |
|
8013
|
|
|
newdocument: [ |
|
8014
|
|
|
'New document', |
|
8015
|
|
|
'mceNewDocument' |
|
8016
|
|
|
], |
|
8017
|
|
|
cut: [ |
|
8018
|
|
|
'Cut', |
|
8019
|
|
|
'Cut', |
|
8020
|
|
|
'Meta+X' |
|
8021
|
|
|
], |
|
8022
|
|
|
copy: [ |
|
8023
|
|
|
'Copy', |
|
8024
|
|
|
'Copy', |
|
8025
|
|
|
'Meta+C' |
|
8026
|
|
|
], |
|
8027
|
|
|
paste: [ |
|
8028
|
|
|
'Paste', |
|
8029
|
|
|
'Paste', |
|
8030
|
|
|
'Meta+V' |
|
8031
|
|
|
], |
|
8032
|
|
|
selectall: [ |
|
8033
|
|
|
'Select all', |
|
8034
|
|
|
'SelectAll', |
|
8035
|
|
|
'Meta+A' |
|
8036
|
|
|
] |
|
8037
|
|
|
}, function (item, name) { |
|
8038
|
|
|
editor.addMenuItem(name, { |
|
8039
|
|
|
text: item[0], |
|
8040
|
|
|
icon: name, |
|
8041
|
|
|
shortcut: item[2], |
|
8042
|
|
|
cmd: item[1] |
|
8043
|
|
|
}); |
|
8044
|
|
|
}); |
|
8045
|
|
|
editor.addMenuItem('codeformat', { |
|
8046
|
|
|
text: 'Code', |
|
8047
|
|
|
icon: 'code', |
|
8048
|
|
|
onclick: toggleFormat(editor, 'code') |
|
8049
|
|
|
}); |
|
8050
|
|
|
}; |
|
8051
|
|
|
var register$6 = function (editor) { |
|
8052
|
|
|
registerButtons$4(editor); |
|
8053
|
|
|
registerMenuItems$1(editor); |
|
8054
|
|
|
}; |
|
8055
|
|
|
var SimpleControls = { register: register$6 }; |
|
8056
|
|
|
|
|
8057
|
|
|
var toggleUndoRedoState = function (editor, type) { |
|
8058
|
|
|
return function () { |
|
8059
|
|
|
var self = this; |
|
8060
|
|
|
var checkState = function () { |
|
8061
|
|
|
var typeFn = type === 'redo' ? 'hasRedo' : 'hasUndo'; |
|
8062
|
|
|
return editor.undoManager ? editor.undoManager[typeFn]() : false; |
|
8063
|
|
|
}; |
|
8064
|
|
|
self.disabled(!checkState()); |
|
8065
|
|
|
editor.on('Undo Redo AddUndo TypingUndo ClearUndos SwitchMode', function () { |
|
8066
|
|
|
self.disabled(editor.readonly || !checkState()); |
|
8067
|
|
|
}); |
|
8068
|
|
|
}; |
|
8069
|
|
|
}; |
|
8070
|
|
|
var registerMenuItems$2 = function (editor) { |
|
8071
|
|
|
editor.addMenuItem('undo', { |
|
8072
|
|
|
text: 'Undo', |
|
8073
|
|
|
icon: 'undo', |
|
8074
|
|
|
shortcut: 'Meta+Z', |
|
8075
|
|
|
onPostRender: toggleUndoRedoState(editor, 'undo'), |
|
8076
|
|
|
cmd: 'undo' |
|
8077
|
|
|
}); |
|
8078
|
|
|
editor.addMenuItem('redo', { |
|
8079
|
|
|
text: 'Redo', |
|
8080
|
|
|
icon: 'redo', |
|
8081
|
|
|
shortcut: 'Meta+Y', |
|
8082
|
|
|
onPostRender: toggleUndoRedoState(editor, 'redo'), |
|
8083
|
|
|
cmd: 'redo' |
|
8084
|
|
|
}); |
|
8085
|
|
|
}; |
|
8086
|
|
|
var registerButtons$5 = function (editor) { |
|
8087
|
|
|
editor.addButton('undo', { |
|
8088
|
|
|
tooltip: 'Undo', |
|
8089
|
|
|
onPostRender: toggleUndoRedoState(editor, 'undo'), |
|
8090
|
|
|
cmd: 'undo' |
|
8091
|
|
|
}); |
|
8092
|
|
|
editor.addButton('redo', { |
|
8093
|
|
|
tooltip: 'Redo', |
|
8094
|
|
|
onPostRender: toggleUndoRedoState(editor, 'redo'), |
|
8095
|
|
|
cmd: 'redo' |
|
8096
|
|
|
}); |
|
8097
|
|
|
}; |
|
8098
|
|
|
var register$7 = function (editor) { |
|
8099
|
|
|
registerMenuItems$2(editor); |
|
8100
|
|
|
registerButtons$5(editor); |
|
8101
|
|
|
}; |
|
8102
|
|
|
var UndoRedo = { register: register$7 }; |
|
8103
|
|
|
|
|
8104
|
|
|
var toggleVisualAidState = function (editor) { |
|
8105
|
|
|
return function () { |
|
8106
|
|
|
var self = this; |
|
8107
|
|
|
editor.on('VisualAid', function (e) { |
|
8108
|
|
|
self.active(e.hasVisual); |
|
8109
|
|
|
}); |
|
8110
|
|
|
self.active(editor.hasVisual); |
|
8111
|
|
|
}; |
|
8112
|
|
|
}; |
|
8113
|
|
|
var registerMenuItems$3 = function (editor) { |
|
8114
|
|
|
editor.addMenuItem('visualaid', { |
|
8115
|
|
|
text: 'Visual aids', |
|
8116
|
|
|
selectable: true, |
|
8117
|
|
|
onPostRender: toggleVisualAidState(editor), |
|
8118
|
|
|
cmd: 'mceToggleVisualAid' |
|
8119
|
|
|
}); |
|
8120
|
|
|
}; |
|
8121
|
|
|
var register$8 = function (editor) { |
|
8122
|
|
|
registerMenuItems$3(editor); |
|
8123
|
|
|
}; |
|
8124
|
|
|
var VisualAid = { register: register$8 }; |
|
8125
|
|
|
|
|
8126
|
|
|
var setupEnvironment = function () { |
|
8127
|
|
|
Widget.tooltips = !global$1.iOS; |
|
8128
|
|
|
Control$1.translate = function (text) { |
|
8129
|
|
|
return global$5.translate(text); |
|
8130
|
|
|
}; |
|
8131
|
|
|
}; |
|
8132
|
|
|
var setupUiContainer = function (editor) { |
|
8133
|
|
|
if (editor.settings.ui_container) { |
|
8134
|
|
|
global$1.container = descendant$1(Element$$1.fromDom(document.body), editor.settings.ui_container).fold(constant(null), function (elm) { |
|
8135
|
|
|
return elm.dom(); |
|
8136
|
|
|
}); |
|
8137
|
|
|
} |
|
8138
|
|
|
}; |
|
8139
|
|
|
var setupRtlMode = function (editor) { |
|
8140
|
|
|
if (editor.rtl) { |
|
8141
|
|
|
Control$1.rtl = true; |
|
8142
|
|
|
} |
|
8143
|
|
|
}; |
|
8144
|
|
|
var setupHideFloatPanels = function (editor) { |
|
8145
|
|
|
editor.on('mousedown', function () { |
|
8146
|
|
|
FloatPanel.hideAll(); |
|
8147
|
|
|
}); |
|
8148
|
|
|
}; |
|
8149
|
|
|
var setup = function (editor) { |
|
8150
|
|
|
setupRtlMode(editor); |
|
8151
|
|
|
setupHideFloatPanels(editor); |
|
8152
|
|
|
setupUiContainer(editor); |
|
8153
|
|
|
setupEnvironment(); |
|
8154
|
|
|
FormatSelect.register(editor); |
|
8155
|
|
|
Align.register(editor); |
|
8156
|
|
|
SimpleControls.register(editor); |
|
8157
|
|
|
UndoRedo.register(editor); |
|
8158
|
|
|
FontSizeSelect.register(editor); |
|
8159
|
|
|
FontSelect.register(editor); |
|
8160
|
|
|
Formats.register(editor); |
|
8161
|
|
|
VisualAid.register(editor); |
|
8162
|
|
|
InsertButton.register(editor); |
|
8163
|
|
|
}; |
|
8164
|
|
|
var FormatControls = { setup: setup }; |
|
8165
|
|
|
|
|
8166
|
|
|
var GridLayout = AbsoluteLayout.extend({ |
|
8167
|
|
View Code Duplication |
recalc: function (container) { |
|
|
|
|
|
|
8168
|
|
|
var settings, rows, cols, items, contLayoutRect, width, height, rect, ctrlLayoutRect, ctrl, x, y, posX, posY, ctrlSettings, contPaddingBox, align, spacingH, spacingV, alignH, alignV, maxX, maxY; |
|
8169
|
|
|
var colWidths = []; |
|
8170
|
|
|
var rowHeights = []; |
|
8171
|
|
|
var ctrlMinWidth, ctrlMinHeight, availableWidth, availableHeight, reverseRows, idx; |
|
8172
|
|
|
settings = container.settings; |
|
8173
|
|
|
items = container.items().filter(':visible'); |
|
8174
|
|
|
contLayoutRect = container.layoutRect(); |
|
8175
|
|
|
cols = settings.columns || Math.ceil(Math.sqrt(items.length)); |
|
8176
|
|
|
rows = Math.ceil(items.length / cols); |
|
8177
|
|
|
spacingH = settings.spacingH || settings.spacing || 0; |
|
8178
|
|
|
spacingV = settings.spacingV || settings.spacing || 0; |
|
8179
|
|
|
alignH = settings.alignH || settings.align; |
|
8180
|
|
|
alignV = settings.alignV || settings.align; |
|
8181
|
|
|
contPaddingBox = container.paddingBox; |
|
8182
|
|
|
reverseRows = 'reverseRows' in settings ? settings.reverseRows : container.isRtl(); |
|
8183
|
|
|
if (alignH && typeof alignH === 'string') { |
|
8184
|
|
|
alignH = [alignH]; |
|
8185
|
|
|
} |
|
8186
|
|
|
if (alignV && typeof alignV === 'string') { |
|
8187
|
|
|
alignV = [alignV]; |
|
8188
|
|
|
} |
|
8189
|
|
|
for (x = 0; x < cols; x++) { |
|
8190
|
|
|
colWidths.push(0); |
|
8191
|
|
|
} |
|
8192
|
|
|
for (y = 0; y < rows; y++) { |
|
8193
|
|
|
rowHeights.push(0); |
|
8194
|
|
|
} |
|
8195
|
|
|
for (y = 0; y < rows; y++) { |
|
8196
|
|
|
for (x = 0; x < cols; x++) { |
|
8197
|
|
|
ctrl = items[y * cols + x]; |
|
8198
|
|
|
if (!ctrl) { |
|
8199
|
|
|
break; |
|
8200
|
|
|
} |
|
8201
|
|
|
ctrlLayoutRect = ctrl.layoutRect(); |
|
8202
|
|
|
ctrlMinWidth = ctrlLayoutRect.minW; |
|
8203
|
|
|
ctrlMinHeight = ctrlLayoutRect.minH; |
|
8204
|
|
|
colWidths[x] = ctrlMinWidth > colWidths[x] ? ctrlMinWidth : colWidths[x]; |
|
8205
|
|
|
rowHeights[y] = ctrlMinHeight > rowHeights[y] ? ctrlMinHeight : rowHeights[y]; |
|
8206
|
|
|
} |
|
8207
|
|
|
} |
|
8208
|
|
|
availableWidth = contLayoutRect.innerW - contPaddingBox.left - contPaddingBox.right; |
|
8209
|
|
|
for (maxX = 0, x = 0; x < cols; x++) { |
|
8210
|
|
|
maxX += colWidths[x] + (x > 0 ? spacingH : 0); |
|
8211
|
|
|
availableWidth -= (x > 0 ? spacingH : 0) + colWidths[x]; |
|
8212
|
|
|
} |
|
8213
|
|
|
availableHeight = contLayoutRect.innerH - contPaddingBox.top - contPaddingBox.bottom; |
|
8214
|
|
|
for (maxY = 0, y = 0; y < rows; y++) { |
|
8215
|
|
|
maxY += rowHeights[y] + (y > 0 ? spacingV : 0); |
|
8216
|
|
|
availableHeight -= (y > 0 ? spacingV : 0) + rowHeights[y]; |
|
8217
|
|
|
} |
|
8218
|
|
|
maxX += contPaddingBox.left + contPaddingBox.right; |
|
8219
|
|
|
maxY += contPaddingBox.top + contPaddingBox.bottom; |
|
8220
|
|
|
rect = {}; |
|
8221
|
|
|
rect.minW = maxX + (contLayoutRect.w - contLayoutRect.innerW); |
|
8222
|
|
|
rect.minH = maxY + (contLayoutRect.h - contLayoutRect.innerH); |
|
8223
|
|
|
rect.contentW = rect.minW - contLayoutRect.deltaW; |
|
8224
|
|
|
rect.contentH = rect.minH - contLayoutRect.deltaH; |
|
8225
|
|
|
rect.minW = Math.min(rect.minW, contLayoutRect.maxW); |
|
8226
|
|
|
rect.minH = Math.min(rect.minH, contLayoutRect.maxH); |
|
8227
|
|
|
rect.minW = Math.max(rect.minW, contLayoutRect.startMinWidth); |
|
8228
|
|
|
rect.minH = Math.max(rect.minH, contLayoutRect.startMinHeight); |
|
8229
|
|
|
if (contLayoutRect.autoResize && (rect.minW !== contLayoutRect.minW || rect.minH !== contLayoutRect.minH)) { |
|
8230
|
|
|
rect.w = rect.minW; |
|
8231
|
|
|
rect.h = rect.minH; |
|
8232
|
|
|
container.layoutRect(rect); |
|
8233
|
|
|
this.recalc(container); |
|
8234
|
|
|
if (container._lastRect === null) { |
|
8235
|
|
|
var parentCtrl = container.parent(); |
|
8236
|
|
|
if (parentCtrl) { |
|
8237
|
|
|
parentCtrl._lastRect = null; |
|
8238
|
|
|
parentCtrl.recalc(); |
|
8239
|
|
|
} |
|
8240
|
|
|
} |
|
8241
|
|
|
return; |
|
8242
|
|
|
} |
|
8243
|
|
|
if (contLayoutRect.autoResize) { |
|
8244
|
|
|
rect = container.layoutRect(rect); |
|
8245
|
|
|
rect.contentW = rect.minW - contLayoutRect.deltaW; |
|
8246
|
|
|
rect.contentH = rect.minH - contLayoutRect.deltaH; |
|
8247
|
|
|
} |
|
8248
|
|
|
var flexV; |
|
8249
|
|
|
if (settings.packV === 'start') { |
|
8250
|
|
|
flexV = 0; |
|
8251
|
|
|
} else { |
|
8252
|
|
|
flexV = availableHeight > 0 ? Math.floor(availableHeight / rows) : 0; |
|
8253
|
|
|
} |
|
8254
|
|
|
var totalFlex = 0; |
|
8255
|
|
|
var flexWidths = settings.flexWidths; |
|
8256
|
|
|
if (flexWidths) { |
|
8257
|
|
|
for (x = 0; x < flexWidths.length; x++) { |
|
8258
|
|
|
totalFlex += flexWidths[x]; |
|
8259
|
|
|
} |
|
8260
|
|
|
} else { |
|
8261
|
|
|
totalFlex = cols; |
|
8262
|
|
|
} |
|
8263
|
|
|
var ratio = availableWidth / totalFlex; |
|
8264
|
|
|
for (x = 0; x < cols; x++) { |
|
8265
|
|
|
colWidths[x] += flexWidths ? flexWidths[x] * ratio : ratio; |
|
8266
|
|
|
} |
|
8267
|
|
|
posY = contPaddingBox.top; |
|
8268
|
|
|
for (y = 0; y < rows; y++) { |
|
8269
|
|
|
posX = contPaddingBox.left; |
|
8270
|
|
|
height = rowHeights[y] + flexV; |
|
8271
|
|
|
for (x = 0; x < cols; x++) { |
|
8272
|
|
|
if (reverseRows) { |
|
8273
|
|
|
idx = y * cols + cols - 1 - x; |
|
8274
|
|
|
} else { |
|
8275
|
|
|
idx = y * cols + x; |
|
8276
|
|
|
} |
|
8277
|
|
|
ctrl = items[idx]; |
|
8278
|
|
|
if (!ctrl) { |
|
8279
|
|
|
break; |
|
8280
|
|
|
} |
|
8281
|
|
|
ctrlSettings = ctrl.settings; |
|
8282
|
|
|
ctrlLayoutRect = ctrl.layoutRect(); |
|
8283
|
|
|
width = Math.max(colWidths[x], ctrlLayoutRect.startMinWidth); |
|
8284
|
|
|
ctrlLayoutRect.x = posX; |
|
8285
|
|
|
ctrlLayoutRect.y = posY; |
|
8286
|
|
|
align = ctrlSettings.alignH || (alignH ? alignH[x] || alignH[0] : null); |
|
8287
|
|
|
if (align === 'center') { |
|
8288
|
|
|
ctrlLayoutRect.x = posX + width / 2 - ctrlLayoutRect.w / 2; |
|
8289
|
|
|
} else if (align === 'right') { |
|
8290
|
|
|
ctrlLayoutRect.x = posX + width - ctrlLayoutRect.w; |
|
8291
|
|
|
} else if (align === 'stretch') { |
|
8292
|
|
|
ctrlLayoutRect.w = width; |
|
8293
|
|
|
} |
|
8294
|
|
|
align = ctrlSettings.alignV || (alignV ? alignV[x] || alignV[0] : null); |
|
8295
|
|
|
if (align === 'center') { |
|
8296
|
|
|
ctrlLayoutRect.y = posY + height / 2 - ctrlLayoutRect.h / 2; |
|
8297
|
|
|
} else if (align === 'bottom') { |
|
8298
|
|
|
ctrlLayoutRect.y = posY + height - ctrlLayoutRect.h; |
|
8299
|
|
|
} else if (align === 'stretch') { |
|
8300
|
|
|
ctrlLayoutRect.h = height; |
|
8301
|
|
|
} |
|
8302
|
|
|
ctrl.layoutRect(ctrlLayoutRect); |
|
8303
|
|
|
posX += width + spacingH; |
|
8304
|
|
|
if (ctrl.recalc) { |
|
8305
|
|
|
ctrl.recalc(); |
|
8306
|
|
|
} |
|
8307
|
|
|
} |
|
8308
|
|
|
posY += height + spacingV; |
|
8309
|
|
|
} |
|
8310
|
|
|
} |
|
8311
|
|
|
}); |
|
8312
|
|
|
|
|
8313
|
|
|
var Iframe = Widget.extend({ |
|
8314
|
|
|
renderHtml: function () { |
|
8315
|
|
|
var self = this; |
|
8316
|
|
|
self.classes.add('iframe'); |
|
8317
|
|
|
self.canFocus = false; |
|
8318
|
|
|
return '<iframe id="' + self._id + '" class="' + self.classes + '" tabindex="-1" src="' + (self.settings.url || 'javascript:\'\'') + '" frameborder="0"></iframe>'; |
|
8319
|
|
|
}, |
|
8320
|
|
|
src: function (src) { |
|
8321
|
|
|
this.getEl().src = src; |
|
8322
|
|
|
}, |
|
8323
|
|
|
html: function (html, callback) { |
|
8324
|
|
|
var self = this, body = this.getEl().contentWindow.document.body; |
|
8325
|
|
|
if (!body) { |
|
8326
|
|
|
global$3.setTimeout(function () { |
|
8327
|
|
|
self.html(html); |
|
8328
|
|
|
}); |
|
8329
|
|
|
} else { |
|
8330
|
|
|
body.innerHTML = html; |
|
8331
|
|
|
if (callback) { |
|
8332
|
|
|
callback(); |
|
8333
|
|
|
} |
|
8334
|
|
|
} |
|
8335
|
|
|
return this; |
|
8336
|
|
|
} |
|
8337
|
|
|
}); |
|
8338
|
|
|
|
|
8339
|
|
|
var InfoBox = Widget.extend({ |
|
8340
|
|
|
init: function (settings) { |
|
8341
|
|
|
var self = this; |
|
8342
|
|
|
self._super(settings); |
|
8343
|
|
|
self.classes.add('widget').add('infobox'); |
|
8344
|
|
|
self.canFocus = false; |
|
8345
|
|
|
}, |
|
8346
|
|
|
severity: function (level) { |
|
8347
|
|
|
this.classes.remove('error'); |
|
8348
|
|
|
this.classes.remove('warning'); |
|
8349
|
|
|
this.classes.remove('success'); |
|
8350
|
|
|
this.classes.add(level); |
|
8351
|
|
|
}, |
|
8352
|
|
|
help: function (state) { |
|
8353
|
|
|
this.state.set('help', state); |
|
8354
|
|
|
}, |
|
8355
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
8356
|
|
|
var self = this, prefix = self.classPrefix; |
|
8357
|
|
|
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>'; |
|
8358
|
|
|
}, |
|
8359
|
|
|
bindStates: function () { |
|
8360
|
|
|
var self = this; |
|
8361
|
|
|
self.state.on('change:text', function (e) { |
|
8362
|
|
|
self.getEl('body').firstChild.data = self.encode(e.value); |
|
8363
|
|
|
if (self.state.get('rendered')) { |
|
8364
|
|
|
self.updateLayoutRect(); |
|
8365
|
|
|
} |
|
8366
|
|
|
}); |
|
8367
|
|
|
self.state.on('change:help', function (e) { |
|
8368
|
|
|
self.classes.toggle('has-help', e.value); |
|
8369
|
|
|
if (self.state.get('rendered')) { |
|
8370
|
|
|
self.updateLayoutRect(); |
|
8371
|
|
|
} |
|
8372
|
|
|
}); |
|
8373
|
|
|
return self._super(); |
|
8374
|
|
|
} |
|
8375
|
|
|
}); |
|
8376
|
|
|
|
|
8377
|
|
|
var Label = Widget.extend({ |
|
8378
|
|
|
init: function (settings) { |
|
8379
|
|
|
var self = this; |
|
8380
|
|
|
self._super(settings); |
|
8381
|
|
|
self.classes.add('widget').add('label'); |
|
8382
|
|
|
self.canFocus = false; |
|
8383
|
|
|
if (settings.multiline) { |
|
8384
|
|
|
self.classes.add('autoscroll'); |
|
8385
|
|
|
} |
|
8386
|
|
|
if (settings.strong) { |
|
8387
|
|
|
self.classes.add('strong'); |
|
8388
|
|
|
} |
|
8389
|
|
|
}, |
|
8390
|
|
|
initLayoutRect: function () { |
|
8391
|
|
|
var self = this, layoutRect = self._super(); |
|
8392
|
|
|
if (self.settings.multiline) { |
|
8393
|
|
|
var size = funcs.getSize(self.getEl()); |
|
8394
|
|
|
if (size.width > layoutRect.maxW) { |
|
8395
|
|
|
layoutRect.minW = layoutRect.maxW; |
|
8396
|
|
|
self.classes.add('multiline'); |
|
8397
|
|
|
} |
|
8398
|
|
|
self.getEl().style.width = layoutRect.minW + 'px'; |
|
8399
|
|
|
layoutRect.startMinH = layoutRect.h = layoutRect.minH = Math.min(layoutRect.maxH, funcs.getSize(self.getEl()).height); |
|
8400
|
|
|
} |
|
8401
|
|
|
return layoutRect; |
|
8402
|
|
|
}, |
|
8403
|
|
|
repaint: function () { |
|
8404
|
|
|
var self = this; |
|
8405
|
|
|
if (!self.settings.multiline) { |
|
8406
|
|
|
self.getEl().style.lineHeight = self.layoutRect().h + 'px'; |
|
8407
|
|
|
} |
|
8408
|
|
|
return self._super(); |
|
8409
|
|
|
}, |
|
8410
|
|
|
severity: function (level) { |
|
8411
|
|
|
this.classes.remove('error'); |
|
8412
|
|
|
this.classes.remove('warning'); |
|
8413
|
|
|
this.classes.remove('success'); |
|
8414
|
|
|
this.classes.add(level); |
|
8415
|
|
|
}, |
|
8416
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
8417
|
|
|
var self = this; |
|
8418
|
|
|
var targetCtrl, forName, forId = self.settings.forId; |
|
8419
|
|
|
var text = self.settings.html ? self.settings.html : self.encode(self.state.get('text')); |
|
8420
|
|
|
if (!forId && (forName = self.settings.forName)) { |
|
8421
|
|
|
targetCtrl = self.getRoot().find('#' + forName)[0]; |
|
8422
|
|
|
if (targetCtrl) { |
|
8423
|
|
|
forId = targetCtrl._id; |
|
8424
|
|
|
} |
|
8425
|
|
|
} |
|
8426
|
|
|
if (forId) { |
|
8427
|
|
|
return '<label id="' + self._id + '" class="' + self.classes + '"' + (forId ? ' for="' + forId + '"' : '') + '>' + text + '</label>'; |
|
8428
|
|
|
} |
|
8429
|
|
|
return '<span id="' + self._id + '" class="' + self.classes + '">' + text + '</span>'; |
|
8430
|
|
|
}, |
|
8431
|
|
|
bindStates: function () { |
|
8432
|
|
|
var self = this; |
|
8433
|
|
|
self.state.on('change:text', function (e) { |
|
8434
|
|
|
self.innerHtml(self.encode(e.value)); |
|
8435
|
|
|
if (self.state.get('rendered')) { |
|
8436
|
|
|
self.updateLayoutRect(); |
|
8437
|
|
|
} |
|
8438
|
|
|
}); |
|
8439
|
|
|
return self._super(); |
|
8440
|
|
|
} |
|
8441
|
|
|
}); |
|
8442
|
|
|
|
|
8443
|
|
|
var Toolbar$1 = Container.extend({ |
|
8444
|
|
|
Defaults: { |
|
8445
|
|
|
role: 'toolbar', |
|
8446
|
|
|
layout: 'flow' |
|
8447
|
|
|
}, |
|
8448
|
|
|
init: function (settings) { |
|
8449
|
|
|
var self = this; |
|
8450
|
|
|
self._super(settings); |
|
8451
|
|
|
self.classes.add('toolbar'); |
|
8452
|
|
|
}, |
|
8453
|
|
|
postRender: function () { |
|
8454
|
|
|
var self = this; |
|
8455
|
|
|
self.items().each(function (ctrl) { |
|
8456
|
|
|
ctrl.classes.add('toolbar-item'); |
|
8457
|
|
|
}); |
|
8458
|
|
|
return self._super(); |
|
8459
|
|
|
} |
|
8460
|
|
|
}); |
|
8461
|
|
|
|
|
8462
|
|
|
var MenuBar = Toolbar$1.extend({ |
|
8463
|
|
|
Defaults: { |
|
8464
|
|
|
role: 'menubar', |
|
8465
|
|
|
containerCls: 'menubar', |
|
8466
|
|
|
ariaRoot: true, |
|
8467
|
|
|
defaults: { type: 'menubutton' } |
|
8468
|
|
|
} |
|
8469
|
|
|
}); |
|
8470
|
|
|
|
|
8471
|
|
|
function isChildOf$1(node, parent$$1) { |
|
8472
|
|
|
while (node) { |
|
8473
|
|
|
if (parent$$1 === node) { |
|
8474
|
|
|
return true; |
|
8475
|
|
|
} |
|
8476
|
|
|
node = node.parentNode; |
|
8477
|
|
|
} |
|
8478
|
|
|
return false; |
|
8479
|
|
|
} |
|
8480
|
|
|
var MenuButton = Button.extend({ |
|
8481
|
|
|
init: function (settings) { |
|
8482
|
|
|
var self$$1 = this; |
|
8483
|
|
|
self$$1._renderOpen = true; |
|
8484
|
|
|
self$$1._super(settings); |
|
8485
|
|
|
settings = self$$1.settings; |
|
8486
|
|
|
self$$1.classes.add('menubtn'); |
|
8487
|
|
|
if (settings.fixedWidth) { |
|
8488
|
|
|
self$$1.classes.add('fixed-width'); |
|
8489
|
|
|
} |
|
8490
|
|
|
self$$1.aria('haspopup', true); |
|
8491
|
|
|
self$$1.state.set('menu', settings.menu || self$$1.render()); |
|
8492
|
|
|
}, |
|
8493
|
|
View Code Duplication |
showMenu: function (toggle) { |
|
|
|
|
|
|
8494
|
|
|
var self$$1 = this; |
|
8495
|
|
|
var menu; |
|
8496
|
|
|
if (self$$1.menu && self$$1.menu.visible() && toggle !== false) { |
|
8497
|
|
|
return self$$1.hideMenu(); |
|
8498
|
|
|
} |
|
8499
|
|
|
if (!self$$1.menu) { |
|
8500
|
|
|
menu = self$$1.state.get('menu') || []; |
|
8501
|
|
|
self$$1.classes.add('opened'); |
|
8502
|
|
|
if (menu.length) { |
|
8503
|
|
|
menu = { |
|
8504
|
|
|
type: 'menu', |
|
8505
|
|
|
animate: true, |
|
8506
|
|
|
items: menu |
|
8507
|
|
|
}; |
|
8508
|
|
|
} else { |
|
8509
|
|
|
menu.type = menu.type || 'menu'; |
|
8510
|
|
|
menu.animate = true; |
|
8511
|
|
|
} |
|
8512
|
|
|
if (!menu.renderTo) { |
|
8513
|
|
|
self$$1.menu = global$b.create(menu).parent(self$$1).renderTo(); |
|
8514
|
|
|
} else { |
|
8515
|
|
|
self$$1.menu = menu.parent(self$$1).show().renderTo(); |
|
8516
|
|
|
} |
|
8517
|
|
|
self$$1.fire('createmenu'); |
|
8518
|
|
|
self$$1.menu.reflow(); |
|
8519
|
|
|
self$$1.menu.on('cancel', function (e) { |
|
8520
|
|
|
if (e.control.parent() === self$$1.menu) { |
|
8521
|
|
|
e.stopPropagation(); |
|
8522
|
|
|
self$$1.focus(); |
|
8523
|
|
|
self$$1.hideMenu(); |
|
8524
|
|
|
} |
|
8525
|
|
|
}); |
|
8526
|
|
|
self$$1.menu.on('select', function () { |
|
8527
|
|
|
self$$1.focus(); |
|
8528
|
|
|
}); |
|
8529
|
|
|
self$$1.menu.on('show hide', function (e) { |
|
8530
|
|
|
if (e.type === 'hide' && e.control.parent() === self$$1) { |
|
8531
|
|
|
self$$1.classes.remove('opened-under'); |
|
8532
|
|
|
} |
|
8533
|
|
|
if (e.control === self$$1.menu) { |
|
8534
|
|
|
self$$1.activeMenu(e.type === 'show'); |
|
8535
|
|
|
self$$1.classes.toggle('opened', e.type === 'show'); |
|
8536
|
|
|
} |
|
8537
|
|
|
self$$1.aria('expanded', e.type === 'show'); |
|
8538
|
|
|
}).fire('show'); |
|
8539
|
|
|
} |
|
8540
|
|
|
self$$1.menu.show(); |
|
8541
|
|
|
self$$1.menu.layoutRect({ w: self$$1.layoutRect().w }); |
|
8542
|
|
|
self$$1.menu.repaint(); |
|
8543
|
|
|
self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [ |
|
8544
|
|
|
'br-tr', |
|
8545
|
|
|
'tr-br' |
|
8546
|
|
|
] : [ |
|
8547
|
|
|
'bl-tl', |
|
8548
|
|
|
'tl-bl' |
|
8549
|
|
|
]); |
|
8550
|
|
|
var menuLayoutRect = self$$1.menu.layoutRect(); |
|
8551
|
|
|
var selfBottom = self$$1.$el.offset().top + self$$1.layoutRect().h; |
|
8552
|
|
|
if (selfBottom > menuLayoutRect.y && selfBottom < menuLayoutRect.y + menuLayoutRect.h) { |
|
8553
|
|
|
self$$1.classes.add('opened-under'); |
|
8554
|
|
|
} |
|
8555
|
|
|
self$$1.fire('showmenu'); |
|
|
|
|
|
|
8556
|
|
|
}, |
|
8557
|
|
|
hideMenu: function () { |
|
8558
|
|
|
var self$$1 = this; |
|
8559
|
|
|
if (self$$1.menu) { |
|
8560
|
|
|
self$$1.menu.items().each(function (item) { |
|
8561
|
|
|
if (item.hideMenu) { |
|
8562
|
|
|
item.hideMenu(); |
|
8563
|
|
|
} |
|
8564
|
|
|
}); |
|
8565
|
|
|
self$$1.menu.hide(); |
|
8566
|
|
|
} |
|
8567
|
|
|
}, |
|
8568
|
|
|
activeMenu: function (state) { |
|
8569
|
|
|
this.classes.toggle('active', state); |
|
8570
|
|
|
}, |
|
8571
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
8572
|
|
|
var self$$1 = this, id = self$$1._id, prefix = self$$1.classPrefix; |
|
8573
|
|
|
var icon = self$$1.settings.icon, image; |
|
8574
|
|
|
var text = self$$1.state.get('text'); |
|
8575
|
|
|
var textHtml = ''; |
|
8576
|
|
|
image = self$$1.settings.image; |
|
8577
|
|
|
if (image) { |
|
8578
|
|
|
icon = 'none'; |
|
8579
|
|
|
if (typeof image !== 'string') { |
|
8580
|
|
|
image = window.getSelection ? image[0] : image[1]; |
|
8581
|
|
|
} |
|
8582
|
|
|
image = ' style="background-image: url(\'' + image + '\')"'; |
|
8583
|
|
|
} else { |
|
8584
|
|
|
image = ''; |
|
8585
|
|
|
} |
|
8586
|
|
|
if (text) { |
|
8587
|
|
|
self$$1.classes.add('btn-has-text'); |
|
8588
|
|
|
textHtml = '<span class="' + prefix + 'txt">' + self$$1.encode(text) + '</span>'; |
|
8589
|
|
|
} |
|
8590
|
|
|
icon = self$$1.settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : ''; |
|
8591
|
|
|
self$$1.aria('role', self$$1.parent() instanceof MenuBar ? 'menuitem' : 'button'); |
|
8592
|
|
|
return '<div id="' + id + '" class="' + self$$1.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>'; |
|
8593
|
|
|
}, |
|
8594
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
8595
|
|
|
var self$$1 = this; |
|
8596
|
|
|
self$$1.on('click', function (e) { |
|
8597
|
|
|
if (e.control === self$$1 && isChildOf$1(e.target, self$$1.getEl())) { |
|
8598
|
|
|
self$$1.focus(); |
|
8599
|
|
|
self$$1.showMenu(!e.aria); |
|
8600
|
|
|
if (e.aria) { |
|
8601
|
|
|
self$$1.menu.items().filter(':visible')[0].focus(); |
|
8602
|
|
|
} |
|
8603
|
|
|
} |
|
8604
|
|
|
}); |
|
8605
|
|
|
self$$1.on('mouseenter', function (e) { |
|
8606
|
|
|
var overCtrl = e.control; |
|
8607
|
|
|
var parent$$1 = self$$1.parent(); |
|
8608
|
|
|
var hasVisibleSiblingMenu; |
|
8609
|
|
|
if (overCtrl && parent$$1 && overCtrl instanceof MenuButton && overCtrl.parent() === parent$$1) { |
|
8610
|
|
|
parent$$1.items().filter('MenuButton').each(function (ctrl) { |
|
8611
|
|
|
if (ctrl.hideMenu && ctrl !== overCtrl) { |
|
8612
|
|
|
if (ctrl.menu && ctrl.menu.visible()) { |
|
8613
|
|
|
hasVisibleSiblingMenu = true; |
|
8614
|
|
|
} |
|
8615
|
|
|
ctrl.hideMenu(); |
|
8616
|
|
|
} |
|
8617
|
|
|
}); |
|
8618
|
|
|
if (hasVisibleSiblingMenu) { |
|
8619
|
|
|
overCtrl.focus(); |
|
8620
|
|
|
overCtrl.showMenu(); |
|
8621
|
|
|
} |
|
8622
|
|
|
} |
|
8623
|
|
|
}); |
|
8624
|
|
|
return self$$1._super(); |
|
8625
|
|
|
}, |
|
8626
|
|
|
bindStates: function () { |
|
8627
|
|
|
var self$$1 = this; |
|
8628
|
|
|
self$$1.state.on('change:menu', function () { |
|
8629
|
|
|
if (self$$1.menu) { |
|
8630
|
|
|
self$$1.menu.remove(); |
|
8631
|
|
|
} |
|
8632
|
|
|
self$$1.menu = null; |
|
8633
|
|
|
}); |
|
8634
|
|
|
return self$$1._super(); |
|
8635
|
|
|
}, |
|
8636
|
|
|
remove: function () { |
|
8637
|
|
|
this._super(); |
|
8638
|
|
|
if (this.menu) { |
|
8639
|
|
|
this.menu.remove(); |
|
8640
|
|
|
} |
|
8641
|
|
|
} |
|
8642
|
|
|
}); |
|
8643
|
|
|
|
|
8644
|
|
|
function Throbber (elm, inline) { |
|
8645
|
|
|
var self = this; |
|
8646
|
|
|
var state; |
|
8647
|
|
|
var classPrefix = Control$1.classPrefix; |
|
8648
|
|
|
var timer; |
|
8649
|
|
|
self.show = function (time, callback) { |
|
8650
|
|
|
function render() { |
|
8651
|
|
|
if (state) { |
|
8652
|
|
|
global$7(elm).append('<div class="' + classPrefix + 'throbber' + (inline ? ' ' + classPrefix + 'throbber-inline' : '') + '"></div>'); |
|
8653
|
|
|
if (callback) { |
|
8654
|
|
|
callback(); |
|
8655
|
|
|
} |
|
8656
|
|
|
} |
|
8657
|
|
|
} |
|
8658
|
|
|
self.hide(); |
|
8659
|
|
|
state = true; |
|
8660
|
|
|
if (time) { |
|
8661
|
|
|
timer = global$3.setTimeout(render, time); |
|
8662
|
|
|
} else { |
|
8663
|
|
|
render(); |
|
8664
|
|
|
} |
|
8665
|
|
|
return self; |
|
8666
|
|
|
}; |
|
8667
|
|
|
self.hide = function () { |
|
8668
|
|
|
var child = elm.lastChild; |
|
8669
|
|
|
global$3.clearTimeout(timer); |
|
8670
|
|
|
if (child && child.className.indexOf('throbber') !== -1) { |
|
8671
|
|
|
child.parentNode.removeChild(child); |
|
8672
|
|
|
} |
|
8673
|
|
|
state = false; |
|
8674
|
|
|
return self; |
|
8675
|
|
|
}; |
|
8676
|
|
|
} |
|
8677
|
|
|
|
|
8678
|
|
|
var Menu = FloatPanel.extend({ |
|
8679
|
|
|
Defaults: { |
|
8680
|
|
|
defaultType: 'menuitem', |
|
8681
|
|
|
border: 1, |
|
8682
|
|
|
layout: 'stack', |
|
8683
|
|
|
role: 'application', |
|
8684
|
|
|
bodyRole: 'menu', |
|
8685
|
|
|
ariaRoot: true |
|
8686
|
|
|
}, |
|
8687
|
|
|
init: function (settings) { |
|
8688
|
|
|
var self = this; |
|
8689
|
|
|
settings.autohide = true; |
|
8690
|
|
|
settings.constrainToViewport = true; |
|
8691
|
|
|
if (typeof settings.items === 'function') { |
|
8692
|
|
|
settings.itemsFactory = settings.items; |
|
8693
|
|
|
settings.items = []; |
|
8694
|
|
|
} |
|
8695
|
|
|
if (settings.itemDefaults) { |
|
8696
|
|
|
var items = settings.items; |
|
8697
|
|
|
var i = items.length; |
|
8698
|
|
|
while (i--) { |
|
8699
|
|
|
items[i] = global$4.extend({}, settings.itemDefaults, items[i]); |
|
8700
|
|
|
} |
|
8701
|
|
|
} |
|
8702
|
|
|
self._super(settings); |
|
8703
|
|
|
self.classes.add('menu'); |
|
8704
|
|
|
if (settings.animate && global$1.ie !== 11) { |
|
8705
|
|
|
self.classes.add('animate'); |
|
8706
|
|
|
} |
|
8707
|
|
|
}, |
|
8708
|
|
|
repaint: function () { |
|
8709
|
|
|
this.classes.toggle('menu-align', true); |
|
8710
|
|
|
this._super(); |
|
8711
|
|
|
this.getEl().style.height = ''; |
|
8712
|
|
|
this.getEl('body').style.height = ''; |
|
8713
|
|
|
return this; |
|
8714
|
|
|
}, |
|
8715
|
|
|
cancel: function () { |
|
8716
|
|
|
var self = this; |
|
8717
|
|
|
self.hideAll(); |
|
8718
|
|
|
self.fire('select'); |
|
8719
|
|
|
}, |
|
8720
|
|
View Code Duplication |
load: function () { |
|
|
|
|
|
|
8721
|
|
|
var self = this; |
|
8722
|
|
|
var time, factory; |
|
8723
|
|
|
function hideThrobber() { |
|
8724
|
|
|
if (self.throbber) { |
|
8725
|
|
|
self.throbber.hide(); |
|
8726
|
|
|
self.throbber = null; |
|
8727
|
|
|
} |
|
8728
|
|
|
} |
|
8729
|
|
|
factory = self.settings.itemsFactory; |
|
8730
|
|
|
if (!factory) { |
|
8731
|
|
|
return; |
|
8732
|
|
|
} |
|
8733
|
|
|
if (!self.throbber) { |
|
8734
|
|
|
self.throbber = new Throbber(self.getEl('body'), true); |
|
8735
|
|
|
if (self.items().length === 0) { |
|
8736
|
|
|
self.throbber.show(); |
|
8737
|
|
|
self.fire('loading'); |
|
8738
|
|
|
} else { |
|
8739
|
|
|
self.throbber.show(100, function () { |
|
8740
|
|
|
self.items().remove(); |
|
8741
|
|
|
self.fire('loading'); |
|
8742
|
|
|
}); |
|
8743
|
|
|
} |
|
8744
|
|
|
self.on('hide close', hideThrobber); |
|
8745
|
|
|
} |
|
8746
|
|
|
self.requestTime = time = new Date().getTime(); |
|
8747
|
|
|
self.settings.itemsFactory(function (items) { |
|
8748
|
|
|
if (items.length === 0) { |
|
8749
|
|
|
self.hide(); |
|
8750
|
|
|
return; |
|
8751
|
|
|
} |
|
8752
|
|
|
if (self.requestTime !== time) { |
|
8753
|
|
|
return; |
|
8754
|
|
|
} |
|
8755
|
|
|
self.getEl().style.width = ''; |
|
8756
|
|
|
self.getEl('body').style.width = ''; |
|
8757
|
|
|
hideThrobber(); |
|
8758
|
|
|
self.items().remove(); |
|
8759
|
|
|
self.getEl('body').innerHTML = ''; |
|
8760
|
|
|
self.add(items); |
|
8761
|
|
|
self.renderNew(); |
|
8762
|
|
|
self.fire('loaded'); |
|
8763
|
|
|
}); |
|
8764
|
|
|
}, |
|
8765
|
|
|
hideAll: function () { |
|
8766
|
|
|
var self = this; |
|
8767
|
|
|
this.find('menuitem').exec('hideMenu'); |
|
8768
|
|
|
return self._super(); |
|
8769
|
|
|
}, |
|
8770
|
|
|
preRender: function () { |
|
8771
|
|
|
var self = this; |
|
8772
|
|
|
self.items().each(function (ctrl) { |
|
8773
|
|
|
var settings = ctrl.settings; |
|
8774
|
|
|
if (settings.icon || settings.image || settings.selectable) { |
|
|
|
|
|
|
8775
|
|
|
self._hasIcons = true; |
|
8776
|
|
|
return false; |
|
8777
|
|
|
} |
|
8778
|
|
|
}); |
|
8779
|
|
|
if (self.settings.itemsFactory) { |
|
8780
|
|
|
self.on('postrender', function () { |
|
8781
|
|
|
if (self.settings.itemsFactory) { |
|
8782
|
|
|
self.load(); |
|
8783
|
|
|
} |
|
8784
|
|
|
}); |
|
8785
|
|
|
} |
|
8786
|
|
|
self.on('show hide', function (e) { |
|
8787
|
|
|
if (e.control === self) { |
|
8788
|
|
|
if (e.type === 'show') { |
|
8789
|
|
|
global$3.setTimeout(function () { |
|
8790
|
|
|
self.classes.add('in'); |
|
8791
|
|
|
}, 0); |
|
8792
|
|
|
} else { |
|
8793
|
|
|
self.classes.remove('in'); |
|
8794
|
|
|
} |
|
8795
|
|
|
} |
|
8796
|
|
|
}); |
|
8797
|
|
|
return self._super(); |
|
8798
|
|
|
} |
|
8799
|
|
|
}); |
|
8800
|
|
|
|
|
8801
|
|
|
var ListBox = MenuButton.extend({ |
|
8802
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
8803
|
|
|
var self = this; |
|
8804
|
|
|
var values, selected, selectedText, lastItemCtrl; |
|
8805
|
|
|
function setSelected(menuValues) { |
|
8806
|
|
|
for (var i = 0; i < menuValues.length; i++) { |
|
8807
|
|
|
selected = menuValues[i].selected || settings.value === menuValues[i].value; |
|
8808
|
|
|
if (selected) { |
|
|
|
|
|
|
8809
|
|
|
selectedText = selectedText || menuValues[i].text; |
|
8810
|
|
|
self.state.set('value', menuValues[i].value); |
|
8811
|
|
|
return true; |
|
8812
|
|
|
} |
|
8813
|
|
|
if (menuValues[i].menu) { |
|
8814
|
|
|
if (setSelected(menuValues[i].menu)) { |
|
8815
|
|
|
return true; |
|
8816
|
|
|
} |
|
8817
|
|
|
} |
|
8818
|
|
|
} |
|
|
|
|
|
|
8819
|
|
|
} |
|
8820
|
|
|
self._super(settings); |
|
8821
|
|
|
settings = self.settings; |
|
8822
|
|
|
self._values = values = settings.values; |
|
8823
|
|
|
if (values) { |
|
8824
|
|
|
if (typeof settings.value !== 'undefined') { |
|
8825
|
|
|
setSelected(values); |
|
8826
|
|
|
} |
|
8827
|
|
|
if (!selected && values.length > 0) { |
|
8828
|
|
|
selectedText = values[0].text; |
|
8829
|
|
|
self.state.set('value', values[0].value); |
|
8830
|
|
|
} |
|
8831
|
|
|
self.state.set('menu', values); |
|
8832
|
|
|
} |
|
8833
|
|
|
self.state.set('text', settings.text || selectedText); |
|
8834
|
|
|
self.classes.add('listbox'); |
|
8835
|
|
|
self.on('select', function (e) { |
|
8836
|
|
|
var ctrl = e.control; |
|
8837
|
|
|
if (lastItemCtrl) { |
|
8838
|
|
|
e.lastControl = lastItemCtrl; |
|
8839
|
|
|
} |
|
8840
|
|
|
if (settings.multiple) { |
|
8841
|
|
|
ctrl.active(!ctrl.active()); |
|
8842
|
|
|
} else { |
|
8843
|
|
|
self.value(e.control.value()); |
|
8844
|
|
|
} |
|
8845
|
|
|
lastItemCtrl = ctrl; |
|
8846
|
|
|
}); |
|
8847
|
|
|
}, |
|
8848
|
|
View Code Duplication |
value: function (value) { |
|
|
|
|
|
|
8849
|
|
|
if (arguments.length === 0) { |
|
8850
|
|
|
return this.state.get('value'); |
|
8851
|
|
|
} |
|
8852
|
|
|
if (typeof value === 'undefined') { |
|
8853
|
|
|
return this; |
|
8854
|
|
|
} |
|
8855
|
|
|
function valueExists(values) { |
|
8856
|
|
|
return exists(values, function (a) { |
|
8857
|
|
|
return a.menu ? valueExists(a.menu) : a.value === value; |
|
8858
|
|
|
}); |
|
8859
|
|
|
} |
|
8860
|
|
|
if (this.settings.values) { |
|
8861
|
|
|
if (valueExists(this.settings.values)) { |
|
8862
|
|
|
this.state.set('value', value); |
|
8863
|
|
|
} else if (value === null) { |
|
8864
|
|
|
this.state.set('value', null); |
|
8865
|
|
|
} |
|
8866
|
|
|
} else { |
|
8867
|
|
|
this.state.set('value', value); |
|
8868
|
|
|
} |
|
8869
|
|
|
return this; |
|
8870
|
|
|
}, |
|
8871
|
|
View Code Duplication |
bindStates: function () { |
|
|
|
|
|
|
8872
|
|
|
var self = this; |
|
8873
|
|
|
function activateMenuItemsByValue(menu, value) { |
|
8874
|
|
|
if (menu instanceof Menu) { |
|
8875
|
|
|
menu.items().each(function (ctrl) { |
|
8876
|
|
|
if (!ctrl.hasMenus()) { |
|
8877
|
|
|
ctrl.active(ctrl.value() === value); |
|
8878
|
|
|
} |
|
8879
|
|
|
}); |
|
8880
|
|
|
} |
|
8881
|
|
|
} |
|
8882
|
|
|
function getSelectedItem(menuValues, value) { |
|
8883
|
|
|
var selectedItem; |
|
8884
|
|
|
if (!menuValues) { |
|
8885
|
|
|
return; |
|
|
|
|
|
|
8886
|
|
|
} |
|
8887
|
|
|
for (var i = 0; i < menuValues.length; i++) { |
|
8888
|
|
|
if (menuValues[i].value === value) { |
|
8889
|
|
|
return menuValues[i]; |
|
8890
|
|
|
} |
|
8891
|
|
|
if (menuValues[i].menu) { |
|
8892
|
|
|
selectedItem = getSelectedItem(menuValues[i].menu, value); |
|
8893
|
|
|
if (selectedItem) { |
|
8894
|
|
|
return selectedItem; |
|
8895
|
|
|
} |
|
8896
|
|
|
} |
|
8897
|
|
|
} |
|
|
|
|
|
|
8898
|
|
|
} |
|
8899
|
|
|
self.on('show', function (e) { |
|
8900
|
|
|
activateMenuItemsByValue(e.control, self.value()); |
|
8901
|
|
|
}); |
|
8902
|
|
|
self.state.on('change:value', function (e) { |
|
8903
|
|
|
var selectedItem = getSelectedItem(self.state.get('menu'), e.value); |
|
8904
|
|
|
if (selectedItem) { |
|
8905
|
|
|
self.text(selectedItem.text); |
|
8906
|
|
|
} else { |
|
8907
|
|
|
self.text(self.settings.text); |
|
8908
|
|
|
} |
|
8909
|
|
|
}); |
|
8910
|
|
|
return self._super(); |
|
8911
|
|
|
} |
|
8912
|
|
|
}); |
|
8913
|
|
|
|
|
8914
|
|
|
var toggleTextStyle = function (ctrl, state) { |
|
8915
|
|
|
var textStyle = ctrl._textStyle; |
|
8916
|
|
|
if (textStyle) { |
|
8917
|
|
|
var textElm = ctrl.getEl('text'); |
|
8918
|
|
|
textElm.setAttribute('style', textStyle); |
|
8919
|
|
|
if (state) { |
|
8920
|
|
|
textElm.style.color = ''; |
|
8921
|
|
|
textElm.style.backgroundColor = ''; |
|
8922
|
|
|
} |
|
8923
|
|
|
} |
|
8924
|
|
|
}; |
|
8925
|
|
|
var MenuItem = Widget.extend({ |
|
8926
|
|
|
Defaults: { |
|
8927
|
|
|
border: 0, |
|
8928
|
|
|
role: 'menuitem' |
|
8929
|
|
|
}, |
|
8930
|
|
View Code Duplication |
init: function (settings) { |
|
|
|
|
|
|
8931
|
|
|
var self = this; |
|
8932
|
|
|
var text; |
|
8933
|
|
|
self._super(settings); |
|
8934
|
|
|
settings = self.settings; |
|
8935
|
|
|
self.classes.add('menu-item'); |
|
8936
|
|
|
if (settings.menu) { |
|
8937
|
|
|
self.classes.add('menu-item-expand'); |
|
8938
|
|
|
} |
|
8939
|
|
|
if (settings.preview) { |
|
8940
|
|
|
self.classes.add('menu-item-preview'); |
|
8941
|
|
|
} |
|
8942
|
|
|
text = self.state.get('text'); |
|
8943
|
|
|
if (text === '-' || text === '|') { |
|
8944
|
|
|
self.classes.add('menu-item-sep'); |
|
8945
|
|
|
self.aria('role', 'separator'); |
|
8946
|
|
|
self.state.set('text', '-'); |
|
8947
|
|
|
} |
|
8948
|
|
|
if (settings.selectable) { |
|
8949
|
|
|
self.aria('role', 'menuitemcheckbox'); |
|
8950
|
|
|
self.classes.add('menu-item-checkbox'); |
|
8951
|
|
|
settings.icon = 'selected'; |
|
8952
|
|
|
} |
|
8953
|
|
|
if (!settings.preview && !settings.selectable) { |
|
8954
|
|
|
self.classes.add('menu-item-normal'); |
|
8955
|
|
|
} |
|
8956
|
|
|
self.on('mousedown', function (e) { |
|
8957
|
|
|
e.preventDefault(); |
|
8958
|
|
|
}); |
|
8959
|
|
|
if (settings.menu && !settings.ariaHideMenu) { |
|
8960
|
|
|
self.aria('haspopup', true); |
|
8961
|
|
|
} |
|
8962
|
|
|
}, |
|
8963
|
|
|
hasMenus: function () { |
|
8964
|
|
|
return !!this.settings.menu; |
|
8965
|
|
|
}, |
|
8966
|
|
View Code Duplication |
showMenu: function () { |
|
|
|
|
|
|
8967
|
|
|
var self = this; |
|
8968
|
|
|
var settings = self.settings; |
|
8969
|
|
|
var menu; |
|
8970
|
|
|
var parent = self.parent(); |
|
8971
|
|
|
parent.items().each(function (ctrl) { |
|
8972
|
|
|
if (ctrl !== self) { |
|
8973
|
|
|
ctrl.hideMenu(); |
|
8974
|
|
|
} |
|
8975
|
|
|
}); |
|
8976
|
|
|
if (settings.menu) { |
|
8977
|
|
|
menu = self.menu; |
|
8978
|
|
|
if (!menu) { |
|
8979
|
|
|
menu = settings.menu; |
|
8980
|
|
|
if (menu.length) { |
|
8981
|
|
|
menu = { |
|
8982
|
|
|
type: 'menu', |
|
8983
|
|
|
items: menu |
|
8984
|
|
|
}; |
|
8985
|
|
|
} else { |
|
8986
|
|
|
menu.type = menu.type || 'menu'; |
|
8987
|
|
|
} |
|
8988
|
|
|
if (parent.settings.itemDefaults) { |
|
8989
|
|
|
menu.itemDefaults = parent.settings.itemDefaults; |
|
8990
|
|
|
} |
|
8991
|
|
|
menu = self.menu = global$b.create(menu).parent(self).renderTo(); |
|
8992
|
|
|
menu.reflow(); |
|
8993
|
|
|
menu.on('cancel', function (e) { |
|
8994
|
|
|
e.stopPropagation(); |
|
8995
|
|
|
self.focus(); |
|
8996
|
|
|
menu.hide(); |
|
8997
|
|
|
}); |
|
8998
|
|
|
menu.on('show hide', function (e) { |
|
8999
|
|
|
if (e.control.items) { |
|
9000
|
|
|
e.control.items().each(function (ctrl) { |
|
9001
|
|
|
ctrl.active(ctrl.settings.selected); |
|
9002
|
|
|
}); |
|
9003
|
|
|
} |
|
9004
|
|
|
}).fire('show'); |
|
9005
|
|
|
menu.on('hide', function (e) { |
|
9006
|
|
|
if (e.control === menu) { |
|
9007
|
|
|
self.classes.remove('selected'); |
|
9008
|
|
|
} |
|
9009
|
|
|
}); |
|
9010
|
|
|
menu.submenu = true; |
|
9011
|
|
|
} else { |
|
9012
|
|
|
menu.show(); |
|
9013
|
|
|
} |
|
9014
|
|
|
menu._parentMenu = parent; |
|
9015
|
|
|
menu.classes.add('menu-sub'); |
|
9016
|
|
|
var rel = menu.testMoveRel(self.getEl(), self.isRtl() ? [ |
|
9017
|
|
|
'tl-tr', |
|
9018
|
|
|
'bl-br', |
|
9019
|
|
|
'tr-tl', |
|
9020
|
|
|
'br-bl' |
|
9021
|
|
|
] : [ |
|
9022
|
|
|
'tr-tl', |
|
9023
|
|
|
'br-bl', |
|
9024
|
|
|
'tl-tr', |
|
9025
|
|
|
'bl-br' |
|
9026
|
|
|
]); |
|
9027
|
|
|
menu.moveRel(self.getEl(), rel); |
|
9028
|
|
|
menu.rel = rel; |
|
9029
|
|
|
rel = 'menu-sub-' + rel; |
|
9030
|
|
|
menu.classes.remove(menu._lastRel).add(rel); |
|
9031
|
|
|
menu._lastRel = rel; |
|
9032
|
|
|
self.classes.add('selected'); |
|
9033
|
|
|
self.aria('expanded', true); |
|
9034
|
|
|
} |
|
9035
|
|
|
}, |
|
9036
|
|
|
hideMenu: function () { |
|
9037
|
|
|
var self = this; |
|
9038
|
|
|
if (self.menu) { |
|
9039
|
|
|
self.menu.items().each(function (item) { |
|
9040
|
|
|
if (item.hideMenu) { |
|
9041
|
|
|
item.hideMenu(); |
|
9042
|
|
|
} |
|
9043
|
|
|
}); |
|
9044
|
|
|
self.menu.hide(); |
|
9045
|
|
|
self.aria('expanded', false); |
|
9046
|
|
|
} |
|
9047
|
|
|
return self; |
|
9048
|
|
|
}, |
|
9049
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
9050
|
|
|
var self = this; |
|
9051
|
|
|
var id = self._id; |
|
9052
|
|
|
var settings = self.settings; |
|
9053
|
|
|
var prefix = self.classPrefix; |
|
9054
|
|
|
var text = self.state.get('text'); |
|
9055
|
|
|
var icon = self.settings.icon, image = '', shortcut = settings.shortcut; |
|
9056
|
|
|
var url = self.encode(settings.url), iconHtml = ''; |
|
9057
|
|
|
function convertShortcut(shortcut) { |
|
9058
|
|
|
var i, value, replace = {}; |
|
|
|
|
|
|
9059
|
|
|
if (global$1.mac) { |
|
9060
|
|
|
replace = { |
|
9061
|
|
|
alt: '⌥', |
|
9062
|
|
|
ctrl: '⌘', |
|
9063
|
|
|
shift: '⇧', |
|
9064
|
|
|
meta: '⌘' |
|
9065
|
|
|
}; |
|
9066
|
|
|
} else { |
|
9067
|
|
|
replace = { meta: 'Ctrl' }; |
|
9068
|
|
|
} |
|
9069
|
|
|
shortcut = shortcut.split('+'); |
|
9070
|
|
|
for (i = 0; i < shortcut.length; i++) { |
|
9071
|
|
|
value = replace[shortcut[i].toLowerCase()]; |
|
9072
|
|
|
if (value) { |
|
9073
|
|
|
shortcut[i] = value; |
|
9074
|
|
|
} |
|
9075
|
|
|
} |
|
9076
|
|
|
return shortcut.join('+'); |
|
9077
|
|
|
} |
|
9078
|
|
|
function escapeRegExp(str) { |
|
9079
|
|
|
return str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); |
|
9080
|
|
|
} |
|
9081
|
|
|
function markMatches(text) { |
|
9082
|
|
|
var match = settings.match || ''; |
|
9083
|
|
|
return match ? text.replace(new RegExp(escapeRegExp(match), 'gi'), function (match) { |
|
9084
|
|
|
return '!mce~match[' + match + ']mce~match!'; |
|
9085
|
|
|
}) : text; |
|
9086
|
|
|
} |
|
9087
|
|
|
function boldMatches(text) { |
|
9088
|
|
|
return text.replace(new RegExp(escapeRegExp('!mce~match['), 'g'), '<b>').replace(new RegExp(escapeRegExp(']mce~match!'), 'g'), '</b>'); |
|
9089
|
|
|
} |
|
9090
|
|
|
if (icon) { |
|
9091
|
|
|
self.parent().classes.add('menu-has-icons'); |
|
9092
|
|
|
} |
|
9093
|
|
|
if (settings.image) { |
|
9094
|
|
|
image = ' style="background-image: url(\'' + settings.image + '\')"'; |
|
9095
|
|
|
} |
|
9096
|
|
|
if (shortcut) { |
|
9097
|
|
|
shortcut = convertShortcut(shortcut); |
|
9098
|
|
|
} |
|
9099
|
|
|
icon = prefix + 'ico ' + prefix + 'i-' + (self.settings.icon || 'none'); |
|
9100
|
|
|
iconHtml = text !== '-' ? '<i class="' + icon + '"' + image + '></i>\xA0' : ''; |
|
9101
|
|
|
text = boldMatches(self.encode(markMatches(text))); |
|
9102
|
|
|
url = boldMatches(self.encode(markMatches(url))); |
|
9103
|
|
|
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>'; |
|
9104
|
|
|
}, |
|
9105
|
|
|
postRender: function () { |
|
9106
|
|
|
var self = this, settings = self.settings; |
|
9107
|
|
|
var textStyle = settings.textStyle; |
|
9108
|
|
|
if (typeof textStyle === 'function') { |
|
9109
|
|
|
textStyle = textStyle.call(this); |
|
9110
|
|
|
} |
|
9111
|
|
|
if (textStyle) { |
|
9112
|
|
|
var textElm = self.getEl('text'); |
|
9113
|
|
|
if (textElm) { |
|
9114
|
|
|
textElm.setAttribute('style', textStyle); |
|
9115
|
|
|
self._textStyle = textStyle; |
|
9116
|
|
|
} |
|
9117
|
|
|
} |
|
9118
|
|
|
self.on('mouseenter click', function (e) { |
|
9119
|
|
|
if (e.control === self) { |
|
9120
|
|
|
if (!settings.menu && e.type === 'click') { |
|
9121
|
|
|
self.fire('select'); |
|
9122
|
|
|
global$3.requestAnimationFrame(function () { |
|
9123
|
|
|
self.parent().hideAll(); |
|
9124
|
|
|
}); |
|
9125
|
|
|
} else { |
|
9126
|
|
|
self.showMenu(); |
|
9127
|
|
|
if (e.aria) { |
|
9128
|
|
|
self.menu.focus(true); |
|
9129
|
|
|
} |
|
9130
|
|
|
} |
|
9131
|
|
|
} |
|
9132
|
|
|
}); |
|
9133
|
|
|
self._super(); |
|
9134
|
|
|
return self; |
|
9135
|
|
|
}, |
|
9136
|
|
|
hover: function () { |
|
9137
|
|
|
var self = this; |
|
9138
|
|
|
self.parent().items().each(function (ctrl) { |
|
9139
|
|
|
ctrl.classes.remove('selected'); |
|
9140
|
|
|
}); |
|
9141
|
|
|
self.classes.toggle('selected', true); |
|
9142
|
|
|
return self; |
|
9143
|
|
|
}, |
|
9144
|
|
|
active: function (state) { |
|
9145
|
|
|
toggleTextStyle(this, state); |
|
9146
|
|
|
if (typeof state !== 'undefined') { |
|
9147
|
|
|
this.aria('checked', state); |
|
9148
|
|
|
} |
|
9149
|
|
|
return this._super(state); |
|
9150
|
|
|
}, |
|
9151
|
|
|
remove: function () { |
|
9152
|
|
|
this._super(); |
|
9153
|
|
|
if (this.menu) { |
|
9154
|
|
|
this.menu.remove(); |
|
9155
|
|
|
} |
|
9156
|
|
|
} |
|
9157
|
|
|
}); |
|
9158
|
|
|
|
|
9159
|
|
|
var Radio = Checkbox.extend({ |
|
9160
|
|
|
Defaults: { |
|
9161
|
|
|
classes: 'radio', |
|
9162
|
|
|
role: 'radio' |
|
9163
|
|
|
} |
|
9164
|
|
|
}); |
|
9165
|
|
|
|
|
9166
|
|
|
var ResizeHandle = Widget.extend({ |
|
9167
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
9168
|
|
|
var self = this, prefix = self.classPrefix; |
|
9169
|
|
|
self.classes.add('resizehandle'); |
|
9170
|
|
|
if (self.settings.direction === 'both') { |
|
9171
|
|
|
self.classes.add('resizehandle-both'); |
|
9172
|
|
|
} |
|
9173
|
|
|
self.canFocus = false; |
|
9174
|
|
|
return '<div id="' + self._id + '" class="' + self.classes + '">' + '<i class="' + prefix + 'ico ' + prefix + 'i-resize"></i>' + '</div>'; |
|
9175
|
|
|
}, |
|
9176
|
|
|
postRender: function () { |
|
9177
|
|
|
var self = this; |
|
9178
|
|
|
self._super(); |
|
9179
|
|
|
self.resizeDragHelper = new DragHelper(this._id, { |
|
9180
|
|
|
start: function () { |
|
9181
|
|
|
self.fire('ResizeStart'); |
|
9182
|
|
|
}, |
|
9183
|
|
|
drag: function (e) { |
|
9184
|
|
|
if (self.settings.direction !== 'both') { |
|
9185
|
|
|
e.deltaX = 0; |
|
9186
|
|
|
} |
|
9187
|
|
|
self.fire('Resize', e); |
|
9188
|
|
|
}, |
|
9189
|
|
|
stop: function () { |
|
9190
|
|
|
self.fire('ResizeEnd'); |
|
9191
|
|
|
} |
|
9192
|
|
|
}); |
|
9193
|
|
|
}, |
|
9194
|
|
|
remove: function () { |
|
9195
|
|
|
if (this.resizeDragHelper) { |
|
9196
|
|
|
this.resizeDragHelper.destroy(); |
|
9197
|
|
|
} |
|
9198
|
|
|
return this._super(); |
|
9199
|
|
|
} |
|
9200
|
|
|
}); |
|
9201
|
|
|
|
|
9202
|
|
|
function createOptions(options) { |
|
9203
|
|
|
var strOptions = ''; |
|
9204
|
|
|
if (options) { |
|
9205
|
|
|
for (var i = 0; i < options.length; i++) { |
|
9206
|
|
|
strOptions += '<option value="' + options[i] + '">' + options[i] + '</option>'; |
|
9207
|
|
|
} |
|
9208
|
|
|
} |
|
9209
|
|
|
return strOptions; |
|
9210
|
|
|
} |
|
9211
|
|
|
var SelectBox = Widget.extend({ |
|
9212
|
|
|
Defaults: { |
|
9213
|
|
|
classes: 'selectbox', |
|
9214
|
|
|
role: 'selectbox', |
|
9215
|
|
|
options: [] |
|
9216
|
|
|
}, |
|
9217
|
|
|
init: function (settings) { |
|
9218
|
|
|
var self = this; |
|
9219
|
|
|
self._super(settings); |
|
9220
|
|
|
if (self.settings.size) { |
|
9221
|
|
|
self.size = self.settings.size; |
|
9222
|
|
|
} |
|
9223
|
|
|
if (self.settings.options) { |
|
9224
|
|
|
self._options = self.settings.options; |
|
9225
|
|
|
} |
|
9226
|
|
|
self.on('keydown', function (e) { |
|
9227
|
|
|
var rootControl; |
|
9228
|
|
|
if (e.keyCode === 13) { |
|
9229
|
|
|
e.preventDefault(); |
|
9230
|
|
|
self.parents().reverse().each(function (ctrl) { |
|
9231
|
|
|
if (ctrl.toJSON) { |
|
|
|
|
|
|
9232
|
|
|
rootControl = ctrl; |
|
9233
|
|
|
return false; |
|
9234
|
|
|
} |
|
9235
|
|
|
}); |
|
9236
|
|
|
self.fire('submit', { data: rootControl.toJSON() }); |
|
9237
|
|
|
} |
|
9238
|
|
|
}); |
|
9239
|
|
|
}, |
|
9240
|
|
|
options: function (state) { |
|
9241
|
|
|
if (!arguments.length) { |
|
9242
|
|
|
return this.state.get('options'); |
|
9243
|
|
|
} |
|
9244
|
|
|
this.state.set('options', state); |
|
9245
|
|
|
return this; |
|
9246
|
|
|
}, |
|
9247
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
9248
|
|
|
var self = this; |
|
9249
|
|
|
var options, size = ''; |
|
9250
|
|
|
options = createOptions(self._options); |
|
9251
|
|
|
if (self.size) { |
|
9252
|
|
|
size = ' size = "' + self.size + '"'; |
|
9253
|
|
|
} |
|
9254
|
|
|
return '<select id="' + self._id + '" class="' + self.classes + '"' + size + '>' + options + '</select>'; |
|
9255
|
|
|
}, |
|
9256
|
|
|
bindStates: function () { |
|
9257
|
|
|
var self = this; |
|
9258
|
|
|
self.state.on('change:options', function (e) { |
|
9259
|
|
|
self.getEl().innerHTML = createOptions(e.value); |
|
9260
|
|
|
}); |
|
9261
|
|
|
return self._super(); |
|
9262
|
|
|
} |
|
9263
|
|
|
}); |
|
9264
|
|
|
|
|
9265
|
|
|
function constrain(value, minVal, maxVal) { |
|
9266
|
|
|
if (value < minVal) { |
|
9267
|
|
|
value = minVal; |
|
9268
|
|
|
} |
|
9269
|
|
|
if (value > maxVal) { |
|
9270
|
|
|
value = maxVal; |
|
9271
|
|
|
} |
|
9272
|
|
|
return value; |
|
9273
|
|
|
} |
|
9274
|
|
|
function setAriaProp(el, name, value) { |
|
9275
|
|
|
el.setAttribute('aria-' + name, value); |
|
9276
|
|
|
} |
|
9277
|
|
View Code Duplication |
function updateSliderHandle(ctrl, value) { |
|
|
|
|
|
|
9278
|
|
|
var maxHandlePos, shortSizeName, sizeName, stylePosName, styleValue, handleEl; |
|
9279
|
|
|
if (ctrl.settings.orientation === 'v') { |
|
9280
|
|
|
stylePosName = 'top'; |
|
9281
|
|
|
sizeName = 'height'; |
|
9282
|
|
|
shortSizeName = 'h'; |
|
9283
|
|
|
} else { |
|
9284
|
|
|
stylePosName = 'left'; |
|
9285
|
|
|
sizeName = 'width'; |
|
9286
|
|
|
shortSizeName = 'w'; |
|
9287
|
|
|
} |
|
9288
|
|
|
handleEl = ctrl.getEl('handle'); |
|
9289
|
|
|
maxHandlePos = (ctrl.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName]; |
|
9290
|
|
|
styleValue = maxHandlePos * ((value - ctrl._minValue) / (ctrl._maxValue - ctrl._minValue)) + 'px'; |
|
9291
|
|
|
handleEl.style[stylePosName] = styleValue; |
|
9292
|
|
|
handleEl.style.height = ctrl.layoutRect().h + 'px'; |
|
9293
|
|
|
setAriaProp(handleEl, 'valuenow', value); |
|
9294
|
|
|
setAriaProp(handleEl, 'valuetext', '' + ctrl.settings.previewFilter(value)); |
|
9295
|
|
|
setAriaProp(handleEl, 'valuemin', ctrl._minValue); |
|
9296
|
|
|
setAriaProp(handleEl, 'valuemax', ctrl._maxValue); |
|
9297
|
|
|
} |
|
9298
|
|
|
var Slider = Widget.extend({ |
|
9299
|
|
|
init: function (settings) { |
|
9300
|
|
|
var self = this; |
|
9301
|
|
|
if (!settings.previewFilter) { |
|
9302
|
|
|
settings.previewFilter = function (value) { |
|
9303
|
|
|
return Math.round(value * 100) / 100; |
|
9304
|
|
|
}; |
|
9305
|
|
|
} |
|
9306
|
|
|
self._super(settings); |
|
9307
|
|
|
self.classes.add('slider'); |
|
9308
|
|
|
if (settings.orientation === 'v') { |
|
9309
|
|
|
self.classes.add('vertical'); |
|
9310
|
|
|
} |
|
9311
|
|
|
self._minValue = isNumber$1(settings.minValue) ? settings.minValue : 0; |
|
9312
|
|
|
self._maxValue = isNumber$1(settings.maxValue) ? settings.maxValue : 100; |
|
9313
|
|
|
self._initValue = self.state.get('value'); |
|
9314
|
|
|
}, |
|
9315
|
|
|
renderHtml: function () { |
|
9316
|
|
|
var self = this, id = self._id, prefix = self.classPrefix; |
|
9317
|
|
|
return '<div id="' + id + '" class="' + self.classes + '">' + '<div id="' + id + '-handle" class="' + prefix + 'slider-handle" role="slider" tabindex="-1"></div>' + '</div>'; |
|
9318
|
|
|
}, |
|
9319
|
|
|
reset: function () { |
|
9320
|
|
|
this.value(this._initValue).repaint(); |
|
9321
|
|
|
}, |
|
9322
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
9323
|
|
|
var self = this; |
|
9324
|
|
|
var minValue, maxValue, screenCordName, stylePosName, sizeName, shortSizeName; |
|
9325
|
|
|
function toFraction(min, max, val) { |
|
9326
|
|
|
return (val + min) / (max - min); |
|
9327
|
|
|
} |
|
9328
|
|
|
function fromFraction(min, max, val) { |
|
9329
|
|
|
return val * (max - min) - min; |
|
9330
|
|
|
} |
|
9331
|
|
|
function handleKeyboard(minValue, maxValue) { |
|
9332
|
|
|
function alter(delta) { |
|
9333
|
|
|
var value; |
|
9334
|
|
|
value = self.value(); |
|
9335
|
|
|
value = fromFraction(minValue, maxValue, toFraction(minValue, maxValue, value) + delta * 0.05); |
|
9336
|
|
|
value = constrain(value, minValue, maxValue); |
|
9337
|
|
|
self.value(value); |
|
9338
|
|
|
self.fire('dragstart', { value: value }); |
|
9339
|
|
|
self.fire('drag', { value: value }); |
|
9340
|
|
|
self.fire('dragend', { value: value }); |
|
9341
|
|
|
} |
|
9342
|
|
|
self.on('keydown', function (e) { |
|
9343
|
|
|
switch (e.keyCode) { |
|
9344
|
|
|
case 37: |
|
9345
|
|
|
case 38: |
|
9346
|
|
|
alter(-1); |
|
9347
|
|
|
break; |
|
9348
|
|
|
case 39: |
|
9349
|
|
|
case 40: |
|
9350
|
|
|
alter(1); |
|
9351
|
|
|
break; |
|
9352
|
|
|
} |
|
9353
|
|
|
}); |
|
9354
|
|
|
} |
|
9355
|
|
|
function handleDrag(minValue, maxValue, handleEl) { |
|
9356
|
|
|
var startPos, startHandlePos, maxHandlePos, handlePos, value; |
|
9357
|
|
|
self._dragHelper = new DragHelper(self._id, { |
|
9358
|
|
|
handle: self._id + '-handle', |
|
9359
|
|
|
start: function (e) { |
|
9360
|
|
|
startPos = e[screenCordName]; |
|
9361
|
|
|
startHandlePos = parseInt(self.getEl('handle').style[stylePosName], 10); |
|
9362
|
|
|
maxHandlePos = (self.layoutRect()[shortSizeName] || 100) - funcs.getSize(handleEl)[sizeName]; |
|
9363
|
|
|
self.fire('dragstart', { value: value }); |
|
9364
|
|
|
}, |
|
9365
|
|
|
drag: function (e) { |
|
9366
|
|
|
var delta = e[screenCordName] - startPos; |
|
9367
|
|
|
handlePos = constrain(startHandlePos + delta, 0, maxHandlePos); |
|
9368
|
|
|
handleEl.style[stylePosName] = handlePos + 'px'; |
|
9369
|
|
|
value = minValue + handlePos / maxHandlePos * (maxValue - minValue); |
|
9370
|
|
|
self.value(value); |
|
9371
|
|
|
self.tooltip().text('' + self.settings.previewFilter(value)).show().moveRel(handleEl, 'bc tc'); |
|
9372
|
|
|
self.fire('drag', { value: value }); |
|
9373
|
|
|
}, |
|
9374
|
|
|
stop: function () { |
|
9375
|
|
|
self.tooltip().hide(); |
|
9376
|
|
|
self.fire('dragend', { value: value }); |
|
9377
|
|
|
} |
|
9378
|
|
|
}); |
|
9379
|
|
|
} |
|
9380
|
|
|
minValue = self._minValue; |
|
9381
|
|
|
maxValue = self._maxValue; |
|
9382
|
|
|
if (self.settings.orientation === 'v') { |
|
9383
|
|
|
screenCordName = 'screenY'; |
|
9384
|
|
|
stylePosName = 'top'; |
|
9385
|
|
|
sizeName = 'height'; |
|
9386
|
|
|
shortSizeName = 'h'; |
|
9387
|
|
|
} else { |
|
9388
|
|
|
screenCordName = 'screenX'; |
|
9389
|
|
|
stylePosName = 'left'; |
|
9390
|
|
|
sizeName = 'width'; |
|
9391
|
|
|
shortSizeName = 'w'; |
|
9392
|
|
|
} |
|
9393
|
|
|
self._super(); |
|
9394
|
|
|
handleKeyboard(minValue, maxValue); |
|
9395
|
|
|
handleDrag(minValue, maxValue, self.getEl('handle')); |
|
9396
|
|
|
}, |
|
9397
|
|
|
repaint: function () { |
|
9398
|
|
|
this._super(); |
|
9399
|
|
|
updateSliderHandle(this, this.value()); |
|
9400
|
|
|
}, |
|
9401
|
|
|
bindStates: function () { |
|
9402
|
|
|
var self = this; |
|
9403
|
|
|
self.state.on('change:value', function (e) { |
|
9404
|
|
|
updateSliderHandle(self, e.value); |
|
9405
|
|
|
}); |
|
9406
|
|
|
return self._super(); |
|
9407
|
|
|
} |
|
9408
|
|
|
}); |
|
9409
|
|
|
|
|
9410
|
|
|
var Spacer = Widget.extend({ |
|
9411
|
|
|
renderHtml: function () { |
|
9412
|
|
|
var self = this; |
|
9413
|
|
|
self.classes.add('spacer'); |
|
9414
|
|
|
self.canFocus = false; |
|
9415
|
|
|
return '<div id="' + self._id + '" class="' + self.classes + '"></div>'; |
|
9416
|
|
|
} |
|
9417
|
|
|
}); |
|
9418
|
|
|
|
|
9419
|
|
|
var SplitButton = MenuButton.extend({ |
|
9420
|
|
|
Defaults: { |
|
9421
|
|
|
classes: 'widget btn splitbtn', |
|
9422
|
|
|
role: 'button' |
|
9423
|
|
|
}, |
|
9424
|
|
|
repaint: function () { |
|
9425
|
|
|
var self$$1 = this; |
|
9426
|
|
|
var elm = self$$1.getEl(); |
|
9427
|
|
|
var rect = self$$1.layoutRect(); |
|
9428
|
|
|
var mainButtonElm, menuButtonElm; |
|
9429
|
|
|
self$$1._super(); |
|
9430
|
|
|
mainButtonElm = elm.firstChild; |
|
9431
|
|
|
menuButtonElm = elm.lastChild; |
|
9432
|
|
|
global$7(mainButtonElm).css({ |
|
9433
|
|
|
width: rect.w - funcs.getSize(menuButtonElm).width, |
|
9434
|
|
|
height: rect.h - 2 |
|
9435
|
|
|
}); |
|
9436
|
|
|
global$7(menuButtonElm).css({ height: rect.h - 2 }); |
|
9437
|
|
|
return self$$1; |
|
9438
|
|
|
}, |
|
9439
|
|
|
activeMenu: function (state) { |
|
9440
|
|
|
var self$$1 = this; |
|
9441
|
|
|
global$7(self$$1.getEl().lastChild).toggleClass(self$$1.classPrefix + 'active', state); |
|
9442
|
|
|
}, |
|
9443
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
9444
|
|
|
var self$$1 = this; |
|
9445
|
|
|
var id = self$$1._id; |
|
9446
|
|
|
var prefix = self$$1.classPrefix; |
|
9447
|
|
|
var image; |
|
9448
|
|
|
var icon = self$$1.state.get('icon'); |
|
9449
|
|
|
var text = self$$1.state.get('text'); |
|
9450
|
|
|
var settings = self$$1.settings; |
|
9451
|
|
|
var textHtml = '', ariaPressed; |
|
9452
|
|
|
image = settings.image; |
|
9453
|
|
|
if (image) { |
|
9454
|
|
|
icon = 'none'; |
|
9455
|
|
|
if (typeof image !== 'string') { |
|
9456
|
|
|
image = window.getSelection ? image[0] : image[1]; |
|
9457
|
|
|
} |
|
9458
|
|
|
image = ' style="background-image: url(\'' + image + '\')"'; |
|
9459
|
|
|
} else { |
|
9460
|
|
|
image = ''; |
|
9461
|
|
|
} |
|
9462
|
|
|
icon = settings.icon ? prefix + 'ico ' + prefix + 'i-' + icon : ''; |
|
9463
|
|
|
if (text) { |
|
9464
|
|
|
self$$1.classes.add('btn-has-text'); |
|
9465
|
|
|
textHtml = '<span class="' + prefix + 'txt">' + self$$1.encode(text) + '</span>'; |
|
9466
|
|
|
} |
|
9467
|
|
|
ariaPressed = typeof settings.active === 'boolean' ? ' aria-pressed="' + settings.active + '"' : ''; |
|
9468
|
|
|
return '<div id="' + id + '" class="' + self$$1.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$$1._menuBtnText ? (icon ? '\xA0' : '') + self$$1._menuBtnText : '') + ' <i class="' + prefix + 'caret"></i>' + '</button>' + '</div>'; |
|
9469
|
|
|
}, |
|
9470
|
|
View Code Duplication |
postRender: function () { |
|
|
|
|
|
|
9471
|
|
|
var self$$1 = this, onClickHandler = self$$1.settings.onclick; |
|
9472
|
|
|
self$$1.on('click', function (e) { |
|
9473
|
|
|
var node = e.target; |
|
9474
|
|
|
if (e.control === this) { |
|
9475
|
|
|
while (node) { |
|
9476
|
|
|
if (e.aria && e.aria.key !== 'down' || node.nodeName === 'BUTTON' && node.className.indexOf('open') === -1) { |
|
9477
|
|
|
e.stopImmediatePropagation(); |
|
9478
|
|
|
if (onClickHandler) { |
|
9479
|
|
|
onClickHandler.call(this, e); |
|
9480
|
|
|
} |
|
9481
|
|
|
return; |
|
9482
|
|
|
} |
|
9483
|
|
|
node = node.parentNode; |
|
9484
|
|
|
} |
|
9485
|
|
|
} |
|
9486
|
|
|
}); |
|
9487
|
|
|
delete self$$1.settings.onclick; |
|
9488
|
|
|
return self$$1._super(); |
|
9489
|
|
|
} |
|
9490
|
|
|
}); |
|
9491
|
|
|
|
|
9492
|
|
|
var StackLayout = FlowLayout.extend({ |
|
9493
|
|
|
Defaults: { |
|
9494
|
|
|
containerClass: 'stack-layout', |
|
9495
|
|
|
controlClass: 'stack-layout-item', |
|
9496
|
|
|
endClass: 'break' |
|
9497
|
|
|
}, |
|
9498
|
|
|
isNative: function () { |
|
9499
|
|
|
return true; |
|
9500
|
|
|
} |
|
9501
|
|
|
}); |
|
9502
|
|
|
|
|
9503
|
|
|
var TabPanel = Panel.extend({ |
|
9504
|
|
|
Defaults: { |
|
9505
|
|
|
layout: 'absolute', |
|
9506
|
|
|
defaults: { type: 'panel' } |
|
9507
|
|
|
}, |
|
9508
|
|
|
activateTab: function (idx) { |
|
9509
|
|
|
var activeTabElm; |
|
9510
|
|
|
if (this.activeTabId) { |
|
9511
|
|
|
activeTabElm = this.getEl(this.activeTabId); |
|
9512
|
|
|
global$7(activeTabElm).removeClass(this.classPrefix + 'active'); |
|
9513
|
|
|
activeTabElm.setAttribute('aria-selected', 'false'); |
|
9514
|
|
|
} |
|
9515
|
|
|
this.activeTabId = 't' + idx; |
|
9516
|
|
|
activeTabElm = this.getEl('t' + idx); |
|
9517
|
|
|
activeTabElm.setAttribute('aria-selected', 'true'); |
|
9518
|
|
|
global$7(activeTabElm).addClass(this.classPrefix + 'active'); |
|
9519
|
|
|
this.items()[idx].show().fire('showtab'); |
|
9520
|
|
|
this.reflow(); |
|
9521
|
|
|
this.items().each(function (item, i) { |
|
9522
|
|
|
if (idx !== i) { |
|
9523
|
|
|
item.hide(); |
|
9524
|
|
|
} |
|
9525
|
|
|
}); |
|
9526
|
|
|
}, |
|
9527
|
|
View Code Duplication |
renderHtml: function () { |
|
|
|
|
|
|
9528
|
|
|
var self = this; |
|
9529
|
|
|
var layout = self._layout; |
|
9530
|
|
|
var tabsHtml = ''; |
|
9531
|
|
|
var prefix = self.classPrefix; |
|
9532
|
|
|
self.preRender(); |
|
9533
|
|
|
layout.preRender(self); |
|
9534
|
|
|
self.items().each(function (ctrl, i) { |
|
9535
|
|
|
var id = self._id + '-t' + i; |
|
9536
|
|
|
ctrl.aria('role', 'tabpanel'); |
|
9537
|
|
|
ctrl.aria('labelledby', id); |
|
9538
|
|
|
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>'; |
|
9539
|
|
|
}); |
|
9540
|
|
|
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>'; |
|
9541
|
|
|
}, |
|
9542
|
|
|
postRender: function () { |
|
9543
|
|
|
var self = this; |
|
9544
|
|
|
self._super(); |
|
9545
|
|
|
self.settings.activeTab = self.settings.activeTab || 0; |
|
9546
|
|
|
self.activateTab(self.settings.activeTab); |
|
9547
|
|
|
this.on('click', function (e) { |
|
9548
|
|
|
var targetParent = e.target.parentNode; |
|
9549
|
|
|
if (targetParent && targetParent.id === self._id + '-head') { |
|
9550
|
|
|
var i = targetParent.childNodes.length; |
|
9551
|
|
|
while (i--) { |
|
9552
|
|
|
if (targetParent.childNodes[i] === e.target) { |
|
9553
|
|
|
self.activateTab(i); |
|
9554
|
|
|
} |
|
9555
|
|
|
} |
|
9556
|
|
|
} |
|
9557
|
|
|
}); |
|
9558
|
|
|
}, |
|
9559
|
|
View Code Duplication |
initLayoutRect: function () { |
|
|
|
|
|
|
9560
|
|
|
var self = this; |
|
9561
|
|
|
var rect, minW, minH; |
|
9562
|
|
|
minW = funcs.getSize(self.getEl('head')).width; |
|
9563
|
|
|
minW = minW < 0 ? 0 : minW; |
|
9564
|
|
|
minH = 0; |
|
9565
|
|
|
self.items().each(function (item) { |
|
9566
|
|
|
minW = Math.max(minW, item.layoutRect().minW); |
|
9567
|
|
|
minH = Math.max(minH, item.layoutRect().minH); |
|
9568
|
|
|
}); |
|
9569
|
|
|
self.items().each(function (ctrl) { |
|
9570
|
|
|
ctrl.settings.x = 0; |
|
9571
|
|
|
ctrl.settings.y = 0; |
|
9572
|
|
|
ctrl.settings.w = minW; |
|
9573
|
|
|
ctrl.settings.h = minH; |
|
9574
|
|
|
ctrl.layoutRect({ |
|
9575
|
|
|
x: 0, |
|
9576
|
|
|
y: 0, |
|
9577
|
|
|
w: minW, |
|
9578
|
|
|
h: minH |
|
9579
|
|
|
}); |
|
9580
|
|
|
}); |
|
9581
|
|
|
var headH = funcs.getSize(self.getEl('head')).height; |
|
9582
|
|
|
self.settings.minWidth = minW; |
|
9583
|
|
|
self.settings.minHeight = minH + headH; |
|
9584
|
|
|
rect = self._super(); |
|
9585
|
|
|
rect.deltaH += headH; |
|
9586
|
|
|
rect.innerH = rect.h - rect.deltaH; |
|
9587
|
|
|
return rect; |
|
9588
|
|
|
} |
|
9589
|
|
|
}); |
|
9590
|
|
|
|
|
9591
|
|
|
var TextBox = Widget.extend({ |
|
9592
|
|
|
init: function (settings) { |
|
9593
|
|
|
var self$$1 = this; |
|
9594
|
|
|
self$$1._super(settings); |
|
9595
|
|
|
self$$1.classes.add('textbox'); |
|
9596
|
|
|
if (settings.multiline) { |
|
9597
|
|
|
self$$1.classes.add('multiline'); |
|
9598
|
|
|
} else { |
|
9599
|
|
|
self$$1.on('keydown', function (e) { |
|
9600
|
|
|
var rootControl; |
|
9601
|
|
|
if (e.keyCode === 13) { |
|
9602
|
|
|
e.preventDefault(); |
|
9603
|
|
|
self$$1.parents().reverse().each(function (ctrl) { |
|
9604
|
|
|
if (ctrl.toJSON) { |
|
|
|
|
|
|
9605
|
|
|
rootControl = ctrl; |
|
9606
|
|
|
return false; |
|
9607
|
|
|
} |
|
9608
|
|
|
}); |
|
9609
|
|
|
self$$1.fire('submit', { data: rootControl.toJSON() }); |
|
9610
|
|
|
} |
|
9611
|
|
|
}); |
|
9612
|
|
|
self$$1.on('keyup', function (e) { |
|
9613
|
|
|
self$$1.state.set('value', e.target.value); |
|
9614
|
|
|
}); |
|
9615
|
|
|
} |
|
9616
|
|
|
}, |
|
9617
|
|
View Code Duplication |
repaint: function () { |
|
|
|
|
|
|
9618
|
|
|
var self$$1 = this; |
|
9619
|
|
|
var style, rect, borderBox, borderW, borderH = 0, lastRepaintRect; |
|
9620
|
|
|
style = self$$1.getEl().style; |
|
9621
|
|
|
rect = self$$1._layoutRect; |
|
9622
|
|
|
lastRepaintRect = self$$1._lastRepaintRect || {}; |
|
9623
|
|
|
var doc = document; |
|
9624
|
|
|
if (!self$$1.settings.multiline && doc.all && (!doc.documentMode || doc.documentMode <= 8)) { |
|
9625
|
|
|
style.lineHeight = rect.h - borderH + 'px'; |
|
9626
|
|
|
} |
|
9627
|
|
|
borderBox = self$$1.borderBox; |
|
9628
|
|
|
borderW = borderBox.left + borderBox.right + 8; |
|
9629
|
|
|
borderH = borderBox.top + borderBox.bottom + (self$$1.settings.multiline ? 8 : 0); |
|
9630
|
|
|
if (rect.x !== lastRepaintRect.x) { |
|
9631
|
|
|
style.left = rect.x + 'px'; |
|
9632
|
|
|
lastRepaintRect.x = rect.x; |
|
9633
|
|
|
} |
|
9634
|
|
|
if (rect.y !== lastRepaintRect.y) { |
|
9635
|
|
|
style.top = rect.y + 'px'; |
|
9636
|
|
|
lastRepaintRect.y = rect.y; |
|
9637
|
|
|
} |
|
9638
|
|
|
if (rect.w !== lastRepaintRect.w) { |
|
9639
|
|
|
style.width = rect.w - borderW + 'px'; |
|
9640
|
|
|
lastRepaintRect.w = rect.w; |
|
9641
|
|
|
} |
|
9642
|
|
|
if (rect.h !== lastRepaintRect.h) { |
|
9643
|
|
|
style.height = rect.h - borderH + 'px'; |
|
9644
|
|
|
lastRepaintRect.h = rect.h; |
|
9645
|
|
|
} |
|
9646
|
|
|
self$$1._lastRepaintRect = lastRepaintRect; |
|
9647
|
|
|
self$$1.fire('repaint', {}, false); |
|
9648
|
|
|
return self$$1; |
|
9649
|
|
|
}, |
|
9650
|
|
|
renderHtml: function () { |
|
9651
|
|
|
var self$$1 = this; |
|
9652
|
|
|
var settings = self$$1.settings; |
|
9653
|
|
|
var attrs, elm; |
|
9654
|
|
|
attrs = { |
|
9655
|
|
|
id: self$$1._id, |
|
9656
|
|
|
hidefocus: '1' |
|
9657
|
|
|
}; |
|
9658
|
|
|
global$4.each([ |
|
9659
|
|
|
'rows', |
|
9660
|
|
|
'spellcheck', |
|
9661
|
|
|
'maxLength', |
|
9662
|
|
|
'size', |
|
9663
|
|
|
'readonly', |
|
9664
|
|
|
'min', |
|
9665
|
|
|
'max', |
|
9666
|
|
|
'step', |
|
9667
|
|
|
'list', |
|
9668
|
|
|
'pattern', |
|
9669
|
|
|
'placeholder', |
|
9670
|
|
|
'required', |
|
9671
|
|
|
'multiple' |
|
9672
|
|
|
], function (name$$1) { |
|
9673
|
|
|
attrs[name$$1] = settings[name$$1]; |
|
9674
|
|
|
}); |
|
9675
|
|
|
if (self$$1.disabled()) { |
|
9676
|
|
|
attrs.disabled = 'disabled'; |
|
9677
|
|
|
} |
|
9678
|
|
|
if (settings.subtype) { |
|
9679
|
|
|
attrs.type = settings.subtype; |
|
9680
|
|
|
} |
|
9681
|
|
|
elm = funcs.create(settings.multiline ? 'textarea' : 'input', attrs); |
|
9682
|
|
|
elm.value = self$$1.state.get('value'); |
|
9683
|
|
|
elm.className = self$$1.classes.toString(); |
|
9684
|
|
|
return elm.outerHTML; |
|
9685
|
|
|
}, |
|
9686
|
|
|
value: function (value) { |
|
9687
|
|
|
if (arguments.length) { |
|
9688
|
|
|
this.state.set('value', value); |
|
9689
|
|
|
return this; |
|
9690
|
|
|
} |
|
9691
|
|
|
if (this.state.get('rendered')) { |
|
9692
|
|
|
this.state.set('value', this.getEl().value); |
|
9693
|
|
|
} |
|
9694
|
|
|
return this.state.get('value'); |
|
9695
|
|
|
}, |
|
9696
|
|
|
postRender: function () { |
|
9697
|
|
|
var self$$1 = this; |
|
9698
|
|
|
self$$1.getEl().value = self$$1.state.get('value'); |
|
9699
|
|
|
self$$1._super(); |
|
9700
|
|
|
self$$1.$el.on('change', function (e) { |
|
9701
|
|
|
self$$1.state.set('value', e.target.value); |
|
9702
|
|
|
self$$1.fire('change', e); |
|
9703
|
|
|
}); |
|
9704
|
|
|
}, |
|
9705
|
|
|
bindStates: function () { |
|
9706
|
|
|
var self$$1 = this; |
|
9707
|
|
|
self$$1.state.on('change:value', function (e) { |
|
9708
|
|
|
if (self$$1.getEl().value !== e.value) { |
|
9709
|
|
|
self$$1.getEl().value = e.value; |
|
9710
|
|
|
} |
|
9711
|
|
|
}); |
|
9712
|
|
|
self$$1.state.on('change:disabled', function (e) { |
|
9713
|
|
|
self$$1.getEl().disabled = e.value; |
|
9714
|
|
|
}); |
|
9715
|
|
|
return self$$1._super(); |
|
9716
|
|
|
}, |
|
9717
|
|
|
remove: function () { |
|
9718
|
|
|
this.$el.off(); |
|
9719
|
|
|
this._super(); |
|
9720
|
|
|
} |
|
9721
|
|
|
}); |
|
9722
|
|
|
|
|
9723
|
|
|
var getApi = function () { |
|
9724
|
|
|
return { |
|
9725
|
|
|
Selector: Selector, |
|
9726
|
|
|
Collection: Collection$2, |
|
9727
|
|
|
ReflowQueue: ReflowQueue, |
|
9728
|
|
|
Control: Control$1, |
|
9729
|
|
|
Factory: global$b, |
|
9730
|
|
|
KeyboardNavigation: KeyboardNavigation, |
|
9731
|
|
|
Container: Container, |
|
9732
|
|
|
DragHelper: DragHelper, |
|
9733
|
|
|
Scrollable: Scrollable, |
|
9734
|
|
|
Panel: Panel, |
|
9735
|
|
|
Movable: Movable, |
|
9736
|
|
|
Resizable: Resizable, |
|
9737
|
|
|
FloatPanel: FloatPanel, |
|
9738
|
|
|
Window: Window$$1, |
|
9739
|
|
|
MessageBox: MessageBox, |
|
9740
|
|
|
Tooltip: Tooltip, |
|
9741
|
|
|
Widget: Widget, |
|
9742
|
|
|
Progress: Progress, |
|
9743
|
|
|
Notification: Notification, |
|
9744
|
|
|
Layout: Layout$1, |
|
9745
|
|
|
AbsoluteLayout: AbsoluteLayout, |
|
9746
|
|
|
Button: Button, |
|
9747
|
|
|
ButtonGroup: ButtonGroup, |
|
9748
|
|
|
Checkbox: Checkbox, |
|
9749
|
|
|
ComboBox: ComboBox, |
|
9750
|
|
|
ColorBox: ColorBox, |
|
9751
|
|
|
PanelButton: PanelButton, |
|
9752
|
|
|
ColorButton: ColorButton, |
|
9753
|
|
|
ColorPicker: ColorPicker, |
|
9754
|
|
|
Path: Path, |
|
9755
|
|
|
ElementPath: ElementPath, |
|
9756
|
|
|
FormItem: FormItem, |
|
9757
|
|
|
Form: Form, |
|
9758
|
|
|
FieldSet: FieldSet, |
|
9759
|
|
|
FilePicker: FilePicker, |
|
9760
|
|
|
FitLayout: FitLayout, |
|
9761
|
|
|
FlexLayout: FlexLayout, |
|
9762
|
|
|
FlowLayout: FlowLayout, |
|
9763
|
|
|
FormatControls: FormatControls, |
|
9764
|
|
|
GridLayout: GridLayout, |
|
9765
|
|
|
Iframe: Iframe, |
|
9766
|
|
|
InfoBox: InfoBox, |
|
9767
|
|
|
Label: Label, |
|
9768
|
|
|
Toolbar: Toolbar$1, |
|
9769
|
|
|
MenuBar: MenuBar, |
|
9770
|
|
|
MenuButton: MenuButton, |
|
9771
|
|
|
MenuItem: MenuItem, |
|
9772
|
|
|
Throbber: Throbber, |
|
9773
|
|
|
Menu: Menu, |
|
9774
|
|
|
ListBox: ListBox, |
|
9775
|
|
|
Radio: Radio, |
|
9776
|
|
|
ResizeHandle: ResizeHandle, |
|
9777
|
|
|
SelectBox: SelectBox, |
|
9778
|
|
|
Slider: Slider, |
|
9779
|
|
|
Spacer: Spacer, |
|
9780
|
|
|
SplitButton: SplitButton, |
|
9781
|
|
|
StackLayout: StackLayout, |
|
9782
|
|
|
TabPanel: TabPanel, |
|
9783
|
|
|
TextBox: TextBox, |
|
9784
|
|
|
DropZone: DropZone, |
|
9785
|
|
|
BrowseButton: BrowseButton |
|
9786
|
|
|
}; |
|
9787
|
|
|
}; |
|
9788
|
|
|
var appendTo = function (target) { |
|
9789
|
|
|
if (target.ui) { |
|
9790
|
|
|
global$4.each(getApi(), function (ref, key) { |
|
9791
|
|
|
target.ui[key] = ref; |
|
9792
|
|
|
}); |
|
9793
|
|
|
} else { |
|
9794
|
|
|
target.ui = getApi(); |
|
9795
|
|
|
} |
|
9796
|
|
|
}; |
|
9797
|
|
|
var registerToFactory = function () { |
|
9798
|
|
|
global$4.each(getApi(), function (ref, key) { |
|
9799
|
|
|
global$b.add(key, ref); |
|
9800
|
|
|
}); |
|
9801
|
|
|
}; |
|
9802
|
|
|
var Api = { |
|
9803
|
|
|
appendTo: appendTo, |
|
9804
|
|
|
registerToFactory: registerToFactory |
|
9805
|
|
|
}; |
|
9806
|
|
|
|
|
9807
|
|
|
Api.registerToFactory(); |
|
9808
|
|
|
Api.appendTo(window.tinymce ? window.tinymce : {}); |
|
9809
|
|
|
global.add('inlite', function (editor) { |
|
9810
|
|
|
var panel = create$3(); |
|
9811
|
|
|
FormatControls.setup(editor); |
|
9812
|
|
|
Buttons.addToEditor(editor, panel); |
|
9813
|
|
|
return ThemeApi.get(editor, panel); |
|
9814
|
|
|
}); |
|
9815
|
|
|
function Theme () { |
|
9816
|
|
|
} |
|
9817
|
|
|
|
|
9818
|
|
|
return Theme; |
|
9819
|
|
|
|
|
9820
|
|
|
}()); |
|
9821
|
|
|
})(); |
|
9822
|
|
|
|