Edit File by line

(api => {

[0] Fix | Delete

"use strict";

[1] Fix | Delete

api.ModuleIcon = class extends api.Module {

[2] Fix | Delete

constructor(fields) {

[3] Fix | Delete

super(fields);

[4] Fix | Delete

}

[5] Fix | Delete

static getOptions() {

[6] Fix | Delete

return [

[7] Fix | Delete

{

[8] Fix | Delete

id: 'content_icon',

[9] Fix | Delete

type: 'builder',

[10] Fix | Delete

options: [

[11] Fix | Delete

{

[12] Fix | Delete

id: 'icon_type',

[13] Fix | Delete

type: 'radio',

[14] Fix | Delete

label: 'icont',

[15] Fix | Delete

options: [

[16] Fix | Delete

{

[17] Fix | Delete

value: 'icon',

[18] Fix | Delete

[19] Fix | Delete

[20] Fix | Delete

{

[21] Fix | Delete

value: 'image',

[22] Fix | Delete

[23] Fix | Delete

[24] Fix | Delete

{

[25] Fix | Delete

value: 'l',

[26] Fix | Delete

[27] Fix | Delete

}

[28] Fix | Delete

[29] Fix | Delete

option_js: true

[30] Fix | Delete

[31] Fix | Delete

{

[32] Fix | Delete

type: 'group',

[33] Fix | Delete

wrap_class: 'tb_group_element_image',

[34] Fix | Delete

options: [

[35] Fix | Delete

{

[36] Fix | Delete

id: 'image',

[37] Fix | Delete

type: 'image',

[38] Fix | Delete

label: 'imgurl'

[39] Fix | Delete

[40] Fix | Delete

{

[41] Fix | Delete

type: 'multi',

[42] Fix | Delete

label: '',

[43] Fix | Delete

options: [

[44] Fix | Delete

{

[45] Fix | Delete

id: 'w_i',

[46] Fix | Delete

label: 'w',

[47] Fix | Delete

type: 'number',

[48] Fix | Delete

after: 'px'

[49] Fix | Delete

[50] Fix | Delete

{

[51] Fix | Delete

id: 'h_i',

[52] Fix | Delete

type: 'number',

[53] Fix | Delete

label: 'ht',

[54] Fix | Delete

after: 'px'

[55] Fix | Delete

}

[56] Fix | Delete

]

[57] Fix | Delete

}

[58] Fix | Delete

]

[59] Fix | Delete

[60] Fix | Delete

{

[61] Fix | Delete

type: 'multi',

[62] Fix | Delete

label: 'icon',

[63] Fix | Delete

wrap_class: 'tb_group_element_icon',

[64] Fix | Delete

options: [

[65] Fix | Delete

{

[66] Fix | Delete

id: 'icon',

[67] Fix | Delete

type: 'icon',

[68] Fix | Delete

label: 'icon'

[69] Fix | Delete

[70] Fix | Delete

{

[71] Fix | Delete

id: 'c',

[72] Fix | Delete

type: 'color',

[73] Fix | Delete

label: 'c'

[74] Fix | Delete

}

[75] Fix | Delete

]

[76] Fix | Delete

[77] Fix | Delete

{

[78] Fix | Delete

wrap_class: 'tb_group_element_l',

[79] Fix | Delete

type: 'lottie'

[80] Fix | Delete

[81] Fix | Delete

{

[82] Fix | Delete

id: 'bg',

[83] Fix | Delete

type: 'color',

[84] Fix | Delete

label: 'bg'

[85] Fix | Delete

[86] Fix | Delete

{

[87] Fix | Delete

id: 'label',

[88] Fix | Delete

type: 'text',

[89] Fix | Delete

label: 'label',

[90] Fix | Delete

control: {

[91] Fix | Delete

selector: '.module-icon-item>span'

[92] Fix | Delete

}

[93] Fix | Delete

[94] Fix | Delete

{

[95] Fix | Delete

id: 'hide_label',

[96] Fix | Delete

type: 'checkbox',

[97] Fix | Delete

label: '',

[98] Fix | Delete

options: [

[99] Fix | Delete

{

[100] Fix | Delete

[101] Fix | Delete

value: 'hlabel'

[102] Fix | Delete

}

[103] Fix | Delete

]

[104] Fix | Delete

[105] Fix | Delete

{

[106] Fix | Delete

id: 'link',

[107] Fix | Delete

type: 'url',

[108] Fix | Delete

label: 'l',

[109] Fix | Delete

binding: {

[110] Fix | Delete

empty: {

[111] Fix | Delete

hide: [

[112] Fix | Delete

'link_options',

[113] Fix | Delete

'lightbox_size'

[114] Fix | Delete

]

[115] Fix | Delete

[116] Fix | Delete

not_empty: {

[117] Fix | Delete

show: [

[118] Fix | Delete

'link_options',

[119] Fix | Delete

'lightbox_size'

[120] Fix | Delete

]

[121] Fix | Delete

}

[122] Fix | Delete

}

[123] Fix | Delete

[124] Fix | Delete

{

[125] Fix | Delete

id: 'link_options',

[126] Fix | Delete

type: 'radio',

[127] Fix | Delete

label: 'o_l',

[128] Fix | Delete

link_type: true,

[129] Fix | Delete

option_js: true,

[130] Fix | Delete

wrap_class: ' tb_compact_radios'

[131] Fix | Delete

[132] Fix | Delete

{

[133] Fix | Delete

type: 'multi',

[134] Fix | Delete

label: 'lbdim',

[135] Fix | Delete

options: [

[136] Fix | Delete

{

[137] Fix | Delete

id: 'lightbox_width',

[138] Fix | Delete

label: 'w',

[139] Fix | Delete

control: false,

[140] Fix | Delete

type: 'range',

[141] Fix | Delete

units: {

[142] Fix | Delete

px: {

[143] Fix | Delete

max: 3500

[144] Fix | Delete

[145] Fix | Delete

'%': '',

[146] Fix | Delete

em: {

[147] Fix | Delete

min: -50,

[148] Fix | Delete

max: 50

[149] Fix | Delete

}

[150] Fix | Delete

}

[151] Fix | Delete

[152] Fix | Delete

{

[153] Fix | Delete

id: 'lightbox_height',

[154] Fix | Delete

label: 'ht',

[155] Fix | Delete

control: false,

[156] Fix | Delete

type: 'range',

[157] Fix | Delete

units: {

[158] Fix | Delete

px: {

[159] Fix | Delete

max: 3500

[160] Fix | Delete

[161] Fix | Delete

'%': '',

[162] Fix | Delete

em: {

[163] Fix | Delete

min: -50,

[164] Fix | Delete

max: 50

[165] Fix | Delete

}

[166] Fix | Delete

}

[167] Fix | Delete

}

[168] Fix | Delete

[169] Fix | Delete

wrap_class: 'tb_group_element_lightbox'

[170] Fix | Delete

}

[171] Fix | Delete

]

[172] Fix | Delete

[173] Fix | Delete

{

[174] Fix | Delete

type: 'group',

[175] Fix | Delete

label: 'ilay',

[176] Fix | Delete

display: 'accordion',

[177] Fix | Delete

options: [

[178] Fix | Delete

{

[179] Fix | Delete

id: 'icon_size',

[180] Fix | Delete

label: 'size',

[181] Fix | Delete

type: 'layout',

[182] Fix | Delete

mode: 'sprite',

[183] Fix | Delete

options: [

[184] Fix | Delete

{

[185] Fix | Delete

img: 'normall_button',

[186] Fix | Delete

value: 'normal',

[187] Fix | Delete

label: 'n'

[188] Fix | Delete

[189] Fix | Delete

{

[190] Fix | Delete

img: 'small_button',

[191] Fix | Delete

value: 'small',

[192] Fix | Delete

label: 'sml'

[193] Fix | Delete

[194] Fix | Delete

{

[195] Fix | Delete

img: 'large_button',

[196] Fix | Delete

value: 'large',

[197] Fix | Delete

label: 'lrg'

[198] Fix | Delete

[199] Fix | Delete

{

[200] Fix | Delete

img: 'xlarge_button',

[201] Fix | Delete

value: 'xlarge',

[202] Fix | Delete

label: 'xlrg'

[203] Fix | Delete

}

[204] Fix | Delete

[205] Fix | Delete

control: {

[206] Fix | Delete

classSelector: ''

[207] Fix | Delete

}

[208] Fix | Delete

[209] Fix | Delete

{

[210] Fix | Delete

id: 'icon_style',

[211] Fix | Delete

label: 'ishape',

[212] Fix | Delete

type: 'layout',

[213] Fix | Delete

mode: 'sprite',

[214] Fix | Delete

options: [

[215] Fix | Delete

{

[216] Fix | Delete

img: 'circle_button',

[217] Fix | Delete

value: 'circle',

[218] Fix | Delete

label: 'circle'

[219] Fix | Delete

[220] Fix | Delete

{

[221] Fix | Delete

img: 'rounded_button',

[222] Fix | Delete

value: 'rounded',

[223] Fix | Delete

label: 'rounded'

[224] Fix | Delete

[225] Fix | Delete

{

[226] Fix | Delete

img: 'squared_button',

[227] Fix | Delete

value: 'squared',

[228] Fix | Delete

label: 'squared'

[229] Fix | Delete

[230] Fix | Delete

{

[231] Fix | Delete

img: 'none',

[232] Fix | Delete

value: 'none',

[233] Fix | Delete

label: 'none'

[234] Fix | Delete

}

[235] Fix | Delete

[236] Fix | Delete

control: {

[237] Fix | Delete

classSelector: ''

[238] Fix | Delete

}

[239] Fix | Delete

[240] Fix | Delete

{

[241] Fix | Delete

id: 'icon_arrangement',

[242] Fix | Delete

label: 'arrang',

[243] Fix | Delete

type: 'layout',

[244] Fix | Delete

mode: 'sprite',

[245] Fix | Delete

default:'icon_horizontal',

[246] Fix | Delete

options: [

[247] Fix | Delete

{

[248] Fix | Delete

img: 'horizontal_button',

[249] Fix | Delete

value: 'icon_horizontal',

[250] Fix | Delete

label: 'hrztal'

[251] Fix | Delete

[252] Fix | Delete

{

[253] Fix | Delete

img: 'vertical_button',

[254] Fix | Delete

value: 'icon_vertical',

[255] Fix | Delete

label: 'vertical'

[256] Fix | Delete

}

[257] Fix | Delete

[258] Fix | Delete

control: {

[259] Fix | Delete

classSelector: ''

[260] Fix | Delete

}

[261] Fix | Delete

[262] Fix | Delete

{

[263] Fix | Delete

id: 'icon_position',

[264] Fix | Delete

type: 'icon_radio',

[265] Fix | Delete

label: 'iconp',

[266] Fix | Delete

aligment2: true

[267] Fix | Delete

}

[268] Fix | Delete

]

[269] Fix | Delete

[270] Fix | Delete

{

[271] Fix | Delete

type: 'custom_css_id',

[272] Fix | Delete

custom_css: 'css_icon'

[273] Fix | Delete

}

[274] Fix | Delete

];

[275] Fix | Delete

}

[276] Fix | Delete

static default() {

[277] Fix | Delete

return {

[278] Fix | Delete

content_icon: [

[279] Fix | Delete

{

[280] Fix | Delete

icon: 'fa-home',

[281] Fix | Delete

label: i18n.ilabel,

[282] Fix | Delete

bg: '#4d7de1',

[283] Fix | Delete

c: '#edf3ff'

[284] Fix | Delete

}

[285] Fix | Delete

]

[286] Fix | Delete

};

[287] Fix | Delete

}

[288] Fix | Delete

static builderSave(settings) {

[289] Fix | Delete

const def = {

[290] Fix | Delete

icon_size: 'normal',

[291] Fix | Delete

icon_style: 'circle',

[292] Fix | Delete

icon_arrangement: 'icon_horizontal',

[293] Fix | Delete

icon_position:'left'

[294] Fix | Delete

[295] Fix | Delete

icons = settings.content_icon,

[296] Fix | Delete

units=['f_s_i','f_s_i_h'];

[297] Fix | Delete

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

[298] Fix | Delete

delete settings.icon_position;

[299] Fix | Delete

}

[300] Fix | Delete

for (let key in def) {

[301] Fix | Delete

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

[302] Fix | Delete

delete settings[key];

[303] Fix | Delete

}

[304] Fix | Delete

}

[305] Fix | Delete

if (icons) {

[306] Fix | Delete

const iconDef = {

[307] Fix | Delete

icon_type: 'icon',

[308] Fix | Delete

lightbox_width_unit: 'px',

[309] Fix | Delete

lightbox_height_unit: 'px',

[310] Fix | Delete

link_options: 'regular'

[311] Fix | Delete

[312] Fix | Delete

lottieDel = [

[313] Fix | Delete

'st',

[314] Fix | Delete

'count',

[315] Fix | Delete

'sp',

[316] Fix | Delete

'dir',

[317] Fix | Delete

'seg',

[318] Fix | Delete

'fid',

[319] Fix | Delete

'r',

[320] Fix | Delete

'lp'

[321] Fix | Delete

];

[322] Fix | Delete

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

[323] Fix | Delete

let icon = icons[i],

[324] Fix | Delete

iconType = icon.icon_type;

[325] Fix | Delete

for (let key in iconDef) {

[326] Fix | Delete

if (icon[key] === iconDef[key]) {

[327] Fix | Delete

delete icon[key];

[328] Fix | Delete

}

[329] Fix | Delete

}

[330] Fix | Delete

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

[331] Fix | Delete

delete icon.icon;

[332] Fix | Delete

}

[333] Fix | Delete

if (!icon.icon) {

[334] Fix | Delete

delete icon.c;

[335] Fix | Delete

}

[336] Fix | Delete

if (iconType === 'image') {

[337] Fix | Delete

delete icon.icon_color_bg;

[338] Fix | Delete

delete icon.bg;

[339] Fix | Delete

} else {

[340] Fix | Delete

delete icon.image;

[341] Fix | Delete

}

[342] Fix | Delete

[343] Fix | Delete

if (!icon.image) {

[344] Fix | Delete

delete icon.w_i;

[345] Fix | Delete

delete icon.h_i;

[346] Fix | Delete

}

[347] Fix | Delete

[348] Fix | Delete

if (iconType !== 'l') {

[349] Fix | Delete

delete icon.path;

[350] Fix | Delete

}

[351] Fix | Delete

if (!icon.path) {

[352] Fix | Delete

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

[353] Fix | Delete

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

[354] Fix | Delete

delete icon[lottieDel[i]];

[355] Fix | Delete

}

[356] Fix | Delete

}

[357] Fix | Delete

}

[358] Fix | Delete

[359] Fix | Delete

if (!icon.link) {

[360] Fix | Delete

delete icon.link_options;

[361] Fix | Delete

}

[362] Fix | Delete

if (icon.link_options !== 'lightbox') {

[363] Fix | Delete

delete icon.lightbox_width;

[364] Fix | Delete

delete icon.lightbox_height;

[365] Fix | Delete

}

[366] Fix | Delete

if (!icon.lightbox_width) {

[367] Fix | Delete

delete icon.lightbox_width_unit;

[368] Fix | Delete

}

[369] Fix | Delete

if (!icon.lightbox_height) {

[370] Fix | Delete

delete icon.lightbox_height_unit;

[371] Fix | Delete

}

[372] Fix | Delete

if (!icon.hide_label || !icon.label || icon.hide_label==='|' || icon.hide_label==='false') {

[373] Fix | Delete

delete icon.hide_label;

[374] Fix | Delete

}

[375] Fix | Delete

}

[376] Fix | Delete

}

[377] Fix | Delete

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

[378] Fix | Delete

let bp=bps[i];

[379] Fix | Delete

//Image Gradient

[380] Fix | Delete

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

[381] Fix | Delete

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

[382] Fix | Delete

//Font color

[383] Fix | Delete

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

[384] Fix | Delete

this.clearFontColor('f_c_t_f_c_h','f_c_f_c_h','f_g_c_f_c_h',bp,settings);

[385] Fix | Delete

//Text Shadow

[386] Fix | Delete

this.clearShadow('text-shadow',0,bp,settings);

[387] Fix | Delete

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

[388] Fix | Delete

//paddings

[389] Fix | Delete

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

[390] Fix | Delete

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

[391] Fix | Delete

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

[392] Fix | Delete

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

[393] Fix | Delete

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

[394] Fix | Delete

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

[395] Fix | Delete

//margin

[396] Fix | Delete

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

[397] Fix | Delete

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

[398] Fix | Delete

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

[399] Fix | Delete

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

[400] Fix | Delete

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

[401] Fix | Delete

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

[402] Fix | Delete

//border-radius

[403] Fix | Delete

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

[404] Fix | Delete

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

[405] Fix | Delete

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

[406] Fix | Delete

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

[407] Fix | Delete

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

[408] Fix | Delete

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

[409] Fix | Delete

//border

[410] Fix | Delete

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

[411] Fix | Delete

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

[412] Fix | Delete

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

[413] Fix | Delete

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

[414] Fix | Delete

//filters

[415] Fix | Delete

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

[416] Fix | Delete

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

[417] Fix | Delete

//width,height

[418] Fix | Delete

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

[419] Fix | Delete

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

[420] Fix | Delete

//Box Shadow

[421] Fix | Delete

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

[422] Fix | Delete

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

[423] Fix | Delete

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

[424] Fix | Delete

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

[425] Fix | Delete

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

[426] Fix | Delete

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

[427] Fix | Delete

//position

[428] Fix | Delete

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

[429] Fix | Delete

//transform

[430] Fix | Delete

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

[431] Fix | Delete

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

[432] Fix | Delete

//units

[433] Fix | Delete

this.clearUnits(units,bp,settings);

[434] Fix | Delete

}

[435] Fix | Delete

super.builderSave(settings);

[436] Fix | Delete

}

[437] Fix | Delete

_getItem(item, data) {

[438] Fix | Delete

let iconType = item.icon_type || 'icon',

[439] Fix | Delete

link,

[440] Fix | Delete

iconItem,

[441] Fix | Delete

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

[442] Fix | Delete

label = item.label && item.hide_label !== 'hide' ? createElement('span') : null,

[443] Fix | Delete

wrap = createElement('', 'module-icon-item tf_rel tb_is_repeat'),

[444] Fix | Delete

constructor=this.constructor;

[445] Fix | Delete

[446] Fix | Delete

if (icon) {

[447] Fix | Delete

if (iconType === 'image') {

[448] Fix | Delete

iconItem = constructor.setEditableImage(createElement('img',{class:'tf_box','data-globalsize':0}),'image','w_i','h_i',item,'content_icon');

[449] Fix | Delete

}

[450] Fix | Delete

else {

[451] Fix | Delete

let st = [],

[452] Fix | Delete

color_bg = item.icon_color_bg && item.icon_color_bg !== 'default' ?' '+item.icon_color_bg : '';

[453] Fix | Delete

iconItem = createElement('em','tf_box' + color_bg);

[454] Fix | Delete

if (item.bg) {

[455] Fix | Delete

st.push('background:' + api.Helper.toRGBA(item.bg));

[456] Fix | Delete

}

[457] Fix | Delete

if (item.c) {

[458] Fix | Delete

st.push('color:' + api.Helper.toRGBA(item.c));

[459] Fix | Delete

}

[460] Fix | Delete

if (st.length > 0) {

[461] Fix | Delete

iconItem.style = st.join(';');

[462] Fix | Delete

}

[463] Fix | Delete

iconItem.appendChild(icon);

[464] Fix | Delete

}

[465] Fix | Delete

}

[466] Fix | Delete

if (label) {

[467] Fix | Delete

label.dataset.noUpdate = 1;

[468] Fix | Delete

constructor._setEditableContent(label,'label',item.label,'','content_icon');

[469] Fix | Delete

}

[470] Fix | Delete

[471] Fix | Delete

if (item.link) {

[472] Fix | Delete

let linkOptions = item.link_options;

[473] Fix | Delete

link = createElement('a');

[474] Fix | Delete

link.href = item.link;

[475] Fix | Delete

if (linkOptions === 'newtab') {

[476] Fix | Delete

link.target = '_blank';

[477] Fix | Delete

link.rel = 'noopener';

[478] Fix | Delete

}

[479] Fix | Delete

else if (linkOptions === 'lightbox') {

[480] Fix | Delete

link.className = 'lightbox-builder themify_lightbox';

[481] Fix | Delete

if (item.lightbox_width || item.lightbox_height) {

[482] Fix | Delete

link.dataset.zoomConfig = item.lightbox_width + item.lightbox_width_unit + '|' + item.lightbox_height + item.lightbox_height_unit;

[483] Fix | Delete

}

[484] Fix | Delete

}

[485] Fix | Delete

if (iconItem) {

[486] Fix | Delete

link.appendChild(iconItem);

[487] Fix | Delete

}

[488] Fix | Delete

if (label) {

[489] Fix | Delete

link.appendChild(label);

[490] Fix | Delete

}

[491] Fix | Delete

wrap.appendChild(link);

[492] Fix | Delete

} else {

[493] Fix | Delete

if (iconItem) {

[494] Fix | Delete

wrap.appendChild(iconItem);

[495] Fix | Delete

}

[496] Fix | Delete

if (label) {

[497] Fix | Delete

wrap.appendChild(label);

[498] Fix | Delete

}

[499] Fix | Delete