Edit File by line

const {BaseStyles} = await import('../../editor/base-styles.mjs');

[0] Fix | Delete

export class Row extends BaseStyles {

[1] Fix | Delete

static get_base_styles(type) {

[2] Fix | Delete

let margin_fields = {

[3] Fix | Delete

margin: this.get_margin()

[4] Fix | Delete

[5] Fix | Delete

margin_hover_fields = {

[6] Fix | Delete

margin: this.get_margin('', 'm', 'h')

[7] Fix | Delete

[8] Fix | Delete

overlay = 'subov',

[9] Fix | Delete

inner_selector,

[10] Fix | Delete

inner_selector_hover;

[11] Fix | Delete

[12] Fix | Delete

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

[13] Fix | Delete

margin_fields.margin_top = this.get_margin_top_bottom_opposity('', 'margin-top', 'margin-bottom');

[14] Fix | Delete

margin_hover_fields.margin_top = this.get_margin_top_bottom_opposity('', 'm_t', 'm_b', 'h');

[15] Fix | Delete

[16] Fix | Delete

if (type === 'row') {

[17] Fix | Delete

overlay = 'rov';

[18] Fix | Delete

inner_selector = '>div.row_inner';

[19] Fix | Delete

inner_selector_hover ='>div.row_inner:hover';

[20] Fix | Delete

[21] Fix | Delete

} else {

[22] Fix | Delete

overlay = 'cov';

[23] Fix | Delete

}

[24] Fix | Delete

delete margin_fields.margin;

[25] Fix | Delete

delete margin_hover_fields.margin;

[26] Fix | Delete

}

[27] Fix | Delete

[28] Fix | Delete

const options = [

[29] Fix | Delete

// Background

[30] Fix | Delete

this.get_expand('bg', [

[31] Fix | Delete

this.get_tab({

[32] Fix | Delete

n: [

[33] Fix | Delete

{

[34] Fix | Delete

id: 'background_type',

[35] Fix | Delete

label: 'bgt',

[36] Fix | Delete

type: 'radio',

[37] Fix | Delete

options: [

[38] Fix | Delete

{value: 'image', name: 'image'},

[39] Fix | Delete

{value: 'gradient', name: 'gradient'},

[40] Fix | Delete

{value: 'video', name: 'vid', class: 'tb_responsive_disable'},

[41] Fix | Delete

{value: 'slider', name: 'slider', class: 'tb_responsive_disable'}

[42] Fix | Delete

[43] Fix | Delete

is_background: true,

[44] Fix | Delete

wrap_class: 'tb_compact_radios',

[45] Fix | Delete

option_js: true

[46] Fix | Delete

[47] Fix | Delete

// Background Color

[48] Fix | Delete

{

[49] Fix | Delete

id: 'background_color',

[50] Fix | Delete

type: 'color',

[51] Fix | Delete

label: 'bg_c',

[52] Fix | Delete

wrap_class: 'tb_group_element_image tb_group_element_slider tb_group_element_video',

[53] Fix | Delete

prop: 'background-color',

[54] Fix | Delete

selector: ''

[55] Fix | Delete

[56] Fix | Delete

{

[57] Fix | Delete

type: 'group',

[58] Fix | Delete

wrap_class: 'tb_group_element_slider',

[59] Fix | Delete

options: [

[60] Fix | Delete

// Background Slider

[61] Fix | Delete

{

[62] Fix | Delete

id: 'background_slider',

[63] Fix | Delete

type: 'gallery',

[64] Fix | Delete

label: 'bgs',

[65] Fix | Delete

is_responsive: false

[66] Fix | Delete

[67] Fix | Delete

// Background Slider Image Size

[68] Fix | Delete

{

[69] Fix | Delete

id: 'background_slider_size',

[70] Fix | Delete

label: '',

[71] Fix | Delete

after: 'imgs',

[72] Fix | Delete

type: 'select',

[73] Fix | Delete

image_size: true,

[74] Fix | Delete

default: 'large',

[75] Fix | Delete

is_responsive: false

[76] Fix | Delete

[77] Fix | Delete

// Background Slider Mode

[78] Fix | Delete

{

[79] Fix | Delete

id: 'background_slider_mode',

[80] Fix | Delete

label: '',

[81] Fix | Delete

after: 'bgsm',

[82] Fix | Delete

type: 'select',

[83] Fix | Delete

options: {

[84] Fix | Delete

fullcover: 'fcover',

[85] Fix | Delete

'best-fit': 'bfit',

[86] Fix | Delete

'kenburns-effect': 'kbeffect'

[87] Fix | Delete

[88] Fix | Delete

is_responsive: false

[89] Fix | Delete

[90] Fix | Delete

{

[91] Fix | Delete

id: 'background_slider_speed',

[92] Fix | Delete

label: '',

[93] Fix | Delete

after: 'slspeed',

[94] Fix | Delete

type: 'select',

[95] Fix | Delete

default: '2000',

[96] Fix | Delete

options: {

[97] Fix | Delete

3500: 'slow',

[98] Fix | Delete

2000: 'n',

[99] Fix | Delete

500: 'fast'

[100] Fix | Delete

[101] Fix | Delete

is_responsive: false

[102] Fix | Delete

}

[103] Fix | Delete

]

[104] Fix | Delete

[105] Fix | Delete

// Video Background

[106] Fix | Delete

{

[107] Fix | Delete

id: 'background_video',

[108] Fix | Delete

type: 'video',

[109] Fix | Delete

label: 'bgv',

[110] Fix | Delete

help: 'bgvh',

[111] Fix | Delete

is_responsive: false,

[112] Fix | Delete

wrap_class: 'tb_group_element_video'

[113] Fix | Delete

[114] Fix | Delete

{

[115] Fix | Delete

id: 'background_video_options',

[116] Fix | Delete

type: 'checkbox',

[117] Fix | Delete

label: '',

[118] Fix | Delete

options: [

[119] Fix | Delete

{name: 'unloop', value: 'dloop'},

[120] Fix | Delete

{name: 'mute', value: 'daudio', help: 'daudioh'},

[121] Fix | Delete

{name: 'playonmobile', value: 'msupp', help: 'msupph'}

[122] Fix | Delete

[123] Fix | Delete

default: 'mute',

[124] Fix | Delete

is_responsive: false,

[125] Fix | Delete

wrap_class: 'tb_group_element_video'

[126] Fix | Delete

[127] Fix | Delete

// Background Image

[128] Fix | Delete

{

[129] Fix | Delete

id: 'background_image',

[130] Fix | Delete

type: 'image',

[131] Fix | Delete

label: 'b_i',

[132] Fix | Delete

wrap_class: 'tb_group_element_image tb_group_element_video',

[133] Fix | Delete

prop: 'background-image',

[134] Fix | Delete

selector: '',

[135] Fix | Delete

binding: {

[136] Fix | Delete

empty: {

[137] Fix | Delete

hide: ['tb_image_options', 'resp_no_bg']

[138] Fix | Delete

[139] Fix | Delete

not_empty: {

[140] Fix | Delete

show: ['tb_image_options', 'resp_no_bg']

[141] Fix | Delete

}

[142] Fix | Delete

}

[143] Fix | Delete

[144] Fix | Delete

{

[145] Fix | Delete

id: 'background_gradient',

[146] Fix | Delete

type: 'gradient',

[147] Fix | Delete

label: '',

[148] Fix | Delete

wrap_class: 'tb_group_element_gradient',

[149] Fix | Delete

prop: 'background-image',

[150] Fix | Delete

selector: ''

[151] Fix | Delete

[152] Fix | Delete

// No Background Image

[153] Fix | Delete

{

[154] Fix | Delete

id: 'resp_no_bg',

[155] Fix | Delete

label: '',

[156] Fix | Delete

origId: 'background_image',

[157] Fix | Delete

type: 'checkbox',

[158] Fix | Delete

prop: 'background-image',

[159] Fix | Delete

options: [

[160] Fix | Delete

{value: 'nbg', name: 'none'}

[161] Fix | Delete

[162] Fix | Delete

binding: {

[163] Fix | Delete

checked: {hide: ['tb_image_options', 'background_image']},

[164] Fix | Delete

not_checked: {show: ['tb_image_options', 'background_image']}

[165] Fix | Delete

[166] Fix | Delete

wrap_class: 'tb_group_element_image tf_hide'

[167] Fix | Delete

[168] Fix | Delete

{

[169] Fix | Delete

type: 'group',

[170] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_options',

[171] Fix | Delete

options: [

[172] Fix | Delete

// Background repeat

[173] Fix | Delete

{

[174] Fix | Delete

id: 'background_repeat',

[175] Fix | Delete

label: '',

[176] Fix | Delete

type: 'select',

[177] Fix | Delete

after: 'bg_m',

[178] Fix | Delete

prop: 'background-mode',

[179] Fix | Delete

origId: 'background_image',

[180] Fix | Delete

selector: '',

[181] Fix | Delete

options: {

[182] Fix | Delete

repeat: 'r_all',

[183] Fix | Delete

'repeat-x': 'r_h',

[184] Fix | Delete

'repeat-y': 'r_v',

[185] Fix | Delete

'repeat-none': 'r_no',

[186] Fix | Delete

fullcover: 'fcover',

[187] Fix | Delete

'best-fit-image': 'bfit',

[188] Fix | Delete

'builder-parallax-scrolling': 'prlaxscrl',

[189] Fix | Delete

'builder-zoom-scrolling': 'zoomscrl',

[190] Fix | Delete

'builder-zooming': 'zooming'

[191] Fix | Delete

[192] Fix | Delete

binding: {

[193] Fix | Delete

'repeat-none': {

[194] Fix | Delete

show: ['background_zoom', 'background_position']

[195] Fix | Delete

[196] Fix | Delete

'builder-parallax-scrolling': {

[197] Fix | Delete

hide: ['background_attachment', 'background_zoom']

[198] Fix | Delete

[199] Fix | Delete

'builder-zoom-scrolling': {

[200] Fix | Delete

hide: ['background_attachment', 'background_zoom'],

[201] Fix | Delete

show: 'background_position'

[202] Fix | Delete

[203] Fix | Delete

'builder-zooming': {

[204] Fix | Delete

hide: ['background_attachment', 'background_zoom'],

[205] Fix | Delete

show: 'background_position'

[206] Fix | Delete

[207] Fix | Delete

select: {

[208] Fix | Delete

value: 'repeat-none',

[209] Fix | Delete

hide: 'background_zoom',

[210] Fix | Delete

show: ['background_attachment', 'background_position']

[211] Fix | Delete

}

[212] Fix | Delete

}

[213] Fix | Delete

[214] Fix | Delete

// Background attachment

[215] Fix | Delete

{

[216] Fix | Delete

id: 'background_attachment',

[217] Fix | Delete

label: '',

[218] Fix | Delete

type: 'select',

[219] Fix | Delete

origId: 'background_image',

[220] Fix | Delete

after: 'b_a',

[221] Fix | Delete

options: {

[222] Fix | Delete

scroll: 'scroll',

[223] Fix | Delete

fixed: 'fi'

[224] Fix | Delete

[225] Fix | Delete

prop: 'background-attachment',

[226] Fix | Delete

selector: ''

[227] Fix | Delete

[228] Fix | Delete

// Background Zoom

[229] Fix | Delete

{

[230] Fix | Delete

id: 'background_zoom',

[231] Fix | Delete

label: '',

[232] Fix | Delete

origId: 'background_image',

[233] Fix | Delete

type: 'checkbox',

[234] Fix | Delete

options: [

[235] Fix | Delete

{value: 'zoom_h', name: 'zoom'}

[236] Fix | Delete

[237] Fix | Delete

is_responsive: false

[238] Fix | Delete

[239] Fix | Delete

// Background position

[240] Fix | Delete

{

[241] Fix | Delete

id: 'background_position',

[242] Fix | Delete

label: '',

[243] Fix | Delete

origId: 'background_image',

[244] Fix | Delete

type: 'position_box',

[245] Fix | Delete

position: true,

[246] Fix | Delete

prop: 'background-position',

[247] Fix | Delete

selector: ''

[248] Fix | Delete

}

[249] Fix | Delete

]

[250] Fix | Delete

}

[251] Fix | Delete

[252] Fix | Delete

h: [

[253] Fix | Delete

{

[254] Fix | Delete

id: 'b_t_h',

[255] Fix | Delete

label: 'bgt',

[256] Fix | Delete

type: 'radio',

[257] Fix | Delete

options: [

[258] Fix | Delete

{value: 'image', name: 'image'},

[259] Fix | Delete

{value: 'gradient', name: 'gradient'}

[260] Fix | Delete

[261] Fix | Delete

is_background: true,

[262] Fix | Delete

wrap_class: 'tb_compact_radios',

[263] Fix | Delete

option_js: true

[264] Fix | Delete

[265] Fix | Delete

// Background Image

[266] Fix | Delete

{

[267] Fix | Delete

id: 'bg_i_h',

[268] Fix | Delete

type: 'image',

[269] Fix | Delete

label: 'b_i',

[270] Fix | Delete

wrap_class: 'tb_group_element_image',

[271] Fix | Delete

prop: 'background-image',

[272] Fix | Delete

selector: ':hover',

[273] Fix | Delete

binding: {

[274] Fix | Delete

empty: {

[275] Fix | Delete

hide: 'tb_image_options'

[276] Fix | Delete

[277] Fix | Delete

not_empty: {

[278] Fix | Delete

show: 'tb_image_options'

[279] Fix | Delete

}

[280] Fix | Delete

}

[281] Fix | Delete

[282] Fix | Delete

{

[283] Fix | Delete

id: 'b_g_h',

[284] Fix | Delete

type: 'gradient',

[285] Fix | Delete

label: '',

[286] Fix | Delete

wrap_class: 'tb_group_element_gradient',

[287] Fix | Delete

prop: 'background-image',

[288] Fix | Delete

selector: ':hover'

[289] Fix | Delete

[290] Fix | Delete

{

[291] Fix | Delete

type: 'group',

[292] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_options',

[293] Fix | Delete

options: [

[294] Fix | Delete

// Background repeat

[295] Fix | Delete

{

[296] Fix | Delete

id: 'b_r_h',

[297] Fix | Delete

label: '',

[298] Fix | Delete

type: 'select',

[299] Fix | Delete

origId: 'bg_i_h',

[300] Fix | Delete

after: 'bg_m',

[301] Fix | Delete

prop: 'background-mode',

[302] Fix | Delete

selector: ':hover',

[303] Fix | Delete

options: {

[304] Fix | Delete

repeat: 'r_all',

[305] Fix | Delete

'repeat-x': 'r_h',

[306] Fix | Delete

'repeat-y': 'r_v',

[307] Fix | Delete

'repeat-none': 'r_no',

[308] Fix | Delete

fullcover: 'fcover',

[309] Fix | Delete

'best-fit-image': 'bfit'

[310] Fix | Delete

}

[311] Fix | Delete

[312] Fix | Delete

// Background attachment

[313] Fix | Delete

{

[314] Fix | Delete

id: 'b_a_h',

[315] Fix | Delete

label: '',

[316] Fix | Delete

origId: 'bg_i_h',

[317] Fix | Delete

type: 'select',

[318] Fix | Delete

after: 'b_a',

[319] Fix | Delete

options: {

[320] Fix | Delete

scroll: 'scroll',

[321] Fix | Delete

fixed: 'fi'

[322] Fix | Delete

[323] Fix | Delete

prop: 'background-attachment',

[324] Fix | Delete

selector: ':hover'

[325] Fix | Delete

[326] Fix | Delete

// Background position

[327] Fix | Delete

{

[328] Fix | Delete

id: 'b_p_h',

[329] Fix | Delete

label: '',

[330] Fix | Delete

origId: 'bg_i_h',

[331] Fix | Delete

type: 'position_box',

[332] Fix | Delete

position: true,

[333] Fix | Delete

prop: 'background-position',

[334] Fix | Delete

selector: ':hover'

[335] Fix | Delete

}

[336] Fix | Delete

]

[337] Fix | Delete

[338] Fix | Delete

// Background Color

[339] Fix | Delete

{

[340] Fix | Delete

id: 'b_c_h',

[341] Fix | Delete

type: 'color',

[342] Fix | Delete

label: 'bg_c',

[343] Fix | Delete

wrap_class: 'tb_group_element_image',

[344] Fix | Delete

prop: 'background-color',

[345] Fix | Delete

selector: ':hover'

[346] Fix | Delete

}

[347] Fix | Delete

]

[348] Fix | Delete

})

[349] Fix | Delete

]),

[350] Fix | Delete

// Overlay Color

[351] Fix | Delete

this.get_expand(overlay, [

[352] Fix | Delete

this.get_tab({

[353] Fix | Delete

n: [

[354] Fix | Delete

{

[355] Fix | Delete

id: 'cover_color-type',

[356] Fix | Delete

label: 'overlay',

[357] Fix | Delete

type: 'radio',

[358] Fix | Delete

options: [

[359] Fix | Delete

{value: 'color', name: 'c'},

[360] Fix | Delete

{value: 'cover_gradient', name: 'gradient'}

[361] Fix | Delete

[362] Fix | Delete

option_js: true,

[363] Fix | Delete

is_overlay: true

[364] Fix | Delete

[365] Fix | Delete

{

[366] Fix | Delete

id: 'cover_color',

[367] Fix | Delete

type: 'color',

[368] Fix | Delete

label: '',

[369] Fix | Delete

wrap_class: 'tb_group_element_color',

[370] Fix | Delete

is_overlay: true,

[371] Fix | Delete

prop: 'background-color',

[372] Fix | Delete

selector: '>.builder_row_cover::before'

[373] Fix | Delete

[374] Fix | Delete

{

[375] Fix | Delete

id: 'cover_gradient',

[376] Fix | Delete

type: 'gradient',

[377] Fix | Delete

label: '',

[378] Fix | Delete

wrap_class: 'tb_group_element_cover_gradient',

[379] Fix | Delete

is_overlay: true,

[380] Fix | Delete

prop: 'background-image',

[381] Fix | Delete

selector: '>.builder_row_cover::before'

[382] Fix | Delete

}

[383] Fix | Delete

[384] Fix | Delete

h: [

[385] Fix | Delete

{

[386] Fix | Delete

id: 'cover_color_hover-type',

[387] Fix | Delete

label: 'overlay',

[388] Fix | Delete

type: 'radio',

[389] Fix | Delete

'options': [

[390] Fix | Delete

{value: 'hover_color', name: 'c'},

[391] Fix | Delete

{value: 'hover_gradient', name: 'gradient'}

[392] Fix | Delete

[393] Fix | Delete

option_js: true,

[394] Fix | Delete

is_overlay: true

[395] Fix | Delete

[396] Fix | Delete

{

[397] Fix | Delete

id: 'cover_color_hover',

[398] Fix | Delete

type: 'color',

[399] Fix | Delete

label: '',

[400] Fix | Delete

wrap_class: 'tb_group_element_hover_color',

[401] Fix | Delete

is_overlay: true,

[402] Fix | Delete

prop: 'background-color',

[403] Fix | Delete

selector: ':hover>.builder_row_cover::before'

[404] Fix | Delete

[405] Fix | Delete

{

[406] Fix | Delete

id: 'cover_gradient_hover',

[407] Fix | Delete

type: 'gradient',

[408] Fix | Delete

label: '',

[409] Fix | Delete

wrap_class: 'tb_group_element_hover_gradient',

[410] Fix | Delete

is_overlay: true,

[411] Fix | Delete

prop: 'background-image',

[412] Fix | Delete

selector: '>.builder_row_cover::after'

[413] Fix | Delete

}

[414] Fix | Delete

]

[415] Fix | Delete

})

[416] Fix | Delete

])

[417] Fix | Delete

];

[418] Fix | Delete

if (inner_selector) {

[419] Fix | Delete

// Inner Container

[420] Fix | Delete

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

[421] Fix | Delete

this.get_tab({

[422] Fix | Delete

n: [

[423] Fix | Delete

// Background Image

[424] Fix | Delete

{

[425] Fix | Delete

id: 'background_image_inner',

[426] Fix | Delete

type: 'image',

[427] Fix | Delete

label: 'b_i',

[428] Fix | Delete

prop: 'background-image',

[429] Fix | Delete

selector: inner_selector,

[430] Fix | Delete

binding: {

[431] Fix | Delete

empty: {

[432] Fix | Delete

hide: 'tb_image_inner_options'

[433] Fix | Delete

[434] Fix | Delete

not_empty: {

[435] Fix | Delete

show: 'tb_image_inner_options'

[436] Fix | Delete

}

[437] Fix | Delete

}

[438] Fix | Delete

[439] Fix | Delete

// Background repeat

[440] Fix | Delete

{

[441] Fix | Delete

id: 'background_repeat_inner',

[442] Fix | Delete

label: '',

[443] Fix | Delete

type: 'select',

[444] Fix | Delete

origId: 'background_image_inner',

[445] Fix | Delete

after: 'bg_m',

[446] Fix | Delete

prop: 'background-mode',

[447] Fix | Delete

selector: inner_selector,

[448] Fix | Delete

options: {

[449] Fix | Delete

repeat: 'r_all',

[450] Fix | Delete

'repeat-x': 'r_h',

[451] Fix | Delete

'repeat-y': 'r_v',

[452] Fix | Delete

'repeat-none': 'r_no',

[453] Fix | Delete

fullcover: 'fcover',

[454] Fix | Delete

'best-fit-image': 'bfit'

[455] Fix | Delete

[456] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_inner_options'

[457] Fix | Delete

[458] Fix | Delete

// Background attachment

[459] Fix | Delete

{

[460] Fix | Delete

id: 'background_attachment_inner',

[461] Fix | Delete

label: '',

[462] Fix | Delete

type: 'select',

[463] Fix | Delete

origId: 'background_image_inner',

[464] Fix | Delete

after: 'b_a',

[465] Fix | Delete

options: {

[466] Fix | Delete

scroll: 'scroll',

[467] Fix | Delete

fixed: 'fi'

[468] Fix | Delete

[469] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_inner_options',

[470] Fix | Delete

prop: 'background-attachment',

[471] Fix | Delete

selector: inner_selector

[472] Fix | Delete

[473] Fix | Delete

// Background position

[474] Fix | Delete

{

[475] Fix | Delete

id: 'background_position_inner',

[476] Fix | Delete

label: '',

[477] Fix | Delete

type: 'position_box',

[478] Fix | Delete

origId: 'background_image_inner',

[479] Fix | Delete

position: true,

[480] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_inner_options',

[481] Fix | Delete

prop: 'background-position',

[482] Fix | Delete

selector: inner_selector

[483] Fix | Delete

[484] Fix | Delete

// Background Color

[485] Fix | Delete

{

[486] Fix | Delete

id: 'background_color_inner',

[487] Fix | Delete

type: 'color',

[488] Fix | Delete

label: 'bg_c',

[489] Fix | Delete

wrap_class: 'tb_group_element_image',

[490] Fix | Delete

prop: 'background-color',

[491] Fix | Delete

selector: inner_selector

[492] Fix | Delete

[493] Fix | Delete

this.get_padding(inner_selector, 'padding_inner'),

[494] Fix | Delete

this.get_border(inner_selector, 'border_inner')

[495] Fix | Delete

[496] Fix | Delete

h: [

[497] Fix | Delete

// Background Image

[498] Fix | Delete

{

[499] Fix | Delete