Edit File by line

[500] Fix | Delete

if (state !== '') {

[501] Fix | Delete

id += '_' + state;

[502] Fix | Delete

}

[503] Fix | Delete

[504] Fix | Delete

const res = {

[505] Fix | Delete

id: id,

[506] Fix | Delete

type: 'width',

[507] Fix | Delete

prop: 'width',

[508] Fix | Delete

selector: selector

[509] Fix | Delete

};

[510] Fix | Delete

if (state === 'h' || state === 'hover') {

[511] Fix | Delete

res.h = true;

[512] Fix | Delete

}

[513] Fix | Delete

return res;

[514] Fix | Delete

}

[515] Fix | Delete

[516] Fix | Delete

// Get Height Options plus Auto Height

[517] Fix | Delete

static get_height(selector = '', id = 'ht', state = '', minH = '', maxH = '') {

[518] Fix | Delete

[519] Fix | Delete

if (state !== '') {

[520] Fix | Delete

id += '_' + state;

[521] Fix | Delete

}

[522] Fix | Delete

[523] Fix | Delete

const res = {

[524] Fix | Delete

id: id,

[525] Fix | Delete

type: 'height',

[526] Fix | Delete

prop: 'height',

[527] Fix | Delete

selector: selector

[528] Fix | Delete

};

[529] Fix | Delete

if (minH !== '') {

[530] Fix | Delete

res.minid = minH;

[531] Fix | Delete

}

[532] Fix | Delete

if (maxH !== '') {

[533] Fix | Delete

res.maxid = maxH;

[534] Fix | Delete

}

[535] Fix | Delete

if (state === 'h' || state === 'hover') {

[536] Fix | Delete

res.h = true;

[537] Fix | Delete

}

[538] Fix | Delete

return res;

[539] Fix | Delete

}

[540] Fix | Delete

[541] Fix | Delete

// Get CSS Position

[542] Fix | Delete

static get_css_position(selector = '', id = 'po', state = '') {

[543] Fix | Delete

if (state !== '') {

[544] Fix | Delete

id += '_' + state;

[545] Fix | Delete

}

[546] Fix | Delete

const res = {

[547] Fix | Delete

id: id,

[548] Fix | Delete

type: 'position',

[549] Fix | Delete

prop: 'position',

[550] Fix | Delete

selector: selector

[551] Fix | Delete

};

[552] Fix | Delete

if (state === 'h' || state === 'hover') {

[553] Fix | Delete

res.h = true;

[554] Fix | Delete

}

[555] Fix | Delete

return res;

[556] Fix | Delete

}

[557] Fix | Delete

[558] Fix | Delete

// CSS Display

[559] Fix | Delete

