Edit File by line

el.classList.remove('tb_start_animate');

[500] Fix | Delete

timer = el = owner = null;

[501] Fix | Delete

};

[502] Fix | Delete

this.tfOn('lostpointercapture pointerup', up, {passive: true,once: true})

[503] Fix | Delete

.tfOn('pointermove', startDrag, {passive: true,once: true})

[504] Fix | Delete

.tfOn('pointermove', draggableCallback, {passive: true})

[505] Fix | Delete

.setPointerCapture(e.pointerId);

[506] Fix | Delete

}

[507] Fix | Delete

[508] Fix | Delete

}, {

[509] Fix | Delete

passive: true

[510] Fix | Delete

});

[511] Fix | Delete

[512] Fix | Delete

this._resize();

[513] Fix | Delete

}

[514] Fix | Delete

static _resize() {

[515] Fix | Delete

const self = this,

[516] Fix | Delete

items = this.el.tfClass('tb_resizable');

[517] Fix | Delete

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

[518] Fix | Delete

items[i].tfOn('pointerdown', function(e) {

[519] Fix | Delete

if (e.button === 0) {

[520] Fix | Delete

e.stopImmediatePropagation();

[521] Fix | Delete

let activeCl, timer,

[522] Fix | Delete

owner = this.ownerDocument,

[523] Fix | Delete

el = self.el;

[524] Fix | Delete

el.style.willChange='transform,width,height';

[525] Fix | Delete

const maxHeight = owner.documentElement.clientHeight * .9,

[526] Fix | Delete

minHeight = 50,

[527] Fix | Delete

computed = getComputedStyle(el),

[528] Fix | Delete

minWidth = parseInt(computed.getPropertyValue('min-width')),

[529] Fix | Delete

maxWidth = parseInt(computed.getPropertyValue('max-width')),

[530] Fix | Delete

axis = this.dataset.axis,

[531] Fix | Delete

startH = ~~el.offsetHeight,

[532] Fix | Delete

startW = ~~el.offsetWidth,

[533] Fix | Delete

{clientX:resizeX,clientY:resizeY} = e,

[534] Fix | Delete

_start=()=>{

[535] Fix | Delete

ToolBar.el.classList.add('tb_start_animate');

[536] Fix | Delete

el.classList.add('tb_start_animate');

[537] Fix | Delete

owner.body.classList.add('tb_start_animate');

[538] Fix | Delete

[539] Fix | Delete

_resize = e => {

[540] Fix | Delete

e.stopImmediatePropagation();

[541] Fix | Delete

timer = requestAnimationFrame(() => {

[542] Fix | Delete

let w;

[543] Fix | Delete

const {clientX,clientY} = e,

[544] Fix | Delete

matrix = new DOMMatrix(getComputedStyle(el).transform);

[545] Fix | Delete

if (axis === 'w') {

[546] Fix | Delete

w = resizeX + startW - clientX;

[547] Fix | Delete

if (w > maxWidth) {

[548] Fix | Delete

w = maxWidth;

[549] Fix | Delete

}

[550] Fix | Delete

if (w >= minWidth && w <= maxWidth) {

[551] Fix | Delete

matrix.m41 += parseInt(el.style.width) - w;

[552] Fix | Delete

el.style.width = w + 'px';

[553] Fix | Delete

}

[554] Fix | Delete

} else {

[555] Fix | Delete

const h = axis === '-y' || axis === 'ne' || axis === 'nw' ? (resizeY + startH - clientY) : (startH + clientY - resizeY);

[556] Fix | Delete

w = axis === 'sw' || axis === 'nw' ? (resizeX + startW - clientX) : (startW + clientX - resizeX);

[557] Fix | Delete

if (w > maxWidth) {

[558] Fix | Delete

w = maxWidth;

[559] Fix | Delete

}

[560] Fix | Delete

if ((axis === 'se' || axis === 'x' || axis === 'sw' || axis === 'nw' || axis === 'ne') && w >= minWidth && w <= maxWidth) {

[561] Fix | Delete

if (axis === 'sw' || axis === 'nw') {

[562] Fix | Delete

matrix.m41 += parseInt(el.style.width) - w;

[563] Fix | Delete

}

[564] Fix | Delete

el.style.width = w + 'px';

[565] Fix | Delete

}

[566] Fix | Delete

if ((axis === 'se' || axis === 'y' || axis === '-y' || axis === 'sw' || axis === 'nw' || axis === 'ne') && h >= minHeight && h <= maxHeight) {

[567] Fix | Delete

if (axis === '-y' || axis === 'nw' || axis === 'ne') {

[568] Fix | Delete

matrix.m42 += parseInt(el.style.height) - h;

[569] Fix | Delete

[570] Fix | Delete

}

[571] Fix | Delete

el.style.height = h + 'px';

[572] Fix | Delete

}

[573] Fix | Delete

}

[574] Fix | Delete

el.style.transform = 'translate(' + matrix.m41 + 'px,' + matrix.m42 + 'px)';

[575] Fix | Delete

if (axis !== 'y' && axis !== '-y') {

[576] Fix | Delete

const current = self.getPanelClass(w);

[577] Fix | Delete

if (activeCl !== current) {

[578] Fix | Delete

if (activeCl) {

[579] Fix | Delete

el.classList.remove(activeCl);

[580] Fix | Delete

}

[581] Fix | Delete

activeCl = current;

[582] Fix | Delete

self.setResponsiveTabs(current);

[583] Fix | Delete

}

[584] Fix | Delete

}

[585] Fix | Delete

});

[586] Fix | Delete

[587] Fix | Delete

_stop = function(e) {

[588] Fix | Delete

e.stopImmediatePropagation();

[589] Fix | Delete

cancelAnimationFrame(timer);

[590] Fix | Delete

this.tfOff('pointermove', _start, {passive: true,once: true})

[591] Fix | Delete

.tfOff('pointermove', _resize, {passive: true})

[592] Fix | Delete

.tfOff('lostpointercapture pointerup', _stop, {passive: true,once: true });

[593] Fix | Delete

el.style.willChange='';

[594] Fix | Delete

self.updateStorage();

[595] Fix | Delete

owner.body.classList.remove('tb_start_animate');

[596] Fix | Delete

ToolBar.el.classList.remove('tb_start_animate');

[597] Fix | Delete

el.classList.remove('tb_start_animate');

[598] Fix | Delete

timer = activeCl = owner = el = null;

[599] Fix | Delete

};

[600] Fix | Delete

this.tfOn('pointermove', _start, {passive: true,once: true})

[601] Fix | Delete

.tfOn('pointermove', _resize, {passive: true})

[602] Fix | Delete

.tfOn('lostpointercapture pointerup', _stop, {passive: true,once: true })

[603] Fix | Delete

.setPointerCapture(e.pointerId);

[604] Fix | Delete

}

[605] Fix | Delete

}, {

[606] Fix | Delete

passive: true

[607] Fix | Delete

});

[608] Fix | Delete

}

[609] Fix | Delete

}

[610] Fix | Delete

static initSearch() {

[611] Fix | Delete

const input = this.el.tfClass('panel_search')[0];

[612] Fix | Delete

if (input) {

[613] Fix | Delete

input.value = '';

[614] Fix | Delete

const search = function(e) {

[615] Fix | Delete

[616] Fix | Delete

const el = this.tfClass('panel_search')[0],

[617] Fix | Delete

parent = this.closest('.panel'),

[618] Fix | Delete

target = parent.querySelector('.nav_tab .current').dataset.target,

[619] Fix | Delete

s = e.type === 'reset' ? '' : el.value.trim();

[620] Fix | Delete

let items,

[621] Fix | Delete

filter,

[622] Fix | Delete

isModule,

[623] Fix | Delete

isLibrary;

[624] Fix | Delete

if (target === 'panel_modules_wrap') {

[625] Fix | Delete

items = parent.tfClass('module');

[626] Fix | Delete

isModule = true;

[627] Fix | Delete

}

[628] Fix | Delete

else if (target === 'panel_rows' && api.preDesignedRows) {

[629] Fix | Delete

items = parent.tfClass('predesigned_row');

[630] Fix | Delete

const dropdown=items[0].closest('.panel_tab').tfClass('dropdown_label')[0];

[631] Fix | Delete

if(dropdown.dataset.active){

[632] Fix | Delete

Themify.triggerEvent(dropdown.nextElementSibling.firstElementChild,_CLICK_);

[633] Fix | Delete

}

[634] Fix | Delete

}

[635] Fix | Delete

else if (target === 'panel_library' && api.Library) {

[636] Fix | Delete

items = parent.tfClass('library_item');

[637] Fix | Delete

filter = items[0].closest('.panel_tab').querySelector('.library_tab .current').dataset.target;

[638] Fix | Delete

isLibrary = true;

[639] Fix | Delete

}

[640] Fix | Delete

if (items) {

[641] Fix | Delete

const is_empty = s === '',

[642] Fix | Delete

reg = !is_empty ? new RegExp(s, 'i') : false,

[643] Fix | Delete

selector = isModule ? '.module_name' : (isLibrary ? '' : '.predesigned_title'),

[644] Fix | Delete

cats = new Set;

[645] Fix | Delete

[646] Fix | Delete

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

[647] Fix | Delete

let elm = selector === '' ? items[i] : items[i].querySelector(selector),

[648] Fix | Delete

display = is_empty || reg.test(elm.textContent) ? '' : 'none';

[649] Fix | Delete

if(filter && !items[i].classList.contains(filter)){

[650] Fix | Delete

display='none';

[651] Fix | Delete

}

[652] Fix | Delete

if (display === '') {

[653] Fix | Delete

let parent = items[i].closest('.panel_category');

[654] Fix | Delete

if (parent) {

[655] Fix | Delete

parent.parentNode.style.display = '';

[656] Fix | Delete

}

[657] Fix | Delete

}

[658] Fix | Delete

items[i].style.display = display;

[659] Fix | Delete

if (isModule===true && display==='') {

[660] Fix | Delete

cats.add(items[i].parentNode);

[661] Fix | Delete

}

[662] Fix | Delete

}

[663] Fix | Delete

// hide other accordions

[664] Fix | Delete

parent.classList.toggle('panel_searching', !is_empty);

[665] Fix | Delete

// Hide empty module accordions

[666] Fix | Delete

if (isModule) {

[667] Fix | Delete

items = parent.tfClass('panel_category');

[668] Fix | Delete

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

[669] Fix | Delete

items[i].parentNode.style.display=cats.has(items[i])?'':'none';

[670] Fix | Delete

}

[671] Fix | Delete

}

[672] Fix | Delete

}

[673] Fix | Delete

};

[674] Fix | Delete

input.parentNode.tfOn('input reset', search, {

[675] Fix | Delete

passive: true

[676] Fix | Delete

});

[677] Fix | Delete

if (!Themify.isTouch) {

[678] Fix | Delete

api.jsModuleLoaded().then(()=>{

[679] Fix | Delete

setTimeout(() => {

[680] Fix | Delete

input.focus();

[681] Fix | Delete

}, 800);

[682] Fix | Delete

});

[683] Fix | Delete

}

[684] Fix | Delete

}

