preview.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /**
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/2815083
  5. * @preserve
  6. **/
  7. (function ($, Drupal) {
  8. Drupal.color = {
  9. callback: function callback(context, settings, form, farb, height, width) {
  10. var accum = void 0;
  11. var delta = void 0;
  12. form.find('.color-preview').css('backgroundColor', form.find('.color-palette input[name="palette[base]"]').val());
  13. form.find('#text').css('color', form.find('.color-palette input[name="palette[text]"]').val());
  14. form.find('#text a, #text h2').css('color', form.find('.color-palette input[name="palette[link]"]').val());
  15. function gradientLineColor(i, element) {
  16. Object.keys(accum || {}).forEach(function (k) {
  17. accum[k] += delta[k];
  18. });
  19. element.style.backgroundColor = farb.pack(accum);
  20. }
  21. var colorStart = void 0;
  22. var colorEnd = void 0;
  23. Object.keys(settings.gradients || {}).forEach(function (i) {
  24. colorStart = farb.unpack(form.find('.color-palette input[name="palette[' + settings.gradients[i].colors[0] + ']"]').val());
  25. colorEnd = farb.unpack(form.find('.color-palette input[name="palette[' + settings.gradients[i].colors[1] + ']"]').val());
  26. if (colorStart && colorEnd) {
  27. delta = [];
  28. Object.keys(colorStart || {}).forEach(function (colorStartKey) {
  29. delta[colorStartKey] = (colorEnd[colorStartKey] - colorStart[colorStartKey]) / (settings.gradients[i].vertical ? height[i] : width[i]);
  30. });
  31. accum = colorStart;
  32. form.find('#gradient-' + i + ' > div').each(gradientLineColor);
  33. }
  34. });
  35. }
  36. };
  37. })(jQuery, Drupal);