Edit File by line

outputUp.dataset.unit = outputLow.dataset.unit = u;

[8000] Fix | Delete

}

[8001] Fix | Delete

wrapper.tfOn('input', e => {

[8002] Fix | Delete

const t = e.target,

[8003] Fix | Delete

st = t === up ? 'before' : 'after',

[8004] Fix | Delete

lowVal = low.isConnected ? parseFloat(low.value) : '',

[8005] Fix | Delete

wr = e.currentTarget,

[8006] Fix | Delete

ouput = st === 'before' ? outputUp : outputLow,

[8007] Fix | Delete

upVal = parseFloat(up.value),

[8008] Fix | Delete

inputV = st === 'before' ? upVal : lowVal;

[8009] Fix | Delete

cancelAnimationFrame(ref);

[8010] Fix | Delete

ref=requestAnimationFrame(() => {

[8011] Fix | Delete

let v = upVal;

[8012] Fix | Delete

if (lowVal !== '') {

[8013] Fix | Delete

v = upVal > lowVal ? (lowVal + ',' + upVal) : (upVal + ',' + lowVal);

[8014] Fix | Delete

}

[8015] Fix | Delete

ouput.dataset['slider_' + st] = inputV;

[8016] Fix | Delete

wr.style.setProperty('--tb_slider_' + st, inputV);

[8017] Fix | Delete

if (inputRange) {

[8018] Fix | Delete

inputRange.value = v;

[8019] Fix | Delete

if(e.isTrusted){

[8020] Fix | Delete

Themify.triggerEvent(inputRange,event);

[8021] Fix | Delete

}

[8022] Fix | Delete

}

[8023] Fix | Delete

else if(input){

[8024] Fix | Delete

input.value = v;

[8025] Fix | Delete

Themify.triggerEvent(input, event);

[8026] Fix | Delete

}

[8027] Fix | Delete

});

[8028] Fix | Delete

[8029] Fix | Delete

{passive: true});

[8030] Fix | Delete

[8031] Fix | Delete

if (isMulti) {

[8032] Fix | Delete

const v = !val ? [min, max] : val.split(',');

[8033] Fix | Delete

v[0] = parseFloat(v[0]);

[8034] Fix | Delete

v[0] = v[0] > max ? max : (v[0] < min ? min : v[0]);

[8035] Fix | Delete

if (v[1] === undefined) {

[8036] Fix | Delete

v[1] = v[0];

[8037] Fix | Delete

} else {

[8038] Fix | Delete

v[1] = parseFloat(v[1]);

[8039] Fix | Delete

v[1] = v[1] > max ? max : (v[1] < min ? min : v[1]);

[8040] Fix | Delete

}

[8041] Fix | Delete

outputLow.dataset.slider_after = low.value = v[0];

[8042] Fix | Delete

outputUp.dataset.slider_before = up.value = v[1];

[8043] Fix | Delete

outputLow.className += ' tb_slider_output_low';

[8044] Fix | Delete

[8045] Fix | Delete

st += v[1] + ';--tb_slider_after:' + v[0];

[8046] Fix | Delete

wrapper.append(low, outputLow);

[8047] Fix | Delete

} else {

[8048] Fix | Delete

let v = val || def;

[8049] Fix | Delete

if (v.toString().includes(',')) {

[8050] Fix | Delete

v = v.split(',')[0];

[8051] Fix | Delete

}

[8052] Fix | Delete

v = parseFloat(v);

[8053] Fix | Delete

v = v > max ? max : (v < min ? min : v);

[8054] Fix | Delete

outputUp.dataset.slider_before = up.value = v;

[8055] Fix | Delete

st += v;

[8056] Fix | Delete

wrapper.className += ' tb_slider_wrapper_single';

[8057] Fix | Delete

}

[8058] Fix | Delete

if (data.wrap_class !== undefined) {

[8059] Fix | Delete

wrapper.className += ' ' + data.wrap_class;

[8060] Fix | Delete

}

[8061] Fix | Delete

[8062] Fix | Delete

if (min > 0) {

[8063] Fix | Delete

st += ';--tb_slider_min:' + min;

[8064] Fix | Delete

}

[8065] Fix | Delete

if (max !== 100) {

[8066] Fix | Delete

st += ';--tb_slider_max:' + max;

[8067] Fix | Delete

}

[8068] Fix | Delete

wrapper.style = st;

[8069] Fix | Delete

container.appendChild(fr);

[8070] Fix | Delete

return container;

[8071] Fix | Delete

[8072] Fix | Delete

}