[685] Fix | Delete

}

[686] Fix | Delete

static _getStorage() {

[687] Fix | Delete

const _this=this;

[688] Fix | Delete

if (_this.size === null) {

[689] Fix | Delete

let storage = localStorage.getItem(_this.#storageKey);

[690] Fix | Delete

storage = storage ? JSON.parse(storage) : {};

[691] Fix | Delete

_this.size = {...{

[692] Fix | Delete

top: 50,

[693] Fix | Delete

left: 10,

[694] Fix | Delete

width: 140,

[695] Fix | Delete

height: 600

[696] Fix | Delete

}, ...storage};

[697] Fix | Delete

}

[698] Fix | Delete

return _this.size;

[699] Fix | Delete

}

[700] Fix | Delete

static updateStorage() {

[701] Fix | Delete

const _this=this,

[702] Fix | Delete

el=_this.el,

[703] Fix | Delete

st=el.style,

[704] Fix | Delete

tr = st.transform,

[705] Fix | Delete

matrix = tr ? (new DOMMatrix(tr)) : null,

[706] Fix | Delete

box = el.tfClass('panel_top')[0].getBoundingClientRect(),

[707] Fix | Delete

wH = topWindow.innerHeight - box.height,

[708] Fix | Delete

wW = topWindow.innerWidth,

[709] Fix | Delete

storage = _this._getStorage();

[710] Fix | Delete

let obj = {

[711] Fix | Delete

width: parseInt(st.width),

[712] Fix | Delete

height: parseInt(st.height)

[713] Fix | Delete

};

[714] Fix | Delete

if (matrix) {

[715] Fix | Delete

obj.top = matrix.m42;

[716] Fix | Delete

obj.left = matrix.m41;

[717] Fix | Delete

}

[718] Fix | Delete

if (obj.height <= 0 || isNaN(obj.height)) {

[719] Fix | Delete

delete obj.height;

[720] Fix | Delete

}

[721] Fix | Delete

if (obj.width <= 0 || isNaN(obj.width)) {

[722] Fix | Delete

delete obj.width;

[723] Fix | Delete

}

[724] Fix | Delete

obj = {...storage, ...obj};

[725] Fix | Delete

if (obj.left < 0 || (obj.left+box.width) > wW) {

[726] Fix | Delete

obj.left = (obj.left < 0 ? 0 : (wW - box.width));

[727] Fix | Delete

}

[728] Fix | Delete

if (obj.top < 0 || obj.top > wH) {

[729] Fix | Delete

obj.top = (obj.top < 0 ? 0 : wH);

[730] Fix | Delete

}

[731] Fix | Delete

if(obj.width){

[732] Fix | Delete

st.width = obj.width + 'px';

[733] Fix | Delete

}

[734] Fix | Delete

if(obj.height){

[735] Fix | Delete

st.height = obj.height + 'px';

[736] Fix | Delete

}

[737] Fix | Delete

st.transform = 'translate(' + obj.left + 'px,' + obj.top + 'px)';

[738] Fix | Delete

[739] Fix | Delete

if (!api.isDocked && storage !== obj && Object.entries(obj).toString() !== Object.entries(storage).toString()) {

[740] Fix | Delete

_this.size = null;

[741] Fix | Delete

localStorage.setItem(_this.#storageKey, JSON.stringify(obj));

[742] Fix | Delete

}

[743] Fix | Delete

return obj;

[744] Fix | Delete

}

[745] Fix | Delete

static _updateAddonsMessage(oldAddons){

[746] Fix | Delete

const addons={

[747] Fix | Delete

'themify-builder-pro':{

[748] Fix | Delete

title:'Themify Builder Pro',

[749] Fix | Delete

modules:[

[750] Fix | Delete

'acf-repeater',

[751] Fix | Delete

'ptb-repeater',

[752] Fix | Delete

'add-to-cart',

[753] Fix | Delete

'advanced-posts',

[754] Fix | Delete

'advanced-products',

[755] Fix | Delete

'archive-description',

[756] Fix | Delete

'archive-image',

[757] Fix | Delete

'archive-posts',

[758] Fix | Delete

'archive-products',

[759] Fix | Delete

'archive-title',

[760] Fix | Delete

'author-info',

[761] Fix | Delete

'breadcrumbs',

[762] Fix | Delete

'cart-icon',

[763] Fix | Delete

'comments',

[764] Fix | Delete

'featured-image',

[765] Fix | Delete

'post-content',

[766] Fix | Delete

'post-meta',

[767] Fix | Delete

'post-navigation',

[768] Fix | Delete

'post-title',

[769] Fix | Delete

'product-description',

[770] Fix | Delete

'product-image',

[771] Fix | Delete

'product-meta',

[772] Fix | Delete

'product-price',

[773] Fix | Delete

'product-rating',

[774] Fix | Delete

'product-reviews',

[775] Fix | Delete

'product-stock-status',

[776] Fix | Delete

'product-taxonomy',

[777] Fix | Delete

'product-title',

[778] Fix | Delete

'related-posts',

[779] Fix | Delete

'related-products',

[780] Fix | Delete

'search-form',

[781] Fix | Delete

'site-logo',

[782] Fix | Delete

'site-tagline',

[783] Fix | Delete

'stats',

[784] Fix | Delete

'taxonomy',

[785] Fix | Delete

'upsell-products',

[786] Fix | Delete

'wc-notices',

[787] Fix | Delete

'woocommerce-breadcrumb',

[788] Fix | Delete

'woocommerce-hook',

[789] Fix | Delete

'readtime'

[790] Fix | Delete

]

[791] Fix | Delete

[792] Fix | Delete

'builder-woocommerce':{

[793] Fix | Delete

title:'Builder WooCommerce',

[794] Fix | Delete

modules:[

[795] Fix | Delete

'products',

[796] Fix | Delete

'product-categories'

[797] Fix | Delete

]

[798] Fix | Delete

}

[799] Fix | Delete

[800] Fix | Delete

addonsNames=new Set;

[801] Fix | Delete

for(let [slug,name] of oldAddons){

[802] Fix | Delete

let found=false;

[803] Fix | Delete

for(let k in addons){

[804] Fix | Delete

if(addons[k].modules.includes(slug)){

[805] Fix | Delete

addonsNames.add(addons[k].title);

[806] Fix | Delete

found=true;

[807] Fix | Delete

break;

[808] Fix | Delete

}

[809] Fix | Delete

}

[810] Fix | Delete

if(found===false){

[811] Fix | Delete

addonsNames.add(name);

[812] Fix | Delete

}

[813] Fix | Delete

}

[814] Fix | Delete

if(isFrontend){

[815] Fix | Delete

body.appendChild(createElement('','tb_old_addons tf_abs_t tf_w tf_h'));

[816] Fix | Delete

}

[817] Fix | Delete

else{

[818] Fix | Delete

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

[819] Fix | Delete

api.Builder.get().el?.classList.add('tb_old_addons');

[820] Fix | Delete

},true,api.is_builder_ready);

[821] Fix | Delete

}

[822] Fix | Delete

this.el.classList.add('tb_old_addons');

[823] Fix | Delete

ToolBar.el.classList.add('tb_old_addons');

[824] Fix | Delete

TF_Notification.showHide('warning', i18n.update_addons.replaceAll('%addons%',[...addonsNames].join(', ')),10000);

[825] Fix | Delete

}

[826] Fix | Delete

static _updateBrowserMessage(){

[827] Fix | Delete

let userAgent = navigator.userAgent.toLowerCase(),

[828] Fix | Delete

browser='',

[829] Fix | Delete

version,

[830] Fix | Delete

keyword;

[831] Fix | Delete

[832] Fix | Delete

if (userAgent.includes('firefox/')) {

[833] Fix | Delete

browser='Firefox';

[834] Fix | Delete

}

[835] Fix | Delete

else if (userAgent.includes('opr/')) {

[836] Fix | Delete

browser='Opera';

[837] Fix | Delete

keyword='opr';

[838] Fix | Delete

}

[839] Fix | Delete

else if (userAgent.includes('edg/')) {

[840] Fix | Delete

browser='Edge';

[841] Fix | Delete

keyword='edg';

[842] Fix | Delete

}

[843] Fix | Delete

else if (userAgent.includes('samsungbrowser/')) {

[844] Fix | Delete

browser='Samsung Browser';

[845] Fix | Delete

keyword='samsungbrowser';

[846] Fix | Delete

}

[847] Fix | Delete

else if (userAgent.includes('chrome/')) {

[848] Fix | Delete

browser='Chrome';

[849] Fix | Delete

}

[850] Fix | Delete

else if (userAgent.includes('safari/')) {

[851] Fix | Delete

browser='Safari';

[852] Fix | Delete

version=(userAgent.split('version/')[1] || userAgent.split('safari/')[1]).split(' ')[0];

[853] Fix | Delete

}

[854] Fix | Delete

if(!version){

[855] Fix | Delete

keyword??=browser.toLowerCase();

[856] Fix | Delete

version=userAgent.split(keyword+'/')[1]?.split(' ')[0] || '';

[857] Fix | Delete

}

[858] Fix | Delete

TF_Notification.showHide('warning', i18n.update_browser.replaceAll('%browser%',browser).replaceAll('%version%',version),10000);

[859] Fix | Delete

}

[860] Fix | Delete

};

[861] Fix | Delete

[862] Fix | Delete

api.SmallPanel = class extends api.MainPanel{

[863] Fix | Delete

static init() {

[864] Fix | Delete

const root = doc.tfId('tb_small_panel_root'),

[865] Fix | Delete

fr = root.firstElementChild,

[866] Fix | Delete

styles = api.MainPanel.el.getRootNode().querySelectorAll('style,#tf_svg'),

[867] Fix | Delete

fragment=createDocumentFragment();

[868] Fix | Delete

[869] Fix | Delete

if (fr) { // shadowrootmode="open" isn't support

[870] Fix | Delete

root.attachShadow({

[871] Fix | Delete

mode: fr.getAttribute('shadowrootmode')

[872] Fix | Delete

}).appendChild(fr.content);

[873] Fix | Delete

fr.remove();

[874] Fix | Delete

}

[875] Fix | Delete

[876] Fix | Delete

for(let i=0,len=styles.length;i<len;++i){

[877] Fix | Delete

if(styles[i].id!=='module_main_panel_style' && styles[i].id!=='tf_fonts_style'){

[878] Fix | Delete

fragment.appendChild(styles[i].cloneNode(true));

[879] Fix | Delete

}

[880] Fix | Delete

}

[881] Fix | Delete

root.shadowRoot.prepend(fragment);

[882] Fix | Delete

if (!isFrontend && doc.querySelector('.edit-post-layout__content') !== null) {

[883] Fix | Delete

doc.tfClass('.edit-post-layout__content').appendChild(root);

[884] Fix | Delete

} else {

[885] Fix | Delete

body.appendChild(root);

[886] Fix | Delete

}

[887] Fix | Delete

[888] Fix | Delete

this.el = root.shadowRoot.tfId('small_panel');

[889] Fix | Delete

doc.tfOn(_CLICK_,e=>{

[890] Fix | Delete

if(!this.el.contains(e.target) && !this.el.getRootNode().host.contains(e.target)){

[891] Fix | Delete

if(e.target.closest('.tb_column_btn_plus')){

[892] Fix | Delete

e.stopImmediatePropagation();

[893] Fix | Delete

e.preventDefault();

[894] Fix | Delete

this.show(e.target);

[895] Fix | Delete

}

[896] Fix | Delete

else{

[897] Fix | Delete

this.hide();

[898] Fix | Delete

}

[899] Fix | Delete

}

[900] Fix | Delete

});

[901] Fix | Delete

this.initClick();

[902] Fix | Delete

}

[903] Fix | Delete

static show(item) {

[904] Fix | Delete

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

[905] Fix | Delete

api.LightBox.close();

[906] Fix | Delete

}

[907] Fix | Delete

if(item.classList.contains('clicked')){

[908] Fix | Delete

return;

[909] Fix | Delete

}

[910] Fix | Delete

body.style.willChange='scroll-position';

[911] Fix | Delete

if(this.el.childElementCount===0){

[912] Fix | Delete

const menu = api.MainPanel.el.tfClass('nav_tab')[0].cloneNode(true),

[913] Fix | Delete

container = api.MainPanel.el.tfClass('panel_container')[0].cloneNode(true),

[914] Fix | Delete

fr = createDocumentFragment();

[915] Fix | Delete

fr.append(menu, container);

[916] Fix | Delete

[917] Fix | Delete

this.el.appendChild(fr);

[918] Fix | Delete

const modules = container.tfClass('modules'),

[919] Fix | Delete

predesign=container.tfClass('predesigned_row'),

[920] Fix | Delete

tabs = this.el.tfClass('tb_compact_tabs'),

[921] Fix | Delete

nav=this.el.tfClass('nav_tab');

[922] Fix | Delete

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

[923] Fix | Delete

predesign[i].remove();

[924] Fix | Delete

}

[925] Fix | Delete

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

[926] Fix | Delete

modules[i].style.display = '';

[927] Fix | Delete

}

[928] Fix | Delete

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

[929] Fix | Delete

tabs[i].classList.remove('tb_compact_tabs');

[930] Fix | Delete

}

