init: function (settings) {

[5000] Fix | Delete

var self = this;

[5001] Fix | Delete

self._super(settings);

[5002] Fix | Delete

self.on('click mousedown', function (e) {

[5003] Fix | Delete

e.preventDefault();

[5004] Fix | Delete

});

[5005] Fix | Delete

self.on('click', function (e) {

[5006] Fix | Delete

e.preventDefault();

[5007] Fix | Delete

if (!self.disabled()) {

[5008] Fix | Delete

self.checked(!self.checked());

[5009] Fix | Delete

}

[5010] Fix | Delete

});

[5011] Fix | Delete

self.checked(self.settings.checked);

[5012] Fix | Delete

},

[5013] Fix | Delete

checked: function (state) {

[5014] Fix | Delete

if (!arguments.length) {

[5015] Fix | Delete

return this.state.get('checked');

[5016] Fix | Delete

}

[5017] Fix | Delete

this.state.set('checked', state);

[5018] Fix | Delete

return this;

[5019] Fix | Delete

},

[5020] Fix | Delete

value: function (state) {

[5021] Fix | Delete

if (!arguments.length) {

[5022] Fix | Delete

return this.checked();

[5023] Fix | Delete

}

[5024] Fix | Delete

return this.checked(state);

[5025] Fix | Delete

},

[5026] Fix | Delete

renderHtml: function () {

[5027] Fix | Delete

var self = this, id = self._id, prefix = self.classPrefix;

[5028] Fix | Delete

return '<div id="' + id + '" class="' + self.classes + '" unselectable="on" aria-labelledby="' + id + '-al" tabindex="-1">' + '<i class="' + prefix + 'ico ' + prefix + 'i-checkbox"></i>' + '<span id="' + id + '-al" class="' + prefix + 'label">' + self.encode(self.state.get('text')) + '</span>' + '</div>';

[5029] Fix | Delete

},

[5030] Fix | Delete

bindStates: function () {

[5031] Fix | Delete

var self = this;

[5032] Fix | Delete

function checked(state) {

[5033] Fix | Delete

self.classes.toggle('checked', state);

[5034] Fix | Delete

self.aria('checked', state);

[5035] Fix | Delete

}

[5036] Fix | Delete

self.state.on('change:text', function (e) {

[5037] Fix | Delete

self.getEl('al').firstChild.data = self.translate(e.value);

[5038] Fix | Delete

});

[5039] Fix | Delete

self.state.on('change:checked change:value', function (e) {

[5040] Fix | Delete

self.fire('change');

[5041] Fix | Delete

checked(e.value);

[5042] Fix | Delete

});

[5043] Fix | Delete

self.state.on('change:icon', function (e) {

[5044] Fix | Delete

var icon = e.value;

[5045] Fix | Delete

var prefix = self.classPrefix;

[5046] Fix | Delete

if (typeof icon === 'undefined') {

[5047] Fix | Delete

return self.settings.icon;

[5048] Fix | Delete

}

[5049] Fix | Delete

self.settings.icon = icon;

[5050] Fix | Delete

icon = icon ? prefix + 'ico ' + prefix + 'i-' + self.settings.icon : '';

[5051] Fix | Delete

var btnElm = self.getEl().firstChild;

[5052] Fix | Delete

var iconElm = btnElm.getElementsByTagName('i')[0];

[5053] Fix | Delete

if (icon) {

[5054] Fix | Delete

if (!iconElm || iconElm !== btnElm.firstChild) {

[5055] Fix | Delete

iconElm = domGlobals.document.createElement('i');

[5056] Fix | Delete

btnElm.insertBefore(iconElm, btnElm.firstChild);

[5057] Fix | Delete

}

[5058] Fix | Delete

iconElm.className = icon;

[5059] Fix | Delete

} else if (iconElm) {

[5060] Fix | Delete

btnElm.removeChild(iconElm);

[5061] Fix | Delete

}

[5062] Fix | Delete

});

[5063] Fix | Delete

if (self.state.get('checked')) {

[5064] Fix | Delete

checked(true);

[5065] Fix | Delete

}

[5066] Fix | Delete

return self._super();

[5067] Fix | Delete

}