[8073] Fix | Delete

[8074] Fix | Delete

range: {

[8075] Fix | Delete

update(id, v='', self) {

[8076] Fix | Delete

const range = self.getEl(id);

[8077] Fix | Delete

if (range !== null) {

[8078] Fix | Delete

range.value = v;

[8079] Fix | Delete

const unit_id = id + '_unit',

[8080] Fix | Delete

unit = self.getEl(unit_id);

[8081] Fix | Delete

if (unit !== null && unit.tagName === 'SELECT') {

[8082] Fix | Delete

unit.value = self.getStyleVal(unit_id)??unit[0].value;

[8083] Fix | Delete

this._setData(range, (unit.selectedIndex !== -1 ? unit[unit.selectedIndex] : unit[0]));

[8084] Fix | Delete

} else {

[8085] Fix | Delete

const angle = range.parentNode.tfClass('tb_angle_dot')[0];

[8086] Fix | Delete

if (angle) {

[8087] Fix | Delete

angle.style.transform = v === '' ? '' : 'rotate(' + v + 'deg)';

[8088] Fix | Delete

}

[8089] Fix | Delete

}

[8090] Fix | Delete

}

[8091] Fix | Delete

[8092] Fix | Delete

_setMinMax(range, min, max, step) {

[8093] Fix | Delete

let v = parseFloat(range.value.trim());

[8094] Fix | Delete

max=parseFloat(max);

[8095] Fix | Delete

if(!isNaN(v) && (v > max || v < parseFloat(min))) {

[8096] Fix | Delete

range.value = v > max ? max : min;

[8097] Fix | Delete

}

[8098] Fix | Delete

[8099] Fix | Delete

_setData(range, item) {

[8100] Fix | Delete

const {min,max,increment:step} = item.dataset;

[8101] Fix | Delete

range.min = min;

[8102] Fix | Delete

range.max = max;

[8103] Fix | Delete

range.step = step;

[8104] Fix | Delete

this._setMinMax(range, min, max, step);

[8105] Fix | Delete

[8106] Fix | Delete

_controlChange(range, unit, event) {

[8107] Fix | Delete

const is_select = unit?.tagName === 'SELECT',

[8108] Fix | Delete

_this = this;

[8109] Fix | Delete

[8110] Fix | Delete

range.tfOn('pointerdown', function (e) {

[8111] Fix | Delete

if (e.button === 0) {

[8112] Fix | Delete

if (!(this.classList.contains('tb_angle_input') && !this.parentNode.tfClass('tb_angle_circle')[0])) {

[8113] Fix | Delete

e.stopImmediatePropagation();

[8114] Fix | Delete

}

[8115] Fix | Delete

let lastY = e.clientY,

[8116] Fix | Delete

timer,

[8117] Fix | Delete

angle = null;

[8118] Fix | Delete

const old_v = this.value,

[8119] Fix | Delete

max = parseFloat(this.max),

[8120] Fix | Delete

min = parseFloat(this.min),

[8121] Fix | Delete

step = this.step || 1,

[8122] Fix | Delete

is_increment = step % 1 !== 0,

[8123] Fix | Delete

increment = !is_increment ? ~~step : parseFloat(step),

[8124] Fix | Delete

changeValue = condition => {

[8125] Fix | Delete

let cval = this.value || 0,

[8126] Fix | Delete

val = !is_increment ? ~~cval : parseFloat(cval),

[8127] Fix | Delete

[8128] Fix | Delete

if ('increase' === condition) {

[8129] Fix | Delete

v = val >= max ? max : (val + increment);

[8130] Fix | Delete

} else {

[8131] Fix | Delete

v = val <= min ? min : (val - increment);

[8132] Fix | Delete

}

[8133] Fix | Delete

this.value = +v.toFixed(2);

[8134] Fix | Delete

if (angle === null) {

[8135] Fix | Delete

angle = this.parentNode.tfClass('tb_angle_dot')[0];

[8136] Fix | Delete

}

[8137] Fix | Delete

if (angle) {

[8138] Fix | Delete

angle.style.transform = 'rotate(' + v + 'deg)';

[8139] Fix | Delete

}

[8140] Fix | Delete

[8141] Fix | Delete

_start = e => {

[8142] Fix | Delete

e.stopPropagation();

[8143] Fix | Delete

topBodyCl.add('tb_start_animate', 'tb_move_drag');

[8144] Fix | Delete

[8145] Fix | Delete

_move = e => {

[8146] Fix | Delete

e.stopImmediatePropagation();

[8147] Fix | Delete

cancelAnimationFrame(timer);

[8148] Fix | Delete

const y = e.clientY,

[8149] Fix | Delete

_this=this;

[8150] Fix | Delete

timer = requestAnimationFrame(() => {

[8151] Fix | Delete

if (y < lastY) {

[8152] Fix | Delete

changeValue('increase');

[8153] Fix | Delete

} else if (y > lastY) {

[8154] Fix | Delete

changeValue('decrease');

[8155] Fix | Delete

}

[8156] Fix | Delete

lastY = y;

[8157] Fix | Delete

Themify.triggerEvent(_this, event);

[8158] Fix | Delete

});

[8159] Fix | Delete

[8160] Fix | Delete

_up = function (e) {

[8161] Fix | Delete

e.stopImmediatePropagation();

[8162] Fix | Delete

this.tfOff('pointermove', _move, {passive: true})

[8163] Fix | Delete

.tfOff('pointermove', _start, {once: true, passive: true})

[8164] Fix | Delete

.tfOff('lostpointercapture pointerup', _up, {once: true, passive: true});

[8165] Fix | Delete

cancelAnimationFrame(timer);

[8166] Fix | Delete

timer = lastY = angle = null;

[8167] Fix | Delete

if (this.value !== old_v) {

[8168] Fix | Delete

Themify.triggerEvent(this, event);

[8169] Fix | Delete

if (event !== 'change') {//to detect finish

[8170] Fix | Delete

Themify.triggerEvent(this, 'change');

[8171] Fix | Delete

}

[8172] Fix | Delete

}

[8173] Fix | Delete

topBodyCl.remove('tb_start_animate', 'tb_move_drag');

[8174] Fix | Delete

};

[8175] Fix | Delete

this.tfOn('lostpointercapture pointerup', _up, {once: true, passive: true})

[8176] Fix | Delete

.tfOn('pointermove', _start, {once: true, passive: true})

[8177] Fix | Delete

.tfOn('pointermove', _move, {passive: true})

[8178] Fix | Delete

.setPointerCapture(e.pointerId);

[8179] Fix | Delete

}

[8180] Fix | Delete

}, {passive: true});

[8181] Fix | Delete

[8182] Fix | Delete

if (is_select === true) {

[8183] Fix | Delete

unit.tfOn('change', function () {

[8184] Fix | Delete

_this._setData(range, this.options[ this.selectedIndex ]);

[8185] Fix | Delete

Themify.triggerEvent(range, event);

[8186] Fix | Delete

}, {passive: true});

[8187] Fix | Delete

}

[8188] Fix | Delete

if (unit !== undefined) {

[8189] Fix | Delete

this._setData(range, is_select ? (unit.selectedIndex !== -1 ? unit[unit.selectedIndex] : unit[0]) : unit);

[8190] Fix | Delete

}

[8191] Fix | Delete

range.tfOn('change', () => {

[8192] Fix | Delete

this._setMinMax(range, range.min, range.max, range.step);

[8193] Fix | Delete

}, {passive: true});

[8194] Fix | Delete

[8195] Fix | Delete

render(data, self) {

[8196] Fix | Delete

const wrapper = createElement('','tb_tooltip_container tf_rel'),

[8197] Fix | Delete

range_wrap = createElement('','tb_range_input tf_inline_b tf_rel'),

[8198] Fix | Delete

input = createElement('input',{type:'number',autocomplete:'off',class:'tb_range'}),

[8199] Fix | Delete

units=data.units;

[8200] Fix | Delete

let v = data.value ?? self.getStyleVal(data.id) ?? data.default??'',

[8201] Fix | Delete

select;

[8202] Fix | Delete

[8203] Fix | Delete

if (v !== '') {

[8204] Fix | Delete

v = parseFloat(v);

[8205] Fix | Delete

input.value = v;

[8206] Fix | Delete

}

[8207] Fix | Delete

if (data.wrap_class !== undefined) {

[8208] Fix | Delete

wrapper.className = ' ' + data.wrap_class;

[8209] Fix | Delete

}

[8210] Fix | Delete

if (data.placeholder !== undefined) {

[8211] Fix | Delete

input.placeholder = data.placeholder;

[8212] Fix | Delete

}

[8213] Fix | Delete

if (self.is_repeat === true) {

[8214] Fix | Delete

input.className += self.is_sort === true ? ' tb_lb_sort_child' : ' tb_lb_option_child';

[8215] Fix | Delete

input.dataset.inputId = data.id;

[8216] Fix | Delete

} else {

[8217] Fix | Delete

input.className += ' tb_lb_option';

[8218] Fix | Delete

input.id = data.id;

[8219] Fix | Delete

}

[8220] Fix | Delete

if (data.class !== undefined) {

[8221] Fix | Delete

input.className += ' ' + data.class;

[8222] Fix | Delete

}

[8223] Fix | Delete

range_wrap.appendChild(input);

[8224] Fix | Delete

if (data.tooltip !== undefined) {

[8225] Fix | Delete

range_wrap.appendChild(self.hint(data.tooltip));

[8226] Fix | Delete

}

[8227] Fix | Delete

wrapper.appendChild(range_wrap);

[8228] Fix | Delete

if (data.deg === true || units === undefined) {

[8229] Fix | Delete

input.min = data.min || 0;

[8230] Fix | Delete

input.max = data.deg === true ? 360 : (data.max || 1500);

[8231] Fix | Delete

input.step = data.increment || 1;

[8232] Fix | Delete

} else {

[8233] Fix | Delete

const select_wrap = createElement('','noborder'),

[8234] Fix | Delete

keys = Object.keys(units);

[8235] Fix | Delete

if (keys.length > 1) {

[8236] Fix | Delete

const select_id = data.id + '_unit',

[8237] Fix | Delete

uv = data.unit || self.getStyleVal(select_id) || data.default_unit;

[8238] Fix | Delete

select = createElement('select','tb_unit');

[8239] Fix | Delete

[8240] Fix | Delete

if (self.is_repeat === true) {

[8241] Fix | Delete

select.className += self.is_sort === true ? ' tb_lb_sort_child' : ' tb_lb_option_child';

[8242] Fix | Delete

select.dataset.inputId = select_id;

[8243] Fix | Delete

} else {

[8244] Fix | Delete

select.className += ' tb_lb_option';

[8245] Fix | Delete

select.id = select_id;

[8246] Fix | Delete

}

[8247] Fix | Delete

if (data.select_class !== undefined) {

[8248] Fix | Delete

select.className += ' ' + data.select_class;

[8249] Fix | Delete

}

[8250] Fix | Delete

for (let i in units) {

[8251] Fix | Delete

let opt = createElement('option',{value:i},i),

[8252] Fix | Delete

dataset=opt.dataset;

[8253] Fix | Delete

if(!units[i]){

[8254] Fix | Delete

units[i]={};

[8255] Fix | Delete

}

[8256] Fix | Delete

units[i].min??= 0;

[8257] Fix | Delete

units[i].max??= 100;

[8258] Fix | Delete

input.min = ~~units[i].min;

[8259] Fix | Delete

input.max = ~~units[i].max;

[8260] Fix | Delete

dataset.min = units[i].min;

[8261] Fix | Delete

dataset.max = units[i].max;

[8262] Fix | Delete

dataset.increment = units[i].increment || (i === 'em' || i === 'rem'? .1 : 1);

[8263] Fix | Delete

if (uv === i) {

[8264] Fix | Delete

opt.selected = true;

[8265] Fix | Delete

}

[8266] Fix | Delete

select.appendChild(opt);

[8267] Fix | Delete

}

[8268] Fix | Delete

self._initControl(select, {type: 'select', id: select_id, control: data.control});

[8269] Fix | Delete

} else {

[8270] Fix | Delete

const unit = keys[0];

[8271] Fix | Delete

if(!units[unit]){

[8272] Fix | Delete

units[unit]={};

[8273] Fix | Delete

}

[8274] Fix | Delete

units[unit].min??= 0;

[8275] Fix | Delete

units[unit].max??= 100;

[8276] Fix | Delete

select = createElement('span',{class:'tb_unit',id:data.id + '_unit'},unit);

[8277] Fix | Delete

const min=parseFloat(units[unit].min),

[8278] Fix | Delete

max= parseFloat(units[unit].max),

[8279] Fix | Delete

dataset=select.dataset;

[8280] Fix | Delete

input.min = min;

[8281] Fix | Delete

input.max = max;

[8282] Fix | Delete

input.step = units[unit].increment !== undefined ? parseFloat(units[unit].increment) : 1;

[8283] Fix | Delete

if (v < min || v > max) {

[8284] Fix | Delete

input.value =v > max?max:min;

[8285] Fix | Delete

}

[8286] Fix | Delete

dataset.min = min;

[8287] Fix | Delete

dataset.max = max;

[8288] Fix | Delete

dataset.increment = units[unit].increment || (unit === 'em' || unit === 'rem'? .1 : 1);

[8289] Fix | Delete

}

[8290] Fix | Delete

select_wrap.appendChild(select);

[8291] Fix | Delete

range_wrap.appendChild(select_wrap);

[8292] Fix | Delete

}

[8293] Fix | Delete

if (data.after !== undefined) {

[8294] Fix | Delete

wrapper.appendChild(self.after(data));

[8295] Fix | Delete

}

[8296] Fix | Delete

if (data.description !== undefined) {

[8297] Fix | Delete

wrapper.appendChild(self.description(data.description));

[8298] Fix | Delete

}

[8299] Fix | Delete

if (data.opposite === true) {

[8300] Fix | Delete

select.tfOn('change', function (e) {

[8301] Fix | Delete

e.stopPropagation();

[8302] Fix | Delete

self.margin._changeUnit(this, self);

[8303] Fix | Delete

}, {passive: true});

[8304] Fix | Delete

}

[8305] Fix | Delete

const event = data.event || (self.clicked === 'styling' ? 'keyup' : 'change'),

[8306] Fix | Delete

ndata = api.Helper.cloneObject(data);

[8307] Fix | Delete

this._controlChange(input, select, event);

[8308] Fix | Delete

if (data.opposite === true) {

[8309] Fix | Delete

input.tfOn(event, function (e) {

[8310] Fix | Delete

e.stopPropagation();

[8311] Fix | Delete

self.margin._changeOppositive(this);

[8312] Fix | Delete

}, {passive: true});

[8313] Fix | Delete

}

[8314] Fix | Delete

ndata.type = 'range';

[8315] Fix | Delete

self._initControl(input, ndata);

[8316] Fix | Delete

return wrapper;

[8317] Fix | Delete

}

[8318] Fix | Delete

[8319] Fix | Delete

icon: {

[8320] Fix | Delete

render(data, self) {

[8321] Fix | Delete

const f=createDocumentFragment(),

[8322] Fix | Delete

wr = createElement('','tb_icon_wrap'),

[8323] Fix | Delete

input = createElement('input',{class:'themify_field_icon',type:'text'}),

[8324] Fix | Delete

preview = createElement('span','tf_plus_icon themify_fa_toggle'),

[8325] Fix | Delete

clear = createElement('span', 'tb_clear_input tf_close'),

[8326] Fix | Delete

v = self.getStyleVal(data.id) || data.default;

[8327] Fix | Delete

if (self.is_repeat === true) {

[8328] Fix | Delete

input.className += self.is_sort === true ? ' tb_lb_sort_child' : ' tb_lb_option_child';

[8329] Fix | Delete

input.dataset.inputId = data.id;

[8330] Fix | Delete

} else {

[8331] Fix | Delete

input.className += ' tb_lb_option';

[8332] Fix | Delete

input.id = data.id;

[8333] Fix | Delete

}

[8334] Fix | Delete

if (data.class !== undefined) {

[8335] Fix | Delete

input.className += ' ' + data.class;

[8336] Fix | Delete

}

[8337] Fix | Delete

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

[8338] Fix | Delete

input.value = v;

[8339] Fix | Delete

preview.appendChild(api.Helper.getIcon(v));

[8340] Fix | Delete

self.afterRun.push(() => {

[8341] Fix | Delete

setTimeout(() => {

[8342] Fix | Delete

topThemify.fonts(v);

[8343] Fix | Delete

}, 100);

[8344] Fix | Delete

});

[8345] Fix | Delete

} else {

[8346] Fix | Delete

preview.className += ' default_icon';

[8347] Fix | Delete

}

[8348] Fix | Delete

clear.tfOn(_CLICK_, e => {

[8349] Fix | Delete

e.stopPropagation();

[8350] Fix | Delete

input.value = '';

[8351] Fix | Delete

Themify.triggerEvent(input, 'change');

[8352] Fix | Delete

}, {passive: true});

[8353] Fix | Delete

wr.append(self._initControl(input, data), preview, clear);

[8354] Fix | Delete

f.appendChild(wr);

[8355] Fix | Delete

if (data.after !== undefined) {

[8356] Fix | Delete

f.appendChild(self.after(data));

[8357] Fix | Delete

}

[8358] Fix | Delete

if (data.description !== undefined) {

[8359] Fix | Delete

f.appendChild(self.description(data.description));

[8360] Fix | Delete

}

[8361] Fix | Delete

return f;

[8362] Fix | Delete

}

[8363] Fix | Delete

[8364] Fix | Delete

getMarginPaddingUnits(type, unit) {

[8365] Fix | Delete

const units = {

[8366] Fix | Delete

px: {

[8367] Fix | Delete

min: (type === 'margin' ? -1500 : 0),

[8368] Fix | Delete

max: 1500

[8369] Fix | Delete

[8370] Fix | Delete

em: {

[8371] Fix | Delete

min: (type === 'margin' ? -10 : 0),

[8372] Fix | Delete

max: 40

[8373] Fix | Delete

[8374] Fix | Delete

'%': {

[8375] Fix | Delete

min: (type === 'margin' ? -100 : 0)

[8376] Fix | Delete

}

[8377] Fix | Delete

};

[8378] Fix | Delete

return unit ? units[unit] : units;

[8379] Fix | Delete

[8380] Fix | Delete

createMarginPadding(type, data) {

[8381] Fix | Delete

const options = data.options || [

[8382] Fix | Delete

{id: 'top'},

[8383] Fix | Delete

{id: 'bottom'},

[8384] Fix | Delete

{id: 'left'},

[8385] Fix | Delete

{id: 'right'}

[8386] Fix | Delete

[8387] Fix | Delete

ul = createElement('ul','tb_seperate_items tb_has_opposite'),

[8388] Fix | Delete

self = this,

[8389] Fix | Delete

id = data.id,

[8390] Fix | Delete

isBorderRadius = type === 'border_radius',

[8391] Fix | Delete

range = api.Helper.cloneObject(data);

[8392] Fix | Delete

range.units = data.units ?? this.getMarginPaddingUnits(type);

[8393] Fix | Delete

range.prop = null;

[8394] Fix | Delete

range.opposite = true;

[8395] Fix | Delete

if (isBorderRadius === true) {

[8396] Fix | Delete

ul.dataset.toptext = options[0].label;

[8397] Fix | Delete

}

[8398] Fix | Delete

let len = options.length,

[8399] Fix | Delete

d = createDocumentFragment(),

[8400] Fix | Delete

uncheck_all = false;

[8401] Fix | Delete

for (let i = 0; i < len; ++i) {

[8402] Fix | Delete

let li = createElement('li'),

[8403] Fix | Delete

optId=options[i].id,

[8404] Fix | Delete

prop_id = id + '_' + optId;

[8405] Fix | Delete

[8406] Fix | Delete

range.id = prop_id;

[8407] Fix | Delete

range.tooltip = options[i].label || optId;

[8408] Fix | Delete

range.class = data.class || '';

[8409] Fix | Delete

range.class += ' tb_multi_field tb_range_' + optId;

[8410] Fix | Delete

if (isBorderRadius === true) {

[8411] Fix | Delete

range.class += ' tb_is_border_radius';

[8412] Fix | Delete

}

[8413] Fix | Delete

let rangeEl = this.range.render(range, this);

[8414] Fix | Delete

if (i !== 0 && i !== 3) {

[8415] Fix | Delete

let oppId = optId === 'right' ? 'top' : optId,

[8416] Fix | Delete

opposite = createElement('li', 'tb_seperate_opposite tb_opposite_' + (oppId === 'bottom' ? 'top' : oppId));

[8417] Fix | Delete

opposite.appendChild(this.checkboxGenerate('checkbox', {

[8418] Fix | Delete

id: id + '_opp_' + oppId,

[8419] Fix | Delete

class: 'style_apply_oppositive',

[8420] Fix | Delete

options: [

[8421] Fix | Delete

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

[8422] Fix | Delete

]

[8423] Fix | Delete

}

[8424] Fix | Delete

));

[8425] Fix | Delete

let ch_op = opposite.querySelector('.style_apply_oppositive');

[8426] Fix | Delete

ch_op.tfOn('change', function (e) {

[8427] Fix | Delete

e.stopPropagation();

[8428] Fix | Delete

self.margin._bindingOppositive(this, true);

[8429] Fix | Delete

}, {passive: true})

[8430] Fix | Delete

.parentNode.insertBefore(createElement('','tb_oppositive_state'), ch_op.nextSibling);

[8431] Fix | Delete

[8432] Fix | Delete

if (ch_op.checked === true) {

[8433] Fix | Delete

self.afterRun.push(() => {

[8434] Fix | Delete

self.margin._bindingOppositive(ch_op);

[8435] Fix | Delete

});

[8436] Fix | Delete

}

[8437] Fix | Delete

[8438] Fix | Delete

d.appendChild(opposite);

[8439] Fix | Delete

}

[8440] Fix | Delete

li.appendChild(rangeEl);

[8441] Fix | Delete

d.appendChild(li);

[8442] Fix | Delete

let prop;

[8443] Fix | Delete

if (isBorderRadius === true) {

[8444] Fix | Delete

prop = 'border-';

[8445] Fix | Delete

if (options[i].id === 'top') {

[8446] Fix | Delete

prop += 'top-left-radius';

[8447] Fix | Delete

} else if (options[i].id === 'right') {

[8448] Fix | Delete

prop += 'top-right-radius';

[8449] Fix | Delete

} else if (options[i].id === 'left') {

[8450] Fix | Delete

prop += 'bottom-left-radius';

[8451] Fix | Delete

} else if (options[i].id === 'bottom') {

[8452] Fix | Delete

prop += 'bottom-right-radius';

[8453] Fix | Delete

}

[8454] Fix | Delete

} else if ('transform' === data.type) {

[8455] Fix | Delete

prop = data.prop;

[8456] Fix | Delete

} else {

[8457] Fix | Delete

prop = data.prop + '-' + options[i].id;

[8458] Fix | Delete

if (this.is_new === true && !uncheck_all && this.values[prop_id]) {

[8459] Fix | Delete

uncheck_all = true;

[8460] Fix | Delete

}

[8461] Fix | Delete

}

[8462] Fix | Delete

this.styles[prop_id] = {prop: prop, selector: data.selector};

[8463] Fix | Delete

}

[8464] Fix | Delete

ul.appendChild(d);

[8465] Fix | Delete

d = createDocumentFragment();

[8466] Fix | Delete

d.appendChild(ul);

[8467] Fix | Delete

if (len === 4) {

[8468] Fix | Delete

d.appendChild(self.checkboxGenerate('icon_checkbox',

[8469] Fix | Delete

{

[8470] Fix | Delete

id: 'checkbox_' + id + '_apply_all',

[8471] Fix | Delete

class: 'style_apply_all',

[8472] Fix | Delete

options: [

[8473] Fix | Delete

{name: '1', value: 'all', icon: '<span class="apply_all_checkbox_icon">' + api.Helper.getIcon('ti-link').outerHTML + '</span>'}

[8474] Fix | Delete

[8475] Fix | Delete

default: (this.component === 'module' && this.is_new === true && !uncheck_all) || Object.keys(this.values).length === 0 ? '1' : false

[8476] Fix | Delete

}

[8477] Fix | Delete

));

[8478] Fix | Delete

const apply_all = d.querySelector('.style_apply_all');

[8479] Fix | Delete

apply_all.tfOn('change', function () {

[8480] Fix | Delete

self.margin._apply_all(this, true);

[8481] Fix | Delete

}, {passive: true});

[8482] Fix | Delete

if (apply_all.checked === true) {

[8483] Fix | Delete

self.afterRun.push(() => {

[8484] Fix | Delete

self.margin._apply_all(apply_all);

[8485] Fix | Delete

});

[8486] Fix | Delete

}

[8487] Fix | Delete

}

[8488] Fix | Delete

return d;

[8489] Fix | Delete

[8490] Fix | Delete

margin_opposity: {

[8491] Fix | Delete

update(id, v, self) {

[8492] Fix | Delete

self.range.update(id, v, self);

[8493] Fix | Delete

self.checkbox.update(id + '_opp_top', self.getStyleVal(id + '_opp_top'), self);

[8494] Fix | Delete

self.range.update(self._stylesData[id].bottomId, self.getStyleVal(self._stylesData[id].bottomId), self);

[8495] Fix | Delete

[8496] Fix | Delete

render(data, self) {

[8497] Fix | Delete

[8498] Fix | Delete

const items = ['topId', 'bottomId'],

[8499] Fix | Delete

1 ...15 161718 19 ...22