[931] Fix | Delete

[932] Fix | Delete

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

[933] Fix | Delete

Themify.triggerEvent(nav[i].firstElementChild ,_CLICK_);

[934] Fix | Delete

}

[935] Fix | Delete

this.initSearch();

[936] Fix | Delete

Themify.triggerEvent(this.el.tfClass('panel_search')[0],'input');

[937] Fix | Delete

api.Drag(this.el);

[938] Fix | Delete

if(isFrontend){

[939] Fix | Delete

topWindowDoc.tfOn(_CLICK_,(e)=>{

[940] Fix | Delete

if(!this.el.contains(e.target) && !this.el.getRootNode().host.contains(e.target)){

[941] Fix | Delete

this.hide();

[942] Fix | Delete

}

[943] Fix | Delete

});

[944] Fix | Delete

}

[945] Fix | Delete

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

[946] Fix | Delete

this.position();

[947] Fix | Delete

});

[948] Fix | Delete

}else if (!Themify.isTouch) {

[949] Fix | Delete

setTimeout(() => {

[950] Fix | Delete

this.el.tfClass('panel_search')[0].focus();

[951] Fix | Delete

}, 50);

[952] Fix | Delete

}

[953] Fix | Delete

const hostCl=this.el.getRootNode().host.classList;

[954] Fix | Delete

