Edit File by line

t = doc.createElement('tb-'+model.type+'-bar'),

[500] Fix | Delete

actionWrap=actionBar.tfClass('tb_action_wrap')[0];

[501] Fix | Delete

if(model.isEmpty===true){

[502] Fix | Delete

cl+=' tb_disabled_module';

[503] Fix | Delete

}

[504] Fix | Delete

else if(model.isSubCol===true){

[505] Fix | Delete

cl+=' tb_bar_sub_column';

[506] Fix | Delete

}

[507] Fix | Delete

else if(slug==='row'){

[508] Fix | Delete

if(model.el.classList.contains('tb-page-break')){

[509] Fix | Delete

slug='page_break';

[510] Fix | Delete

}

[511] Fix | Delete

else{

[512] Fix | Delete

let p=el.parentNode,

[513] Fix | Delete

last=p.lastElementChild.previousElementSibling;

[514] Fix | Delete

while(!last.classList.contains('module_row')){

[515] Fix | Delete

last=last.previousElementSibling;

[516] Fix | Delete

}

[517] Fix | Delete

if(el===p.firstElementChild){

[518] Fix | Delete

cl+=' tb_row_first';

[519] Fix | Delete

}

[520] Fix | Delete

if(el===last){

[521] Fix | Delete

cl+=' tb_row_last';

[522] Fix | Delete

}

[523] Fix | Delete

}

[524] Fix | Delete

}

[525] Fix | Delete

cl+=' tb_bar_'+slug;

[526] Fix | Delete

if(api.activeBreakPoint!=='desktop'){

[527] Fix | Delete

cl+=' tb_bar_responsive_mode';

[528] Fix | Delete

}

[529] Fix | Delete

t.className=cl;

[530] Fix | Delete

//actionBar.style.marginTop='';

[531] Fix | Delete

actionBar.id='tb_component_bar';

[532] Fix | Delete

actionWrap?.replaceWith(t) || actionBar.appendChild(t);

[533] Fix | Delete

api.Utils.addViewPortClass(t.shadowRoot.querySelector('.dropdown'));

[534] Fix | Delete

[535] Fix | Delete

if (model.type === 'module') {

[536] Fix | Delete

const rect = el.getBoundingClientRect();

[537] Fix | Delete

if (rect.height < 70) {

[538] Fix | Delete

const cl = t.shadowRoot.querySelector('.wrap,.dropdown').classList,

[539] Fix | Delete

a_top = actionBar.getBoundingClientRect().top;

[540] Fix | Delete

//cl.toggle('small_bottom',!(a_top < 40 || (a_top - api.Builder.get().el.getBoundingClientRect().top) < 40));

[541] Fix | Delete

}

[542] Fix | Delete

}*/

[543] Fix | Delete

}

[544] Fix | Delete

if (api.isVisual) {

[545] Fix | Delete

api.EdgeDrag.addEdges(model);

[546] Fix | Delete

}

[547] Fix | Delete

}

[548] Fix | Delete

}

[549] Fix | Delete

else{

[550] Fix | Delete

this.clear();

[551] Fix | Delete

}

[552] Fix | Delete

}

[553] Fix | Delete

}

[554] Fix | Delete

[555] Fix | Delete

async _click(e) {

[556] Fix | Delete

if (api.isPreview || this.disable === true || e.target.closest('.tb_disable_sorting,.tb_grid_drag')!==null) {

[557] Fix | Delete

return;

[558] Fix | Delete

}

[559] Fix | Delete

const target = e.target,

[560] Fix | Delete

el = target.closest('[data-cid]');

[561] Fix | Delete

if(!el || (target.tagName.indexOf('-')!==-1 && !target.closest('.module'))){

[562] Fix | Delete

return;

[563] Fix | Delete

}

[564] Fix | Delete

e.preventDefault();

[565] Fix | Delete

const model = Registry.get(el.dataset.cid);

[566] Fix | Delete

if(model && model.isEmpty!==true){

[567] Fix | Delete

if(e.ctrlKey===true || e.metaKey===true){

[568] Fix | Delete

el.classList.toggle('tb_element_clicked');

[569] Fix | Delete

}

[570] Fix | Delete

else if ((e.type==='dblclick' || api.isDocked) && !el.classList.contains('tb_active_layout_part')) {

[571] Fix | Delete

try{

[572] Fix | Delete

clearTimeout(clickTimer);

[573] Fix | Delete

const isSame=api.activeModel?.id===model.id;

[574] Fix | Delete

await model.edit();

[575] Fix | Delete

clickTimer=setTimeout(()=>{

[576] Fix | Delete

const repeatEl=target.closest('.tb_is_repeat');

[577] Fix | Delete

if(repeatEl){

[578] Fix | Delete

let index=repeatEl.dataset.swiperSlideIndex;

[579] Fix | Delete

index=index!=='' && index!==undefined?~~index:Themify.convert(repeatEl.parentNode.children).indexOf(repeatEl);

[580] Fix | Delete

if((!isSame && index>0) || (isSame && index!==-1)){

[581] Fix | Delete

const lb=api.LightBox.el.querySelector('#tb_lightbox_container'),

[582] Fix | Delete

row=lb.tfClass('tb_repeatable_field')[index];

[583] Fix | Delete

if(row){

[584] Fix | Delete

if(!isSame){

[585] Fix | Delete

lb.style.scrollBehavior = 'auto';

[586] Fix | Delete

}

[587] Fix | Delete

row.scrollIntoView();

[588] Fix | Delete

lb.style.scrollBehavior = '';

[589] Fix | Delete

}

[590] Fix | Delete

}

[591] Fix | Delete

}

[592] Fix | Delete

clickTimer=null;

[593] Fix | Delete

},(isSame?5:20));

[594] Fix | Delete

}

[595] Fix | Delete

catch(e){

[596] Fix | Delete

[597] Fix | Delete

}

[598] Fix | Delete

}

[599] Fix | Delete

}

[600] Fix | Delete

[601] Fix | Delete

clear() {

[602] Fix | Delete

if(this.disableClear!==true){

[603] Fix | Delete

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

[604] Fix | Delete

let last=bars[i].lastChild;

[605] Fix | Delete

bars[i].removeAttribute('id');

[606] Fix | Delete

if(last.tagName!=='SVG'){

[607] Fix | Delete

last.remove();

[608] Fix | Delete

}

[609] Fix | Delete

}

[610] Fix | Delete

this.cid=null;

[611] Fix | Delete

}

[612] Fix | Delete

[613] Fix | Delete

clearClicked() {

[614] Fix | Delete

if(this.disableClear!==true){

[615] Fix | Delete

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

[616] Fix | Delete

selected[i].classList.remove('tb_element_clicked','tb_current_module');

[617] Fix | Delete

}

[618] Fix | Delete

}

[619] Fix | Delete

}

[620] Fix | Delete

};

[621] Fix | Delete

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

[622] Fix | Delete

api.ActionBar._init();

[623] Fix | Delete

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

[624] Fix | Delete

[625] Fix | Delete

})(tb_app,_CLICK_,topWindowDoc);

[626] Fix | Delete