diff --git a/dist/grapesjs-style-gradient.min.js b/dist/grapesjs-style-gradient.min.js index 2016b79..7c358dd 100644 --- a/dist/grapesjs-style-gradient.min.js +++ b/dist/grapesjs-style-gradient.min.js @@ -1,2 +1,3 @@ -/*! grapesjs-style-gradient - 1.0.5 */ -!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("grapesjs")):"function"==typeof define&&define.amd?define(["grapesjs"],t):"object"==typeof exports?exports["grapesjs-style-gradient"]=t(require("grapesjs")):e["grapesjs-style-gradient"]=t(e.grapesjs)}(this,function(e){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=1)}([function(e,t,n){"use strict";function r(e,t,n){t=t.split(/\s+/);for(var r=0;r1&&void 0!==arguments[1]?arguments[1]:{},n={grapickOpts:{},colorPicker:"",inputDirection:1,inputType:1},r=i({},n,t);(0,a.default)(e,r)})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},i=Object.assign||function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{},n=e.StyleManager,o=t.colorPicker;n.addType("gradient",{view:{events:{},templateInput:function(e){return""},setValue:function(e){var t=this.gp,n=this.model.getDefaultValue();e=e||n,t&&t.setValue(e,{silent:1}),s&&s.setValue(t.getType()),l&&l.setValue(t.getDirection())},onRender:function(){var c=this,d=this.ppfx,h=document.createElement("div"),f=o&&'
\n
\n
\n
\n
\n
',p=new a.default(i({colorEl:f},t.grapickOpts,{el:h})),v=this.el.querySelector("."+d+"fields");v.style.flexWrap="wrap",v.appendChild(h.children[0]),this.gp=p,p.on("change",function(e){var t=p.getSafeValue();c.model.setValueFromInput(t,e)}),[["inputDirection","select","setDirection",{name:"Direction",options:[{value:"top"},{value:"right"},{value:"center"},{value:"bottom"},{value:"left"}]}],["inputType","select","setType",{name:"Type",options:[{value:"radial"},{value:"linear"},{value:"repeating-radial"},{value:"repeating-linear"}]}]].forEach(function(e){var o=e[0],a=t[e[0]];if(a){var u=e[1],c="object"==(void 0===a?"undefined":r(a))?a:{},d=n.createType(c.type||u,{model:i({},e[3],c)});d.render(),d.model.on("change:value",function(t,n){p[e[2]](t.getFullValue())}),v.appendChild(d.el),"inputDirection"==o&&(l=d),"inputType"==o&&(s=d)}}),"default"==o&&(o=function(t){var n=t.getEl().querySelector("[data-cp]"),r=n.style;r.backgroundColor=t.getColor();var i=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,i=u(e);r.backgroundColor=i,t.setColor(i,n)};e.$(n).spectrum({showAlpha:!0,chooseText:"Ok",cancelText:"⨯",color:t.getColor(),change:function(e){i(e)},move:function(e){i(e,0)}})}),o&&p.setColorPicker(o)}}})}},function(e,t,n){"use strict";var r=n(4),i=function(e){return e&&e.__esModule?e:{default:e}}(r);e.exports=function(e){return new i.default(e)}},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0&&void 0!==arguments[0]?arguments[0]:{};o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));e=Object.assign({},e);var r={pfx:"grp",el:".grp",colorEl:"",min:0,max:100,direction:"90deg",type:"linear",height:"30px",width:"100%"};for(var i in r)i in e||(e[i]=r[i]);var l=e.el;if(!((l="string"==typeof l?document.querySelector(l):l)instanceof HTMLElement))throw"Element not found, given "+l;return n.el=l,n.handlers=[],n.options=e,n.on("handler:color:change",function(e,t){return n.change(t)}),n.on("handler:position:change",function(e,t){return n.change(t)}),n.on("handler:remove",function(e){return n.change(1)}),n.on("handler:add",function(e){return n.change(1)}),n.render(),n}return l(t,e),s(t,[{key:"setColorPicker",value:function(e){this.colorPicker=e}},{key:"getValue",value:function(e,t){var n=this.getColorValue(),r=e||this.getType(),i=t||this.getDirection();return n?r+"-gradient("+i+", "+n+")":""}},{key:"getSafeValue",value:function(e,t){var n=this.previewEl,r=this.getValue(e,t);if(!this.sandEl&&(this.sandEl=document.createElement("div")),!n||!r)return"";for(var o=this.sandEl.style,a=[r].concat(i(this.getPrefixedValues(e,t))),l=void 0,s=0;s0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.type,i=this.direction,o=t.indexOf("(")+1,a=t.lastIndexOf(")"),l=t.substring(o,a),s=l.split(/,(?![^(]*\)) /);if(this.clear(n),!l)return void this.updatePreview();s.length>2&&(i=s.shift());var u=void 0;["repeating-linear","repeating-radial","linear","radial"].forEach(function(e){t.indexOf(v(e))>-1&&!u&&(u=1,r=e)}),this.setDirection(i,n),this.setType(r,n),s.forEach(function(t){var r=t.split(" "),i=parseFloat(r.pop()),o=r.join("");e.addHandler(i,o,0,n)}),this.updatePreview()}},{key:"getColorValue",value:function(){var e=this.handlers;return e.sort(p),e=1==e.length?[e[0],e[0]]:e,e.map(function(e){return e.getValue()}).join(", ")}},{key:"getPrefixedValues",value:function(e,t){var n=this.getValue(e,t);return["-moz-","-webkit-","-o-","-ms-"].map(function(e){return""+e+n})}},{key:"change",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.updatePreview(),!t.silent&&this.emit("change",e)}},{key:"setDirection",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options.direction=e,this.change(1,t)}},{key:"getDirection",value:function(){return this.options.direction}},{key:"setType",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options.type=e,this.change(1,t)}},{key:"getType",value:function(){return this.options.type}},{key:"addHandler",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},i=new h.default(this,e,t,n);return!r.silent&&this.emit("handler:add",i),i}},{key:"getHandler",value:function(e){return this.handlers[e]}},{key:"getHandlers",value:function(){return this.handlers}},{key:"clear",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.handlers,n=t.length-1;n>=0;n--)t[n].remove(e)}},{key:"getSelected",value:function(){for(var e=this.getHandlers(),t=0;tr||o\n
\n \n ';var l=t.querySelector("."+o),s=t.querySelector("."+a),u=l.style;u.position="relative",this.wrapperEl=l,this.previewEl=s,r&&(u.height=r),i&&(u.width=i),this.initEvents(),this.updatePreview()}}}]),t}(c.default);t.default=g},function(e,t){function n(){}n.prototype={on:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){function r(){i.off(e,r),t.apply(n,arguments)}var i=this;return r._=t,this.on(e,r,n)},emit:function(e){var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),r=0,i=n.length;for(r;r1&&void 0!==arguments[1]?arguments[1]:0,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"black",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;r(this,e),t.getHandlers().push(this),this.gp=t,this.position=n,this.color=i,this.selected=0,this.render(),o&&this.select()}return i(e,[{key:"toJSON",value:function(){return{position:this.position,selected:this.selected,color:this.color}}},{key:"setColor",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;this.color=e,this.emit("handler:color:change",this,t)}},{key:"setPosition",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.getEl();this.position=e,n&&(n.style.left=e+"%"),this.emit("handler:position:change",this,t)}},{key:"getColor",value:function(){return this.color}},{key:"getPosition",value:function(){return this.position}},{key:"isSelected",value:function(){return!!this.selected}},{key:"getValue",value:function(){return this.getColor()+" "+this.getPosition()+"%"}},{key:"select",value:function(){var e=this.getEl();this.gp.getHandlers().forEach(function(e){return e.deselect()}),this.selected=1;var t=this.getSelectedCls();e&&(e.className+=" "+t),this.emit("handler:select",this)}},{key:"deselect",value:function(){var e=this.getEl();this.selected=0;var t=this.getSelectedCls();e&&(e.className=e.className.replace(t,"").trim()),this.emit("handler:deselect",this)}},{key:"getSelectedCls",value:function(){return this.gp.options.pfx+"-handler-selected"}},{key:"remove",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.getEl(),n=this.gp.getHandlers(),r=n.splice(n.indexOf(this),1)[0];return t&&t.parentNode.removeChild(t),!e.silent&&this.emit("handler:remove",r),r}},{key:"getEl",value:function(){return this.el}},{key:"initEvents",value:function(){var e=this,t=this.getEl(),n=this.gp.previewEl,r=this.gp.options,i=r.min,a=r.max,l=t.querySelector("[data-toggle=handler-close]"),s=t.querySelector("[data-toggle=handler-color-c]"),u=t.querySelector("[data-toggle=handler-color-wrap]"),c=t.querySelector("[data-toggle=handler-color]"),d=t.querySelector("[data-toggle=handler-drag]");if(s&&(0,o.on)(s,"click",function(e){return e.stopPropagation()}),l&&(0,o.on)(l,"click",function(t){t.stopPropagation(),e.remove()}),c&&(0,o.on)(c,"change",function(t){var n=t.target,r=n.value;e.setColor(r),u&&(u.style.backgroundColor=r)}),d){var h=0,f=0,p=0,v={},g={},y={},m=function(t){p=1,y.x=t.clientX-g.x,y.y=t.clientY-g.y,h=100*y.x,h/=v.w,h=f+h,h=ha?a:h,e.setPosition(h,0),e.emit("handler:drag",e,h),0===t.which&&b(t)},b=function t(n){p&&(p=0,e.setPosition(h),(0,o.off)(document,"touchmove mousemove",m),(0,o.off)(document,"touchend mouseup",t),e.emit("handler:drag:end",e,h))},k=function(t){0===t.button&&(e.select(),f=e.position,v.w=n.clientWidth,v.h=n.clientHeight,g.x=t.clientX,g.y=t.clientY,(0,o.on)(document,"touchmove mousemove",m),(0,o.on)(document,"touchend mouseup",b),e.emit("handler:drag:start",e))};(0,o.on)(d,"touchstart mousedown",k),(0,o.on)(d,"click",function(e){return e.stopPropagation()})}}},{key:"emit",value:function(){var e;(e=this.gp).emit.apply(e,arguments)}},{key:"render",value:function(){var e=this.gp,t=e.options,n=e.previewEl,r=e.colorPicker,i=t.pfx,o=t.colorEl,a=this.getColor();if(n){var l=document.createElement("div"),s=l.style,u=i+"-handler";return l.className=u,l.innerHTML='\n
\n
⨯
\n
\n
\n
\n '+(o||'\n
\n \n
')+"\n
\n ",s.position="absolute",s.top=0,s.left=this.position+"%",n.appendChild(l),this.el=l,this.initEvents(),r&&r(this),l}}}]),e}();t.default=a},function(t,n){t.exports=e}])}); \ No newline at end of file +/*! grapesjs-style-gradient - 1.0.6 */ +!function(e,t){'object'==typeof exports&&'object'==typeof module?module.exports=t():'function'==typeof define&&define.amd?define([],t):'object'==typeof exports?exports["grapesjs-style-gradient"]=t():e["grapesjs-style-gradient"]=t()}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){'undefined'!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:'Module'}),Object.defineProperty(e,'__esModule',{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&'object'==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,'default',{enumerable:!0,value:e}),2&t&&'string'!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,'a',t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t){function n(t){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=n=function(e){return typeof e}:e.exports=n=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(t)}e.exports=n},function(e,t,n){e.exports=function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=1)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.on=function(e,t,n){t=t.split(/\s+/);for(var r=0;r0&&void 0!==arguments[0]?arguments[0]:{};o(this,t);var n=i(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));e=Object.assign({},e);var r={pfx:"grp",el:".grp",colorEl:"",min:0,max:100,direction:"90deg",type:"linear",height:"30px",width:"100%"};for(var a in r)a in e||(e[a]=r[a]);var l=e.el;if(!((l="string"==typeof l?document.querySelector(l):l)instanceof HTMLElement))throw"Element not found, given "+l;return n.el=l,n.handlers=[],n.options=e,n.on("handler:color:change",(function(e,t){return n.change(t)})),n.on("handler:position:change",(function(e,t){return n.change(t)})),n.on("handler:remove",(function(e){return n.change(1)})),n.on("handler:add",(function(e){return n.change(1)})),n.render(),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),a(t,[{key:"setColorPicker",value:function(e){this.colorPicker=e}},{key:"getValue",value:function(e,t){var n=this.getColorValue(),r=e||this.getType(),o=t||this.getDirection();return n?r+"-gradient("+o+", "+n+")":""}},{key:"getSafeValue",value:function(e,t){var n=this.previewEl,r=this.getValue(e,t);if(!this.sandEl&&(this.sandEl=document.createElement("div")),!n||!r)return"";for(var o=this.sandEl.style,i=[r].concat(function(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=this.type,o=this.direction,i=t.indexOf("(")+1,a=t.lastIndexOf(")"),l=t.substring(i,a),c=l.split(/,(?![^(]*\)) /);if(this.clear(n),l){c.length>2&&(o=c.shift());var u=void 0;["repeating-linear","repeating-radial","linear","radial"].forEach((function(e){t.indexOf(f(e))>-1&&!u&&(u=1,r=e)})),this.setDirection(o,n),this.setType(r,n),c.forEach((function(t){var r=t.split(" "),o=parseFloat(r.pop()),i=r.join("");e.addHandler(o,i,0,n)})),this.updatePreview()}else this.updatePreview()}},{key:"getColorValue",value:function(){var e=this.handlers;return e.sort(s),(e=1==e.length?[e[0],e[0]]:e).map((function(e){return e.getValue()})).join(", ")}},{key:"getPrefixedValues",value:function(e,t){var n=this.getValue(e,t);return["-moz-","-webkit-","-o-","-ms-"].map((function(e){return""+e+n}))}},{key:"change",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.updatePreview(),!t.silent&&this.emit("change",e)}},{key:"setDirection",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options.direction=e,this.change(1,t)}},{key:"getDirection",value:function(){return this.options.direction}},{key:"setType",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options.type=e,this.change(1,t)}},{key:"getType",value:function(){return this.options.type}},{key:"addHandler",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=new c.default(this,e,t,n);return!r.silent&&this.emit("handler:add",o),o}},{key:"getHandler",value:function(e){return this.handlers[e]}},{key:"getHandlers",value:function(){return this.handlers}},{key:"clear",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.handlers,n=t.length-1;n>=0;n--)t[n].remove(e)}},{key:"getSelected",value:function(){for(var e=this.getHandlers(),t=0;tr||i\n
\n \n ';var l=t.querySelector("."+i),c=t.querySelector("."+a),u=l.style;u.position="relative",this.wrapperEl=l,this.previewEl=c,r&&(u.height=r),o&&(u.width=o),this.initEvents(),this.updatePreview()}}}]),t}(l.default);t.default=d},function(e,t){function n(){}n.prototype={on:function(e,t,n){var r=this.e||(this.e={});return(r[e]||(r[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){function r(){o.off(e,r),t.apply(n,arguments)}var o=this;return r._=t,this.on(e,r,n)},emit:function(e){for(var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),r=0,o=n.length;r1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"black",i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;r(this,e),t.getHandlers().push(this),this.gp=t,this.position=n,this.color=o,this.selected=0,this.render(),i&&this.select()}return o(e,[{key:"toJSON",value:function(){return{position:this.position,selected:this.selected,color:this.color}}},{key:"setColor",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;this.color=e,this.emit("handler:color:change",this,t)}},{key:"setPosition",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.getEl();this.position=e,n&&(n.style.left=e+"%"),this.emit("handler:position:change",this,t)}},{key:"getColor",value:function(){return this.color}},{key:"getPosition",value:function(){return this.position}},{key:"isSelected",value:function(){return!!this.selected}},{key:"getValue",value:function(){return this.getColor()+" "+this.getPosition()+"%"}},{key:"select",value:function(){var e=this.getEl();this.gp.getHandlers().forEach((function(e){return e.deselect()})),this.selected=1;var t=this.getSelectedCls();e&&(e.className+=" "+t),this.emit("handler:select",this)}},{key:"deselect",value:function(){var e=this.getEl();this.selected=0;var t=this.getSelectedCls();e&&(e.className=e.className.replace(t,"").trim()),this.emit("handler:deselect",this)}},{key:"getSelectedCls",value:function(){return this.gp.options.pfx+"-handler-selected"}},{key:"remove",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.getEl(),n=this.gp.getHandlers(),r=n.splice(n.indexOf(this),1)[0];return t&&t.parentNode.removeChild(t),!e.silent&&this.emit("handler:remove",r),r}},{key:"getEl",value:function(){return this.el}},{key:"initEvents",value:function(){var e=this,t=this.getEl(),n=this.gp.previewEl,r=this.gp.options,o=r.min,a=r.max,l=t.querySelector("[data-toggle=handler-close]"),c=t.querySelector("[data-toggle=handler-color-c]"),u=t.querySelector("[data-toggle=handler-color-wrap]"),s=t.querySelector("[data-toggle=handler-color]"),f=t.querySelector("[data-toggle=handler-drag]");if(c&&(0,i.on)(c,"click",(function(e){return e.stopPropagation()})),l&&(0,i.on)(l,"click",(function(t){t.stopPropagation(),e.remove()})),s&&(0,i.on)(s,"change",(function(t){var n=t.target.value;e.setColor(n),u&&(u.style.backgroundColor=n)})),f){var d=0,p=0,h=0,g={},v={},y={},m=function(t){h=1,y.x=t.clientX-v.x,y.y=t.clientY-v.y,d=100*y.x,d/=g.w,d=(d=(d=p+d)a?a:d,e.setPosition(d,0),e.emit("handler:drag",e,d),0===t.which&&b(t)},b=function t(n){h&&(h=0,e.setPosition(d),(0,i.off)(document,"touchmove mousemove",m),(0,i.off)(document,"touchend mouseup",t),e.emit("handler:drag:end",e,d))};(0,i.on)(f,"touchstart mousedown",(function(t){0===t.button&&(e.select(),p=e.position,g.w=n.clientWidth,g.h=n.clientHeight,v.x=t.clientX,v.y=t.clientY,(0,i.on)(document,"touchmove mousemove",m),(0,i.on)(document,"touchend mouseup",b),e.emit("handler:drag:start",e))})),(0,i.on)(f,"click",(function(e){return e.stopPropagation()}))}}},{key:"emit",value:function(){var e;(e=this.gp).emit.apply(e,arguments)}},{key:"render",value:function(){var e=this.gp,t=e.options,n=e.previewEl,r=e.colorPicker,o=t.pfx,i=t.colorEl,a=this.getColor();if(n){var l=document.createElement("div"),c=l.style,u=o+"-handler";return l.className=u,l.innerHTML='\n
\n
⨯
\n
\n
\n
\n '+(i||'\n
\n \n
')+"\n
\n ",c.position="absolute",c.top=0,c.left=this.position+"%",n.appendChild(l),this.el=l,this.initEvents(),r&&r(this),l}}}]),e}();t.default=a}])},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r),i=n(1),a=n.n(i),l=n(2),c=n.n(l);function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{},n=e.StyleManager,r=t.colorPicker;n.addType('gradient',{view:{events:{},templateInput:function(){return''},setValue:function(e){var t=this.gp,n=this.model.getDefaultValue();e=e||n,t&&t.setValue(e,{silent:1}),d&&d.setValue(t.getType()),f&&f.setValue(t.getDirection())},onRender:function(){var o=this,i=this.ppfx,l=this.em,u=this.model,h=s({},t,{},u.get('gradientConfig')||{}),g=h.onCustomInputChange,v=document.createElement('div'),y=r&&"
\n
\n
\n
\n
\n
"),m=new c.a(s({el:v,colorEl:y},h.grapickOpts)),b=this.el.querySelector(".".concat(i,"fields"));b.style.flexWrap='wrap',b.appendChild(v.children[0]),this.gp=m,m.on('change',(function(e){var t=m.getSafeValue();u.setValueFromInput(t,e)})),[['inputDirection','integer','setDirection',{name:'Direction',units:['deg'],defaults:90,fixedValues:['top','right','bottom','left']}],['inputType','select','setType',{name:'Type',defaults:'linear',options:[{value:'radial'},{value:'linear'},{value:'repeating-radial'},{value:'repeating-linear'}]}]].forEach((function(e){var t=e[0],r=h[e[0]];if(r){var i=u.parent,l=e[1],c='object'==a()(r)?r:{},p=n.createType(c.type||l,{model:s({},e[3],{},c),view:{propTarget:o.propTarget}});i&&(p.model.parent=i),p.render(),p.model.on('change:value',(function(t){m[e[2]](t.getFullValue()),g({model:t,input:e,inputDirection:f,inputType:d})})),b.appendChild(p.el),'inputDirection'==t&&(f=p),'inputType'==t&&(d=p)}})),'default'==r&&(r=function(t){var n=t.getEl().querySelector("[".concat("data-cp","]")),r=n.style;r.backgroundColor=t.getColor();var o=l&&l.getConfig()||{},a=o.colorPicker||{},c=o.el,u=function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,o=p(e);r.backgroundColor=o,t.setColor(o,n)},f={color:t.getColor(),change:function(e){u(e)},move:function(e){u(e,0)}},d=l&&l.initBaseColorPicker;d?d(n,f):e.$(n).spectrum(s({containerClassName:"".concat(i,"one-bg ").concat(i,"two-color"),appendTo:c||'body',maxSelectionSize:8,showPalette:!0,palette:[],showAlpha:!0,chooseText:'Ok',cancelText:'⨯'},f,{},a))}),r&&m.setColorPicker(r)}}})};function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function v(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{},n={grapickOpts:{},colorPicker:'',inputDirection:1,inputType:1,onCustomInputChange:function(){return 0}},r=v({},n,{},t);h(e,r)}}])})); +//# sourceMappingURL=grapesjs-style-gradient.min.js.map \ No newline at end of file diff --git a/dist/grapesjs-style-gradient.min.js.map b/dist/grapesjs-style-gradient.min.js.map new file mode 100644 index 0000000..b1944ab --- /dev/null +++ b/dist/grapesjs-style-gradient.min.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack://grapesjs-style-gradient/webpack/universalModuleDefinition","webpack://grapesjs-style-gradient/webpack/bootstrap","webpack://grapesjs-style-gradient/./node_modules/@babel/runtime/helpers/defineProperty.js","webpack://grapesjs-style-gradient/./node_modules/@babel/runtime/helpers/typeof.js","webpack://grapesjs-style-gradient/./node_modules/grapick/dist/grapick.min.js","webpack://grapesjs-style-gradient/./src/styles.js","webpack://grapesjs-style-gradient/./src/index.js"],"names":["root","factory","exports","module","define","amd","window","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","obj","configurable","writable","_typeof","iterator","constructor","e","default","on","split","length","addEventListener","off","removeEventListener","TypeError","a","ReferenceError","u","f","v","position","g","arguments","this","__proto__","getPrototypeOf","assign","pfx","el","colorEl","min","max","direction","type","height","width","document","querySelector","HTMLElement","handlers","options","change","render","setPrototypeOf","colorPicker","getColorValue","getType","getDirection","previewEl","getValue","sandEl","createElement","style","concat","Array","isArray","from","getPrefixedValues","backgroundImage","indexOf","lastIndexOf","substring","clear","shift","forEach","setDirection","setType","parseFloat","pop","join","addHandler","updatePreview","sort","map","silent","emit","remove","getHandlers","isSelected","getSafeValue","w","clientWidth","h","clientHeight","offsetX","clientLeft","offsetY","clientTop","getContext","createLinearGradient","addColorStop","color","fillStyle","fillRect","background","getImageData","data","innerHTML","wrapperEl","initEvents","push","fn","ctx","once","apply","_","slice","gp","selected","select","getEl","left","getColor","getPosition","deselect","getSelectedCls","className","replace","trim","splice","parentNode","removeChild","stopPropagation","target","setColor","backgroundColor","y","x","clientX","clientY","setPosition","which","k","button","top","appendChild","inputDirection","inputType","getAlpha","toHexString","toRgbString","editor","config","sm","StyleManager","addType","view","events","templateInput","setValue","defValue","model","getDefaultValue","onRender","ppfx","em","conf","onCustomInputChange","Grapick","grapickOpts","fields","flexWrap","children","complete","setValueFromInput","units","defaults","fixedValues","input","inputName","inputConfig","parent","inputObj","propInput","createType","propTarget","getFullValue","handler","elStyle","emConf","getConfig","colorPickerConfig","elToAppend","updateColor","cl","cpOpts","move","baseCp","initBaseColorPicker","$","spectrum","containerClassName","appendTo","maxSelectionSize","showPalette","palette","showAlpha","chooseText","cancelText","setColorPicker","opts","loadStyles"],"mappings":"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","file":"grapesjs-style-gradient.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"grapesjs-style-gradient\"] = factory();\n\telse\n\t\troot[\"grapesjs-style-gradient\"] = factory();\n})(window, function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 3);\n","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nmodule.exports = _defineProperty;","function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","/*! grapick - 0.1.7 */\n!function(e,t){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define([],t):\"object\"==typeof exports?exports.Grapick=t():e.Grapick=t()}(this,function(){return function(e){function t(i){if(n[i])return n[i].exports;var r=n[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,\"a\",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p=\"\",t(t.s=1)}([function(e,t,n){\"use strict\";function i(e,t,n){t=t.split(/\\s+/);for(var i=0;i0&&void 0!==arguments[0]?arguments[0]:{};o(this,t);var n=a(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));e=Object.assign({},e);var i={pfx:\"grp\",el:\".grp\",colorEl:\"\",min:0,max:100,direction:\"90deg\",type:\"linear\",height:\"30px\",width:\"100%\"};for(var r in i)r in e||(e[r]=i[r]);var l=e.el;if(!((l=\"string\"==typeof l?document.querySelector(l):l)instanceof HTMLElement))throw\"Element not found, given \"+l;return n.el=l,n.handlers=[],n.options=e,n.on(\"handler:color:change\",function(e,t){return n.change(t)}),n.on(\"handler:position:change\",function(e,t){return n.change(t)}),n.on(\"handler:remove\",function(e){return n.change(1)}),n.on(\"handler:add\",function(e){return n.change(1)}),n.render(),n}return l(t,e),s(t,[{key:\"setColorPicker\",value:function(e){this.colorPicker=e}},{key:\"getValue\",value:function(e,t){var n=this.getColorValue(),i=e||this.getType(),r=t||this.getDirection();return n?i+\"-gradient(\"+r+\", \"+n+\")\":\"\"}},{key:\"getSafeValue\",value:function(e,t){var n=this.previewEl,i=this.getValue(e,t);if(!this.sandEl&&(this.sandEl=document.createElement(\"div\")),!n||!i)return\"\";for(var o=this.sandEl.style,a=[i].concat(r(this.getPrefixedValues(e,t))),l=void 0,s=0;s0&&void 0!==arguments[0]?arguments[0]:\"\",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=this.type,r=this.direction,o=t.indexOf(\"(\")+1,a=t.lastIndexOf(\")\"),l=t.substring(o,a),s=l.split(/,(?![^(]*\\)) /);if(this.clear(n),!l)return void this.updatePreview();s.length>2&&(r=s.shift());var c=void 0;[\"repeating-linear\",\"repeating-radial\",\"linear\",\"radial\"].forEach(function(e){t.indexOf(g(e))>-1&&!c&&(c=1,i=e)}),this.setDirection(r,n),this.setType(i,n),s.forEach(function(t){var i=t.split(\" \"),r=parseFloat(i.pop()),o=i.join(\"\");e.addHandler(r,o,0,n)}),this.updatePreview()}},{key:\"getColorValue\",value:function(){var e=this.handlers;return e.sort(v),e=1==e.length?[e[0],e[0]]:e,e.map(function(e){return e.getValue()}).join(\", \")}},{key:\"getPrefixedValues\",value:function(e,t){var n=this.getValue(e,t);return[\"-moz-\",\"-webkit-\",\"-o-\",\"-ms-\"].map(function(e){return\"\"+e+n})}},{key:\"change\",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.updatePreview(),!t.silent&&this.emit(\"change\",e)}},{key:\"setDirection\",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options.direction=e,this.change(1,t)}},{key:\"getDirection\",value:function(){return this.options.direction}},{key:\"setType\",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.options.type=e,this.change(1,t)}},{key:\"getType\",value:function(){return this.options.type}},{key:\"addHandler\",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},r=new d.default(this,e,t,n);return!i.silent&&this.emit(\"handler:add\",r),r}},{key:\"getHandler\",value:function(e){return this.handlers[e]}},{key:\"getHandlers\",value:function(){return this.handlers}},{key:\"clear\",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.handlers,n=t.length-1;n>=0;n--)t[n].remove(e)}},{key:\"getSelected\",value:function(){for(var e=this.getHandlers(),t=0;ti||o\\n
\\n \\n ';var l=t.querySelector(\".\"+o),s=t.querySelector(\".\"+a),c=l.style;c.position=\"relative\",this.wrapperEl=l,this.previewEl=s,i&&(c.height=i),r&&(c.width=r),this.initEvents(),this.updatePreview()}}}]),t}(u.default);t.default=p},function(e,t){function n(){}n.prototype={on:function(e,t,n){var i=this.e||(this.e={});return(i[e]||(i[e]=[])).push({fn:t,ctx:n}),this},once:function(e,t,n){function i(){r.off(e,i),t.apply(n,arguments)}var r=this;return i._=t,this.on(e,i,n)},emit:function(e){var t=[].slice.call(arguments,1),n=((this.e||(this.e={}))[e]||[]).slice(),i=0,r=n.length;for(i;i1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:\"black\",o=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;i(this,e),t.getHandlers().push(this),this.gp=t,this.position=n,this.color=r,this.selected=0,this.render(),o&&this.select()}return r(e,[{key:\"toJSON\",value:function(){return{position:this.position,selected:this.selected,color:this.color}}},{key:\"setColor\",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;this.color=e,this.emit(\"handler:color:change\",this,t)}},{key:\"setPosition\",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,n=this.getEl();this.position=e,n&&(n.style.left=e+\"%\"),this.emit(\"handler:position:change\",this,t)}},{key:\"getColor\",value:function(){return this.color}},{key:\"getPosition\",value:function(){return this.position}},{key:\"isSelected\",value:function(){return!!this.selected}},{key:\"getValue\",value:function(){return this.getColor()+\" \"+this.getPosition()+\"%\"}},{key:\"select\",value:function(){var e=this.getEl();this.gp.getHandlers().forEach(function(e){return e.deselect()}),this.selected=1;var t=this.getSelectedCls();e&&(e.className+=\" \"+t),this.emit(\"handler:select\",this)}},{key:\"deselect\",value:function(){var e=this.getEl();this.selected=0;var t=this.getSelectedCls();e&&(e.className=e.className.replace(t,\"\").trim()),this.emit(\"handler:deselect\",this)}},{key:\"getSelectedCls\",value:function(){return this.gp.options.pfx+\"-handler-selected\"}},{key:\"remove\",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.getEl(),n=this.gp.getHandlers(),i=n.splice(n.indexOf(this),1)[0];return t&&t.parentNode.removeChild(t),!e.silent&&this.emit(\"handler:remove\",i),i}},{key:\"getEl\",value:function(){return this.el}},{key:\"initEvents\",value:function(){var e=this,t=this.getEl(),n=this.gp.previewEl,i=this.gp.options,r=i.min,a=i.max,l=t.querySelector(\"[data-toggle=handler-close]\"),s=t.querySelector(\"[data-toggle=handler-color-c]\"),c=t.querySelector(\"[data-toggle=handler-color-wrap]\"),u=t.querySelector(\"[data-toggle=handler-color]\"),h=t.querySelector(\"[data-toggle=handler-drag]\");if(s&&(0,o.on)(s,\"click\",function(e){return e.stopPropagation()}),l&&(0,o.on)(l,\"click\",function(t){t.stopPropagation(),e.remove()}),u&&(0,o.on)(u,\"change\",function(t){var n=t.target,i=n.value;e.setColor(i),c&&(c.style.backgroundColor=i)}),h){var d=0,f=0,v=0,g={},p={},y={},m=function(t){v=1,y.x=t.clientX-p.x,y.y=t.clientY-p.y,d=100*y.x,d/=g.w,d=f+d,d=da?a:d,e.setPosition(d,0),e.emit(\"handler:drag\",e,d),0===t.which&&k(t)},k=function t(n){v&&(v=0,e.setPosition(d),(0,o.off)(document,\"touchmove mousemove\",m),(0,o.off)(document,\"touchend mouseup\",t),e.emit(\"handler:drag:end\",e,d))},b=function(t){0===t.button&&(e.select(),f=e.position,g.w=n.clientWidth,g.h=n.clientHeight,p.x=t.clientX,p.y=t.clientY,(0,o.on)(document,\"touchmove mousemove\",m),(0,o.on)(document,\"touchend mouseup\",k),e.emit(\"handler:drag:start\",e))};(0,o.on)(h,\"touchstart mousedown\",b),(0,o.on)(h,\"click\",function(e){return e.stopPropagation()})}}},{key:\"emit\",value:function(){var e;(e=this.gp).emit.apply(e,arguments)}},{key:\"render\",value:function(){var e=this.gp,t=e.options,n=e.previewEl,i=e.colorPicker,r=t.pfx,o=t.colorEl,a=this.getColor();if(n){var l=document.createElement(\"div\"),s=l.style,c=r+\"-handler\";return l.className=c,l.innerHTML='\\n
\\n
⨯
\\n
\\n
\\n
\\n '+(o||'\\n
\\n \\n
')+\"\\n
\\n \",s.position=\"absolute\",s.top=0,s.left=this.position+\"%\",n.appendChild(l),this.el=l,this.initEvents(),i&&i(this),l}}}]),e}();t.default=a}])});","import Grapick from 'grapick';\n\nconst cpKey = 'data-cp';\nlet inputDirection, inputType;\n\nconst getColor = color => {\n let cl = color.getAlpha() == 1 ? color.toHexString() : color.toRgbString();\n return cl.replace(/ /g, '');\n}\n\nexport default (editor, config = {}) => {\n const sm = editor.StyleManager;\n let colorPicker = config.colorPicker;\n\n sm.addType('gradient', {\n view: {\n\n // I don't need any event\n events: {},\n\n\n // Don't need a template as the input will be created by Grapick\n templateInput: () => '',\n\n\n // With `setValue` I should indicate how to update the custom input,\n // in our case Grapick instance.\n // The `value` in this case might be something like:\n // `linear-gradient(90deg, red 1%, blue 99%)`\n setValue(value) {\n const gp = this.gp;\n const defValue = this.model.getDefaultValue();\n value = value || defValue;\n gp && gp.setValue(value, {silent: 1});\n // Update also our optional inputs for the type and the\n // direction of a gradient color\n inputType && inputType.setValue(gp.getType());\n inputDirection && inputDirection.setValue(gp.getDirection());\n },\n\n\n // Here all I need is to setup the Grapick input and append it somewhere\n // on the property\n onRender() {\n const { ppfx, em, model } = this;\n const conf = {\n ...config,\n ...(model.get('gradientConfig') || {}),\n };\n const { onCustomInputChange } = conf;\n const el = document.createElement('div');\n const colorEl = colorPicker && `
\n
\n
\n
\n
\n
`;\n\n // Setup Grapick\n const gp = new Grapick({\n el,\n colorEl,\n ...conf.grapickOpts,\n });\n const fields = this.el.querySelector(`.${ppfx}fields`);\n fields.style.flexWrap = 'wrap';\n fields.appendChild(el.children[0]);\n this.gp = gp;\n\n // Do stuff on gradient change\n gp.on('change', complete => {\n const value = gp.getSafeValue();\n // You should use `model.setValue` when you expect to reflect changes\n // on the input, `model.setValueFromInput` is to used when the change comes\n // from the input itself, like in this case\n model.setValueFromInput(value, complete);\n });\n\n // Add custom inputs, if requested\n [\n ['inputDirection', 'integer', 'setDirection', {\n name: 'Direction',\n units: ['deg'],\n defaults: 90,\n fixedValues: ['top', 'right', 'bottom', 'left'],\n }], ['inputType', 'select', 'setType', {\n name: 'Type',\n defaults: 'linear',\n options: [\n {value: 'radial'},\n {value: 'linear'},\n {value: 'repeating-radial'},\n {value: 'repeating-linear'},\n ]\n }]\n ].forEach(input => {\n const inputName = input[0];\n const inputConfig = conf[input[0]];\n if (inputConfig) {\n const { parent } = model;\n const type = input[1];\n const inputObj = typeof inputConfig == 'object' ? inputConfig : {};\n const propInput = sm.createType(inputObj.type || type, {\n model: { ...input[3], ...inputObj },\n view: { propTarget: this.propTarget },\n });\n parent && (propInput.model.parent = parent);\n propInput.render();\n propInput.model.on('change:value', (model) => {\n gp[input[2]](model.getFullValue());\n onCustomInputChange({ model, input, inputDirection, inputType });\n });\n fields.appendChild(propInput.el);\n inputName == 'inputDirection' && (inputDirection = propInput);\n inputName == 'inputType' && (inputType = propInput);\n }\n })\n\n // Add the custom color picker, if requested\n if (colorPicker == 'default') {\n colorPicker = handler => {\n const el = handler.getEl().querySelector(`[${cpKey}]`);\n const elStyle = el.style;\n elStyle.backgroundColor = handler.getColor();\n const emConf = em && em.getConfig() || {};\n const colorPickerConfig = emConf.colorPicker || {};\n const elToAppend = emConf.el;\n const updateColor = (color, complete = 1) => {\n const cl = getColor(color);\n elStyle.backgroundColor = cl;\n handler.setColor(cl, complete);\n };\n const cpOpts = {\n color: handler.getColor(),\n change(color) {\n updateColor(color);\n },\n move(color) {\n updateColor(color, 0);\n },\n }\n const baseCp = em && em.initBaseColorPicker;\n baseCp ? baseCp(el, cpOpts) : editor.$(el).spectrum({\n containerClassName: `${ppfx}one-bg ${ppfx}two-color`,\n appendTo: elToAppend || 'body',\n maxSelectionSize: 8,\n showPalette: true,\n palette: [],\n showAlpha: true,\n chooseText: 'Ok',\n cancelText: '⨯',\n ...cpOpts,\n ...colorPickerConfig,\n });\n };\n }\n\n colorPicker && gp.setColorPicker(colorPicker);\n },\n }\n })\n}\n","import loadStyles from './styles';\n\nexport default (editor, opts = {}) => {\n let defaults = {\n // Grapick options\n grapickOpts: {},\n\n // Custom color picker, check Grapick's repo to get more about it\n // If you leave it empty the native color picker will be used.\n // You can use 'default' string to get the one used by Grapesjs (which\n // is spectrum at the moment of writing)\n colorPicker: '',\n\n // Show gradient direction input under picker, you can pass an object\n // as a model\n inputDirection: 1,\n\n // Show gradient type input under picker, you can pass an object as\n // a model\n inputType: 1,\n\n // Do something when inputDirection/inputType triggers a change\n onCustomInputChange: () => 0,\n };\n\n // Load defaults\n const config = { ...defaults, ...opts };\n\n // Add styles\n loadStyles(editor, config);\n};\n"],"sourceRoot":""} \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 35b1812..d676523 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "grapesjs-style-gradient", - "version": "1.0.5", + "version": "1.0.6", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 20a25de..bffc0c1 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "grapesjs-style-gradient", - "version": "1.0.5", + "version": "1.0.6", "description": "Add gradient input to the Style Manager in GrapesJS", "main": "dist/grapesjs-style-gradient.min.js", "repository": {