Edit File by line

'use strict';

[0] Fix | Delete

export class BaseStyles {

[1] Fix | Delete

static get_expand(label, options) {

[2] Fix | Delete

return {

[3] Fix | Delete

type: 'expand',

[4] Fix | Delete

label: label,

[5] Fix | Delete

options: options

[6] Fix | Delete

};

[7] Fix | Delete

}

[8] Fix | Delete

static get_tab(options, fullwidth = false, cl = '') {

[9] Fix | Delete

const opt = {

[10] Fix | Delete

type: 'tabs',

[11] Fix | Delete

options: options

[12] Fix | Delete

};

[13] Fix | Delete

if (fullwidth === true) {

[14] Fix | Delete

if (cl !== '') {

[15] Fix | Delete

cl += ' tb_tabs_fullwidth';

[16] Fix | Delete

} else {

[17] Fix | Delete

cl = 'tb_tabs_fullwidth';

[18] Fix | Delete

}

[19] Fix | Delete

}

[20] Fix | Delete

if (cl !== '') {

[21] Fix | Delete

opt.class = cl;

[22] Fix | Delete

}

[23] Fix | Delete

return opt;

[24] Fix | Delete

}

[25] Fix | Delete

static get_color(selector = '', id = '', label = null, prop = 'color', state = '') {

[26] Fix | Delete

if (state !== '') {

[27] Fix | Delete

id += '_' + state;

[28] Fix | Delete

}

[29] Fix | Delete

if (prop === null) {

[30] Fix | Delete

prop = 'color';

[31] Fix | Delete

}

[32] Fix | Delete

const color = {

[33] Fix | Delete

id: id,

[34] Fix | Delete

type: 'color',

[35] Fix | Delete

prop: prop,

[36] Fix | Delete

selector: selector

[37] Fix | Delete

};

[38] Fix | Delete

if (label !== null) {

[39] Fix | Delete

color.label = label;

[40] Fix | Delete

}

[41] Fix | Delete

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

[42] Fix | Delete

color.h = true;

[43] Fix | Delete

}

[44] Fix | Delete

return color;

[45] Fix | Delete

}

[46] Fix | Delete

static get_font_family(selector = '', id = 'font_family', state = '') {

[47] Fix | Delete

if (state !== '') {

[48] Fix | Delete

id += '_' + state;

[49] Fix | Delete

}

[50] Fix | Delete

const res = {

[51] Fix | Delete

id: id,

[52] Fix | Delete

type: 'font_select',

[53] Fix | Delete

prop: 'font-family',

[54] Fix | Delete

selector: selector

[55] Fix | Delete

};

[56] Fix | Delete

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

[57] Fix | Delete

res.h = true;

[58] Fix | Delete

}

[59] Fix | Delete

return res;

[60] Fix | Delete

}

[61] Fix | Delete

static get_seperator(label = false) {

[62] Fix | Delete

const opt = {

[63] Fix | Delete

type: 'separator'

[64] Fix | Delete

};

[65] Fix | Delete

if (label !== false && label!=='f') {

[66] Fix | Delete

opt.label = label;

[67] Fix | Delete

}

[68] Fix | Delete

return opt;

[69] Fix | Delete

}

[70] Fix | Delete

static get_font_size(selector = '', id = 'font_size', label = '', state = '') {

[71] Fix | Delete

if (state !== '') {

[72] Fix | Delete

id += '_' + state;

[73] Fix | Delete

}

[74] Fix | Delete

const res = {

[75] Fix | Delete

id: id,

[76] Fix | Delete

type: 'fontSize',

[77] Fix | Delete

selector: selector,

[78] Fix | Delete

prop: 'font-size'

[79] Fix | Delete

};

[80] Fix | Delete

if (label !== '') {

[81] Fix | Delete

res.label = label;

[82] Fix | Delete

}

[83] Fix | Delete

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

[84] Fix | Delete

res.h = true;

[85] Fix | Delete

}

[86] Fix | Delete

return res;

[87] Fix | Delete

}

[88] Fix | Delete

[89] Fix | Delete

static get_line_height(selector = '', id = 'line_height', state = '') {

[90] Fix | Delete

if (state !== '') {

[91] Fix | Delete

id += '_' + state;

[92] Fix | Delete

}

[93] Fix | Delete

const res = {

[94] Fix | Delete

id: id,

[95] Fix | Delete

type: 'lineHeight',

[96] Fix | Delete

selector: selector,

[97] Fix | Delete

prop: 'line-height'

[98] Fix | Delete

};

[99] Fix | Delete

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

[100] Fix | Delete

res.h = true;

[101] Fix | Delete

}