[5068] Fix | Delete

});

[5069] Fix | Delete

[5070] Fix | Delete

var global$d = tinymce.util.Tools.resolve('tinymce.util.VK');

[5071] Fix | Delete

[5072] Fix | Delete

var ComboBox = Widget.extend({

[5073] Fix | Delete

init: function (settings) {

[5074] Fix | Delete

var self = this;

[5075] Fix | Delete

self._super(settings);

[5076] Fix | Delete

settings = self.settings;

[5077] Fix | Delete

self.classes.add('combobox');

[5078] Fix | Delete

self.subinput = true;

[5079] Fix | Delete

self.ariaTarget = 'inp';

[5080] Fix | Delete

settings.menu = settings.menu || settings.values;

[5081] Fix | Delete

if (settings.menu) {

[5082] Fix | Delete

settings.icon = 'caret';

[5083] Fix | Delete

}

[5084] Fix | Delete

self.on('click', function (e) {

[5085] Fix | Delete

var elm = e.target;

[5086] Fix | Delete

var root = self.getEl();

[5087] Fix | Delete

if (!global$9.contains(root, elm) && elm !== root) {

[5088] Fix | Delete

return;

[5089] Fix | Delete

}

[5090] Fix | Delete

while (elm && elm !== root) {

[5091] Fix | Delete

if (elm.id && elm.id.indexOf('-open') !== -1) {

[5092] Fix | Delete

self.fire('action');

[5093] Fix | Delete

if (settings.menu) {

[5094] Fix | Delete

self.showMenu();

[5095] Fix | Delete

if (e.aria) {

[5096] Fix | Delete

self.menu.items()[0].focus();

[5097] Fix | Delete

}

[5098] Fix | Delete

}

[5099] Fix | Delete

}

[5100] Fix | Delete

elm = elm.parentNode;

[5101] Fix | Delete

}

[5102] Fix | Delete

});

[5103] Fix | Delete

self.on('keydown', function (e) {

[5104] Fix | Delete

var rootControl;

[5105] Fix | Delete

if (e.keyCode === 13 && e.target.nodeName === 'INPUT') {

[5106] Fix | Delete

e.preventDefault();

[5107] Fix | Delete

self.parents().reverse().each(function (ctrl) {

[5108] Fix | Delete

if (ctrl.toJSON) {

[5109] Fix | Delete

rootControl = ctrl;

[5110] Fix | Delete

return false;

[5111] Fix | Delete

}

[5112] Fix | Delete

});

[5113] Fix | Delete

self.fire('submit', { data: rootControl.toJSON() });

[5114] Fix | Delete

}

[5115] Fix | Delete

});

[5116] Fix | Delete

self.on('keyup', function (e) {

[5117] Fix | Delete

if (e.target.nodeName === 'INPUT') {

[5118] Fix | Delete

var oldValue = self.state.get('value');

[5119] Fix | Delete

var newValue = e.target.value;

[5120] Fix | Delete

if (newValue !== oldValue) {

[5121] Fix | Delete

self.state.set('value', newValue);

[5122] Fix | Delete

self.fire('autocomplete', e);

[5123] Fix | Delete

}

[5124] Fix | Delete

}

[5125] Fix | Delete

});

[5126] Fix | Delete

self.on('mouseover', function (e) {

[5127] Fix | Delete

var tooltip = self.tooltip().moveTo(-65535);

[5128] Fix | Delete

if (self.statusLevel() && e.target.className.indexOf(self.classPrefix + 'status') !== -1) {

[5129] Fix | Delete

var statusMessage = self.statusMessage() || 'Ok';

[5130] Fix | Delete

var rel = tooltip.text(statusMessage).show().testMoveRel(e.target, [

[5131] Fix | Delete

'bc-tc',

[5132] Fix | Delete

'bc-tl',

[5133] Fix | Delete

'bc-tr'

[5134] Fix | Delete

]);

[5135] Fix | Delete

tooltip.classes.toggle('tooltip-n', rel === 'bc-tc');

[5136] Fix | Delete

tooltip.classes.toggle('tooltip-nw', rel === 'bc-tl');

[5137] Fix | Delete

tooltip.classes.toggle('tooltip-ne', rel === 'bc-tr');

[5138] Fix | Delete

tooltip.moveRel(e.target, rel);

[5139] Fix | Delete

}

[5140] Fix | Delete

});

[5141] Fix | Delete

},

[5142] Fix | Delete

statusLevel: function (value) {

[5143] Fix | Delete

if (arguments.length > 0) {

[5144] Fix | Delete

this.state.set('statusLevel', value);

[5145] Fix | Delete

}

[5146] Fix | Delete

return this.state.get('statusLevel');

[5147] Fix | Delete

},

[5148] Fix | Delete

statusMessage: function (value) {

[5149] Fix | Delete

if (arguments.length > 0) {

[5150] Fix | Delete

this.state.set('statusMessage', value);

[5151] Fix | Delete

}

[5152] Fix | Delete

return this.state.get('statusMessage');

[5153] Fix | Delete

},

[5154] Fix | Delete

showMenu: function () {

[5155] Fix | Delete

var self = this;

[5156] Fix | Delete

var settings = self.settings;

[5157] Fix | Delete

var menu;

[5158] Fix | Delete

if (!self.menu) {

[5159] Fix | Delete

menu = settings.menu || [];

[5160] Fix | Delete

if (menu.length) {

[5161] Fix | Delete

menu = {

[5162] Fix | Delete

type: 'menu',

[5163] Fix | Delete

items: menu

[5164] Fix | Delete

};

[5165] Fix | Delete

} else {

[5166] Fix | Delete

menu.type = menu.type || 'menu';

[5167] Fix | Delete

}

[5168] Fix | Delete

self.menu = global$4.create(menu).parent(self).renderTo(self.getContainerElm());

[5169] Fix | Delete

self.fire('createmenu');

[5170] Fix | Delete

self.menu.reflow();

[5171] Fix | Delete

self.menu.on('cancel', function (e) {

[5172] Fix | Delete

if (e.control === self.menu) {

[5173] Fix | Delete

self.focus();

[5174] Fix | Delete

}

[5175] Fix | Delete

});

[5176] Fix | Delete

self.menu.on('show hide', function (e) {

[5177] Fix | Delete

e.control.items().each(function (ctrl) {

[5178] Fix | Delete

ctrl.active(ctrl.value() === self.value());

[5179] Fix | Delete

});

[5180] Fix | Delete

}).fire('show');

[5181] Fix | Delete

self.menu.on('select', function (e) {

[5182] Fix | Delete

self.value(e.control.value());

[5183] Fix | Delete

});

[5184] Fix | Delete

self.on('focusin', function (e) {

[5185] Fix | Delete

if (e.target.tagName.toUpperCase() === 'INPUT') {

[5186] Fix | Delete

self.menu.hide();

[5187] Fix | Delete

}

[5188] Fix | Delete

});

[5189] Fix | Delete

self.aria('expanded', true);

[5190] Fix | Delete

}

[5191] Fix | Delete

self.menu.show();

[5192] Fix | Delete

self.menu.layoutRect({ w: self.layoutRect().w });

[5193] Fix | Delete

self.menu.moveRel(self.getEl(), self.isRtl() ? [

[5194] Fix | Delete

'br-tr',

[5195] Fix | Delete

'tr-br'

[5196] Fix | Delete

] : [

[5197] Fix | Delete

'bl-tl',

[5198] Fix | Delete

'tl-bl'

[5199] Fix | Delete

]);

[5200] Fix | Delete

},

[5201] Fix | Delete

focus: function () {

[5202] Fix | Delete

this.getEl('inp').focus();

[5203] Fix | Delete

},

[5204] Fix | Delete

repaint: function () {

[5205] Fix | Delete

var self = this, elm = self.getEl(), openElm = self.getEl('open'), rect = self.layoutRect();

[5206] Fix | Delete

var width, lineHeight, innerPadding = 0;

[5207] Fix | Delete

var inputElm = elm.firstChild;

[5208] Fix | Delete

if (self.statusLevel() && self.statusLevel() !== 'none') {

[5209] Fix | Delete

innerPadding = parseInt(funcs.getRuntimeStyle(inputElm, 'padding-right'), 10) - parseInt(funcs.getRuntimeStyle(inputElm, 'padding-left'), 10);

[5210] Fix | Delete

}

[5211] Fix | Delete

if (openElm) {

[5212] Fix | Delete

width = rect.w - funcs.getSize(openElm).width - 10;

[5213] Fix | Delete

} else {

[5214] Fix | Delete

width = rect.w - 10;

[5215] Fix | Delete

}

[5216] Fix | Delete

var doc = domGlobals.document;

[5217] Fix | Delete

if (doc.all && (!doc.documentMode || doc.documentMode <= 8)) {

[5218] Fix | Delete

lineHeight = self.layoutRect().h - 2 + 'px';

[5219] Fix | Delete

}

[5220] Fix | Delete

global$9(inputElm).css({

[5221] Fix | Delete

width: width - innerPadding,

[5222] Fix | Delete

lineHeight: lineHeight

[5223] Fix | Delete

});

[5224] Fix | Delete

self._super();

[5225] Fix | Delete

return self;

[5226] Fix | Delete

},

[5227] Fix | Delete

postRender: function () {

[5228] Fix | Delete

var self = this;

[5229] Fix | Delete

global$9(this.getEl('inp')).on('change', function (e) {

[5230] Fix | Delete

self.state.set('value', e.target.value);

[5231] Fix | Delete

self.fire('change', e);

[5232] Fix | Delete

});

[5233] Fix | Delete

return self._super();

[5234] Fix | Delete

},

[5235] Fix | Delete

renderHtml: function () {

[5236] Fix | Delete

var self = this, id = self._id, settings = self.settings, prefix = self.classPrefix;

[5237] Fix | Delete

var value = self.state.get('value') || '';

[5238] Fix | Delete

var icon, text, openBtnHtml = '', extraAttrs = '', statusHtml = '';

[5239] Fix | Delete

if ('spellcheck' in settings) {

[5240] Fix | Delete

extraAttrs += ' spellcheck="' + settings.spellcheck + '"';

[5241] Fix | Delete

}

[5242] Fix | Delete

if (settings.maxLength) {

[5243] Fix | Delete

extraAttrs += ' maxlength="' + settings.maxLength + '"';

[5244] Fix | Delete

}

[5245] Fix | Delete

if (settings.size) {

[5246] Fix | Delete

extraAttrs += ' size="' + settings.size + '"';

[5247] Fix | Delete

}

[5248] Fix | Delete

if (settings.subtype) {

[5249] Fix | Delete

extraAttrs += ' type="' + settings.subtype + '"';

[5250] Fix | Delete

}

[5251] Fix | Delete

statusHtml = '<i id="' + id + '-status" class="mce-status mce-ico" style="display: none"></i>';

[5252] Fix | Delete

if (self.disabled()) {

[5253] Fix | Delete

extraAttrs += ' disabled="disabled"';

[5254] Fix | Delete

}

[5255] Fix | Delete

icon = settings.icon;

[5256] Fix | Delete

if (icon && icon !== 'caret') {

[5257] Fix | Delete

icon = prefix + 'ico ' + prefix + 'i-' + settings.icon;

[5258] Fix | Delete

}

[5259] Fix | Delete

text = self.state.get('text');

[5260] Fix | Delete

if (icon || text) {

[5261] Fix | Delete

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>';

[5262] Fix | Delete

self.classes.add('has-open');

[5263] Fix | Delete

}

[5264] Fix | Delete

return '<div id="' + id + '" class="' + self.classes + '">' + '<input id="' + id + '-inp" class="' + prefix + 'textbox" value="' + self.encode(value, false) + '" hidefocus="1"' + extraAttrs + ' placeholder="' + self.encode(settings.placeholder) + '" />' + statusHtml + openBtnHtml + '</div>';

[5265] Fix | Delete

},

[5266] Fix | Delete

value: function (value) {

[5267] Fix | Delete

if (arguments.length) {

[5268] Fix | Delete

this.state.set('value', value);

[5269] Fix | Delete

return this;

[5270] Fix | Delete

}

[5271] Fix | Delete

if (this.state.get('rendered')) {

[5272] Fix | Delete

this.state.set('value', this.getEl('inp').value);

[5273] Fix | Delete

}

[5274] Fix | Delete

return this.state.get('value');

[5275] Fix | Delete

},

[5276] Fix | Delete

showAutoComplete: function (items, term) {

[5277] Fix | Delete

var self = this;

[5278] Fix | Delete

if (items.length === 0) {

[5279] Fix | Delete

self.hideMenu();

[5280] Fix | Delete

return;

[5281] Fix | Delete

}

[5282] Fix | Delete

var insert = function (value, title) {

[5283] Fix | Delete

return function () {

[5284] Fix | Delete

self.fire('selectitem', {

[5285] Fix | Delete

title: title,

[5286] Fix | Delete

value: value

[5287] Fix | Delete

});

[5288] Fix | Delete

};

[5289] Fix | Delete

};

[5290] Fix | Delete

if (self.menu) {

[5291] Fix | Delete

self.menu.items().remove();

[5292] Fix | Delete

} else {

[5293] Fix | Delete

self.menu = global$4.create({

[5294] Fix | Delete

type: 'menu',

[5295] Fix | Delete

classes: 'combobox-menu',

[5296] Fix | Delete

layout: 'flow'

[5297] Fix | Delete

}).parent(self).renderTo();

[5298] Fix | Delete

}

[5299] Fix | Delete

global$2.each(items, function (item) {

[5300] Fix | Delete

self.menu.add({

[5301] Fix | Delete

text: item.title,

[5302] Fix | Delete

url: item.previewUrl,

[5303] Fix | Delete

match: term,

[5304] Fix | Delete

classes: 'menu-item-ellipsis',

[5305] Fix | Delete

onclick: insert(item.value, item.title)

[5306] Fix | Delete

});

[5307] Fix | Delete

});

[5308] Fix | Delete

self.menu.renderNew();

[5309] Fix | Delete

self.hideMenu();

[5310] Fix | Delete

self.menu.on('cancel', function (e) {

[5311] Fix | Delete

if (e.control.parent() === self.menu) {

[5312] Fix | Delete

e.stopPropagation();

[5313] Fix | Delete

self.focus();

[5314] Fix | Delete

self.hideMenu();

[5315] Fix | Delete

}

[5316] Fix | Delete

});

[5317] Fix | Delete

self.menu.on('select', function () {

[5318] Fix | Delete

self.focus();

[5319] Fix | Delete

});

[5320] Fix | Delete

var maxW = self.layoutRect().w;

[5321] Fix | Delete

self.menu.layoutRect({

[5322] Fix | Delete

w: maxW,

[5323] Fix | Delete

minW: 0,

[5324] Fix | Delete

maxW: maxW

[5325] Fix | Delete

});

[5326] Fix | Delete

self.menu.repaint();

[5327] Fix | Delete

self.menu.reflow();

[5328] Fix | Delete

self.menu.show();

[5329] Fix | Delete

self.menu.moveRel(self.getEl(), self.isRtl() ? [

[5330] Fix | Delete

'br-tr',

[5331] Fix | Delete

'tr-br'

[5332] Fix | Delete

] : [

[5333] Fix | Delete

'bl-tl',

[5334] Fix | Delete

'tl-bl'

[5335] Fix | Delete

]);

[5336] Fix | Delete

},

[5337] Fix | Delete

hideMenu: function () {

[5338] Fix | Delete

if (this.menu) {

[5339] Fix | Delete

this.menu.hide();

[5340] Fix | Delete

}

[5341] Fix | Delete

},

[5342] Fix | Delete

bindStates: function () {

[5343] Fix | Delete

var self = this;

[5344] Fix | Delete

self.state.on('change:value', function (e) {

[5345] Fix | Delete

if (self.getEl('inp').value !== e.value) {

[5346] Fix | Delete

self.getEl('inp').value = e.value;

[5347] Fix | Delete

}

[5348] Fix | Delete

});

[5349] Fix | Delete

self.state.on('change:disabled', function (e) {

[5350] Fix | Delete

self.getEl('inp').disabled = e.value;

[5351] Fix | Delete

});

[5352] Fix | Delete

self.state.on('change:statusLevel', function (e) {

[5353] Fix | Delete

var statusIconElm = self.getEl('status');

[5354] Fix | Delete

var prefix = self.classPrefix, value = e.value;

[5355] Fix | Delete

funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : '');

[5356] Fix | Delete

funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok');

[5357] Fix | Delete

funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn');

[5358] Fix | Delete

funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error');

[5359] Fix | Delete

self.classes.toggle('has-status', value !== 'none');

[5360] Fix | Delete

self.repaint();

[5361] Fix | Delete

});

[5362] Fix | Delete

funcs.on(self.getEl('status'), 'mouseleave', function () {

[5363] Fix | Delete

self.tooltip().hide();

[5364] Fix | Delete

});

[5365] Fix | Delete

self.on('cancel', function (e) {

[5366] Fix | Delete

if (self.menu && self.menu.visible()) {

[5367] Fix | Delete

e.stopPropagation();

[5368] Fix | Delete

self.hideMenu();

[5369] Fix | Delete

}

[5370] Fix | Delete

});

[5371] Fix | Delete

var focusIdx = function (idx, menu) {

[5372] Fix | Delete

if (menu && menu.items().length > 0) {

[5373] Fix | Delete

menu.items().eq(idx)[0].focus();

[5374] Fix | Delete

}

[5375] Fix | Delete

};

[5376] Fix | Delete

self.on('keydown', function (e) {

[5377] Fix | Delete

var keyCode = e.keyCode;

[5378] Fix | Delete

if (e.target.nodeName === 'INPUT') {

[5379] Fix | Delete

if (keyCode === global$d.DOWN) {

[5380] Fix | Delete

e.preventDefault();

[5381] Fix | Delete

self.fire('autocomplete');

[5382] Fix | Delete

focusIdx(0, self.menu);

[5383] Fix | Delete

} else if (keyCode === global$d.UP) {

[5384] Fix | Delete

e.preventDefault();

[5385] Fix | Delete

focusIdx(-1, self.menu);

[5386] Fix | Delete

}

[5387] Fix | Delete

}

[5388] Fix | Delete

});

[5389] Fix | Delete

return self._super();

[5390] Fix | Delete

},

[5391] Fix | Delete

remove: function () {

[5392] Fix | Delete

global$9(this.getEl('inp')).off();

[5393] Fix | Delete

if (this.menu) {

[5394] Fix | Delete

this.menu.remove();

[5395] Fix | Delete

}

[5396] Fix | Delete

this._super();

[5397] Fix | Delete

}

[5398] Fix | Delete

});

