Edit File by line

}else{

[1000] Fix | Delete

left-=3;

[1001] Fix | Delete

}

[1002] Fix | Delete

left -= (w / 2);

[1003] Fix | Delete

if (left < 0) {

[1004] Fix | Delete

left = 5;

[1005] Fix | Delete

}

[1006] Fix | Delete

else if((w+left)>winW){

[1007] Fix | Delete

left=winW-w;

[1008] Fix | Delete

}else{

[1009] Fix | Delete

left=~~left;

[1010] Fix | Delete

}

[1011] Fix | Delete

el.style.transform = 'translate(' + left + 'px,' + top + 'px)';

[1012] Fix | Delete

api.Utils.addViewPortClass(this.el);

[1013] Fix | Delete

if(el.classList.contains('tb_touch_bottom')){

[1014] Fix | Delete

el.style.transform = 'translate(' + left + 'px,' + (top-h) + 'px)';

[1015] Fix | Delete

}

[1016] Fix | Delete

clicked.style.display='';

[1017] Fix | Delete

}

[1018] Fix | Delete

}

[1019] Fix | Delete

static clear(){

[1020] Fix | Delete

for(let clicked=api.Builder.get().el.querySelectorAll('.clicked.tb_column_btn_plus'),i=clicked.length-1;i>-1;--i){

[1021] Fix | Delete

clicked[i].classList.remove('clicked');

[1022] Fix | Delete

}

[1023] Fix | Delete

}

[1024] Fix | Delete

[1025] Fix | Delete

};

[1026] Fix | Delete

[1027] Fix | Delete