[102] Fix | Delete

return res;

[103] Fix | Delete

}

[104] Fix | Delete

[105] Fix | Delete

static get_letter_spacing(selector = '', id = 'letter_spacing', state = '') {

[106] Fix | Delete

if (state !== '') {

[107] Fix | Delete

id += '_' + state;

[108] Fix | Delete

}

[109] Fix | Delete

const res = {

[110] Fix | Delete

id: id,

[111] Fix | Delete

type: 'letterSpace',

[112] Fix | Delete

selector: selector,

[113] Fix | Delete

prop: 'letter-spacing'

[114] Fix | Delete

};

[115] Fix | Delete

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

[116] Fix | Delete

res.h = true;

[117] Fix | Delete

}

[118] Fix | Delete

return res;

[119] Fix | Delete

}

[120] Fix | Delete

static get_text_align(selector = '', id = 'text_align', state = '') {

[121] Fix | Delete

if (state !== '') {

[122] Fix | Delete

id += '_' + state;

[123] Fix | Delete

}

[124] Fix | Delete

const res = {

[125] Fix | Delete

id: id,

[126] Fix | Delete

label: 't_a',

[127] Fix | Delete

type: 'icon_radio',

[128] Fix | Delete

aligment: true,

[129] Fix | Delete

prop: 'text-align',

[130] Fix | Delete

selector: selector

[131] Fix | Delete

};

[132] Fix | Delete

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

[133] Fix | Delete

res.h = true;

[134] Fix | Delete

}

[135] Fix | Delete

return res;

[136] Fix | Delete

}

[137] Fix | Delete

[138] Fix | Delete

static get_text_transform(selector = '', id = 'text_transform', state = '') {

[139] Fix | Delete

if (state !== '') {

[140] Fix | Delete

id += '_' + state;

[141] Fix | Delete

}

[142] Fix | Delete

const res = {

[143] Fix | Delete

id: id,

[144] Fix | Delete

label: 't_t',

[145] Fix | Delete

type: 'icon_radio',

[146] Fix | Delete

text_transform: true,

[147] Fix | Delete

prop: 'text-transform',

[148] Fix | Delete

selector: selector

[149] Fix | Delete

};

[150] Fix | Delete

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

[151] Fix | Delete

res.h = true;

[152] Fix | Delete

}

[153] Fix | Delete

return res;

[154] Fix | Delete

}

[155] Fix | Delete

[156] Fix | Delete

static get_text_decoration(selector = '', id = 'text_decoration', state = '') {

[157] Fix | Delete

if (state !== '') {

[158] Fix | Delete

id += '_' + state;

[159] Fix | Delete

}

[160] Fix | Delete

const res = {

[161] Fix | Delete

id: id,

[162] Fix | Delete

type: 'icon_radio',

[163] Fix | Delete

label: 't_d',

[164] Fix | Delete

text_decoration: true,

[165] Fix | Delete

prop: 'text-decoration',

[166] Fix | Delete

selector: selector

[167] Fix | Delete

};

[168] Fix | Delete

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

[169] Fix | Delete

res.h = true;

[170] Fix | Delete

}

[171] Fix | Delete

return res;

[172] Fix | Delete

}

[173] Fix | Delete

[174] Fix | Delete

static get_font_style(selector = '', id = 'font_style', id2 = 'font_weight', state = '') {

[175] Fix | Delete

if (state !== '') {

[176] Fix | Delete

id += '_' + state;

[177] Fix | Delete

id2 += '_' + state;

[178] Fix | Delete

}

[179] Fix | Delete

const res = {

[180] Fix | Delete

id: id,

[181] Fix | Delete

id2: id2,

[182] Fix | Delete

type: 'fontStyle',

[183] Fix | Delete

prop: 'font-style',

[184] Fix | Delete

selector: selector

[185] Fix | Delete

};

[186] Fix | Delete

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

[187] Fix | Delete

res.h = true;

[188] Fix | Delete

}

[189] Fix | Delete

[190] Fix | Delete

return res;

[191] Fix | Delete

}

[192] Fix | Delete

[193] Fix | Delete

