Edit File by line

id: 'b_i_i_h',

[500] Fix | Delete

type: 'image',

[501] Fix | Delete

label: 'b_i',

[502] Fix | Delete

prop: 'background-image',

[503] Fix | Delete

selector: inner_selector_hover,

[504] Fix | Delete

binding: {

[505] Fix | Delete

empty: {

[506] Fix | Delete

hide: 'tb_image_inner_options'

[507] Fix | Delete

[508] Fix | Delete

not_empty: {

[509] Fix | Delete

show: 'tb_image_inner_options'

[510] Fix | Delete

}

[511] Fix | Delete

}

[512] Fix | Delete

[513] Fix | Delete

// Background repeat

[514] Fix | Delete

{

[515] Fix | Delete

id: 'b_r_i_h',

[516] Fix | Delete

label: '',

[517] Fix | Delete

origId: 'b_i_i_h',

[518] Fix | Delete

type: 'select',

[519] Fix | Delete

after: 'bg_m',

[520] Fix | Delete

prop: 'background-mode',

[521] Fix | Delete

selector: inner_selector_hover,

[522] Fix | Delete

options: {

[523] Fix | Delete

repeat: 'r_all',

[524] Fix | Delete

'repeat-x': 'r_h',

[525] Fix | Delete

'repeat-y': 'r_v',

[526] Fix | Delete

'repeat-none': 'r_no',

[527] Fix | Delete

fullcover: 'fcover',

[528] Fix | Delete

'best-fit-image': 'bfit'

[529] Fix | Delete

[530] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_inner_options'

[531] Fix | Delete

[532] Fix | Delete

// Background attachment

[533] Fix | Delete

{

[534] Fix | Delete

id: 'b_a_i_h',

[535] Fix | Delete

label: '',

[536] Fix | Delete

origId: 'b_i_i_h',

[537] Fix | Delete

type: 'select',

[538] Fix | Delete

after: 'b_a',

[539] Fix | Delete

options: {

[540] Fix | Delete

scroll: 'scroll',

[541] Fix | Delete

fixed: 'fi'

[542] Fix | Delete

[543] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_inner_options',

[544] Fix | Delete

prop: 'background-attachment',

[545] Fix | Delete

selector: inner_selector_hover

[546] Fix | Delete

[547] Fix | Delete

// Background position

[548] Fix | Delete

{

[549] Fix | Delete

id: 'b_p_i_h',

[550] Fix | Delete

label: '',

[551] Fix | Delete

origId: 'b_i_i_h',

[552] Fix | Delete

type: 'position_box',

[553] Fix | Delete

position: true,

[554] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_inner_options',

[555] Fix | Delete

prop: 'background-position',

[556] Fix | Delete

selector: inner_selector_hover

[557] Fix | Delete

[558] Fix | Delete

// Background Color

[559] Fix | Delete

{

[560] Fix | Delete

id: 'b_c_i_h',

[561] Fix | Delete

type: 'color',

[562] Fix | Delete

label: 'bg_c',

[563] Fix | Delete

wrap_class: 'tb_group_element_image',

[564] Fix | Delete

prop: 'background-color',

[565] Fix | Delete

selector: inner_selector_hover

[566] Fix | Delete

[567] Fix | Delete

this.get_padding(inner_selector, 'p_i', 'h'),

[568] Fix | Delete

this.get_border(inner_selector, 'b_i', 'h')

[569] Fix | Delete

]

[570] Fix | Delete

})

[571] Fix | Delete

]));

[572] Fix | Delete

}

[573] Fix | Delete

[574] Fix | Delete

