Edit File by line

(api => {

[0] Fix | Delete

"use strict";

[1] Fix | Delete

api.ModuleGallery = class extends api.Module {

[2] Fix | Delete

static cache=new Map;

[3] Fix | Delete

constructor(fields) {

[4] Fix | Delete

super(fields);

[5] Fix | Delete

}

[6] Fix | Delete

static getOptions() {

[7] Fix | Delete

const tcols = {'': '', '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9},

[8] Fix | Delete

cols = {...tcols};

[9] Fix | Delete

delete cols[''];

[10] Fix | Delete

const imgPhp = !!themifyBuilder.imgphp,

[11] Fix | Delete

opts = [

[12] Fix | Delete

{

[13] Fix | Delete

id: 'mod_title_gallery',

[14] Fix | Delete

type: 'title'

[15] Fix | Delete

[16] Fix | Delete

{

[17] Fix | Delete

id: 'layout_gallery',

[18] Fix | Delete

type: 'radio',

[19] Fix | Delete

label: 'glayout',

[20] Fix | Delete

options: [

[21] Fix | Delete

{

[22] Fix | Delete

value: 'grid',

[23] Fix | Delete

[24] Fix | Delete

[25] Fix | Delete

{

[26] Fix | Delete

value: 'showcase',

[27] Fix | Delete

[28] Fix | Delete

[29] Fix | Delete

{

[30] Fix | Delete

value: 'lightboxed',

[31] Fix | Delete

[32] Fix | Delete

[33] Fix | Delete

{

[34] Fix | Delete

value: 'slider',

[35] Fix | Delete

[36] Fix | Delete

}

[37] Fix | Delete

[38] Fix | Delete

wrap_class: 'tb_compact_radios',

[39] Fix | Delete

option_js: true,

[40] Fix | Delete

binding : {

[41] Fix | Delete

slider : { hide : 'items_per_slide' }

[42] Fix | Delete

}

[43] Fix | Delete

[44] Fix | Delete

{

[45] Fix | Delete

id: 'layout_masonry',

[46] Fix | Delete

type: 'toggle_switch',

[47] Fix | Delete

label: 'masnry',

[48] Fix | Delete

options: {

[49] Fix | Delete

on: {

[50] Fix | Delete

[51] Fix | Delete

value: 'en'

[52] Fix | Delete

[53] Fix | Delete

off: {

[54] Fix | Delete

[55] Fix | Delete

value: 'dis'

[56] Fix | Delete

}

[57] Fix | Delete

[58] Fix | Delete

wrap_class: 'tb_group_element_grid'

[59] Fix | Delete

[60] Fix | Delete

{

[61] Fix | Delete

id: 'thumbnail_gallery',

[62] Fix | Delete

type: 'image',

[63] Fix | Delete

label: 'thmb',

[64] Fix | Delete

[65] Fix | Delete

wrap_class: 'tb_group_element_lightboxed'

[66] Fix | Delete

[67] Fix | Delete

{

[68] Fix | Delete

id: 'shortcode_gallery',

[69] Fix | Delete

type: 'gallery',

[70] Fix | Delete

label: 'galsh',

[71] Fix | Delete

required: {

[72] Fix | Delete

message: 'galerr'

[73] Fix | Delete

}

[74] Fix | Delete

[75] Fix | Delete

{

[76] Fix | Delete

id: 'gallery_pagination',

[77] Fix | Delete

label: 'pagin',

[78] Fix | Delete

type: 'toggle_switch',

[79] Fix | Delete

options: {

[80] Fix | Delete

on: {

[81] Fix | Delete

[82] Fix | Delete

value: 'en'

[83] Fix | Delete

[84] Fix | Delete

off: {

[85] Fix | Delete

[86] Fix | Delete

value: 'dis'

[87] Fix | Delete

}

[88] Fix | Delete

[89] Fix | Delete

binding: {

[90] Fix | Delete

checked: {

[91] Fix | Delete

show: 'gallery_per_page'

[92] Fix | Delete

[93] Fix | Delete

not_checked: {

[94] Fix | Delete

hide: 'gallery_per_page'

[95] Fix | Delete

}

[96] Fix | Delete

[97] Fix | Delete

wrap_class: 'tb_group_element_grid'

[98] Fix | Delete

[99] Fix | Delete

{

[100] Fix | Delete

id: 'gallery_per_page',

[101] Fix | Delete

type: 'number',

[102] Fix | Delete

label: 'imgprpg',

[103] Fix | Delete

wrap_class: 'tb_group_element_grid tb_checkbox_element_pagination'

[104] Fix | Delete

[105] Fix | Delete

{

[106] Fix | Delete

id: 'slider_thumbs',

[107] Fix | Delete

type: 'toggle_switch',

[108] Fix | Delete

label: 'slthmb',

[109] Fix | Delete

default: 'on',

[110] Fix | Delete

options: {

[111] Fix | Delete

on: {

[112] Fix | Delete

[113] Fix | Delete

value: 's'

[114] Fix | Delete

[115] Fix | Delete

off: {

[116] Fix | Delete

[117] Fix | Delete

value: 'hi'

[118] Fix | Delete

}

[119] Fix | Delete

[120] Fix | Delete

wrap_class: 'tb_group_element_slider'

[121] Fix | Delete

[122] Fix | Delete

{

[123] Fix | Delete

id: 'gallery_image_title',

[124] Fix | Delete

label: 'imgt',

[125] Fix | Delete

type: 'toggle_switch',

[126] Fix | Delete

options: {

[127] Fix | Delete

on: {

[128] Fix | Delete

[129] Fix | Delete

value: 's'

[130] Fix | Delete

[131] Fix | Delete

off: {

[132] Fix | Delete

[133] Fix | Delete

value: 'hi'

[134] Fix | Delete

}

[135] Fix | Delete

}

[136] Fix | Delete

[137] Fix | Delete

{

[138] Fix | Delete

id: 'gallery_exclude_caption',

[139] Fix | Delete

label: 'imgc',

[140] Fix | Delete

type: 'toggle_switch',

[141] Fix | Delete

default: 'on',

[142] Fix | Delete

options: {

[143] Fix | Delete

on: {

[144] Fix | Delete

[145] Fix | Delete

value: 's'

[146] Fix | Delete

[147] Fix | Delete

off: {

[148] Fix | Delete

[149] Fix | Delete

value: 'hi'

[150] Fix | Delete

}

[151] Fix | Delete

}

[152] Fix | Delete

[153] Fix | Delete

{

[154] Fix | Delete

id: 's_image_w_gallery',

[155] Fix | Delete

type: 'number',

[156] Fix | Delete

label: 'imgw',

[157] Fix | Delete

min:1,

[158] Fix | Delete

hide: imgPhp,

[159] Fix | Delete

after: 'px',

[160] Fix | Delete

wrap_class: 'tb_group_element_showcase tb_group_element_slider'

[161] Fix | Delete

[162] Fix | Delete

{

[163] Fix | Delete

id: 's_image_h_gallery',

[164] Fix | Delete

type: 'number',

[165] Fix | Delete

label: 'imgh',

[166] Fix | Delete

hide: imgPhp,

[167] Fix | Delete

after: 'px',

[168] Fix | Delete

wrap_class: 'tb_group_element_showcase tb_group_element_slider'

[169] Fix | Delete

[170] Fix | Delete

{

[171] Fix | Delete

id: 's_image_size_gallery',

[172] Fix | Delete

label: 'mimgs',

[173] Fix | Delete

type: 'image_size'

[174] Fix | Delete

[175] Fix | Delete

{

[176] Fix | Delete

id: 'thumb_w_gallery',

[177] Fix | Delete

type: 'number',

[178] Fix | Delete

label: 'thmbw',

[179] Fix | Delete

min:1,

[180] Fix | Delete

hide: imgPhp,

[181] Fix | Delete

after: 'px'

[182] Fix | Delete

[183] Fix | Delete

{

[184] Fix | Delete

id: 'thumb_h_gallery',

[185] Fix | Delete

type: 'number',

[186] Fix | Delete

label: 'thmbh',

[187] Fix | Delete

hide: imgPhp,

[188] Fix | Delete

after: 'px'

[189] Fix | Delete

[190] Fix | Delete

{

[191] Fix | Delete

id: 'image_size_gallery',

[192] Fix | Delete

type: 'image_size'

[193] Fix | Delete

[194] Fix | Delete

{

[195] Fix | Delete

id: 'gallery_columns',

[196] Fix | Delete

type: 'select',

[197] Fix | Delete

label: 'clmns',

[198] Fix | Delete

options: cols,

[199] Fix | Delete

default: '3',

[200] Fix | Delete

wrap_class: 'tb_group_element_grid'

[201] Fix | Delete

[202] Fix | Delete

{

[203] Fix | Delete

id: 't_columns',

[204] Fix | Delete

type: 'select',

[205] Fix | Delete

label: '',

[206] Fix | Delete

after: 'tclmns',

[207] Fix | Delete

options: tcols,

[208] Fix | Delete

wrap_class: 'tb_group_element_grid',

[209] Fix | Delete

default: ''

[210] Fix | Delete

[211] Fix | Delete

{

[212] Fix | Delete

id: 'm_columns',

[213] Fix | Delete

type: 'select',

[214] Fix | Delete

label: '',

[215] Fix | Delete

after: 'mclmns',

[216] Fix | Delete

options: tcols,

[217] Fix | Delete

wrap_class: 'tb_group_element_grid',

[218] Fix | Delete

default: ''

[219] Fix | Delete

[220] Fix | Delete

{

[221] Fix | Delete

type: 'group',

[222] Fix | Delete

wrap_class: 'tb_group_element_grid tb_group_element_slider',

[223] Fix | Delete

options: [

[224] Fix | Delete

{

[225] Fix | Delete

id: 'link_opt',

[226] Fix | Delete

type: 'select',

[227] Fix | Delete

label: 'lto',

[228] Fix | Delete

default:'file',

[229] Fix | Delete

options: {

[230] Fix | Delete

post: 'attpage',

[231] Fix | Delete

file: 'medf',

[232] Fix | Delete

none: 'none'

[233] Fix | Delete

[234] Fix | Delete

binding: {

[235] Fix | Delete

file: {

[236] Fix | Delete

show: [

[237] Fix | Delete

'lightbox',

[238] Fix | Delete

'link_image_size',

[239] Fix | Delete

'lightbox_title'

[240] Fix | Delete

]

[241] Fix | Delete

[242] Fix | Delete

post: {

[243] Fix | Delete

hide: [

[244] Fix | Delete

'lightbox',

[245] Fix | Delete

'link_image_size',

[246] Fix | Delete

'lightbox_title'

[247] Fix | Delete

]

[248] Fix | Delete

[249] Fix | Delete

none: {

[250] Fix | Delete

hide: [

[251] Fix | Delete

'lightbox',

[252] Fix | Delete

'link_image_size',

[253] Fix | Delete

'lightbox_title'

[254] Fix | Delete

]

[255] Fix | Delete

}

[256] Fix | Delete

}

[257] Fix | Delete

[258] Fix | Delete

{

[259] Fix | Delete

id: 'lightbox',

[260] Fix | Delete

type: 'select',

[261] Fix | Delete

label: 'enlihbx',

[262] Fix | Delete

options: {

[263] Fix | Delete

'': 'def',

[264] Fix | Delete

y: 'y',

[265] Fix | Delete

n: 'no'

[266] Fix | Delete

}

[267] Fix | Delete

[268] Fix | Delete

{

[269] Fix | Delete

id: 'link_image_size',

[270] Fix | Delete

type: 'select',

[271] Fix | Delete

label: 'limgs',

[272] Fix | Delete

default:'full',

[273] Fix | Delete

image_size: true

[274] Fix | Delete

[275] Fix | Delete

{

[276] Fix | Delete

id: 'lightbox_title',

[277] Fix | Delete

label: 'lbimgt',

[278] Fix | Delete

type: 'toggle_switch',

[279] Fix | Delete

default: 'on',

[280] Fix | Delete

options: {

[281] Fix | Delete

on: {

[282] Fix | Delete

[283] Fix | Delete

value: 's'

[284] Fix | Delete

[285] Fix | Delete

off: {

[286] Fix | Delete

[287] Fix | Delete

value: 'hi'

[288] Fix | Delete

}

[289] Fix | Delete

}

[290] Fix | Delete

}

[291] Fix | Delete

]

[292] Fix | Delete

[293] Fix | Delete

{

[294] Fix | Delete

id: 'appearance_gallery',

[295] Fix | Delete

type: 'checkbox',

[296] Fix | Delete

label: 'imgapp',

[297] Fix | Delete

img_appearance: true

[298] Fix | Delete

[299] Fix | Delete

{

[300] Fix | Delete

type: 'slider',

[301] Fix | Delete

wrap_class: 'tb_group_element_slider'

[302] Fix | Delete

[303] Fix | Delete

{

[304] Fix | Delete

type: 'custom_css_id',

[305] Fix | Delete

custom_css: 'css_gallery'

[306] Fix | Delete

}

[307] Fix | Delete

];

[308] Fix | Delete

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

[309] Fix | Delete

if (opts[i].hide === true) {

[310] Fix | Delete

opts.splice(i, 1);

[311] Fix | Delete

}

[312] Fix | Delete

}

[313] Fix | Delete

return opts;

[314] Fix | Delete

}

[315] Fix | Delete

static default() {

[316] Fix | Delete

return {

[317] Fix | Delete

auto_scroll_opt_slider: '4',

[318] Fix | Delete

gallery_columns: '4',

[319] Fix | Delete

visible_opt_slider: '4',

[320] Fix | Delete

link_image_size: 'full',

[321] Fix | Delete

link_opt: 'file',

[322] Fix | Delete

thumb_w_gallery: 300,

[323] Fix | Delete

thumb_h_gallery: 200

[324] Fix | Delete

};

[325] Fix | Delete

}

[326] Fix | Delete

async edit(type){

[327] Fix | Delete

await super.edit(type);

[328] Fix | Delete

if((!type || type==='setting') && !this.get('mod_settings').shortcode_gallery){

[329] Fix | Delete

ThemifyConstructor.afterRun.push(() => {

[330] Fix | Delete

Themify.triggerEvent(ThemifyConstructor.getEl('shortcode_gallery').parentNode.tfClass('builder_button')[0], _CLICK_);

[331] Fix | Delete

});

[332] Fix | Delete

}

[333] Fix | Delete

}

[334] Fix | Delete

static builderSave(settings) {

[335] Fix | Delete

const def = {

[336] Fix | Delete

layout_gallery: 'grid',

[337] Fix | Delete

image_size_gallery: 'thumbnail',

[338] Fix | Delete

s_image_size_gallery: 'full',

[339] Fix | Delete

gallery_columns: '3',

[340] Fix | Delete

link_image_size: 'full',

[341] Fix | Delete

appearance_gallery:false

[342] Fix | Delete

[343] Fix | Delete

layout = settings.layout_gallery|| def.layout_gallery;

[344] Fix | Delete

delete settings.items_per_slide;

[345] Fix | Delete

[346] Fix | Delete

for (let key in def) {

[347] Fix | Delete

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

[348] Fix | Delete

delete settings[key];

[349] Fix | Delete

}

[350] Fix | Delete

}

[351] Fix | Delete

[352] Fix | Delete

if (layout !== 'grid') {

[353] Fix | Delete

delete settings.gallery_pagination;

[354] Fix | Delete

delete settings.layout_masonry;

[355] Fix | Delete

delete settings.gallery_columns;

[356] Fix | Delete

delete settings.t_columns;

[357] Fix | Delete

delete settings.m_columns;

[358] Fix | Delete

if (layout !== 'slider') {

[359] Fix | Delete

delete settings.link_opt;

[360] Fix | Delete

}

[361] Fix | Delete

}

[362] Fix | Delete

else{

[363] Fix | Delete

[364] Fix | Delete

if(settings.m_columns && settings.t_columns && ~~settings.m_columns===~~settings.t_columns){

[365] Fix | Delete

delete settings.m_columns;

[366] Fix | Delete

}

[367] Fix | Delete

[368] Fix | Delete

if(settings.gallery_columns && settings.t_columns && ~~settings.gallery_columns===~~settings.t_columns){

[369] Fix | Delete

delete settings.t_columns;

[370] Fix | Delete

}

[371] Fix | Delete

}

[372] Fix | Delete

[373] Fix | Delete

[374] Fix | Delete

if(layout !== 'slider' && layout !== 'showcase'){

[375] Fix | Delete

delete settings.s_image_w_gallery;

[376] Fix | Delete

delete settings.s_image_h_gallery;

[377] Fix | Delete

delete settings.s_image_size_gallery;

[378] Fix | Delete

}

[379] Fix | Delete

[380] Fix | Delete

if(layout !== 'lightboxed'){

[381] Fix | Delete

delete settings.thumbnail_gallery;

[382] Fix | Delete

}

[383] Fix | Delete

[384] Fix | Delete

if (!settings.gallery_pagination) {

[385] Fix | Delete

delete settings.gallery_per_page;

[386] Fix | Delete

}

[387] Fix | Delete

else if(!settings.gallery_per_page){

[388] Fix | Delete

delete settings.gallery_pagination;

[389] Fix | Delete

}

[390] Fix | Delete

[391] Fix | Delete

if (settings.link_opt !== 'file') {

[392] Fix | Delete

delete settings.lightbox;

[393] Fix | Delete

delete settings.link_image_size;

[394] Fix | Delete

delete settings.lightbox_title;

[395] Fix | Delete

}

[396] Fix | Delete

[397] Fix | Delete

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

[398] Fix | Delete

delete settings.appearance_gallery;

[399] Fix | Delete

}

[400] Fix | Delete

[401] Fix | Delete

this.clearSliderOptions(settings,layout !== 'slider');

[402] Fix | Delete

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

[403] Fix | Delete

let bp=bps[i];

[404] Fix | Delete

//Image Gradient

[405] Fix | Delete

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

[406] Fix | Delete

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

[407] Fix | Delete

//Font color

[408] Fix | Delete

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

[409] Fix | Delete

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

[410] Fix | Delete

//Text Shadow

[411] Fix | Delete

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

[412] Fix | Delete

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

[413] Fix | Delete

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

[414] Fix | Delete

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

[415] Fix | Delete

//paddings

[416] Fix | Delete

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

[417] Fix | Delete

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

[418] Fix | Delete

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

[419] Fix | Delete

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

[420] Fix | Delete

//margin

[421] Fix | Delete

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

[422] Fix | Delete

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

[423] Fix | Delete

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

[424] Fix | Delete

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

[425] Fix | Delete

//border-radius

[426] Fix | Delete

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

[427] Fix | Delete

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

[428] Fix | Delete

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

[429] Fix | Delete

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

[430] Fix | Delete

//border

[431] Fix | Delete

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

[432] Fix | Delete

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

[433] Fix | Delete

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

[434] Fix | Delete

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

[435] Fix | Delete

//filters

[436] Fix | Delete

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

[437] Fix | Delete

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

[438] Fix | Delete

//width,height

[439] Fix | Delete

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

[440] Fix | Delete

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

[441] Fix | Delete

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

[442] Fix | Delete

this.clearWidth('h_ctrl',bp,settings,1,'mi_h_ctrl','mx_h_ctrl');

[443] Fix | Delete

//Box Shadow

[444] Fix | Delete

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

[445] Fix | Delete

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

[446] Fix | Delete

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

[447] Fix | Delete

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

[448] Fix | Delete

//transform

[449] Fix | Delete

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

[450] Fix | Delete

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

[451] Fix | Delete

}

[452] Fix | Delete

super.builderSave(settings);

[453] Fix | Delete

}

[454] Fix | Delete

async imageEditEnd(activeEl,imgObj,w,h){

[455] Fix | Delete

if(this.el.tfClass('gallery-masonry')[0]){

[456] Fix | Delete

return api.Utils.runJs(this.el,'module');

[457] Fix | Delete

}

[458] Fix | Delete

else if(activeEl.dataset.w==='s_image_w_gallery'){

[459] Fix | Delete

const thumbs=this.el.querySelectorAll('.layout-showcase [data-image]'),

[460] Fix | Delete

prms=[];

[461] Fix | Delete

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

[462] Fix | Delete

let p=ThemifyImageResize.toBlob(thumbs[i], w, h);

[463] Fix | Delete

p.then(url=>{

[464] Fix | Delete

if(url){

[465] Fix | Delete

thumbs[i].dataset.image = url;

[466] Fix | Delete

}

[467] Fix | Delete

})

[468] Fix | Delete

.catch(()=>{

[469] Fix | Delete

[470] Fix | Delete

});

[471] Fix | Delete

prms.push(p);

[472] Fix | Delete

}

[473] Fix | Delete

return Promise.all(prms);

[474] Fix | Delete

}

[475] Fix | Delete

}

[476] Fix | Delete

inlineUpdateModule(){

[477] Fix | Delete

return false;

[478] Fix | Delete

}

[479] Fix | Delete

preview(data) {

[480] Fix | Delete

const module = createElement(),

[481] Fix | Delete

layout=data.layout_gallery|| 'grid',

[482] Fix | Delete

classes=['module','gallery','module-gallery','layout-'+layout],

[483] Fix | Delete

shortcode=data.shortcode_gallery;

[484] Fix | Delete

if (data.appearance_gallery) {

[485] Fix | Delete

classes.push(data.appearance_gallery.split('|').join(' '));

[486] Fix | Delete

}

[487] Fix | Delete

if(data.css_gallery){

[488] Fix | Delete

classes.push(data.css_gallery);

[489] Fix | Delete

}

[490] Fix | Delete

if (data.mod_title_gallery) {

[491] Fix | Delete

module.appendChild(this.constructor.getModuleTitle(data.mod_title_gallery,'mod_title_gallery'));

[492] Fix | Delete

}

[493] Fix | Delete

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

[494] Fix | Delete

if(shortcode){

[495] Fix | Delete

ThemifyConstructor.gallery.getImages(shortcode).then(async images=>{

[496] Fix | Delete

if(images?.length>0){

[497] Fix | Delete

const el=await this[layout].call(this,images,data);

[498] Fix | Delete

module.appendChild(el);

[499] Fix | Delete