static get_image(selector = '', id = 'background_image', colorId = 'background_color', repeatId = 'background_repeat', posId = 'background_position', state = '') {

[194] Fix | Delete

if (state !== '') {

[195] Fix | Delete

id += '_' + state;

[196] Fix | Delete

if (colorId !== '') {

[197] Fix | Delete

colorId += '_' + state;

[198] Fix | Delete

}

[199] Fix | Delete

if (repeatId !== '') {

[200] Fix | Delete

repeatId += '_' + state;

[201] Fix | Delete

}

[202] Fix | Delete

if (posId !== '') {

[203] Fix | Delete

posId += '_' + state;

[204] Fix | Delete

}

[205] Fix | Delete

}

[206] Fix | Delete

const res = {

[207] Fix | Delete

id: id,

[208] Fix | Delete

type: 'imageGradient',

[209] Fix | Delete

prop: 'background-image',

[210] Fix | Delete

selector: selector,

[211] Fix | Delete

origId: id,

[212] Fix | Delete

colorId: colorId,

[213] Fix | Delete

repeatId: repeatId,

[214] Fix | Delete

posId: posId

[215] Fix | Delete

};

[216] Fix | Delete

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

[217] Fix | Delete

res.h = true;

[218] Fix | Delete

}

[219] Fix | Delete

return res;

[220] Fix | Delete

}

[221] Fix | Delete

[222] Fix | Delete

// CSS Filters

[223] Fix | Delete

static get_blend(selector = '', id = 'bl_m', state = '', filters_id = 'css_f') {

[224] Fix | Delete

if (state !== '') {

[225] Fix | Delete

id += '_' + state;

[226] Fix | Delete

filters_id += '_' + state;

[227] Fix | Delete

}

[228] Fix | Delete

const res = {

[229] Fix | Delete

id: filters_id,

[230] Fix | Delete

mid: id,

[231] Fix | Delete

type: 'filters',

[232] Fix | Delete

prop: 'filter',

[233] Fix | Delete

selector: selector

[234] Fix | Delete

};

[235] Fix | Delete

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

[236] Fix | Delete

res.h = true;

[237] Fix | Delete

}

[238] Fix | Delete

return res;

[239] Fix | Delete

}

[240] Fix | Delete

[241] Fix | Delete

static get_repeat(selector = '', id = 'background_repeat', state = '') {

[242] Fix | Delete

if (state !== '') {

[243] Fix | Delete

id += '_' + state;

[244] Fix | Delete

}

[245] Fix | Delete

const res = {

[246] Fix | Delete

id: id,

[247] Fix | Delete

label: 'b_r',

[248] Fix | Delete

type: 'select',

[249] Fix | Delete

repeat: true,

[250] Fix | Delete

prop: 'background-mode',

[251] Fix | Delete

selector: selector,

[252] Fix | Delete

wrap_class: 'tb_group_element_image tb_image_options'

[253] Fix | Delete

};

[254] Fix | Delete

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

[255] Fix | Delete

res.h = true;

[256] Fix | Delete

}

[257] Fix | Delete

return res;

[258] Fix | Delete

}

[259] Fix | Delete

[260] Fix | Delete

static get_position(selector = '', id = 'background_position', state = '') {

[261] Fix | Delete

if (state !== '') {

[262] Fix | Delete

id += '_' + state;

[263] Fix | Delete

}

[264] Fix | Delete

const res = {

[265] Fix | Delete

id: id,

[266] Fix | Delete

type: 'position_box',

[267] Fix | Delete

prop: 'background-position',

[268] Fix | Delete

selector: selector

[269] Fix | Delete

};

[270] Fix | Delete

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

[271] Fix | Delete

res.h = true;

[272] Fix | Delete

}

[273] Fix | Delete

return res;

[274] Fix | Delete

}

[275] Fix | Delete

[276] Fix | Delete

static get_padding(selector = '', id = 'padding', state = '') {

[277] Fix | Delete

if (id === '') {

[278] Fix | Delete

id = 'padding';

[279] Fix | Delete

}

[280] Fix | Delete

if (state !== '') {

[281] Fix | Delete

id += '_' + state;

[282] Fix | Delete

}

[283] Fix | Delete

const res = {

[284] Fix | Delete

id: id,

[285] Fix | Delete

type: 'padding',

[286] Fix | Delete

prop: 'padding',

[287] Fix | Delete

selector: selector

[288] Fix | Delete

};

[289] Fix | Delete

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

[290] Fix | Delete

res.h = true;

[291] Fix | Delete

}

[292] Fix | Delete

return res;

[293] Fix | Delete

}

[294] Fix | Delete

[295] Fix | Delete