api.Dock = {

[1028] Fix | Delete

_key : 'themify_builder_docked',

[1029] Fix | Delete

init() {

[1030] Fix | Delete

if (isFrontend) {

[1031] Fix | Delete

api.isDocked = localStorage.getItem(this._key);

[1032] Fix | Delete

if (api.isDocked === 'true') {

[1033] Fix | Delete

api.isDocked = localStorage.getItem('themify_builder_docked_left') === 'true' ? 'left' : 'right';

[1034] Fix | Delete

localStorage.removeItem('themify_builder_docked_left');

[1035] Fix | Delete

this.set(api.isDocked);

[1036] Fix | Delete

}

[1037] Fix | Delete

else if(api.isDocked==='0'){

[1038] Fix | Delete

api.isDocked=false;

[1039] Fix | Delete

}

[1040] Fix | Delete

else if(!api.isDocked){

[1041] Fix | Delete

api.isDocked=Themify.isRTL?'right':'left';

[1042] Fix | Delete

}

[1043] Fix | Delete

}

[1044] Fix | Delete

Themify.on('tb_panel_drag_start', () => {

[1045] Fix | Delete

if(!topBodyCl.contains('tb_standalone_lightbox')){

[1046] Fix | Delete

this.close();

[1047] Fix | Delete

let drag = (x, w) => {

[1048] Fix | Delete

if (isFrontend) {

[1049] Fix | Delete

this.drag(x, w);

[1050] Fix | Delete

}

[1051] Fix | Delete

};

[1052] Fix | Delete

Themify.on('tb_panel_drag', drag)

[1053] Fix | Delete

.on('tb_panel_drag_end', () => {

[1054] Fix | Delete

Themify.off('tb_panel_drag', drag);

[1055] Fix | Delete

drag = null;

[1056] Fix | Delete

if (isFrontend) {

[1057] Fix | Delete

if (topBodyCl.contains('tb_dock_highlight')) {

[1058] Fix | Delete

const dir = topBodyCl.contains('tb_dock_left_highlight') ? 'left' : 'right';

[1059] Fix | Delete

topBodyCl.remove('tb_dock_highlight', 'tb_dock_left_highlight');

[1060] Fix | Delete

this.set(dir);

[1061] Fix | Delete

this.setDocked();

[1062] Fix | Delete

} else {

[1063] Fix | Delete

this.set(null);

[1064] Fix | Delete

}

[1065] Fix | Delete

}

[1066] Fix | Delete

}, true);

[1067] Fix | Delete

}

[1068] Fix | Delete

});

[1069] Fix | Delete

[1070] Fix | Delete

set(isDocked) {

[1071] Fix | Delete

if (isFrontend) {

[1072] Fix | Delete

api.isDocked = isDocked;

[1073] Fix | Delete

if (isDocked) {

[1074] Fix | Delete

localStorage.setItem(this._key, isDocked);

[1075] Fix | Delete

api.MainPanel.openFloat(true);

[1076] Fix | Delete

} else {

[1077] Fix | Delete

localStorage.setItem(this._key, 0);

[1078] Fix | Delete

localStorage.removeItem('themify_builder_docked_left');

[1079] Fix | Delete

}

[1080] Fix | Delete

}

[1081] Fix | Delete

[1082] Fix | Delete

setDocked(animate) {

[1083] Fix | Delete

if (api.isDocked) {

[1084] Fix | Delete

if (!topBodyCl.contains('tb_panel_docked')) {

[1085] Fix | Delete

const panel = api.MainPanel.el,

[1086] Fix | Delete

lb = api.LightBox.el,

[1087] Fix | Delete

panelCl=panel.classList,

[1088] Fix | Delete

workspace = topWindowDoc.tfClass('tb_workspace_container')[0],

[1089] Fix | Delete

classes=[panelCl,ToolBar.el.classList,topBodyCl,bodyCl];

[1090] Fix | Delete

panelCl.remove('is_minimized');

[1091] Fix | Delete

if (animate !== false) {

[1092] Fix | Delete

const trEnd = function() {

[1093] Fix | Delete

this.style.transition = '';

[1094] Fix | Delete

};

[1095] Fix | Delete

workspace.tfOn('transitionend', function() {

[1096] Fix | Delete

trEnd.call(this);

[1097] Fix | Delete

api.Utils.onResize(true);

[1098] Fix | Delete

}, {

[1099] Fix | Delete

passive: true,

[1100] Fix | Delete

once: true

[1101] Fix | Delete

})

[1102] Fix | Delete

.style.setProperty('transition', 'width .3s', 'important');

[1103] Fix | Delete

if (panel.offsetHeight !== 0) {

[1104] Fix | Delete

panel.tfOn('transitionend', trEnd, {

[1105] Fix | Delete

passive: true,

[1106] Fix | Delete

once: true

[1107] Fix | Delete

})

[1108] Fix | Delete

.style.setProperty('transition', 'height .3s', 'important');

[1109] Fix | Delete

}

[1110] Fix | Delete

if (lb.offsetHeight !== 0) {

[1111] Fix | Delete

lb.tfOn('transitionend', function(){

[1112] Fix | Delete

trEnd.call(this);

[1113] Fix | Delete

api.LightBox.setupLightboxSizeClass();

[1114] Fix | Delete

}, {

[1115] Fix | Delete

passive: true,

[1116] Fix | Delete

once: true

[1117] Fix | Delete

})

[1118] Fix | Delete

.style.setProperty('transition', 'height .3s', 'important');

[1119] Fix | Delete

}

[1120] Fix | Delete

}

[1121] Fix | Delete

for(let i=classes.length-1;i>-1;--i){

[1122] Fix | Delete

classes[i].remove('tb_panel_right_dock','tb_panel_left_dock');

[1123] Fix | Delete

classes[i].add('tb_panel_docked','tb_panel_'+api.isDocked+'_dock');

[1124] Fix | Delete

}

[1125] Fix | Delete

panelCl.remove('tb_float_xsmall', 'tb_float_small', 'tb_float_large');

[1126] Fix | Delete

lb.classList.remove('tb_float_xsmall', 'tb_float_small', 'tb_float_large');

[1127] Fix | Delete

api.MainPanel.setResponsiveTabs();

[1128] Fix | Delete

Themify.trigger('tb_resize_lightbox');

[1129] Fix | Delete

return true;

[1130] Fix | Delete

}

[1131] Fix | Delete

}

[1132] Fix | Delete

return false;

[1133] Fix | Delete

[1134] Fix | Delete

drag(clientX, width) {

[1135] Fix | Delete

if (!api.isDocked) {

[1136] Fix | Delete

if (!topBodyCl.contains('tb_standalone_lightbox')) {

[1137] Fix | Delete

if (clientX < 0 || (clientX + 20 + width) > topWindow.innerWidth) {

[1138] Fix | Delete

const dir = clientX < 0 ? 'left' : 'right';

[1139] Fix | Delete

topBodyCl.add('tb_dock_highlight');

[1140] Fix | Delete

topBodyCl.toggle('tb_dock_left_highlight', dir === 'left');

[1141] Fix | Delete

return dir;

[1142] Fix | Delete

}

[1143] Fix | Delete

topBodyCl.remove('tb_dock_highlight', 'tb_dock_left_highlight');

[1144] Fix | Delete

}

[1145] Fix | Delete

}

[1146] Fix | Delete

return false;

[1147] Fix | Delete

[1148] Fix | Delete

close(animate=false) {

[1149] Fix | Delete

if (api.isDocked) {

[1150] Fix | Delete

if (animate!==false && api.isDocked === 'right') {

[1151] Fix | Delete

topWindowDoc.tfClass('tb_workspace_container')[0].tfOn('transitionend', function() {

[1152] Fix | Delete

this.style.transition = '';

[1153] Fix | Delete

api.Utils.onResize(true);

[1154] Fix | Delete

},{passive:true,once:true})

[1155] Fix | Delete

.style.transition = 'width .3s';

[1156] Fix | Delete

}

[1157] Fix | Delete

for(let classes=[ToolBar.el.classList,api.MainPanel.el.classList,topBodyCl,bodyCl],i=classes.length-1;i>-1;--i){

[1158] Fix | Delete

classes[i].remove('tb_panel_docked', 'tb_panel_left_dock', 'tb_panel_right_dock');

[1159] Fix | Delete

}

[1160] Fix | Delete

if (animate===false || api.isDocked !== 'right') {

[1161] Fix | Delete

api.Utils.onResize(true);

[1162] Fix | Delete

}

[1163] Fix | Delete

this.set(null);

[1164] Fix | Delete

Themify.trigger('tb_resize_lightbox');

[1165] Fix | Delete

api.MainPanel.setResponsiveTabs();

[1166] Fix | Delete

}

[1167] Fix | Delete

}

[1168] Fix | Delete

};

[1169] Fix | Delete

[1170] Fix | Delete

Themify.on('tb_toolbar_style_ready',()=>{

[1171] Fix | Delete

api.MainPanel.initialize();

[1172] Fix | Delete

api.Dock.init();

[1173] Fix | Delete

},true,!!ToolBar?.el)

[1174] Fix | Delete

.on('tb_toolbar_loaded', ()=>{

[1175] Fix | Delete

api.MainPanel.init();

[1176] Fix | Delete

api.SmallPanel.init();

[1177] Fix | Delete

},true,ToolBar?.isLoaded===true);

[1178] Fix | Delete

[1179] Fix | Delete

[1180] Fix | Delete

})(tb_app,tb_app.ToolBar,_CLICK_,body,topBody,topBodyCl,topWindow,topWindowDoc);

[1181] Fix | Delete

1 23