Edit File by line

(api => {

[0] Fix | Delete

"use strict";

[1] Fix | Delete

api.ModuleFancyHeading = class extends api.Module {

[2] Fix | Delete

constructor(fields) {

[3] Fix | Delete

const settings=fields.mod_settings || {};

[4] Fix | Delete

for(let sides=['top','left','right','bottom'],i=sides.length-1;i>-1;--i){

[5] Fix | Delete

let side=sides[i];

[6] Fix | Delete

for(let bps=api.breakpointsReverse,j=bps.length-1;j>-1;--j){

[7] Fix | Delete

let vals=bps[j]==='desktop'?settings:settings['breakpoint_'+bps[j]];

[8] Fix | Delete

if(vals?.['_margin_'+side+'_divider']!==undefined){

[9] Fix | Delete

vals['md_'+side]=vals['_margin_'+side+'_divider'];

[10] Fix | Delete

delete vals['_margin_'+side+'_divider'];

[11] Fix | Delete

if(vals['_margin_'+side+'_divider_unit']){

[12] Fix | Delete

vals['md_'+side+'_unit']=vals['_margin_'+side+'_divider_unit'];

[13] Fix | Delete

delete vals['_margin_'+side+'_divider_unit'];

[14] Fix | Delete

}

[15] Fix | Delete

}

[16] Fix | Delete

}

[17] Fix | Delete

}

[18] Fix | Delete

super(fields);

[19] Fix | Delete

}

[20] Fix | Delete

static getOptions() {

[21] Fix | Delete

const aligment = [

[22] Fix | Delete

{value: 'themify-text-left', name: 'left', icon: api.Helper.getIcon('ti-align-left').outerHTML},

[23] Fix | Delete

{value: 'themify-text-center', name: 'center', icon: api.Helper.getIcon('ti-align-center').outerHTML},

[24] Fix | Delete

{value: 'themify-text-right', name: 'right', icon: api.Helper.getIcon('ti-align-right').outerHTML}

[25] Fix | Delete

];

[26] Fix | Delete

return [

[27] Fix | Delete

{

[28] Fix | Delete

id: 'heading',

[29] Fix | Delete

type: 'text',

[30] Fix | Delete

label: 'head',

[31] Fix | Delete

control: {

[32] Fix | Delete

selector: '.main-head'

[33] Fix | Delete

}

[34] Fix | Delete

[35] Fix | Delete

{

[36] Fix | Delete

id: 'heading_link',

[37] Fix | Delete

type: 'url',

[38] Fix | Delete

label: 'hlink'

[39] Fix | Delete

[40] Fix | Delete

{

[41] Fix | Delete

id: 'sub_heading',

[42] Fix | Delete

type: 'text',

[43] Fix | Delete

label: 'shead',

[44] Fix | Delete

control: {

[45] Fix | Delete

selector: '.sub-head'

[46] Fix | Delete

}

[47] Fix | Delete

[48] Fix | Delete

{

[49] Fix | Delete

id: 'sub_heading_link',

[50] Fix | Delete

type: 'url',

[51] Fix | Delete

label: 'sheadl'

[52] Fix | Delete

[53] Fix | Delete

{

[54] Fix | Delete

id: 'icon_type',

[55] Fix | Delete

type: 'radio',

[56] Fix | Delete

label: 'divicon',

[57] Fix | Delete

options: [

[58] Fix | Delete

{

[59] Fix | Delete

value: 'icon',

[60] Fix | Delete

[61] Fix | Delete

[62] Fix | Delete

{

[63] Fix | Delete

value: 'image_icon',

[64] Fix | Delete

[65] Fix | Delete

[66] Fix | Delete

{

[67] Fix | Delete

value: 'l',

[68] Fix | Delete

[69] Fix | Delete

}

[70] Fix | Delete

[71] Fix | Delete

option_js: true

[72] Fix | Delete

[73] Fix | Delete

{

[74] Fix | Delete

id: 'image',

[75] Fix | Delete

type: 'image',

[76] Fix | Delete

label: 'imgurl',

[77] Fix | Delete

wrap_class: 'tb_group_element_image_icon'

[78] Fix | Delete

[79] Fix | Delete

{

[80] Fix | Delete

type: 'multi',

[81] Fix | Delete

label: '',

[82] Fix | Delete

wrap_class: 'tb_group_element_icon',

[83] Fix | Delete

options: [

[84] Fix | Delete

{

[85] Fix | Delete

id: 'icon',

[86] Fix | Delete

type: 'icon',

[87] Fix | Delete

label: 'icon'

[88] Fix | Delete

[89] Fix | Delete

{

[90] Fix | Delete

id: 'icon_c',

[91] Fix | Delete

type: 'color',

[92] Fix | Delete

label: 'c',

[93] Fix | Delete

[94] Fix | Delete

}

[95] Fix | Delete

]

[96] Fix | Delete

[97] Fix | Delete

{

[98] Fix | Delete

wrap_class: 'tb_group_element_l',

[99] Fix | Delete

type: 'lottie'

[100] Fix | Delete

[101] Fix | Delete

{

[102] Fix | Delete

id: 'heading_tag',

[103] Fix | Delete

label: 'htt',

[104] Fix | Delete

type: 'select',

[105] Fix | Delete

options: {

[106] Fix | Delete

h1: 'h1',

[107] Fix | Delete

h2: 'h2',

[108] Fix | Delete

h3: 'h3'

[109] Fix | Delete

}

[110] Fix | Delete

[111] Fix | Delete

{

[112] Fix | Delete

id: 'text_alignment',

[113] Fix | Delete

label: 'talign',

[114] Fix | Delete

type: 'icon_radio',

[115] Fix | Delete

options: aligment

[116] Fix | Delete

[117] Fix | Delete

{

[118] Fix | Delete

id: 'inline_text',

[119] Fix | Delete

type: 'checkbox',

[120] Fix | Delete

label: 'inltxt',

[121] Fix | Delete

options: [

[122] Fix | Delete

{

[123] Fix | Delete

[124] Fix | Delete

value: 'dismsh1ln'

[125] Fix | Delete

}

[126] Fix | Delete

]

[127] Fix | Delete

[128] Fix | Delete

{

[129] Fix | Delete

id: 'divider',

[130] Fix | Delete

label: 'div',

[131] Fix | Delete

type: 'toggle_switch',

[132] Fix | Delete

default: 'on',

[133] Fix | Delete

options: {

[134] Fix | Delete

on: {

[135] Fix | Delete

[136] Fix | Delete

[137] Fix | Delete

off: {

[138] Fix | Delete

[139] Fix | Delete

}

[140] Fix | Delete

}

[141] Fix | Delete

[142] Fix | Delete

{

[143] Fix | Delete

type: 'custom_css_id',

[144] Fix | Delete

custom_css: 'css_class'

[145] Fix | Delete

}

[146] Fix | Delete

];

[147] Fix | Delete

}

[148] Fix | Delete

static default() {

[149] Fix | Delete

return {

[150] Fix | Delete

heading: i18n.head,

[151] Fix | Delete

sub_heading: i18n.shead

[152] Fix | Delete

};

[153] Fix | Delete

}

[154] Fix | Delete

static builderSave(settings){

[155] Fix | Delete

const def={

[156] Fix | Delete

heading_tag:'h1',

[157] Fix | Delete

divider: 'yes',

[158] Fix | Delete

inline_text:false,

[159] Fix | Delete

icon_type:'icon',

[160] Fix | Delete

text_alignment:'left'

[161] Fix | Delete

[162] Fix | Delete

iconType=settings.icon_type,

[163] Fix | Delete

units=['main_margin_top','main_margin_bottom','m_h_margin_top','m_h_margin_bottom','font_size_subheading','line_height_subheading','letter_spacing_subheading','sub_margin_top','sub_margin_bottom','f_s_s_h','s_h_margin_top','s_h_margin_bottom','fh_d_s','fh_d_s_h'];

[164] Fix | Delete

for( let key in def){

[165] Fix | Delete

if(settings[key]===def[key]){

[166] Fix | Delete

delete settings[key];

[167] Fix | Delete

}

[168] Fix | Delete

}

[169] Fix | Delete

if(settings.text_alignment==='undefined'){

[170] Fix | Delete

delete settings.text_alignment;

[171] Fix | Delete

}

[172] Fix | Delete

[173] Fix | Delete

if(settings.inline_text==='|' || settings.inline_text==='false'){

[174] Fix | Delete

delete settings.inline_text;

[175] Fix | Delete

}

[176] Fix | Delete

if(iconType==='image_icon' || iconType==='l'){

[177] Fix | Delete

delete settings.icon;

[178] Fix | Delete

}

[179] Fix | Delete

if(iconType!=='image_icon'){

[180] Fix | Delete

delete settings.image;

[181] Fix | Delete

}

[182] Fix | Delete

if(iconType!=='l'){

[183] Fix | Delete

delete settings.path;

[184] Fix | Delete

}

[185] Fix | Delete

if(!settings.icon){

[186] Fix | Delete

delete settings.icon_c;

[187] Fix | Delete

}

[188] Fix | Delete

if(!settings.path){

[189] Fix | Delete

const lottieDel= [

[190] Fix | Delete

'st',

[191] Fix | Delete

'count',

[192] Fix | Delete

'sp',

[193] Fix | Delete

'dir',

[194] Fix | Delete

'seg',

[195] Fix | Delete

'fid',

[196] Fix | Delete

'r',

[197] Fix | Delete

'lp'

[198] Fix | Delete

];

[199] Fix | Delete

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

[200] Fix | Delete

if(settings[lottieDel[i]]!==undefined){

[201] Fix | Delete

delete settings[lottieDel[i]];

[202] Fix | Delete

}

[203] Fix | Delete

}

[204] Fix | Delete

}

[205] Fix | Delete

for(let bps=api.breakpointsReverse,i=bps.length-1;i>-1;--i){

[206] Fix | Delete

let bp=bps[i];

[207] Fix | Delete

//Image Gradient

[208] Fix | Delete

this.clearImageGradient('background_image','background_color','background_repeat','background_position',bp,settings);

[209] Fix | Delete

this.clearImageGradient('b_i_h','bg_c_h','b_r_h','b_p_h',bp,settings);

[210] Fix | Delete

//Font color

[211] Fix | Delete

this.clearFontColor('font_color_type','font_color','font_gradient_color',bp,settings);

[212] Fix | Delete

this.clearFontColor('f_c_t_h','f_c_h','f_g_c_h',bp,settings);

[213] Fix | Delete

this.clearFontColor('font_color_type_subheading','font_color_subheading','font_gradient_color_subheading',bp,settings);

[214] Fix | Delete

this.clearFontColor('f_c_t_s_h','f_c_s_h','f_g_c_s_h',bp,settings);

[215] Fix | Delete

//Text Shadow

[216] Fix | Delete

this.clearShadow('t_sh_h',0,bp,settings);

[217] Fix | Delete

this.clearShadow('t_sh_h_h',0,bp,settings);

[218] Fix | Delete

this.clearShadow('t_sh_s_h',0,bp,settings);

[219] Fix | Delete

this.clearShadow('t_sh_s_h_h',0,bp,settings);

[220] Fix | Delete

//paddings

[221] Fix | Delete

this.clearPadding('padding',bp,settings);

[222] Fix | Delete

this.clearPadding('p_h',bp,settings);

[223] Fix | Delete

this.clearPadding('fh_d_i_p',bp,settings);

[224] Fix | Delete

this.clearPadding('fh_d_i_p_h',bp,settings);

[225] Fix | Delete

//margin

[226] Fix | Delete

this.clearPadding('margin',bp,settings);

[227] Fix | Delete

this.clearPadding('m_h',bp,settings);

[228] Fix | Delete

this.clearPadding('md',bp,settings);

[229] Fix | Delete

this.clearPadding('fh_d_i_m',bp,settings);

[230] Fix | Delete

this.clearPadding('fh_d_i_m_h',bp,settings);

[231] Fix | Delete

this.clearPadding('fh_d_b_m',bp,settings);

[232] Fix | Delete

this.clearPadding('fh_d_b_m_h',bp,settings);

[233] Fix | Delete

//border-radius

[234] Fix | Delete

this.clearPadding('b_ra',bp,settings);

[235] Fix | Delete

this.clearPadding('r_c_h',bp,settings);

[236] Fix | Delete

this.clearPadding('fh_d_i_rc',bp,settings);

[237] Fix | Delete

this.clearPadding('fh_d_i_rc_h',bp,settings);

[238] Fix | Delete

//border

[239] Fix | Delete

this.clearBorder('border',bp,settings);

[240] Fix | Delete

this.clearBorder('b_h',bp,settings);

[241] Fix | Delete

this.clearBorder('d_border',bp,settings);

[242] Fix | Delete

this.clearBorder('fh_d_i_b',bp,settings);

[243] Fix | Delete

this.clearBorder('fh_d_i_b_h',bp,settings);

[244] Fix | Delete

this.clearBorder('fh_d_b_b',bp,settings);

[245] Fix | Delete

this.clearBorder('fh_d_b_b_h',bp,settings);

[246] Fix | Delete

//filters

[247] Fix | Delete

this.clearFilter('bl_m','css_f',bp,settings);

[248] Fix | Delete

this.clearFilter('_h','css_f_h',bp,settings);

[249] Fix | Delete

//width,height

[250] Fix | Delete

this.clearWidth('w',bp,settings);

[251] Fix | Delete

this.clearWidth('d_width',bp,settings);

[252] Fix | Delete

this.clearWidth('fh_d_b_w',bp,settings);

[253] Fix | Delete

this.clearWidth('ht',bp,settings,1);

[254] Fix | Delete

//Box Shadow

[255] Fix | Delete

this.clearShadow('b_sh',1,bp,settings);

[256] Fix | Delete

this.clearShadow('sh_h',1,bp,settings);

[257] Fix | Delete

//position

[258] Fix | Delete

this.clearPosition('po',bp,settings);

[259] Fix | Delete

//transform

[260] Fix | Delete

this.clearTransform('tr',bp,settings);

[261] Fix | Delete

this.clearTransform('tr-h',bp,settings);

[262] Fix | Delete

//margin

[263] Fix | Delete

this.clearMarginOpposity('main_margin_top',bp,settings);

[264] Fix | Delete

this.clearMarginOpposity('m_h_margin_top',bp,settings);

[265] Fix | Delete

this.clearMarginOpposity('sub_margin_top',bp,settings);

[266] Fix | Delete

this.clearMarginOpposity('s_h_margin_top',bp,settings);

[267] Fix | Delete

//units

[268] Fix | Delete

this.clearUnits(units,bp,settings);

[269] Fix | Delete

}

[270] Fix | Delete

super.builderSave(settings);

[271] Fix | Delete

}

[272] Fix | Delete

getExcerpt(data) {

[273] Fix | Delete

const setting = data || this.get('mod_settings');

[274] Fix | Delete

return api.Helper.limitString(setting.heading);

[275] Fix | Delete

}

[276] Fix | Delete

preview(data) {

[277] Fix | Delete

const inline = data.inline_text?.toString() === '1',

[278] Fix | Delete

inlineBlock = !inline ? 'tf_block' : 'tf_inline_b',

[279] Fix | Delete

module = createElement(),

[280] Fix | Delete

heading = createElement(data.heading_tag || 'h1','fancy-heading'),

[281] Fix | Delete

mainHead = createElement('span','main-head ' + inlineBlock),

[282] Fix | Delete

subHead = createElement('span','sub-head tf_rel ' + inlineBlock),

[283] Fix | Delete

classes = ['module', 'module-fancy-heading'],

[284] Fix | Delete

divider = 'no' === data.divider,

[285] Fix | Delete

iconType = data.icon_type || 'icon',

[286] Fix | Delete

icon = iconType !== 'image_icon' ? (iconType !== 'l' ? (data.icon ? api.Helper.getIcon(data.icon) : '') : api.Helper.getLottie(data, 'parent')) : data.image,

[287] Fix | Delete

constructor=this.constructor;

[288] Fix | Delete

if (inline) {

[289] Fix | Delete

classes.push('inline-fancy-heading');

[290] Fix | Delete

}

[291] Fix | Delete

if (divider) {

[292] Fix | Delete

classes.push('tb_hide_divider');

[293] Fix | Delete

}

[294] Fix | Delete

if (data.css_class) {

[295] Fix | Delete

classes.push(data.css_class);

[296] Fix | Delete

}

[297] Fix | Delete

module.className = classes.join(' ');

[298] Fix | Delete

[299] Fix | Delete

if (data.text_alignment) {

[300] Fix | Delete

heading.className += ' tf_text' + (data.text_alignment.replace('themify-text-', ''))[0];

[301] Fix | Delete

}

[302] Fix | Delete

[303] Fix | Delete

[304] Fix | Delete

if (data.heading_link) {

[305] Fix | Delete

mainHead.appendChild(constructor._setEditableContent(createElement('a'),{class:'heading',href:data.heading_link},data.heading));

[306] Fix | Delete

} else {

[307] Fix | Delete

constructor._setEditableContent(mainHead,'heading',data.heading);

[308] Fix | Delete

}

[309] Fix | Delete

[310] Fix | Delete

heading.appendChild(mainHead);

[311] Fix | Delete

[312] Fix | Delete

if (icon) {

[313] Fix | Delete

let iconWrap = createElement('span','tb_fancy_heading_icon_wrap ' + inlineBlock),

[314] Fix | Delete

iconHead = createElement('span','tb_fancy_heading_icon'),

[315] Fix | Delete

iconItem;

[316] Fix | Delete

[317] Fix | Delete

if (iconType !== 'image_icon') {

[318] Fix | Delete

iconItem = createElement('em');

[319] Fix | Delete

if (iconType === 'icon' && data.icon_c) {

[320] Fix | Delete

iconItem.style.color = api.Helper.toRGBA(data.icon_c);

[321] Fix | Delete

}

[322] Fix | Delete

iconItem.appendChild(icon);

[323] Fix | Delete

} else {

[324] Fix | Delete

iconItem = constructor.setEditableImage(createElement('img'),'image');

[325] Fix | Delete

iconItem.src = icon;

[326] Fix | Delete

}

[327] Fix | Delete

iconHead.appendChild(iconItem);

[328] Fix | Delete

iconWrap.appendChild(iconHead);

[329] Fix | Delete

[330] Fix | Delete

if (!divider) {

[331] Fix | Delete

let border = createElement('span', 'tb_fancy_heading_border tf_rel');

[332] Fix | Delete

iconWrap.appendChild(border.cloneNode());

[333] Fix | Delete

iconWrap.prepend(border);

[334] Fix | Delete

}

[335] Fix | Delete

heading.appendChild(iconWrap);

[336] Fix | Delete

}

[337] Fix | Delete

[338] Fix | Delete

if (data.sub_heading_link) {

[339] Fix | Delete

subHead.appendChild(constructor._setEditableContent(createElement('a'),{class:'sub_heading',href:data.sub_heading_link},data.sub_heading));

[340] Fix | Delete

} else {

[341] Fix | Delete

constructor._setEditableContent(subHead,'sub_heading',data.sub_heading);

[342] Fix | Delete

}

[343] Fix | Delete

[344] Fix | Delete

heading.appendChild(subHead);

[345] Fix | Delete

[346] Fix | Delete

module.appendChild(heading);

[347] Fix | Delete

return module;

[348] Fix | Delete

}

[349] Fix | Delete

};

[350] Fix | Delete

})(tb_app);

[351] Fix | Delete