static get_margin(selector = '', id = 'margin', state = '') {

[296] Fix | Delete

if (id === '') {

[297] Fix | Delete

id = 'margin';

[298] Fix | Delete

}

[299] Fix | Delete

if (state !== '') {

[300] Fix | Delete

id += '_' + state;

[301] Fix | Delete

}

[302] Fix | Delete

const res = {

[303] Fix | Delete

id: id,

[304] Fix | Delete

type: 'margin',

[305] Fix | Delete

prop: 'margin',

[306] Fix | Delete

selector: selector

[307] Fix | Delete

};

[308] Fix | Delete

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

[309] Fix | Delete

res.h = true;

[310] Fix | Delete

}

[311] Fix | Delete

return res;

[312] Fix | Delete

}

[313] Fix | Delete

[314] Fix | Delete

static get_margin_top_bottom_opposity(selector = '', topId = 'margin-top', bottomId = 'margin-bottom', state = '') {

[315] Fix | Delete

if (state !== '') {

[316] Fix | Delete

topId += '_' + state;

[317] Fix | Delete

bottomId += '_' + state;

[318] Fix | Delete

}

[319] Fix | Delete

const res = {

[320] Fix | Delete

topId: topId,

[321] Fix | Delete

bottomId: bottomId,

[322] Fix | Delete

type: 'margin_opposity',

[323] Fix | Delete

prop: '',

[324] Fix | Delete

selector: selector

[325] Fix | Delete

};

[326] Fix | Delete

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

[327] Fix | Delete

res.h = true;

[328] Fix | Delete

}

[329] Fix | Delete

return res;

[330] Fix | Delete

}

[331] Fix | Delete

[332] Fix | Delete

static get_border(selector = '', id = 'border', state = '') {

[333] Fix | Delete

if (state !== '') {

[334] Fix | Delete

id += '_' + state;

[335] Fix | Delete

}

[336] Fix | Delete

const res = {

[337] Fix | Delete

id: id,

[338] Fix | Delete

type: 'border',

[339] Fix | Delete

prop: 'border',

[340] Fix | Delete

selector: selector

[341] Fix | Delete

};

[342] Fix | Delete

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

[343] Fix | Delete

res.h = true;

[344] Fix | Delete

}

[345] Fix | Delete

return res;

[346] Fix | Delete

}

[347] Fix | Delete

[348] Fix | Delete

static get_outline(selector = '', id = 'o', state = '') {

[349] Fix | Delete

if (state !== '') {

[350] Fix | Delete

id += '_' + state;

[351] Fix | Delete

}

[352] Fix | Delete

const res = {

[353] Fix | Delete

id: id,

[354] Fix | Delete

type: 'outline',

[355] Fix | Delete

prop: 'outline',

[356] Fix | Delete

selector: selector

[357] Fix | Delete

};

[358] Fix | Delete

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

[359] Fix | Delete

res.h = true;

[360] Fix | Delete

}

[361] Fix | Delete

return res;

[362] Fix | Delete

}

[363] Fix | Delete

[364] Fix | Delete

static get_aspect_ratio(selector = '', id = 'asp', state = '') {

[365] Fix | Delete

[366] Fix | Delete

if (state !== '') {

[367] Fix | Delete

id += '_' + state;

[368] Fix | Delete

}

[369] Fix | Delete

[370] Fix | Delete

const res = {

[371] Fix | Delete

id: id,

[372] Fix | Delete

type: 'aspectRatio',

[373] Fix | Delete

prop: 'aspect-ratio',

[374] Fix | Delete

selector: selector

[375] Fix | Delete

};

[376] Fix | Delete

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

[377] Fix | Delete

res.h = true;

[378] Fix | Delete

}

[379] Fix | Delete

return res;

[380] Fix | Delete

}

[381] Fix | Delete

[382] Fix | Delete

static get_multi_columns_count(selector = '', id = 'column', state = '') {

[383] Fix | Delete

if (state !== '') {

[384] Fix | Delete

id += '_' + state;

[385] Fix | Delete

}

[386] Fix | Delete

const res = {

[387] Fix | Delete

id: id + '_count',

[388] Fix | Delete

type: 'multiColumns',

[389] Fix | Delete

prop: 'column-count',

[390] Fix | Delete

selector: selector

[391] Fix | Delete

};

[392] Fix | Delete

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

[393] Fix | Delete

res.h = true;

[394] Fix | Delete

}

[395] Fix | Delete

return res;

[396] Fix | Delete

}

[397] Fix | Delete

[398] Fix | Delete