if(type==='column'){

[575] Fix | Delete

options.push(this.get_expand('align', [

[576] Fix | Delete

this.get_grid_flow(),

[577] Fix | Delete

this.get_justify_items(),

[578] Fix | Delete

this.get_justify_content(),

[579] Fix | Delete

this.get_align_content(),

[580] Fix | Delete

this.get_align_items(),

[581] Fix | Delete

this.get_gap('','g',undefined,undefined,'','gap'),

[582] Fix | Delete

this.get_seperator('acol'),

[583] Fix | Delete

this.get_align_self(),

[584] Fix | Delete

this.get_justify_self()

[585] Fix | Delete

[586] Fix | Delete

{

[587] Fix | Delete

type: 'group',

[588] Fix | Delete

wrap_class: 'tb_group_element_row',

[589] Fix | Delete

options:[

[590] Fix | Delete

this.get_row_gap()

[591] Fix | Delete

]

[592] Fix | Delete

[593] Fix | Delete

{

[594] Fix | Delete

type: 'group',

[595] Fix | Delete

wrap_class: 'tb_group_element_column',

[596] Fix | Delete

options:[

[597] Fix | Delete

this.get_column_gap()

[598] Fix | Delete

]

[599] Fix | Delete

}

[600] Fix | Delete

[601] Fix | Delete

[602] Fix | Delete

]));

[603] Fix | Delete

}

[604] Fix | Delete

//frame

[605] Fix | Delete

options.push(this.get_expand('frame', [

[606] Fix | Delete

this.get_frame_tabs()

[607] Fix | Delete

]));

[608] Fix | Delete

// Font

[609] Fix | Delete

options.push(this.get_expand('f', [

[610] Fix | Delete

this.get_tab({

[611] Fix | Delete

n: [

[612] Fix | Delete

this.get_font_family(['', ' p', ' h1', ' h2', ' h3', ' h4', ' h5', ' h6']),

[613] Fix | Delete

this.get_color(['', ' p', ' h1', ' h2', ' h3', ' h4', ' h5', ' h6'], 'font_color'),

[614] Fix | Delete

this.get_font_size(),

[615] Fix | Delete

this.get_line_height(),

[616] Fix | Delete

this.get_letter_spacing(),

[617] Fix | Delete

this.get_text_align(),

[618] Fix | Delete

this.get_text_transform(),

[619] Fix | Delete

this.get_font_style(),

[620] Fix | Delete

this.get_text_decoration('', 'text_decoration_regular'),

[621] Fix | Delete

this.get_text_shadow(['', ' p', ' h1', ' h2', ' h3', ' h4', ' h5', ' h6'])

[622] Fix | Delete

[623] Fix | Delete

h: [

[624] Fix | Delete

this.get_font_family([':hover', ':hover p', ':hover h1', ':hover h2', ':hover h3', ':hover h4', ':hover h5', ':hover h6'], 'f_f_h'),

[625] Fix | Delete

this.get_color([':hover', ':hover p', ':hover h1', ':hover h2', ':hover h3', ':hover h4', ':hover h5', ':hover h6'], 'f_c_h'),

[626] Fix | Delete

this.get_font_size('', 'f_s', '', 'h'),

[627] Fix | Delete

this.get_line_height('', 'l_h', 'h'),

[628] Fix | Delete

this.get_letter_spacing('', 'l_s', 'h'),

[629] Fix | Delete

this.get_text_align('', 't_a', 'h'),

[630] Fix | Delete

this.get_text_transform('', 't_t', 'h'),

[631] Fix | Delete

this.get_font_style('', 'f_st', 'f_w', 'h'),

[632] Fix | Delete

this.get_text_decoration('', 't_d_r', 'h'),

[633] Fix | Delete

this.get_text_shadow([':hover', ':hover p', ':hover h1', ':hover h2', ':hover h3', ':hover h4', ':hover h5', ':hover h6'], 't_sh', 'h')

[634] Fix | Delete

]

[635] Fix | Delete

})

[636] Fix | Delete

]));

[637] Fix | Delete

// Link

[638] Fix | Delete

options.push(this.get_expand('l', [

[639] Fix | Delete

this.get_tab({

[640] Fix | Delete

n: [

[641] Fix | Delete

this.get_color(' a', 'link_color'),

[642] Fix | Delete

this.get_text_decoration(' a')

[643] Fix | Delete

[644] Fix | Delete

h: [

[645] Fix | Delete

this.get_color(' a', 'l_c', null, null, 'h'),

[646] Fix | Delete

this.get_text_decoration(' a', 't_d', 'h')

[647] Fix | Delete

]

[648] Fix | Delete

})

[649] Fix | Delete

]));

[650] Fix | Delete

// Padding

[651] Fix | Delete

options.push(this.get_expand('p', [

[652] Fix | Delete

this.get_tab({

[653] Fix | Delete

n: [

[654] Fix | Delete

this.get_padding()

[655] Fix | Delete

[656] Fix | Delete

h: [

[657] Fix | Delete

this.get_padding('', 'p', 'h')

[658] Fix | Delete

]

[659] Fix | Delete

})

[660] Fix | Delete

]));

[661] Fix | Delete

// Margin

[662] Fix | Delete

options.push(this.get_expand('m', [

[663] Fix | Delete

this.get_tab({

[664] Fix | Delete

n: margin_fields,

[665] Fix | Delete

h: margin_hover_fields

[666] Fix | Delete

})

[667] Fix | Delete

]));

[668] Fix | Delete

// Border

[669] Fix | Delete

options.push(this.get_expand('b', [

[670] Fix | Delete

this.get_tab({

[671] Fix | Delete

n: [

[672] Fix | Delete

this.get_border()

[673] Fix | Delete

[674] Fix | Delete

h: [

[675] Fix | Delete

this.get_border('', 'b', 'h')

[676] Fix | Delete

]

[677] Fix | Delete

})

[678] Fix | Delete

]));

[679] Fix | Delete

// Filter

[680] Fix | Delete

options.push(this.get_expand('f_l', [

[681] Fix | Delete

this.get_tab({

[682] Fix | Delete

n: [

[683] Fix | Delete

this.get_blend()

[684] Fix | Delete

[685] Fix | Delete

h: [

[686] Fix | Delete

this.get_blend('', '', 'h')

[687] Fix | Delete

]

[688] Fix | Delete

})

[689] Fix | Delete

]));

[690] Fix | Delete

[691] Fix | Delete

// Height & Min Height

[692] Fix | Delete

options.push(this.get_expand('ht', [

[693] Fix | Delete

this.get_height()

[694] Fix | Delete

]));

[695] Fix | Delete

// Rounded Corners

[696] Fix | Delete

options.push(this.get_expand('r_c', [

[697] Fix | Delete

this.get_tab({

[698] Fix | Delete

n: [

[699] Fix | Delete

this.get_border_radius()

[700] Fix | Delete

[701] Fix | Delete

h: [

[702] Fix | Delete

this.get_border_radius(':hover', 'r_c')

[703] Fix | Delete

]

[704] Fix | Delete

})

[705] Fix | Delete

]));

[706] Fix | Delete

[707] Fix | Delete

// Shadow

[708] Fix | Delete

options.push(this.get_expand('sh', [

[709] Fix | Delete

this.get_tab({

[710] Fix | Delete

n: [

[711] Fix | Delete

this.get_box_shadow()

[712] Fix | Delete

[713] Fix | Delete

h: [

[714] Fix | Delete

this.get_box_shadow('', 'sh', 'h')

[715] Fix | Delete

]

[716] Fix | Delete

})

[717] Fix | Delete

]));

[718] Fix | Delete

[719] Fix | Delete

// Position

[720] Fix | Delete

if (type === 'row' || type === 'subrow') {

[721] Fix | Delete

options.push(this.get_expand('po', [

[722] Fix | Delete

this.get_css_position()

[723] Fix | Delete

]));

[724] Fix | Delete

}

[725] Fix | Delete

[726] Fix | Delete

// Add z-index filed to Rows and Columns

[727] Fix | Delete

options.push(this.get_expand('zi', [

[728] Fix | Delete

this.get_zindex()

[729] Fix | Delete

]));

[730] Fix | Delete

// Add Transform filed to Rows and Columns

[731] Fix | Delete

options.push(this.get_expand('tr', [

[732] Fix | Delete

this.get_tab({

[733] Fix | Delete

n: [

[734] Fix | Delete

this.get_transform()

[735] Fix | Delete

[736] Fix | Delete

h: [

[737] Fix | Delete

this.get_transform('', 'tr', 'h')

[738] Fix | Delete

]

[739] Fix | Delete

})

[740] Fix | Delete

]));

[741] Fix | Delete

if (type === 'row' || type === 'subrow') {

[742] Fix | Delete

const sel = type === 'row' ? '>.' + type + '_inner' : '';

[743] Fix | Delete

options.push({

[744] Fix | Delete

hide: true,

[745] Fix | Delete

id: 'grid', //reserved id

[746] Fix | Delete

type: 'grid',

[747] Fix | Delete

selector: sel

[748] Fix | Delete

});

[749] Fix | Delete

options.push({

[750] Fix | Delete

hide: true,

[751] Fix | Delete

id: 'gutter', //reserved id

[752] Fix | Delete

prop: '--colg',

[753] Fix | Delete

type: 'grid',

[754] Fix | Delete

selector: sel

[755] Fix | Delete

});

[756] Fix | Delete

options.push({

[757] Fix | Delete

hide: true,

[758] Fix | Delete

id: 'rgutter', //reserved id

[759] Fix | Delete

prop: '--rowg',

[760] Fix | Delete

type: 'grid',

[761] Fix | Delete

selector: sel

[762] Fix | Delete

});

[763] Fix | Delete

}

[764] Fix | Delete

return options;

[765] Fix | Delete

}

[766] Fix | Delete

static get_styles() {

[767] Fix | Delete

let heading = [];

[768] Fix | Delete

for (let i = 1; i <= 6; ++i) {

[769] Fix | Delete

let h = 'h' + i,

[770] Fix | Delete

selH = ' div ' + h,

[771] Fix | Delete

selector = selH;

[772] Fix | Delete

heading = heading.concat([

[773] Fix | Delete

this.get_expand(h + '_f', [

[774] Fix | Delete

this.get_tab({

[775] Fix | Delete

n: [

[776] Fix | Delete

this.get_font_family(selector, 'font_family_' + h),

[777] Fix | Delete

this.get_color_type(selector, '', 'font_color_type_' + h, 'font_color_' + h, 'font_gradient_color_' + h),

[778] Fix | Delete

this.get_font_size(selH, 'font_size_' + h),

[779] Fix | Delete

this.get_line_height(selH, 'line_height_' + h),

[780] Fix | Delete

this.get_letter_spacing(selH, 'letter_spacing_' + h),

[781] Fix | Delete

this.get_text_transform(selH, 'text_transform_' + h),

[782] Fix | Delete

this.get_font_style(selH, 'font_style_' + h, 'font_weight_' + h),

[783] Fix | Delete

this.get_text_shadow(selector, 't_sh' + h),

[784] Fix | Delete

// Heading Margin

[785] Fix | Delete

this.get_margin_top_bottom_opposity(selH, h + '_margin_top', h + '_margin_bottom')

[786] Fix | Delete

[787] Fix | Delete

h: [

[788] Fix | Delete

this.get_font_family(selector, 'f_f_' + h + '_h'),

[789] Fix | Delete

this.get_color_type(selector, '', 'f_c_t_' + h + '_h', 'f_c_' + h + '_h', 'f_g_c_' + h + '_h'),

[790] Fix | Delete

this.get_font_size(selH, 'f_s_' + h, '', 'h'),

[791] Fix | Delete

this.get_line_height(selH, 'l_h_' + h, 'h'),

[792] Fix | Delete

this.get_letter_spacing(selH, 'l_s_' + h, 'h'),

[793] Fix | Delete

this.get_text_transform(selH, 't_t_' + h, 'h'),

[794] Fix | Delete

this.get_font_style(selH, 'f_st_' + h, 'f_w_' + h, 'h'),

[795] Fix | Delete

this.get_text_shadow(selector, 't_sh' + h, 'h'),

[796] Fix | Delete

// Heading Margin

[797] Fix | Delete

this.get_margin_top_bottom_opposity(selH, h + '_margin_top', h + '_margin_bottom', 'h')

[798] Fix | Delete

]

[799] Fix | Delete

})

[800] Fix | Delete

])

[801] Fix | Delete

]);

[802] Fix | Delete

}

[803] Fix | Delete

return {

[804] Fix | Delete

type: 'tabs',

[805] Fix | Delete

options: {

[806] Fix | Delete

g: this.get_base_styles('row'),

[807] Fix | Delete

head: heading

[808] Fix | Delete

}

[809] Fix | Delete

};

[810] Fix | Delete

}

[811] Fix | Delete

}

[812] Fix | Delete