[5399] Fix | Delete

[5400] Fix | Delete

var ColorBox = ComboBox.extend({

[5401] Fix | Delete

init: function (settings) {

[5402] Fix | Delete

var self = this;

[5403] Fix | Delete

settings.spellcheck = false;

[5404] Fix | Delete

if (settings.onaction) {

[5405] Fix | Delete

settings.icon = 'none';

[5406] Fix | Delete

}

[5407] Fix | Delete

self._super(settings);

[5408] Fix | Delete

self.classes.add('colorbox');

[5409] Fix | Delete

self.on('change keyup postrender', function () {

[5410] Fix | Delete

self.repaintColor(self.value());

[5411] Fix | Delete

});

[5412] Fix | Delete

},

[5413] Fix | Delete

repaintColor: function (value) {

[5414] Fix | Delete

var openElm = this.getEl('open');

[5415] Fix | Delete

var elm = openElm ? openElm.getElementsByTagName('i')[0] : null;

[5416] Fix | Delete

if (elm) {

[5417] Fix | Delete

try {

[5418] Fix | Delete

elm.style.background = value;

[5419] Fix | Delete

} catch (ex) {

[5420] Fix | Delete

}

[5421] Fix | Delete

}

[5422] Fix | Delete

},

[5423] Fix | Delete

bindStates: function () {

[5424] Fix | Delete

var self = this;

[5425] Fix | Delete

self.state.on('change:value', function (e) {

[5426] Fix | Delete

if (self.state.get('rendered')) {

[5427] Fix | Delete

self.repaintColor(e.value);

[5428] Fix | Delete

}

[5429] Fix | Delete

});

[5430] Fix | Delete

return self._super();

[5431] Fix | Delete

}

[5432] Fix | Delete

});