this.el.classList.toggle('tb_subrow_open', item.parentNode.closest('.sub_column') !== null);

[955] Fix | Delete

[956] Fix | Delete

this.clear();

[957] Fix | Delete

item.classList.add('clicked');

[958] Fix | Delete

ToolBar.el.classList.add('tb_panel_dropdown_openend');

[959] Fix | Delete

api.MainPanel.el.classList.add('tb_panel_dropdown_openend');

[960] Fix | Delete

[961] Fix | Delete

hostCl.add('tf_hidden');

[962] Fix | Delete

hostCl.remove('tf_hide');

[963] Fix | Delete

this.position(item);

[964] Fix | Delete

hostCl.remove('tf_hidden');

[965] Fix | Delete

[966] Fix | Delete

Themify.trigger('disableInline');

[967] Fix | Delete

body.style.willChange='';

[968] Fix | Delete

[969] Fix | Delete

}

[970] Fix | Delete

static hide(force) {

[971] Fix | Delete

if(this.el){

[972] Fix | Delete

const host=this.el.getRootNode().host;

[973] Fix | Delete

if(!host.classList.contains('tf_hide')){

[974] Fix | Delete

host.classList.add('tf_hide');

[975] Fix | Delete

ToolBar.el.classList.remove('tb_panel_dropdown_openend');

[976] Fix | Delete

api.MainPanel.el.classList.remove('tb_panel_dropdown_openend');

[977] Fix | Delete

this.clear();

[978] Fix | Delete

}

[979] Fix | Delete

}

[980] Fix | Delete

}

[981] Fix | Delete

static position(item){

[982] Fix | Delete

const clicked=item || api.Builder.get().el.querySelector('.clicked.tb_column_btn_plus');

[983] Fix | Delete

if(clicked!==null){

[984] Fix | Delete

clicked.style.display='block';

[985] Fix | Delete

const el=this.el,

[986] Fix | Delete

{offsetWidth:w,offsetHeight:h} = el,

[987] Fix | Delete

box = clicked.getBoundingClientRect(),

[988] Fix | Delete

gutenContainer = !isFrontend ? doc.tfClass('edit-post-layout__content')[0] : null,

[989] Fix | Delete

winW=doc.documentElement.clientWidth;

[990] Fix | Delete

let left = box.left,

[991] Fix | Delete

top = box.top + window.scrollY;

[992] Fix | Delete

[993] Fix | Delete

if (gutenContainer) {

[994] Fix | Delete

top += gutenContainer.scrollTop - 70;

[995] Fix | Delete

left = gutenContainer.clientWidth / 2;

[996] Fix | Delete

}

[997] Fix | Delete

else if(!Themify.isRTL){

[998] Fix | Delete

left+=box.width / 2;

[999] Fix | Delete

123