static get_color_type(selector = '', state = '', id = '', solid_id = '', gradient_id = '') {

[399] Fix | Delete

if (state !== '') {

[400] Fix | Delete

if (id === '') {

[401] Fix | Delete

id = 'f_c_t';

[402] Fix | Delete

}

[403] Fix | Delete

if (solid_id === '') {

[404] Fix | Delete

solid_id = 'f_c';

[405] Fix | Delete

}

[406] Fix | Delete

if (gradient_id === '') {

[407] Fix | Delete

gradient_id = 'f_g_c';

[408] Fix | Delete

}

[409] Fix | Delete

id += '_' + state;

[410] Fix | Delete

solid_id += '_' + state;

[411] Fix | Delete

gradient_id += '_' + state;

[412] Fix | Delete

} else {

[413] Fix | Delete

if (id === '') {

[414] Fix | Delete

id = 'font_color_type';

[415] Fix | Delete

}

[416] Fix | Delete

if (solid_id === '') {

[417] Fix | Delete

solid_id = 'font_color';

[418] Fix | Delete

}

[419] Fix | Delete

if (gradient_id === '') {

[420] Fix | Delete

gradient_id = 'font_gradient_color';

[421] Fix | Delete

}

[422] Fix | Delete

}

[423] Fix | Delete

[424] Fix | Delete

const res = {

[425] Fix | Delete

id: id,

[426] Fix | Delete

type: 'fontColor',

[427] Fix | Delete

selector: selector,

[428] Fix | Delete

prop: 'radio',

[429] Fix | Delete

s: solid_id,

[430] Fix | Delete

g: gradient_id

[431] Fix | Delete

};

[432] Fix | Delete

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

[433] Fix | Delete

res.h = true;

[434] Fix | Delete

}

[435] Fix | Delete

return res;

[436] Fix | Delete

}

[437] Fix | Delete

// Get Rounded Corners

[438] Fix | Delete

static get_border_radius(selector = '', id = 'b_ra', state = '') {

[439] Fix | Delete

if (state !== '') {

[440] Fix | Delete

id += '_' + state;

[441] Fix | Delete

}

[442] Fix | Delete

const res = {

[443] Fix | Delete

id: id,

[444] Fix | Delete

type: 'border_radius',

[445] Fix | Delete

prop: 'border-radius',

[446] Fix | Delete

selector: selector

[447] Fix | Delete

};

[448] Fix | Delete

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

[449] Fix | Delete

res.h = true;

[450] Fix | Delete

}

[451] Fix | Delete

return res;

[452] Fix | Delete

}

[453] Fix | Delete

[454] Fix | Delete

// Get Box Shadow

[455] Fix | Delete

static get_box_shadow(selector = '', id = 'b_sh', state = '') {

[456] Fix | Delete

if (state !== '') {

[457] Fix | Delete

id += '_' + state;

[458] Fix | Delete

}

[459] Fix | Delete

const res = {

[460] Fix | Delete

id: id,

[461] Fix | Delete

type: 'box_shadow',

[462] Fix | Delete

prop: 'box-shadow',

[463] Fix | Delete

selector: selector

[464] Fix | Delete

};

[465] Fix | Delete

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

[466] Fix | Delete

res.h = true;

[467] Fix | Delete

}

[468] Fix | Delete

return res;

[469] Fix | Delete

}

[470] Fix | Delete

[471] Fix | Delete

// Get Text Shadow

[472] Fix | Delete

static get_text_shadow(selector = '', id = 'text-shadow', state = '') {

[473] Fix | Delete

if (state !== '') {

[474] Fix | Delete

id += '_' + state;

[475] Fix | Delete

}

[476] Fix | Delete

const res = {

[477] Fix | Delete

id: id,

[478] Fix | Delete

type: 'text_shadow',

[479] Fix | Delete

prop: 'text-shadow',

[480] Fix | Delete

selector: selector

[481] Fix | Delete

};

[482] Fix | Delete

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

[483] Fix | Delete

res.h = true;

[484] Fix | Delete

}

[485] Fix | Delete

return res;

[486] Fix | Delete

}

[487] Fix | Delete

[488] Fix | Delete

// Get z-index

[489] Fix | Delete

static get_zindex(selector = '', id = 'zi') {

[490] Fix | Delete

return {

[491] Fix | Delete

id: id,

[492] Fix | Delete

selector: selector,

[493] Fix | Delete

prop: 'z-index',

[494] Fix | Delete

type: 'zIndex'

[495] Fix | Delete

};

[496] Fix | Delete

}

[497] Fix | Delete

[498] Fix | Delete

static get_width(selector = '', id = 'width', state = '') {

[499] Fix | Delete