static get_display(selector = '', id = 'disp') {

[560] Fix | Delete

const va_id = id + '_va';

[561] Fix | Delete

return [

[562] Fix | Delete

{

[563] Fix | Delete

id: id,

[564] Fix | Delete

label: 'disp',

[565] Fix | Delete

type: 'select',

[566] Fix | Delete

prop: 'display',

[567] Fix | Delete

selector: selector,

[568] Fix | Delete

binding: {

[569] Fix | Delete

empty: {hide: va_id},

[570] Fix | Delete

block: {hide: va_id},

[571] Fix | Delete

none: {hide: va_id},

[572] Fix | Delete

'inline-block': {show: va_id}

[573] Fix | Delete

[574] Fix | Delete

display: true

[575] Fix | Delete

[576] Fix | Delete

{

[577] Fix | Delete

id: va_id,

[578] Fix | Delete

label: 'valign',

[579] Fix | Delete

type: 'select',

[580] Fix | Delete

prop: 'vertical-align',

[581] Fix | Delete

selector: selector,

[582] Fix | Delete

origID: id,

[583] Fix | Delete

va_display: true

[584] Fix | Delete

}

[585] Fix | Delete

];

[586] Fix | Delete

}

[587] Fix | Delete

// Get transform

[588] Fix | Delete

static get_transform(selector = '', id = 'tr', state = '') {

[589] Fix | Delete

if (state !== '') {

[590] Fix | Delete

id += '-' + state;

[591] Fix | Delete

}

[592] Fix | Delete

const res = {

[593] Fix | Delete

id: id,

[594] Fix | Delete

type: 'transform',

[595] Fix | Delete

prop: 'transform',

[596] Fix | Delete

selector: selector

[597] Fix | Delete

};

[598] Fix | Delete

if (state === 'h' || state === 'hover') {

[599] Fix | Delete

res.h = true;

[600] Fix | Delete

}

[601] Fix | Delete

return res;

[602] Fix | Delete

}

[603] Fix | Delete

static get_gap(selector = '', id = 'gap', prop = 'gap', state = '', units='', label = '') {

[604] Fix | Delete

if (id === '') {

[605] Fix | Delete

id = 'gap';

[606] Fix | Delete

}

[607] Fix | Delete

if (state !== '') {

[608] Fix | Delete

id += '_' + state;

[609] Fix | Delete

}

[610] Fix | Delete

const res = {

[611] Fix | Delete

id: id,

[612] Fix | Delete

type: 'gap',

[613] Fix | Delete

prop: prop,

[614] Fix | Delete

selector: selector

[615] Fix | Delete

};

[616] Fix | Delete

if (units) {

[617] Fix | Delete

res.units=units;

[618] Fix | Delete

}

[619] Fix | Delete

if(label!=='' && label!==undefined){

[620] Fix | Delete

res.label=label;

[621] Fix | Delete

}

[622] Fix | Delete

if (state === 'h' || state === 'hover') {

[623] Fix | Delete

res.h = true;

[624] Fix | Delete

}

[625] Fix | Delete

return res;

[626] Fix | Delete

}

[627] Fix | Delete

static get_column_gap(selector = '', id = 'cgap', state = '', units = '', label = '') {

[628] Fix | Delete

if (id === '') {

[629] Fix | Delete

id = 'cgap';

[630] Fix | Delete

}

[631] Fix | Delete

return this.get_gap(selector, id, 'column-gap', state, units, label);

[632] Fix | Delete

}

[633] Fix | Delete

[634] Fix | Delete

static get_row_gap(selector = '', id = 'rgap', state = '', units = '', label = '') {

[635] Fix | Delete

if (id === '') {

[636] Fix | Delete

id = 'rgap';

[637] Fix | Delete

}

[638] Fix | Delete

return this.get_gap(selector, id, 'row-gap', state, units, label);

[639] Fix | Delete

}

[640] Fix | Delete

static get_grid_flow(selector = '',id='gdr'){

[641] Fix | Delete

return {

[642] Fix | Delete

id: id,

[643] Fix | Delete

type: 'grid_flow',

[644] Fix | Delete

prop: 'grid-auto-flow',

[645] Fix | Delete

selector: selector

[646] Fix | Delete

};

[647] Fix | Delete

}

[648] Fix | Delete

[649] Fix | Delete

static get_justify_content(selector = '',id='jc'){

[650] Fix | Delete

return {

[651] Fix | Delete

id: id,

[652] Fix | Delete

label:'jc',

[653] Fix | Delete

type: 'icon_radio',

[654] Fix | Delete

prop: 'justify-content',

[655] Fix | Delete

default:'inherit',

[656] Fix | Delete

no_toggle:1,

[657] Fix | Delete

jc:true,

[658] Fix | Delete

selector: selector

[659] Fix | Delete

};

[660] Fix | Delete

}

[661] Fix | Delete

static get_justify_items(selector = '',id='ji'){

[662] Fix | Delete

return {

[663] Fix | Delete

id: id,

[664] Fix | Delete

label:'ji',

[665] Fix | Delete

type: 'icon_radio',

[666] Fix | Delete

prop: 'justify-items',

[667] Fix | Delete

default:'inherit',

[668] Fix | Delete

no_toggle:1,

[669] Fix | Delete

ji:true,

[670] Fix | Delete

selector: selector

[671] Fix | Delete

};

[672] Fix | Delete

}

[673] Fix | Delete

static get_align_items(selector = '',id='ai'){

[674] Fix | Delete

return {

[675] Fix | Delete

id: id,

[676] Fix | Delete

label:'ai',

[677] Fix | Delete

type: 'icon_radio',

[678] Fix | Delete

prop: 'align-items',

[679] Fix | Delete

default:'inherit',

[680] Fix | Delete

no_toggle:1,

[681] Fix | Delete

ai:true,

[682] Fix | Delete

selector: selector

[683] Fix | Delete

};

[684] Fix | Delete

}

[685] Fix | Delete

static get_align_content(selector = '',id='ac'){

[686] Fix | Delete

return {

[687] Fix | Delete

id: id,

[688] Fix | Delete

label:'ac',

[689] Fix | Delete

type: 'icon_radio',

[690] Fix | Delete

prop: 'align-content',

[691] Fix | Delete

default:'inherit',

[692] Fix | Delete

no_toggle:1,

[693] Fix | Delete

ac:true,

[694] Fix | Delete

selector: selector

[695] Fix | Delete

};

[696] Fix | Delete

}

[697] Fix | Delete

static get_align_self(selector = '',id='as'){

[698] Fix | Delete

return {

[699] Fix | Delete

id: id,

[700] Fix | Delete

label:'as',

[701] Fix | Delete

type: 'icon_radio',

[702] Fix | Delete

prop: 'align-self',

[703] Fix | Delete

default:'auto',

[704] Fix | Delete

no_toggle:1,

[705] Fix | Delete

as:true,

[706] Fix | Delete

selector: selector

[707] Fix | Delete

};

[708] Fix | Delete

}

[709] Fix | Delete

static get_justify_self(selector = '',id='js'){

[710] Fix | Delete

return {

[711] Fix | Delete

id: id,

[712] Fix | Delete

label:'js',

[713] Fix | Delete

type: 'icon_radio',

[714] Fix | Delete

prop: 'justify-self',

[715] Fix | Delete

default:'auto',

[716] Fix | Delete

no_toggle:1,

[717] Fix | Delete

js:true,

[718] Fix | Delete

selector: selector

[719] Fix | Delete

};

[720] Fix | Delete

}

[721] Fix | Delete

static get_frame_tabs(selector = '') {

[722] Fix | Delete

return this.get_tab(

[723] Fix | Delete

{

[724] Fix | Delete

top: this.get_frame_props(selector),

[725] Fix | Delete

bottom: this.get_frame_props(selector, 'bottom'),

[726] Fix | Delete

left: this.get_frame_props(selector, 'left'),

[727] Fix | Delete

right: this.get_frame_props(selector, 'right')

[728] Fix | Delete

}

[729] Fix | Delete

);

[730] Fix | Delete

}

[731] Fix | Delete

[732] Fix | Delete

static get_frame_props(selector = '', id = 'top') {

[733] Fix | Delete

return [

[734] Fix | Delete

{

[735] Fix | Delete

id: id + '-frame_type',

[736] Fix | Delete

type: 'radio',

[737] Fix | Delete

options: [

[738] Fix | Delete

/**

[739] Fix | Delete

* @note the value in this option is prefixed with id, this is to ensure option_js works properly

[740] Fix | Delete

[741] Fix | Delete

{value: id + '-presets', name: 'presets'},

[742] Fix | Delete

{value: id + '-custom', name: 'cus'}

[743] Fix | Delete

[744] Fix | Delete

prop: 'frame-custom',

[745] Fix | Delete

wrap_class: 'tb_frame',

[746] Fix | Delete

/**

[747] Fix | Delete

* the second selector is for themes with Builder Section Scrolling feature

[748] Fix | Delete

* @ref #7241

[749] Fix | Delete

[750] Fix | Delete

selector: selector + '>.tb_row_frame_wrap .tb_row_frame_' + id,

[751] Fix | Delete

option_js: true

[752] Fix | Delete

[753] Fix | Delete

{

[754] Fix | Delete

id: id + '-frame_layout',

[755] Fix | Delete

type: 'frame',

[756] Fix | Delete

prop: 'frame',

[757] Fix | Delete

wrap_class: 'frame_tabs tb_group_element_' + id + '-presets',

[758] Fix | Delete

selector: selector + '>.tb_row_frame_wrap .tb_row_frame_' + id

[759] Fix | Delete

[760] Fix | Delete

{

[761] Fix | Delete

id: id + '-frame_custom',

[762] Fix | Delete

type: 'image',

[763] Fix | Delete

label: '',

[764] Fix | Delete

[765] Fix | Delete

wrap_class: 'tb_group_element_' + id + '-custom'

[766] Fix | Delete

[767] Fix | Delete

{

[768] Fix | Delete

id: id + '-frame_color',

[769] Fix | Delete

type: 'color',

[770] Fix | Delete

label: 'c',

[771] Fix | Delete

[772] Fix | Delete

wrap_class: 'tb_group_element_' + id + '-presets'

[773] Fix | Delete

[774] Fix | Delete

{

[775] Fix | Delete

type: 'multi',

[776] Fix | Delete

label: 'dim',

[777] Fix | Delete

options: [

[778] Fix | Delete

{

[779] Fix | Delete

id: id + '-frame_width',

[780] Fix | Delete

type: 'range',

[781] Fix | Delete

[782] Fix | Delete

label: 'w',

[783] Fix | Delete

select_class: 'tb_frame_unit',

[784] Fix | Delete

units: {

[785] Fix | Delete

'%': {

[786] Fix | Delete

max: 1000

[787] Fix | Delete

[788] Fix | Delete

px: {

[789] Fix | Delete

max: 10000

[790] Fix | Delete

[791] Fix | Delete

em: {

[792] Fix | Delete

max: 50

[793] Fix | Delete

}

[794] Fix | Delete

}

[795] Fix | Delete

[796] Fix | Delete

{

[797] Fix | Delete

id: id + '-frame_height',

[798] Fix | Delete

type: 'range',

[799] Fix | Delete

[800] Fix | Delete

label: 'ht',

[801] Fix | Delete

select_class: 'tb_frame_unit',

[802] Fix | Delete

units: {

[803] Fix | Delete

'%': {

[804] Fix | Delete

max: 1000

[805] Fix | Delete

[806] Fix | Delete

px: {

[807] Fix | Delete

max: 10000

[808] Fix | Delete

[809] Fix | Delete

em: {

[810] Fix | Delete

max: 50

[811] Fix | Delete

}

[812] Fix | Delete

}

[813] Fix | Delete

[814] Fix | Delete

{

[815] Fix | Delete

id: id + '-frame_repeat',

[816] Fix | Delete

type: 'range',

[817] Fix | Delete

label: 'r',

[818] Fix | Delete

[819] Fix | Delete

}

[820] Fix | Delete

]

[821] Fix | Delete

[822] Fix | Delete

{

[823] Fix | Delete

type: 'multi',

[824] Fix | Delete

label: 'sh',

[825] Fix | Delete

options: [

[826] Fix | Delete

{

[827] Fix | Delete

id: id + '-frame_sh_x',

[828] Fix | Delete

type: 'range',

[829] Fix | Delete

[830] Fix | Delete

tooltip: 'loffs'

[831] Fix | Delete

[832] Fix | Delete

{

[833] Fix | Delete

id: id + '-frame_sh_y',

[834] Fix | Delete

type: 'range',

[835] Fix | Delete

[836] Fix | Delete

tooltip: 'toffs'

[837] Fix | Delete

[838] Fix | Delete

{

[839] Fix | Delete

id: id + '-frame_sh_b',

[840] Fix | Delete

type: 'range',

[841] Fix | Delete

[842] Fix | Delete

tooltip: 'blur'

[843] Fix | Delete

[844] Fix | Delete

{

[845] Fix | Delete

id: id + '-frame_sh_c',

[846] Fix | Delete

type: 'color',

[847] Fix | Delete

label: false,

[848] Fix | Delete

[849] Fix | Delete

tooltip: 'color'

[850] Fix | Delete

}

[851] Fix | Delete

]

[852] Fix | Delete

[853] Fix | Delete

{

[854] Fix | Delete

type: 'multi',

[855] Fix | Delete

label: 'animation',

[856] Fix | Delete

options: [

[857] Fix | Delete

{

[858] Fix | Delete

id: id + '-frame_ani_dur',

[859] Fix | Delete

type: 'range',

[860] Fix | Delete

units: {

[861] Fix | Delete

'': {

[862] Fix | Delete

increment: .1

[863] Fix | Delete

}

[864] Fix | Delete

[865] Fix | Delete

[866] Fix | Delete

tooltip: 'dur'

[867] Fix | Delete

[868] Fix | Delete

{

[869] Fix | Delete

id: id + '-frame_ani_rev',

[870] Fix | Delete

type: 'toggle_switch',

[871] Fix | Delete

options: {

[872] Fix | Delete

on: {name: '1', value: 'rev'},

[873] Fix | Delete

off: {name: '', value: 'rev'}

[874] Fix | Delete

[875] Fix | Delete

wrap_class: 'tb_frame'

[876] Fix | Delete

}

[877] Fix | Delete

]

[878] Fix | Delete

[879] Fix | Delete

{

[880] Fix | Delete

id: id + '-frame_location',

[881] Fix | Delete

label: '',

[882] Fix | Delete

type: 'select',

[883] Fix | Delete

is_responsive: false,

[884] Fix | Delete

[885] Fix | Delete

options: {

[886] Fix | Delete

in_bellow: 'belowcont',

[887] Fix | Delete

in_front: 'abovecont'

[888] Fix | Delete

}

[889] Fix | Delete

}

[890] Fix | Delete

];

[891] Fix | Delete

}

[892] Fix | Delete

[893] Fix | Delete

static module_title_custom_style() {

[894] Fix | Delete

return [

[895] Fix | Delete

// Background

[896] Fix | Delete

this.get_expand('bg',[

[897] Fix | Delete

this.get_tab({

[898] Fix | Delete

n: [

[899] Fix | Delete

this.get_color('.module .module-title', 'background_color_module_title', 'bg_c', 'background-color')

[900] Fix | Delete

[901] Fix | Delete

h: [

[902] Fix | Delete

this.get_color('.module .module-title', 'bg_c_m_t', 'bg_c', 'background-color', 'h')

[903] Fix | Delete

]

[904] Fix | Delete

})

[905] Fix | Delete

]),

[906] Fix | Delete

// Font

[907] Fix | Delete

this.get_expand('f', [

[908] Fix | Delete

this.get_tab({

[909] Fix | Delete

n : [

[910] Fix | Delete

this.get_font_family('.module .module-title', 'font_family_module_title'),

[911] Fix | Delete

this.get_color('.module .module-title', 'font_color_module_title'),

[912] Fix | Delete

this.get_font_size('.module .module-title', 'font_size_module_title'),

[913] Fix | Delete

this.get_line_height('.module .module-title', 'line_height_module_title'),

[914] Fix | Delete

this.get_text_align('.module .module-title', 'text_align_module_title'),

[915] Fix | Delete

this.get_text_shadow('.module .module-title', 't_sh_m_t')

[916] Fix | Delete

[917] Fix | Delete

h : [

[918] Fix | Delete

this.get_font_family('.module .module-title', 'f_f_m_t', 'h'),

[919] Fix | Delete

this.get_color('.module .module-title', 'f_c_m_t', null, null, 'h'),

[920] Fix | Delete

this.get_font_size('.module .module-title', 'f_s_m_t', '', 'h'),

[921] Fix | Delete

this.get_text_shadow('.module .module-title', 't_sh_m_t', 'h')

[922] Fix | Delete

]

[923] Fix | Delete

})

[924] Fix | Delete

])

[925] Fix | Delete

];

[926] Fix | Delete

}

[927] Fix | Delete

}

[928] Fix | Delete

[929] Fix | Delete

[930] Fix | Delete

[931] Fix | Delete