From d73a0de6be1018521befe5ad31dadb67b2138464 Mon Sep 17 00:00:00 2001
From: Agriya Dev5 <agriya.dev5@agriya.in>
Date: Tue, 16 Feb 2021 13:30:25 +0530
Subject: [PATCH] #46 $.extend change to pure javascript

---
 src/editor/components/jgraduate/Util.js       | 21 +++++++++++++++++++
 .../components/jgraduate/jQuery.jPicker.js    | 12 ++++++-----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/editor/components/jgraduate/Util.js b/src/editor/components/jgraduate/Util.js
index 3673ef22..a0cc92b7 100644
--- a/src/editor/components/jgraduate/Util.js
+++ b/src/editor/components/jgraduate/Util.js
@@ -13,4 +13,25 @@ export function findPos (obj) {
     return {left: curleft, top: curtop};
   }
   return {left: curleft, top: curtop};
+}
+
+export function isObject(item) {
+  return (item && typeof item === 'object' && !Array.isArray(item));
+}
+
+export function mergeDeep(target, source) {
+  let output = Object.assign({}, target);
+  if (isObject(target) && isObject(source)) {
+    Object.keys(source).forEach(key => {
+      if (isObject(source[key])) {
+        if (!(key in target))
+          Object.assign(output, { [key]: source[key] });
+        else
+          output[key] = mergeDeep(target[key], source[key]);
+      } else {
+        Object.assign(output, { [key]: source[key] });
+      }
+    });
+  }
+  return output;
 }
\ No newline at end of file
diff --git a/src/editor/components/jgraduate/jQuery.jPicker.js b/src/editor/components/jgraduate/jQuery.jPicker.js
index c969a2e5..5544e159 100755
--- a/src/editor/components/jgraduate/jQuery.jPicker.js
+++ b/src/editor/components/jgraduate/jQuery.jPicker.js
@@ -22,7 +22,7 @@
 /* eslint-disable max-len */
 import ColorValuePicker from './ColorValuePicker.js';
 import Slider from './Slider.js';
-import {findPos} from './Util.js';
+import {findPos,mergeDeep} from './Util.js';
 
 /**
 * @external Math
@@ -367,8 +367,7 @@ export const jPicker = /** @lends external:jQuery.jPicker */ {
       changeEvents = null;
     }
     let r, g, b, a, h, s, v, changeEvents = [];
-
-    $.extend(true, that, {
+    Object.assign(that, {
       // public properties and methods
       val,
       bind,
@@ -612,10 +611,13 @@ const {Color, List, ColorMethods} = jPicker; // local copies for YUI compressor
 * @returns {void}
 */
 export function jPickerMethod (elem, options, commitCallback, liveCallback, cancelCallback) {
+  let sets = mergeDeep({}, jPickerDefaults); // local copies for YUI compressor
+  sets = mergeDeep(sets, options);
+
   const that = elem,
-    settings = $.extend(true, {}, jPickerDefaults, options); // local copies for YUI compressor
+        settings = sets;
   if (that.nodeName.toLowerCase() === 'input') { // Add color picker icon if binding to an input element and bind the events to the input
-    $.extend(true, settings, {
+    Object.assign(settings, {
       window: {
         bindToInput: true,
         expandable: true,