[5433] Fix | Delete

[5434] Fix | Delete

var PanelButton = Button.extend({

[5435] Fix | Delete

showPanel: function () {

[5436] Fix | Delete

var self = this, settings = self.settings;

[5437] Fix | Delete

self.classes.add('opened');

[5438] Fix | Delete

if (!self.panel) {

[5439] Fix | Delete

var panelSettings = settings.panel;

[5440] Fix | Delete

if (panelSettings.type) {

[5441] Fix | Delete

panelSettings = {

[5442] Fix | Delete

layout: 'grid',

[5443] Fix | Delete

items: panelSettings

[5444] Fix | Delete

};

[5445] Fix | Delete

}

[5446] Fix | Delete

panelSettings.role = panelSettings.role || 'dialog';

[5447] Fix | Delete

panelSettings.popover = true;

[5448] Fix | Delete

panelSettings.autohide = true;

[5449] Fix | Delete

panelSettings.ariaRoot = true;

[5450] Fix | Delete

self.panel = new FloatPanel(panelSettings).on('hide', function () {

[5451] Fix | Delete

self.classes.remove('opened');

[5452] Fix | Delete

}).on('cancel', function (e) {

[5453] Fix | Delete

e.stopPropagation();

[5454] Fix | Delete

self.focus();

[5455] Fix | Delete

self.hidePanel();

[5456] Fix | Delete

}).parent(self).renderTo(self.getContainerElm());

[5457] Fix | Delete

self.panel.fire('show');

[5458] Fix | Delete

self.panel.reflow();

[5459] Fix | Delete

} else {

[5460] Fix | Delete

self.panel.show();

[5461] Fix | Delete

}

[5462] Fix | Delete

var rtlRels = [

[5463] Fix | Delete

'bc-tc',

[5464] Fix | Delete

'bc-tl',

[5465] Fix | Delete

'bc-tr'

[5466] Fix | Delete

];

[5467] Fix | Delete

var ltrRels = [

[5468] Fix | Delete

'bc-tc',

[5469] Fix | Delete

'bc-tr',

[5470] Fix | Delete

'bc-tl',

[5471] Fix | Delete

'tc-bc',

[5472] Fix | Delete

'tc-br',

[5473] Fix | Delete

'tc-bl'

[5474] Fix | Delete

];

[5475] Fix | Delete

var rel = self.panel.testMoveRel(self.getEl(), settings.popoverAlign || (self.isRtl() ? rtlRels : ltrRels));

[5476] Fix | Delete

self.panel.classes.toggle('start', rel.substr(-1) === 'l');

[5477] Fix | Delete

self.panel.classes.toggle('end', rel.substr(-1) === 'r');

[5478] Fix | Delete

var isTop = rel.substr(0, 1) === 't';

[5479] Fix | Delete

self.panel.classes.toggle('bottom', !isTop);

[5480] Fix | Delete

self.panel.classes.toggle('top', isTop);

[5481] Fix | Delete

self.panel.moveRel(self.getEl(), rel);

[5482] Fix | Delete

},

[5483] Fix | Delete

hidePanel: function () {

[5484] Fix | Delete

var self = this;

[5485] Fix | Delete

if (self.panel) {

[5486] Fix | Delete

self.panel.hide();

[5487] Fix | Delete

}

[5488] Fix | Delete

},

[5489] Fix | Delete

postRender: function () {

[5490] Fix | Delete

var self = this;

[5491] Fix | Delete

self.aria('haspopup', true);

[5492] Fix | Delete

self.on('click', function (e) {

[5493] Fix | Delete

if (e.control === self) {

[5494] Fix | Delete

if (self.panel && self.panel.visible()) {

[5495] Fix | Delete

self.hidePanel();

[5496] Fix | Delete

} else {

[5497] Fix | Delete

self.showPanel();

[5498] Fix | Delete

self.panel.focus(!!e.aria);

[5499] Fix | Delete