PluginProbe
Tagembed: Social Media Feeds and Customer Reviews Widget / 7.4
Tagembed: Social Media Feeds and Customer Reviews Widget v7.4
7.8 7.5 7.6 7.7 7.4 trunk 3.10 3.9 4.0 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 5.0 5.1 5.2 5.3 5.4 5.5 5.6 All 43 releases
tagembed-widget / assets / js / customize / tagembed.customize.script.js

tagembed.customize.script.js in Tagembed: Social Media Feeds and Customer Reviews Widget 7.4, at assets/js/customize/tagembed.customize.script.js

399 lines 22.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 window.addEventListener ? window.addEventListener("load", __tagembed__getCustomizationOption, false) : window.attachEvent && window.attachEvent("onload", __tagembed__getCustomizationOption);
2 function __tagembed__getCustomizationOption() {
3 /*Manage Customizaton Section Hide Show*/
4 document.querySelector("#__tagembed__customization_section").style.display = "none";
5 let widgetId = document.querySelector("#__tagembed__widgets").selectedOptions[0];
6 widgetId = widgetId.value.split('#')[0];
7 let __tagembed__toast = new TagembedToast;
8 let formData = new FormData();
9 formData.append('action', 'data');
10 formData.append('widgetId', widgetId);
11 formData.append('__tagembed__ajax_call_nones', __tagembed__ajax_call_nones);
12 formData.append('__tagembed__ajax_action', '__tagembed__get_customization_option');
13 __tagembed__open_loader();
14 fetch(__tagembed__ajax_url, {
15 method: 'POST',
16 headers: {
17 'x-requested-with': 'XMLHttpRequest',
18 },
19 body: formData,
20 }).then(response => {
21 return response.json()
22 }).then(response => {
23 __tagembed__close_loader();
24 if (response.status == true) {
25 __tagembed__manageCustomizationOptions(response.data);
26 __tagembed__manageBlockAndUnblockSection(response.data.ThemeRule.inheritStyles);
27 } else {
28 if (response.hasOwnProperty("message")) {
29 __tagembed__toast.danger({ message: response.message, position: '__tagembed__is-top-right' });
30 } else {
31 __tagembed__toast.danger({ message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right' });
32 }
33 }
34 }).catch((error) => {
35 console.log(error);
36 __tagembed__close_loader();
37 __tagembed__toast.danger({ message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right' });
38 });
39 }
40 /*--Start-- Manage Inherit Styles Customize Options */
41 function __tagembed__manageBlockAndUnblockSection(inheritStylesValue) {
42 if (inheritStylesValue == "1") {
43 document.querySelector("#__tagembed__inherit_styles_auther_font_color").classList.add("__tagembed__inherit_styles_font_color");
44 document.querySelector("#__tagembed__inherit_styles_font_color").classList.add("__tagembed__inherit_styles_font_color");
45 document.querySelector("#__tagembed__inherit_styles_font_size").classList.add("__tagembed__inherit_styles_font_size");
46 }
47 if (inheritStylesValue == "0") {
48 document.querySelector("#__tagembed__inherit_styles_auther_font_color").classList.remove("__tagembed__inherit_styles_font_color");
49 document.querySelector("#__tagembed__inherit_styles_font_color").classList.remove("__tagembed__inherit_styles_font_color");
50 document.querySelector("#__tagembed__inherit_styles_font_size").classList.remove("__tagembed__inherit_styles_font_size");
51 }
52 }
53 function __tagembed__manageInheritStylesCustomizeOptions() {
54 let __tagembed__show_is_ck = document.querySelector("#__tagembed__show_is_ck");
55 if (__tagembed__show_is_ck.checked) {
56 __tagembed__manageBlockAndUnblockSection("1");
57 } else {
58 __tagembed__manageBlockAndUnblockSection("0");
59 }
60 }
61 /*--End-- Manage Inherit Styles Customize Options */
62 /*--Start-- Manage Customization Options*/
63 function __tagembed__manageCustomizationOptions(__tagembed__customizationsOptions) {
64 document.querySelector("#__tagembed__personalization_id").value = __tagembed__customizationsOptions.Personalization.id;
65 document.querySelector("#__tagembed__themeRule_id").value = __tagembed__customizationsOptions.ThemeRule.id;
66
67 /*--Start-- Manage Layout Setting*/
68 document.querySelector("#__tagembed__featured_popup").checked = false;
69 document.querySelector("#__tagembed__direct_to_source").checked = false;
70 document.querySelector("#__tagembed__none").checked = false;
71 if (__tagembed__customizationsOptions.Personalization.postFeatured == 1)
72 document.querySelector("#__tagembed__featured_popup").checked = true;
73 if (__tagembed__customizationsOptions.Personalization.mobilePopup == 1)
74 document.querySelector("#__tagembed__direct_to_source").checked = true;
75 if (__tagembed__customizationsOptions.Personalization.postFeatured == 0 && __tagembed__customizationsOptions.Personalization.mobilePopup == 0)
76 document.querySelector("#__tagembed__none").checked = true;
77 document.querySelector("#__tagembed__total_noptd").value = __tagembed__customizationsOptions.ThemeRule.numberOfPosts;
78 document.querySelector("#__tagembed__hide_top_ck").checked = false;
79 if (__tagembed__customizationsOptions.Personalization.postText == 1)
80 document.querySelector("#__tagembed__hide_top_ck").checked = true;
81 document.querySelector("#__tagembed__ps").value = __tagembed__customizationsOptions.Personalization.padding;
82 document.querySelector("#__tagembed__post_spacing_range_value_section").innerHTML = __tagembed__customizationsOptions.Personalization.padding;
83 document.querySelector("#__tagembed__post_mw").value = __tagembed__customizationsOptions.Personalization.minimumPostWidth;
84 document.querySelector("#__tagembed__post_width_range_value_section").innerHTML = __tagembed__customizationsOptions.Personalization.minimumPostWidth;
85 document.querySelector("#__tagembed__columnCount").value = __tagembed__customizationsOptions.ThemeRule.numberOfColumn;
86 document.querySelector("#__tagembed__columnCountMobile").value = __tagembed__customizationsOptions.ThemeRule.mobileColumn;
87 /*--End-- Manage Layout Setting*/
88
89 /*--Start-- Manage Card Setting*/
90 document.querySelector("#__tagembed__fontColor").value = __tagembed__customizationsOptions.ThemeRule.fontColor;
91 document.querySelector("#__tagembed__post_font_color_value_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.fontColor;
92 document.querySelector("#__tagembed__authorFontColor").value = __tagembed__customizationsOptions.ThemeRule.authorColor;
93 document.querySelector("#__tagembed__author_font_color_value_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.authorColor;
94 document.querySelector("#__tagembed__cardColor").value = __tagembed__customizationsOptions.ThemeRule.cardColor;
95 document.querySelector("#__tagembed__card_color_value_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.cardColor;
96 document.querySelector("#__tagembed__post_font_size").innerHTML = __tagembed__customizationsOptions.ThemeRule.fontSize;
97 document.querySelector("#__tagembed__post_font_size_section").innerHTML = __tagembed__customizationsOptions.ThemeRule.fontSize;
98 document.querySelector("#__tagembed__show_is_ck").checked = false;
99 if (__tagembed__customizationsOptions.ThemeRule.inheritStyles == 1)
100 document.querySelector("#__tagembed__show_is_ck").checked = true;
101 document.querySelector("#__tagembed__show_so_ck").checked = false;
102 if (__tagembed__customizationsOptions.ThemeRule.shareOption == 1)
103 document.querySelector("#__tagembed__show_so_ck").checked = true;
104 document.querySelector("#__tagembed__hide_c_ck").checked = false;
105 if (__tagembed__customizationsOptions.ThemeRule.hideContent == 1)
106 document.querySelector("#__tagembed__hide_c_ck").checked = true;
107 document.querySelector("#__tagembed__show_ad_ck").checked = false;
108 if (__tagembed__customizationsOptions.Personalization.postAuthor == 1)
109 document.querySelector("#__tagembed__show_ad_ck").checked = true;
110 document.querySelector("#__tagembed__show_date_ck").checked = false;
111 if (__tagembed__customizationsOptions.Personalization.postTime == 1)
112 document.querySelector("#__tagembed__show_date_ck").checked = true;
113 document.querySelector("#__tagembed__linetrim").value = (__tagembed__customizationsOptions.ThemeRule.lineTrim == null) ? 0 : __tagembed__customizationsOptions.ThemeRule.lineTrim
114 document.querySelector("#__tagembed__aspectimageratio").value = __tagembed__customizationsOptions.ThemeRule.aspectImageRatio;
115 document.querySelector("#__tagembed__left_alignment").checked = false;
116 document.querySelector("#__tagembed__center_alignment").checked = false;
117 document.querySelector("#__tagembed__right_alignment").checked = false;
118 if (__tagembed__customizationsOptions.ThemeRule.textAlignment == 'left')
119 document.querySelector("#__tagembed__left_alignment").checked = true;
120 if (__tagembed__customizationsOptions.ThemeRule.textAlignment == 'right')
121 document.querySelector("#__tagembed__right_alignment").checked = true;
122 if (__tagembed__customizationsOptions.ThemeRule.textAlignment == 'center' || __tagembed__customizationsOptions.ThemeRule.textAlignment == 'NULL')
123 document.querySelector("#__tagembed__center_alignment").checked = true;
124 document.querySelector("#__tagembed__square_curve").checked = false;
125 document.querySelector("#__tagembed__rounded_corner").checked = false;
126 document.querySelector("#__tagembed__circular_corner").checked = false;
127 if (__tagembed__customizationsOptions.ThemeRule.borderRadius == 0)
128 document.querySelector("#__tagembed__square_curve").checked = true;
129 if (__tagembed__customizationsOptions.ThemeRule.borderRadius == 8)
130 document.querySelector("#__tagembed__rounded_corner").checked = true;
131 if (__tagembed__customizationsOptions.ThemeRule.borderRadius == 24)
132 document.querySelector("#__tagembed__circular_corner").checked = true;
133 /*--End-- Manage Card Setting*/
134
135 /*--Start-- Manage Custom Css Setting*/
136 document.querySelector("#__tagembed__custom_css").value = __tagembed__customizationsOptions.Personalization.css;
137 /*--End-- Manage Custom Css Setting*/
138
139 /*--Start-- Manage Footer Setting*/
140 document.querySelector("#__tagembed__show_more").checked = false;
141 document.querySelector("#__tagembed__auto_load").checked = false;
142 document.querySelector("#__tagembed__showmore_autoload_none").checked = false;
143 if (__tagembed__customizationsOptions.Personalization.loadMoreStatus == 1)
144 document.querySelector("#__tagembed__show_more").checked = true;
145 if (__tagembed__customizationsOptions.Personalization.autoScrollStatus == 1)
146 document.querySelector("#__tagembed__auto_load").checked = true;
147 if (__tagembed__customizationsOptions.Personalization.loadMoreStatus == 0 && __tagembed__customizationsOptions.Personalization.autoScrollStatus == 0)
148 document.querySelector("#__tagembed__showmore_autoload_none").checked = true;
149 /*--End-- Manage Footer Setting*/
150
151 /*Manage Customizaton Section Hide Show*/
152 document.querySelector("#__tagembed__customization_section").style.display = "flex";
153 }
154 /*--End-- Manage Customization Options*/
155 /*--End--Get Customization Option*/
156
157 /*--Start--Update Customization Option*/
158 function __tagembed__updateCustomizationOption(__tagembed__optionType) {
159 let __tagembed__toast = new TagembedToast;
160 let formData = new FormData();
161 formData.append('personalizationId', document.querySelector("#__tagembed__personalization_id").value);
162 formData.append('themeRuleId', document.querySelector("#__tagembed__themeRule_id").value);
163 switch (__tagembed__optionType) {
164 case 'footer':
165 let __tagembed__autoScrollStatusValue = 0;
166 let __tagembed__showMoreValue = 0;
167 if (document.querySelector("#__tagembed__show_more").checked) {
168 __tagembed__showMoreValue = 1;
169 __tagembed__autoScrollStatusValue = 0;
170 }
171 if (document.querySelector("#__tagembed__auto_load").checked) {
172 __tagembed__showMoreValue = 0;
173 __tagembed__autoScrollStatusValue = 1;
174 }
175 if (document.querySelector("#__tagembed__showmore_autoload_none").checked) {
176 __tagembed__showMoreValue = 0;
177 __tagembed__autoScrollStatusValue = 0;
178 }
179 /*Manage Form Data*/
180 formData.append('loadMoreStatus', __tagembed__showMoreValue);
181 formData.append('autoScrollStatus', __tagembed__autoScrollStatusValue);
182 break;
183 case 'layout':
184 let __tagembed__total_numberOFPostToDisplay = document.querySelector("#__tagembed__total_noptd").value;
185 let __tagembed__postSpacing = document.querySelector("#__tagembed__ps").value;
186 let __tagembed__maximumPostWidth = document.querySelector("#__tagembed__post_mw").value;
187 let __tagembed__columnCountDesktop = document.querySelector("#__tagembed__columnCount").value;
188 let __tagembed__columnCountMobile = document.querySelector("#__tagembed__columnCountMobile").value;
189 let __tagembed__hideTextOnlyPostCheckBoxValue = 0;
190 let __tagembed__hideTextOnlyPost = document.querySelector("#__tagembed__hide_top_ck");
191 if (__tagembed__hideTextOnlyPost.checked)
192 __tagembed__hideTextOnlyPostCheckBoxValue = 1;
193 let __tagembed__featurePopupCheckBoxValue = 0;
194 if (document.querySelector("#__tagembed__featured_popup").checked)
195 __tagembed__featurePopupCheckBoxValue = 1;
196 let __tagembed__directToSourceCheckBoxValue = 0;
197 if (document.querySelector("#__tagembed__direct_to_source").checked)
198 __tagembed__directToSourceCheckBoxValue = 1;
199 if (document.querySelector("#__tagembed__none").checked) {
200 __tagembed__directToSourceCheckBoxValue = 0;
201 __tagembed__featurePopupCheckBoxValue = 0;
202 }
203 /*Manage Form Data*/
204 formData.append('numberOfPosts', __tagembed__total_numberOFPostToDisplay);
205 formData.append('padding', __tagembed__postSpacing);
206 formData.append('minimumPostWidth', __tagembed__maximumPostWidth);
207 formData.append('columnCount', __tagembed__columnCountDesktop);
208 formData.append('columnCountMobile', __tagembed__columnCountMobile);
209 formData.append('postText', __tagembed__hideTextOnlyPostCheckBoxValue);
210 formData.append('mobilePopup', __tagembed__directToSourceCheckBoxValue);
211 formData.append('postFeatured', __tagembed__featurePopupCheckBoxValue);
212 break;
213 case 'card':
214 let __tagembed__fontColor = document.querySelector("#__tagembed__fontColor").value;
215 let __tagembed__authorFontColor = document.querySelector("#__tagembed__authorFontColor").value;
216 let __tagembed__cardColor = document.querySelector("#__tagembed__cardColor").value;
217 let __tagembed__fontSize = document.querySelector("#__tagembed__post_font_size").value;
218 let __tagembed__inheritStylesOptionCheckBoxValue = 0;
219 let __tagembed__show_is_ck = document.querySelector("#__tagembed__show_is_ck");
220 if (__tagembed__show_is_ck.checked)
221 __tagembed__inheritStylesOptionCheckBoxValue = 1;
222 let __tagembed__showShareOptionCheckBoxValue = 0;
223 let __tagembed__show_so_ck = document.querySelector("#__tagembed__show_so_ck");
224 if (__tagembed__show_so_ck.checked)
225 __tagembed__showShareOptionCheckBoxValue = 1;
226 let __tagembed__hideContentCheckBoxValue = 0;
227 let __tagembed__hide_c_ck = document.querySelector("#__tagembed__hide_c_ck");
228 if (__tagembed__hide_c_ck.checked)
229 __tagembed__hideContentCheckBoxValue = 1;
230 let __tagembed__showAuthorDetailsCheckBoxValue = 0;
231 let __tagembed__show_ad_ck = document.querySelector("#__tagembed__show_ad_ck");
232 if (__tagembed__show_ad_ck.checked)
233 __tagembed__showAuthorDetailsCheckBoxValue = 1;
234 let __tagembed__showDataCheckBoxValue = 0;
235 let __tagembed__show_date_ck = document.querySelector("#__tagembed__show_date_ck");
236 if (__tagembed__show_date_ck.checked)
237 __tagembed__showDataCheckBoxValue = 1;
238 /*New Card Style Data*/
239
240 let __tagembed__linetrim = document.querySelector("#__tagembed__linetrim").value;
241 let __tagembed__aspectImageRatio = document.querySelector("#__tagembed__aspectimageratio").value;
242 if (document.querySelector("#__tagembed__left_alignment").checked)
243 __tagembed__textAlignment = 'left';
244 if (document.querySelector("#__tagembed__center_alignment").checked)
245 __tagembed__textAlignment = 'center';
246 if (document.querySelector("#__tagembed__right_alignment").checked)
247 __tagembed__textAlignment = 'right';
248 if (document.querySelector("#__tagembed__square_curve").checked)
249 __tagembed__cardCurve = 0;
250 if (document.querySelector("#__tagembed__rounded_corner").checked)
251 __tagembed__cardCurve = 8;
252 if (document.querySelector("#__tagembed__circular_corner").checked)
253 __tagembed__cardCurve = 24;
254 /*Manage Form Data*/
255 formData.append('inheritStyles', __tagembed__inheritStylesOptionCheckBoxValue);
256 formData.append('fontColor', __tagembed__fontColor);
257 formData.append('authorColor', __tagembed__authorFontColor);
258 formData.append('cardColor', __tagembed__cardColor);
259 formData.append('fontSize', __tagembed__fontSize);
260 formData.append('shareOption', __tagembed__showShareOptionCheckBoxValue);
261 formData.append('hideContent', __tagembed__hideContentCheckBoxValue);
262 formData.append('postAuthor', __tagembed__showAuthorDetailsCheckBoxValue);
263 formData.append('postTime', __tagembed__showDataCheckBoxValue);
264 formData.append('lineTrim', __tagembed__linetrim);
265 formData.append('aspectImageRatio', __tagembed__aspectImageRatio);
266 formData.append('textAlignment', __tagembed__textAlignment);
267 formData.append('borderRadius', __tagembed__cardCurve);
268 break;
269 case 'other':
270 let __tagembed__customCss = document.querySelector("#__tagembed__custom_css").value;
271 /*Manage Form Data*/
272 formData.append('css', __tagembed__customCss);
273 break;
274 default:
275 return __tagembed__toast.danger({ message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right' });
276 break;
277 }
278 /*Get And Manage Widget Id*/
279 let widgetId = document.querySelector("#__tagembed__widgets").selectedOptions[0];
280 widgetId = widgetId.value.split('#')[0];
281 formData.append('action', 'data');
282 formData.append('widgetId', widgetId);
283 formData.append('__tagembed__ajax_call_nones', __tagembed__ajax_call_nones);
284 formData.append('__tagembed__ajax_action', '__tagembed__update_' + __tagembed__optionType + '_customization_option');
285 __tagembed__open_loader();
286 fetch(__tagembed__ajax_url, {
287 method: 'POST',
288 headers: {
289 'x-requested-with': 'XMLHttpRequest',
290 },
291 body: formData,
292 }).then(response => {
293 return response.json()
294 }).then(response => {
295 __tagembed__close_loader();
296 if (response.status == true) {
297 if (response.data.hasOwnProperty("message"))
298 __tagembed__toast.success({ message: response.data.message, position: '__tagembed__is-top-right' });
299 } else {
300 if (response.hasOwnProperty("message")) {
301 __tagembed__toast.danger({ message: response.message, position: '__tagembed__is-top-right' });
302 } else {
303 __tagembed__toast.danger({ message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right' });
304 }
305 }
306 }).catch((error) => {
307 console.log(error);
308 __tagembed__toast.danger({ message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right' });
309 });
310 }
311 /*--End--Update Customization Option*/
312
313 /*--Start--Manage Customize Menue Hide Show*/
314 function __tagembed__manageCustomizeMenueHideShow(__tagembed__customize_menue) {
315 /*Section*/
316 let __tagembed__layoutSettings = document.querySelector("#__tagembed__layout_settings");
317 let __tagembed__cardSettings = document.querySelector("#__tagembed__card_settings");
318 let __tagembed__otherSettings = document.querySelector("#__tagembed__other_settings");
319 let __tagembed__footer_settings = document.querySelector("#__tagembed__footer_settings");
320 /*Menue*/
321 let __tagembed__layoutSettingsMenue = document.querySelector("#__tagembed__layout_settings_menue");
322 let __tagembed__cardSettingsMenue = document.querySelector("#__tagembed__card_settings_menue");
323 let __tagembed__otherSettingsMenue = document.querySelector("#__tagembed__other_settings_menue");
324 let __tagembed__footer_settings_menue = document.querySelector("#__tagembed__footer_settings_menue");
325 switch (__tagembed__customize_menue) {
326 case 'ls':
327 __tagembed__cardSettingsMenue.classList.remove("__tagembed__active");
328 __tagembed__cardSettings.style.display = "none";
329
330 __tagembed__otherSettingsMenue.classList.remove("__tagembed__active");
331 __tagembed__otherSettings.style.display = "none";
332
333 __tagembed__footer_settings_menue.classList.remove("__tagembed__active");
334 __tagembed__footer_settings.style.display = "none";
335
336 __tagembed__layoutSettingsMenue.classList.add("__tagembed__active");
337 __tagembed__layoutSettings.style.display = "block";
338 break;
339 case 'cs':
340 __tagembed__layoutSettingsMenue.classList.remove("__tagembed__active");
341 __tagembed__layoutSettings.style.display = "none";
342
343 __tagembed__otherSettingsMenue.classList.remove("__tagembed__active");
344 __tagembed__otherSettings.style.display = "none";
345
346 __tagembed__footer_settings_menue.classList.remove("__tagembed__active");
347 __tagembed__footer_settings.style.display = "none";
348
349 __tagembed__cardSettingsMenue.classList.add("__tagembed__active");
350 __tagembed__cardSettings.style.display = "block";
351 break;
352 case 'os':
353 __tagembed__layoutSettingsMenue.classList.remove("__tagembed__active");
354 __tagembed__layoutSettings.style.display = "none";
355
356 __tagembed__cardSettingsMenue.classList.remove("__tagembed__active");
357 __tagembed__cardSettings.style.display = "none";
358
359 __tagembed__footer_settings_menue.classList.remove("__tagembed__active");
360 __tagembed__footer_settings.style.display = "none";
361
362 __tagembed__otherSettingsMenue.classList.add("__tagembed__active");
363 __tagembed__otherSettings.style.display = "block";
364 break;
365 case 'fo':
366 __tagembed__layoutSettingsMenue.classList.remove("__tagembed__active");
367 __tagembed__layoutSettings.style.display = "none";
368
369 __tagembed__cardSettingsMenue.classList.remove("__tagembed__active");
370 __tagembed__cardSettings.style.display = "none";
371
372 __tagembed__otherSettingsMenue.classList.remove("__tagembed__active");
373 __tagembed__otherSettings.style.display = "none";
374
375 __tagembed__footer_settings_menue.classList.add("__tagembed__active");
376 __tagembed__footer_settings.style.display = "block";
377 break;
378 default:
379 let __tagembed__toast = new TagembedToast;
380 __tagembed__toast.danger({ message: "Something went wrong. Please try after sometime", position: '__tagembed__is-top-right' });
381 break;
382 }
383 }
384 /*--End--Manage Customize Menue Hide Show*/
385 /*--Start-- Show Range Input Value*/
386 function __tagembed__showRangeInputValue(__tagembed__range_val, __tagembed__range_value_Show_section_id) {
387 let __tagembed__rangeValueShowSection = document.getElementById(__tagembed__range_value_Show_section_id);
388 if (__tagembed__rangeValueShowSection)
389 __tagembed__rangeValueShowSection.innerHTML = __tagembed__range_val;
390 }
391 /*--End-- Show Range Input Value*/
392 /*--Start-- Show Range Input Value*/
393 function __tagembed__showColorInputValue(__tagembed__color_val, __tagembed__color_value_Show_section_id) {
394 let __tagembed__colorValueShowSection = document.getElementById(__tagembed__color_value_Show_section_id);
395 if (__tagembed__colorValueShowSection)
396 __tagembed__colorValueShowSection.innerHTML = __tagembed__color_val;
397 }
398 /*--End-- Show Range Input Value*/
399