tsai
/
grapesjs
mirror of https://github.com/artf/grapesjs.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Update dist

pull/2253/head
Artur Arseniev 7 years ago
parent
f1acd82eba
commit
34f251eb82
5 changed files with 177 additions and 114 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 271
      dist/grapes.js
  2. 8
      dist/grapes.min.js
  3. 2
      dist/grapes.min.js.map
  4. 2
      package-lock.json
  5. 8
      package.json

271
dist/grapes.js
View File

@ -19268,7 +19268,15 @@ __webpack_require__.r(__webpack_exports__);
// Default title for the asset manager modal // Default title for the asset manager modal
modalTitle: 'Select Image', modalTitle: 'Select Image',
//Default placeholder for input //Default placeholder for input
inputPlaceholder: 'http://path/to/the/image.jpg' inputPlaceholder: 'http://path/to/the/image.jpg',
//method called before upload, on return false upload is canceled.
// @example
// beforeUpload: (files) => {
// // logic...
// var stopUpload = true;
// if(stopUpload) return false;
// }
beforeUpload: null
}); });
/***/ }), /***/ }),
@ -20201,6 +20209,9 @@ __webpack_require__.r(__webpack_exports__);
var files = e.dataTransfer ? e.dataTransfer.files : e.target.files; var files = e.dataTransfer ? e.dataTransfer.files : e.target.files;
var config = this.config; var config = this.config;
var beforeUpload = config.beforeUpload;
var beforeUploadResponse = beforeUpload && beforeUpload(files);
if (beforeUploadResponse === false) return;
var body = new FormData(); var body = new FormData();
var params = config.params, var params = config.params,
customFetch = config.customFetch; customFetch = config.customFetch;
@ -23113,7 +23124,7 @@ var maxValue = Number.MAX_VALUE;
var avoidInline = em && em.getConfig('avoidInlineStyle'); var avoidInline = em && em.getConfig('avoidInlineStyle');
var style = model.styleToString(); var style = model.styleToString();
var classes = model.get('classes'); var classes = model.get('classes');
var wrappesIsBody = opts.wrappesIsBody; var wrapperIsBody = opts.wrapperIsBody;
var isWrapper = model.get('wrapper'); var isWrapper = model.get('wrapper');
this.ids.push("#".concat(model.getId())); // Let's know what classes I've found this.ids.push("#".concat(model.getId())); // Let's know what classes I've found
@ -23123,7 +23134,7 @@ var maxValue = Number.MAX_VALUE;
if (!avoidInline && style) { if (!avoidInline && style) {
var selector = "#".concat(model.getId()); var selector = "#".concat(model.getId());
selector = wrappesIsBody && isWrapper ? 'body' : selector; selector = wrapperIsBody && isWrapper ? 'body' : selector;
code = "".concat(selector, "{").concat(style, "}"); code = "".concat(selector, "{").concat(style, "}");
} }
@ -23283,7 +23294,7 @@ __webpack_require__.r(__webpack_exports__);
var models = model.get('components'); var models = model.get('components');
if (opts.exportWrapper) { if (opts.exportWrapper) {
return opts.wrappesIsBody ? "<body>".concat(this.buildModels(models), "</body>") : model.toHTML(); return opts.wrapperIsBody ? "<body>".concat(this.buildModels(models), "</body>") : model.toHTML();
} }
return this.buildModels(models); return this.buildModels(models);
@ -26418,9 +26429,8 @@ var showOffsets;
var style = modelToStyle.getStyle(); var style = modelToStyle.getStyle();
if (!onlyHeight) { if (!onlyHeight) {
var padding = 10; var bodyw = canvas.getBody().offsetWidth;
var frameOffset = canvas.getCanvasView().getFrameOffset(); var width = rect.w < bodyw ? rect.w : bodyw;
var width = rect.w < frameOffset.width - padding ? rect.w : frameOffset.width - padding;
style[keyWidth] = autoWidth ? 'auto' : "".concat(width).concat(unitWidth); style[keyWidth] = autoWidth ? 'auto' : "".concat(width).concat(unitWidth);
} }
@ -27573,7 +27583,7 @@ __webpack_require__.r(__webpack_exports__);
var state = this.get('state'); var state = this.get('state');
var wrapper = this.get('wrapper'); var wrapper = this.get('wrapper');
var addSelector = this.get('selectorsAdd'); var addSelector = this.get('selectorsAdd');
var isBody = wrapper && em && em.getConfig('wrappesIsBody'); var isBody = wrapper && em && em.getConfig('wrapperIsBody');
var selectors = isBody ? 'body' : this.get('selectors').getFullString(); var selectors = isBody ? 'body' : this.get('selectors').getFullString();
var stateStr = state ? ":".concat(state) : ''; var stateStr = state ? ":".concat(state) : '';
selectors && result.push("".concat(selectors).concat(stateStr)); selectors && result.push("".concat(selectors).concat(stateStr));
@ -28299,7 +28309,7 @@ __webpack_require__.r(__webpack_exports__);
* It might be useful to transform custom objects (es. some framework specific JSX) to GrapesJS component one. * It might be useful to transform custom objects (es. some framework specific JSX) to GrapesJS component one.
* This custom function will be executed on ANY new added component to the editor so make smart checks/conditions * This custom function will be executed on ANY new added component to the editor so make smart checks/conditions
* to avoid doing useless executions * to avoid doing useless executions
* By default, GrapesJS supports already React Element * By default, GrapesJS supports already elements generated from React JSX preset
* @example * @example
* processor: (obj) => { * processor: (obj) => {
* if (obj.$$typeof) { // eg. this is a React Element * if (obj.$$typeof) { // eg. this is a React Element
@ -29084,23 +29094,26 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js"); /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! underscore */ "./node_modules/underscore/underscore.js"); /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_1__); /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var utils_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! utils/mixins */ "./src/utils/mixins.js"); /* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! underscore */ "./node_modules/underscore/underscore.js");
/* harmony import */ var domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! domain_abstract/model/Styleable */ "./src/domain_abstract/model/Styleable.js"); /* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! backbone */ "./node_modules/backbone/backbone.js"); /* harmony import */ var utils_mixins__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! utils/mixins */ "./src/utils/mixins.js");
/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_4__); /* harmony import */ var domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! domain_abstract/model/Styleable */ "./src/domain_abstract/model/Styleable.js");
/* harmony import */ var _Components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Components */ "./src/dom_components/model/Components.js"); /* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! backbone */ "./node_modules/backbone/backbone.js");
/* harmony import */ var selector_manager_model_Selector__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! selector_manager/model/Selector */ "./src/selector_manager/model/Selector.js"); /* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var selector_manager_model_Selectors__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! selector_manager/model/Selectors */ "./src/selector_manager/model/Selectors.js"); /* harmony import */ var _Components__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Components */ "./src/dom_components/model/Components.js");
/* harmony import */ var trait_manager_model_Traits__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! trait_manager/model/Traits */ "./src/trait_manager/model/Traits.js"); /* harmony import */ var selector_manager_model_Selector__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! selector_manager/model/Selector */ "./src/selector_manager/model/Selector.js");
/* harmony import */ var selector_manager_model_Selectors__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! selector_manager/model/Selectors */ "./src/selector_manager/model/Selectors.js");
/* harmony import */ var trait_manager_model_Traits__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! trait_manager/model/Traits */ "./src/trait_manager/model/Traits.js");
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@ -29178,7 +29191,7 @@ var avoidInline = function avoidInline(em) {
*/ */
var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_3__["default"]).extend({ var Component = backbone__WEBPACK_IMPORTED_MODULE_5___default.a.Model.extend(domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_4__["default"]).extend({
defaults: { defaults: {
tagName: 'div', tagName: 'div',
type: '', type: '',
@ -29257,7 +29270,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
} }
var propagate = this.get('propagate'); var propagate = this.get('propagate');
propagate && this.set('propagate', Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isArray"])(propagate) ? propagate : [propagate]); // Check void elements propagate && this.set('propagate', Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isArray"])(propagate) ? propagate : [propagate]); // Check void elements
if (opt && opt.config && opt.config.voidElements.indexOf(this.get('tagName')) >= 0) { if (opt && opt.config && opt.config.voidElements.indexOf(this.get('tagName')) >= 0) {
this.set('void', true); this.set('void', true);
@ -29456,8 +29469,8 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
var attrPrev = _objectSpread({}, this.previous('attributes')); var attrPrev = _objectSpread({}, this.previous('attributes'));
var diff = Object(utils_mixins__WEBPACK_IMPORTED_MODULE_2__["shallowDiff"])(attrPrev, attrs); var diff = Object(utils_mixins__WEBPACK_IMPORTED_MODULE_3__["shallowDiff"])(attrPrev, attrs);
Object(underscore__WEBPACK_IMPORTED_MODULE_1__["keys"])(diff).forEach(function (pr) { Object(underscore__WEBPACK_IMPORTED_MODULE_2__["keys"])(diff).forEach(function (pr) {
return _this2.trigger("change:attributes:".concat(pr), _this2, diff[pr]); return _this2.trigger("change:attributes:".concat(pr), _this2, diff[pr]);
}); });
return this; return this;
@ -29497,7 +29510,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
} }
} }
return domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_3__["default"].getStyle.call(this); return domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_4__["default"].getStyle.call(this);
}, },
/** /**
@ -29516,7 +29529,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
var opt = this.opt; var opt = this.opt;
if (em && em.getConfig('avoidInlineStyle') && !opt.temporary) { if (em && em.getConfig('avoidInlineStyle') && !opt.temporary) {
prop = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isString"])(prop) ? this.parseStyle(prop) : prop; prop = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isString"])(prop) ? this.parseStyle(prop) : prop;
prop = _objectSpread({}, prop, {}, this.get('style')); prop = _objectSpread({}, prop, {}, this.get('style'));
var state = this.get('state'); var state = this.get('state');
var cc = em.get('CssComposer'); var cc = em.get('CssComposer');
@ -29524,15 +29537,15 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
this.rule = cc.setIdRule(this.getId(), prop, _objectSpread({}, opts, { this.rule = cc.setIdRule(this.getId(), prop, _objectSpread({}, opts, {
state: state state: state
})); }));
var diff = Object(utils_mixins__WEBPACK_IMPORTED_MODULE_2__["shallowDiff"])(propOrig, prop); var diff = Object(utils_mixins__WEBPACK_IMPORTED_MODULE_3__["shallowDiff"])(propOrig, prop);
this.set('style', {}, { this.set('style', {}, {
silent: 1 silent: 1
}); });
Object(underscore__WEBPACK_IMPORTED_MODULE_1__["keys"])(diff).forEach(function (pr) { Object(underscore__WEBPACK_IMPORTED_MODULE_2__["keys"])(diff).forEach(function (pr) {
return _this3.trigger("change:style:".concat(pr)); return _this3.trigger("change:style:".concat(pr));
}); });
} else { } else {
prop = domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_3__["default"].setStyle.apply(this, arguments); prop = domain_abstract_model_Styleable__WEBPACK_IMPORTED_MODULE_4__["default"].setStyle.apply(this, arguments);
} }
return prop; return prop;
@ -29552,17 +29565,17 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
var id = this.getId(); // Add classes var id = this.getId(); // Add classes
this.get('classes').forEach(function (cls) { this.get('classes').forEach(function (cls) {
return classes.push(Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isString"])(cls) ? cls : cls.get('name')); return classes.push(Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isString"])(cls) ? cls : cls.get('name'));
}); });
classes.length && (attributes.class = classes.join(' ')); // Check if we need an ID on the component classes.length && (attributes.class = classes.join(' ')); // Check if we need an ID on the component
if (!Object(underscore__WEBPACK_IMPORTED_MODULE_1__["has"])(attributes, 'id')) { if (!Object(underscore__WEBPACK_IMPORTED_MODULE_2__["has"])(attributes, 'id')) {
var hasStyle; // If we don't rely on inline styling we have to check var hasStyle; // If we don't rely on inline styling we have to check
// for the ID selector // for the ID selector
if (avoidInline(em)) { if (avoidInline(em)) {
hasStyle = sm && sm.get(id, sm.Selector.TYPE_ID); hasStyle = sm && sm.get(id, sm.Selector.TYPE_ID);
} else if (!Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isEmpty"])(this.getStyle())) { } else if (!Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isEmpty"])(this.getStyle())) {
hasStyle = 1; hasStyle = 1;
} }
@ -29616,9 +29629,9 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
*/ */
removeClass: function removeClass(classes) { removeClass: function removeClass(classes) {
var removed = []; var removed = [];
classes = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isArray"])(classes) ? classes : [classes]; classes = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isArray"])(classes) ? classes : [classes];
var selectors = this.get('classes'); var selectors = this.get('classes');
var type = selector_manager_model_Selector__WEBPACK_IMPORTED_MODULE_6__["default"].TYPE_CLASS; var type = selector_manager_model_Selector__WEBPACK_IMPORTED_MODULE_7__["default"].TYPE_CLASS;
classes.forEach(function (classe) { classes.forEach(function (classe) {
var classes = classe.split(' '); var classes = classe.split(' ');
classes.forEach(function (name) { classes.forEach(function (name) {
@ -29645,10 +29658,10 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
var event = 'change:classes'; var event = 'change:classes';
var toListen = [this, event, this.initClasses]; var toListen = [this, event, this.initClasses];
var cls = this.get('classes') || []; var cls = this.get('classes') || [];
var clsArr = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isString"])(cls) ? cls.split(' ') : cls; var clsArr = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isString"])(cls) ? cls.split(' ') : cls;
this.stopListening.apply(this, toListen); this.stopListening.apply(this, toListen);
var classes = this.normalizeClasses(clsArr); var classes = this.normalizeClasses(clsArr);
var selectors = new selector_manager_model_Selectors__WEBPACK_IMPORTED_MODULE_7__["default"]([]); var selectors = new selector_manager_model_Selectors__WEBPACK_IMPORTED_MODULE_8__["default"]([]);
this.set('classes', selectors); this.set('classes', selectors);
selectors.add(classes); selectors.add(classes);
this.listenTo.apply(this, toListen); this.listenTo.apply(this, toListen);
@ -29660,12 +29673,12 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
this.stopListening.apply(this, toListen); // Have to add components after the init, otherwise the parent this.stopListening.apply(this, toListen); // Have to add components after the init, otherwise the parent
// is not visible // is not visible
var comps = new _Components__WEBPACK_IMPORTED_MODULE_5__["default"](null, this.opt); var comps = new _Components__WEBPACK_IMPORTED_MODULE_6__["default"](null, this.opt);
comps.parent = this; comps.parent = this;
var components = this.get('components'); var components = this.get('components');
var addChild = !this.opt.avoidChildren; var addChild = !this.opt.avoidChildren;
this.set('components', comps); this.set('components', comps);
addChild && comps.add(Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isFunction"])(components) ? components(this) : components); addChild && comps.add(Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isFunction"])(components) ? components(this) : components);
this.listenTo.apply(this, toListen); this.listenTo.apply(this, toListen);
return this; return this;
}, },
@ -29709,7 +29722,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
append: function append(components) { append: function append(components) {
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var result = this.components().add(components, opts); var result = this.components().add(components, opts);
return Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isArray"])(result) ? result : [result]; return Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isArray"])(result) ? result : [result];
}, },
/** /**
@ -29728,7 +29741,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
components: function components(_components) { components: function components(_components) {
var coll = this.get('components'); var coll = this.get('components');
if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isUndefined"])(_components)) { if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isUndefined"])(_components)) {
return coll; return coll;
} else { } else {
coll.reset(); coll.reset();
@ -29822,10 +29835,10 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
loadTraits: function loadTraits(traits) { loadTraits: function loadTraits(traits) {
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
traits = traits || this.get('traits'); traits = traits || this.get('traits');
traits = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isFunction"])(traits) ? traits(this) : traits; traits = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isFunction"])(traits) ? traits(this) : traits;
if (!(traits instanceof trait_manager_model_Traits__WEBPACK_IMPORTED_MODULE_8__["default"])) { if (!(traits instanceof trait_manager_model_Traits__WEBPACK_IMPORTED_MODULE_9__["default"])) {
var trt = new trait_manager_model_Traits__WEBPACK_IMPORTED_MODULE_8__["default"]([], this.opt); var trt = new trait_manager_model_Traits__WEBPACK_IMPORTED_MODULE_9__["default"]([], this.opt);
trt.setTarget(this); trt.setTarget(this);
if (traits.length) { if (traits.length) {
@ -29900,7 +29913,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
var _this4 = this; var _this4 = this;
var em = this.em; var em = this.em;
var ids = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isArray"])(id) ? id : [id]; var ids = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isArray"])(id) ? id : [id];
var toRemove = ids.map(function (id) { var toRemove = ids.map(function (id) {
return _this4.getTrait(id); return _this4.getTrait(id);
}); });
@ -29981,7 +29994,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
attr.view = ''; attr.view = '';
opts.collection = null; opts.collection = null;
if (em && em.getConfig('avoidInlineStyle') && !Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isEmpty"])(style)) { if (em && em.getConfig('avoidInlineStyle') && !Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isEmpty"])(style)) {
attr.style = style; attr.style = style;
} }
@ -30053,19 +30066,19 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
var attributes = this.getAttrToHTML(); // Get custom attributes if requested var attributes = this.getAttrToHTML(); // Get custom attributes if requested
if (customAttr) { if (customAttr) {
if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isFunction"])(customAttr)) { if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isFunction"])(customAttr)) {
attributes = customAttr(model, attributes) || {}; attributes = customAttr(model, attributes) || {};
} else if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isObject"])(customAttr)) { } else if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isObject"])(customAttr)) {
attributes = customAttr; attributes = customAttr;
} }
} }
for (var attr in attributes) { for (var attr in attributes) {
var val = attributes[attr]; var val = attributes[attr];
var value = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isString"])(val) ? val.replace(/"/g, '&quot;') : val; var value = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isString"])(val) ? val.replace(/"/g, '&quot;') : val;
if (!Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isUndefined"])(value)) { if (!Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isUndefined"])(value)) {
if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isBoolean"])(value)) { if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isBoolean"])(value)) {
value && attrs.push(attr); value && attrs.push(attr);
} else { } else {
attrs.push("".concat(attr, "=\"").concat(value, "\"")); attrs.push("".concat(attr, "=\"").concat(value, "\""));
@ -30104,31 +30117,31 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
args[_key2] = arguments[_key2]; args[_key2] = arguments[_key2];
} }
var obj = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.prototype.toJSON.apply(this, args); var obj = backbone__WEBPACK_IMPORTED_MODULE_5___default.a.Model.prototype.toJSON.apply(this, args);
obj.attributes = this.getAttributes(); obj.attributes = this.getAttributes();
delete obj.attributes.class; delete obj.attributes.class;
delete obj.toolbar; delete obj.toolbar;
delete obj.traits; delete obj.traits;
if (this.em.getConfig('avoidDefaults')) { if (this.em.getConfig('avoidDefaults')) {
var defaults = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["result"])(this, 'defaults'); var defaults = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["result"])(this, 'defaults');
Object(underscore__WEBPACK_IMPORTED_MODULE_1__["forEach"])(defaults, function (value, key) { Object(underscore__WEBPACK_IMPORTED_MODULE_2__["forEach"])(defaults, function (value, key) {
if (['type', 'content'].indexOf(key) === -1 && obj[key] === value) { if (['type', 'content'].indexOf(key) === -1 && obj[key] === value) {
delete obj[key]; delete obj[key];
} }
}); });
if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isEmpty"])(obj.type)) { if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isEmpty"])(obj.type)) {
delete obj.type; delete obj.type;
} }
Object(underscore__WEBPACK_IMPORTED_MODULE_1__["forEach"])(['attributes', 'style'], function (prop) { Object(underscore__WEBPACK_IMPORTED_MODULE_2__["forEach"])(['attributes', 'style'], function (prop) {
if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isEmpty"])(defaults[prop]) && Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isEmpty"])(obj[prop])) { if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isEmpty"])(defaults[prop]) && Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isEmpty"])(obj[prop])) {
delete obj[prop]; delete obj[prop];
} }
}); });
Object(underscore__WEBPACK_IMPORTED_MODULE_1__["forEach"])(['classes', 'components'], function (prop) { Object(underscore__WEBPACK_IMPORTED_MODULE_2__["forEach"])(['classes', 'components'], function (prop) {
if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isEmpty"])(defaults[prop]) && !obj[prop].length) { if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isEmpty"])(defaults[prop]) && !obj[prop].length) {
delete obj[prop]; delete obj[prop];
} }
}); });
@ -30209,7 +30222,8 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
// better optimization inside JS generator // better optimization inside JS generator
_this5.scriptUpdated(); _this5.scriptUpdated();
return _this5.attributes[v] || ''; var result = _this5.attributes[v] || '';
return Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isArray"])(result) || _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0___default()(result) == 'object' ? JSON.stringify(result) : result;
}); });
return scr; return scr;
}, },
@ -30236,7 +30250,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
* }) * })
*/ */
onAll: function onAll(clb) { onAll: function onAll(clb) {
if (Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isFunction"])(clb)) { if (Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isFunction"])(clb)) {
clb(this); clb(this);
this.components().forEach(function (model) { this.components().forEach(function (model) {
return model.onAll(clb); return model.onAll(clb);
@ -30356,7 +30370,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
checkId: function checkId(components) { checkId: function checkId(components) {
var styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; var styles = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
var list = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; var list = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var comps = Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isArray"])(components) ? components : [components]; var comps = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isArray"])(components) ? components : [components];
comps.forEach(function (comp) { comps.forEach(function (comp) {
var _comp$attributes = comp.attributes, var _comp$attributes = comp.attributes,
attributes = _comp$attributes === void 0 ? {} : _comp$attributes, attributes = _comp$attributes === void 0 ? {} : _comp$attributes,
@ -30367,7 +30381,7 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_4___default.a.Model.extend(dom
var newId = Component.getIncrementId(id, list); var newId = Component.getIncrementId(id, list);
attributes.id = newId; // Update passed styles attributes.id = newId; // Update passed styles
Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isArray"])(styles) && styles.forEach(function (style) { Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isArray"])(styles) && styles.forEach(function (style) {
var selectors = style.selectors; var selectors = style.selectors;
selectors.forEach(function (sel, idx) { selectors.forEach(function (sel, idx) {
if (sel === "#".concat(id)) selectors[idx] = "#".concat(newId); if (sel === "#".concat(id)) selectors[idx] = "#".concat(newId);
@ -32354,13 +32368,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
var compProt = _ComponentView__WEBPACK_IMPORTED_MODULE_2__["default"].prototype;
/* harmony default export */ __webpack_exports__["default"] = (_ComponentView__WEBPACK_IMPORTED_MODULE_2__["default"].extend({ /* harmony default export */ __webpack_exports__["default"] = (_ComponentView__WEBPACK_IMPORTED_MODULE_2__["default"].extend({
events: { events: {
dblclick: 'onActive', dblclick: 'onActive',
input: 'onInput' input: 'onInput'
}, },
initialize: function initialize(o) { initialize: function initialize(o) {
_ComponentView__WEBPACK_IMPORTED_MODULE_2__["default"].prototype.initialize.apply(this, arguments); compProt.initialize.apply(this, arguments);
this.disableEditing = this.disableEditing.bind(this); this.disableEditing = this.disableEditing.bind(this);
var model = this.model; var model = this.model;
var em = this.em; var em = this.em;
@ -32514,7 +32529,18 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
mixins[method](elDocs, 'mousedown', this.disableEditing); // Avoid closing edit mode on component click mixins[method](elDocs, 'mousedown', this.disableEditing); // Avoid closing edit mode on component click
this.$el.off('mousedown', this.disablePropagation); this.$el.off('mousedown', this.disablePropagation);
this.$el[method]('mousedown', this.disablePropagation); this.$el[method]('mousedown', this.disablePropagation); // Fixes #2210 but use this also as a replacement
// of this fix: bd7b804f3b46eb45b4398304b2345ce870f232d2
if (this.config.draggableComponents) {
var el = this.el;
while (el) {
el.draggable = enable ? !1 : !0;
el = el.parentNode;
el.tagName == 'BODY' && (el = 0);
}
}
} }
})); }));
@ -32695,6 +32721,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _model_Components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../model/Components */ "./src/dom_components/model/Components.js"); /* harmony import */ var _model_Components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../model/Components */ "./src/dom_components/model/Components.js");
/* harmony import */ var _ComponentsView__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ComponentsView */ "./src/dom_components/view/ComponentsView.js"); /* harmony import */ var _ComponentsView__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ComponentsView */ "./src/dom_components/view/ComponentsView.js");
/* harmony import */ var selector_manager_model_Selectors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! selector_manager/model/Selectors */ "./src/selector_manager/model/Selectors.js"); /* harmony import */ var selector_manager_model_Selectors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! selector_manager/model/Selectors */ "./src/selector_manager/model/Selectors.js");
/* harmony import */ var utils_dom__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! utils/dom */ "./src/utils/dom.js");
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
@ -32706,6 +32733,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
/* harmony default export */ __webpack_exports__["default"] = (backbone__WEBPACK_IMPORTED_MODULE_1___default.a.View.extend({ /* harmony default export */ __webpack_exports__["default"] = (backbone__WEBPACK_IMPORTED_MODULE_1___default.a.View.extend({
className: function className() { className: function className() {
return this.getClasses(); return this.getClasses();
@ -32748,7 +32776,17 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
dragstart: 'handleDragStart' dragstart: 'handleDragStart'
}); });
this.delegateEvents(); this.delegateEvents();
!modelOpt.temporary && this.init(); !modelOpt.temporary && this.init(this._clbObj());
},
_clbObj: function _clbObj() {
var em = this.em,
model = this.model,
el = this.el;
return {
editor: em && em.getEditor(),
model: model,
el: el
};
}, },
/** /**
@ -32756,10 +32794,20 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
*/ */
init: function init() {}, init: function init() {},
/**
* Remove callback
*/
removed: function removed() {},
/** /**
* Callback executed when the `active` event is triggered on component * Callback executed when the `active` event is triggered on component
*/ */
onActive: function onActive() {}, onActive: function onActive() {},
remove: function remove() {
backbone__WEBPACK_IMPORTED_MODULE_1___default.a.View.prototype.remove.apply(this, arguments);
this.removed(this._clbObj());
return this;
},
handleDragStart: function handleDragStart(event) { handleDragStart: function handleDragStart(event) {
event.preventDefault(); event.preventDefault();
event.stopPropagation(); event.stopPropagation();
@ -33069,7 +33117,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
model: model, model: model,
collection: collection collection: collection
}); });
el.replaceWith(this.el); Object(utils_dom__WEBPACK_IMPORTED_MODULE_6__["replaceWith"])(el, this.el);
this.render(); this.render();
}, },
@ -33111,7 +33159,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
modelOpt = this.modelOpt; modelOpt = this.modelOpt;
if (!modelOpt.temporary) { if (!modelOpt.temporary) {
this.onRender(); this.onRender(this._clbObj());
em && em.trigger('component:mount', model); em && em.trigger('component:mount', model);
} }
}, },
@ -34370,7 +34418,7 @@ __webpack_require__.r(__webpack_exports__);
// Show the wrapper component in the final code, eg. in editor.getHtml() // Show the wrapper component in the final code, eg. in editor.getHtml()
exportWrapper: 0, exportWrapper: 0,
// The wrapper, if visible, will be shown as a `<body>` // The wrapper, if visible, will be shown as a `<body>`
wrappesIsBody: 1, wrapperIsBody: 1,
// Usually when you update the `style` of the component this changes the // Usually when you update the `style` of the component this changes the
// element's `style` attribute. Unfortunately, inline styling doesn't allow // element's `style` attribute. Unfortunately, inline styling doesn't allow
// use of media queries (@media) or even pseudo selectors (eg. :hover). // use of media queries (@media) or even pseudo selectors (eg. :hover).
@ -34379,7 +34427,7 @@ __webpack_require__.r(__webpack_exports__);
// Avoid default properties from storable JSON data, like `components` and `styles`. // Avoid default properties from storable JSON data, like `components` and `styles`.
// With this option enabled your data will be smaller (usefull if need to // With this option enabled your data will be smaller (usefull if need to
// save some storage space) // save some storage space)
avoidDefaults: 0, avoidDefaults: 1,
// (experimental) // (experimental)
// The structure of components is always on the screen but it's not the same // The structure of components is always on the screen but it's not the same
// for style rules. When you delete a component you might leave a lot of styles // for style rules. When you delete a component you might leave a lot of styles
@ -34408,7 +34456,7 @@ __webpack_require__.r(__webpack_exports__);
//Configurations for Storage Manager //Configurations for Storage Manager
storageManager: {}, storageManager: {},
//Configurations for Rich Text Editor //Configurations for Rich Text Editor
rte: {}, richTextEditor: {},
//Configurations for DomComponents //Configurations for DomComponents
domComponents: {}, domComponents: {},
//Configurations for Modal Dialog //Configurations for Modal Dialog
@ -35710,12 +35758,12 @@ var logs = {
getHtml: function getHtml() { getHtml: function getHtml() {
var config = this.config; var config = this.config;
var exportWrapper = config.exportWrapper; var exportWrapper = config.exportWrapper;
var wrappesIsBody = config.wrappesIsBody; var wrapperIsBody = config.wrapperIsBody;
var js = config.jsInHtml ? this.getJs() : ''; var js = config.jsInHtml ? this.getJs() : '';
var wrp = this.get('DomComponents').getComponent(); var wrp = this.get('DomComponents').getComponent();
var html = this.get('CodeManager').getCode(wrp, 'html', { var html = this.get('CodeManager').getCode(wrp, 'html', {
exportWrapper: exportWrapper, exportWrapper: exportWrapper,
wrappesIsBody: wrappesIsBody wrapperIsBody: wrapperIsBody
}); });
html += js ? "<script>".concat(js, "</script>") : ''; html += js ? "<script>".concat(js, "</script>") : '';
return html; return html;
@ -35730,7 +35778,7 @@ var logs = {
getCss: function getCss() { getCss: function getCss() {
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var config = this.config; var config = this.config;
var wrappesIsBody = config.wrappesIsBody; var wrapperIsBody = config.wrapperIsBody;
var avoidProt = opts.avoidProtected; var avoidProt = opts.avoidProtected;
var keepUnusedStyles = !Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isUndefined"])(opts.keepUnusedStyles) ? opts.keepUnusedStyles : config.keepUnusedStyles; var keepUnusedStyles = !Object(underscore__WEBPACK_IMPORTED_MODULE_1__["isUndefined"])(opts.keepUnusedStyles) ? opts.keepUnusedStyles : config.keepUnusedStyles;
var cssc = this.get('CssComposer'); var cssc = this.get('CssComposer');
@ -35738,7 +35786,7 @@ var logs = {
var protCss = !avoidProt ? config.protectedCss : ''; var protCss = !avoidProt ? config.protectedCss : '';
return protCss + this.get('CodeManager').getCode(wrp, 'css', { return protCss + this.get('CodeManager').getCode(wrp, 'css', {
cssc: cssc, cssc: cssc,
wrappesIsBody: wrappesIsBody, wrapperIsBody: wrapperIsBody,
keepUnusedStyles: keepUnusedStyles keepUnusedStyles: keepUnusedStyles
}); });
}, },
@ -36113,7 +36161,7 @@ var defaultConfig = {
editors: editors, editors: editors,
plugins: plugins, plugins: plugins,
// Will be replaced on build // Will be replaced on build
version: '0.15.3', version: '0.15.4',
/** /**
* Initialize the editor with passed options * Initialize the editor with passed options
@ -39436,9 +39484,17 @@ __webpack_require__.r(__webpack_exports__);
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var _model_RichTextEditor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./model/RichTextEditor */ "./src/rich_text_editor/model/RichTextEditor.js"); /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
/* harmony import */ var utils_mixins__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! utils/mixins */ "./src/utils/mixins.js"); /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./config/config */ "./src/rich_text_editor/config/config.js"); /* harmony import */ var _model_RichTextEditor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./model/RichTextEditor */ "./src/rich_text_editor/model/RichTextEditor.js");
/* harmony import */ var utils_mixins__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! utils/mixins */ "./src/utils/mixins.js");
/* harmony import */ var _config_config__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./config/config */ "./src/rich_text_editor/config/config.js");
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/** /**
* This module allows to customize the built-in toolbar of the Rich Text Editor and use commands from the [HTML Editing APIs](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand). * This module allows to customize the built-in toolbar of the Rich Text Editor and use commands from the [HTML Editing APIs](https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand).
* It's highly recommended to keep this toolbar as small as possible, especially from styling commands (eg. 'fontSize') and leave this task to the Style Manager * It's highly recommended to keep this toolbar as small as possible, especially from styling commands (eg. 'fontSize') and leave this task to the Style Manager
@ -39446,7 +39502,7 @@ __webpack_require__.r(__webpack_exports__);
* You can customize the initial state of the module from the editor initialization, by passing the following [Configuration Object](https://github.com/artf/grapesjs/blob/master/src/rich_text_editor/config/config.js) * You can customize the initial state of the module from the editor initialization, by passing the following [Configuration Object](https://github.com/artf/grapesjs/blob/master/src/rich_text_editor/config/config.js)
* ```js * ```js
* const editor = grapesjs.init({ * const editor = grapesjs.init({
* rte: { * richTextEditor: {
* // options * // options
* } * }
* }) * })
@ -39490,6 +39546,9 @@ __webpack_require__.r(__webpack_exports__);
* @private * @private
*/ */
name: 'RichTextEditor', name: 'RichTextEditor',
getConfig: function getConfig() {
return config;
},
/** /**
* Initialize module. Automatically called with a new instance of the editor * Initialize module. Automatically called with a new instance of the editor
@ -39498,14 +39557,7 @@ __webpack_require__.r(__webpack_exports__);
*/ */
init: function init() { init: function init() {
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
config = opts; config = _objectSpread({}, _config_config__WEBPACK_IMPORTED_MODULE_3__["default"], {}, opts);
for (var name in _config_config__WEBPACK_IMPORTED_MODULE_2__["default"]) {
if (!(name in config)) {
config[name] = _config_config__WEBPACK_IMPORTED_MODULE_2__["default"][name];
}
}
var ppfx = config.pStylePrefix; var ppfx = config.pStylePrefix;
if (ppfx) { if (ppfx) {
@ -39518,7 +39570,7 @@ __webpack_require__.r(__webpack_exports__);
toolbar.className = "".concat(ppfx, "rte-toolbar ").concat(ppfx, "one-bg"); toolbar.className = "".concat(ppfx, "rte-toolbar ").concat(ppfx, "one-bg");
globalRte = this.initRte(document.createElement('div')); //Avoid closing on toolbar clicking globalRte = this.initRte(document.createElement('div')); //Avoid closing on toolbar clicking
Object(utils_mixins__WEBPACK_IMPORTED_MODULE_1__["on"])(toolbar, 'mousedown', function (e) { Object(utils_mixins__WEBPACK_IMPORTED_MODULE_2__["on"])(toolbar, 'mousedown', function (e) {
return e.stopPropagation(); return e.stopPropagation();
}); });
return this; return this;
@ -39552,7 +39604,7 @@ __webpack_require__.r(__webpack_exports__);
button: "".concat(pfx, "action"), button: "".concat(pfx, "action"),
active: "".concat(pfx, "active") active: "".concat(pfx, "active")
}; };
var rte = new _model_RichTextEditor__WEBPACK_IMPORTED_MODULE_0__["default"]({ var rte = new _model_RichTextEditor__WEBPACK_IMPORTED_MODULE_1__["default"]({
el: el, el: el,
classes: classes, classes: classes,
actions: actions, actions: actions,
@ -41908,6 +41960,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
* @param {Array<Object>} [property.properties=[]] Nested properties for composite and stack type * @param {Array<Object>} [property.properties=[]] Nested properties for composite and stack type
* @param {Array<Object>} [property.layers=[]] Layers for stack properties * @param {Array<Object>} [property.layers=[]] Layers for stack properties
* @param {Array<Object>} [property.list=[]] List of possible options for radio and select types * @param {Array<Object>} [property.list=[]] List of possible options for radio and select types
* @param {Object} [options={}] Options
* @return {Property|null} Added Property or `null` in case sector doesn't exist * @return {Property|null} Added Property or `null` in case sector doesn't exist
* @example * @example
* var property = styleManager.addProperty('mySector',{ * var property = styleManager.addProperty('mySector',{
@ -41922,14 +41975,16 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
* value: '200px', * value: '200px',
* name: '200', * name: '200',
* }], * }],
* }); * }, { at: 0 });
* // With `at: 0` we place the new property at the beginning of the collection
*/ */
addProperty: function addProperty(sectorId, property) { addProperty: function addProperty(sectorId, property) {
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var sector = this.getSector(sectorId, { var sector = this.getSector(sectorId, {
warn: 1 warn: 1
}); });
var prop = null; var prop = null;
if (sector) prop = sector.get('properties').add(property); if (sector) prop = sector.get('properties').add(property, opts);
return prop; return prop;
}, },
@ -42724,12 +42779,13 @@ var Property = backbone__WEBPACK_IMPORTED_MODULE_1___default.a.Model.extend({
getFullValue: function getFullValue(val) { getFullValue: function getFullValue(val) {
var fn = this.get('functionName'); var fn = this.get('functionName');
var value = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isUndefined"])(val) ? this.get('value') : val; var value = Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isUndefined"])(val) ? this.get('value') : val;
var hasValue = !Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isUndefined"])(value);
if (fn && !Object(underscore__WEBPACK_IMPORTED_MODULE_2__["isUndefined"])(value)) { if (fn && hasValue) {
value = "".concat(fn, "(").concat(value, ")"); value = "".concat(fn, "(").concat(value, ")");
} }
if (this.get('important')) { if (hasValue && this.get('important')) {
value = "".concat(value, " !important"); value = "".concat(value, " !important");
} }
@ -44480,6 +44536,8 @@ __webpack_require__.r(__webpack_exports__);
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "./node_modules/backbone/backbone.js"); /* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "./node_modules/backbone/backbone.js");
/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_0__); /* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var utils_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! utils/dom */ "./src/utils/dom.js");
/* harmony default export */ __webpack_exports__["default"] = (backbone__WEBPACK_IMPORTED_MODULE_0___default.a.View.extend({ /* harmony default export */ __webpack_exports__["default"] = (backbone__WEBPACK_IMPORTED_MODULE_0___default.a.View.extend({
initialize: function initialize(o) { initialize: function initialize(o) {
@ -44495,10 +44553,12 @@ __webpack_require__.r(__webpack_exports__);
this.listenTo(coll, 'add', this.addTo); this.listenTo(coll, 'add', this.addTo);
this.listenTo(coll, 'reset', this.render); this.listenTo(coll, 'reset', this.render);
}, },
addTo: function addTo(model) { addTo: function addTo(model, coll, opts) {
this.add(model); this.add(model, null, opts);
}, },
add: function add(model, frag) { add: function add(model, frag) {
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var appendTo = frag || this.el;
var view = new model.typeView({ var view = new model.typeView({
model: model, model: model,
name: model.get('name'), name: model.get('name'),
@ -44515,14 +44575,9 @@ __webpack_require__.r(__webpack_exports__);
} }
view.render(); view.render();
var el = view.el; var rendered = view.el;
this.properties.push(view); this.properties.push(view);
Object(utils_dom__WEBPACK_IMPORTED_MODULE_1__["appendAtIndex"])(appendTo, rendered, opts.at);
if (frag) {
frag.appendChild(el);
} else {
this.el.appendChild(el);
}
}, },
render: function render() { render: function render() {
var _this = this; var _this = this;
@ -47127,7 +47182,7 @@ var $ = backbone__WEBPACK_IMPORTED_MODULE_2___default.a.$;
getInputElem: function getInputElem() { getInputElem: function getInputElem() {
var input = this.input, var input = this.input,
$input = this.$input; $input = this.$input;
return input || $input && $input.get(0) || this.getElInput(); return input || $input && $input.get && $input.get(0) || this.getElInput();
}, },
getModelValue: function getModelValue() { getModelValue: function getModelValue() {
var value; var value;
@ -52362,12 +52417,13 @@ var $ = backbone__WEBPACK_IMPORTED_MODULE_1___default.a.$;
/*!**************************!*\ /*!**************************!*\
!*** ./src/utils/dom.js ***! !*** ./src/utils/dom.js ***!
\**************************/ \**************************/
/*! exports provided: empty, appendAtIndex, appendVNodes */ /*! exports provided: empty, replaceWith, appendAtIndex, appendVNodes */
/***/ (function(module, __webpack_exports__, __webpack_require__) { /***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict"; "use strict";
__webpack_require__.r(__webpack_exports__); __webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "empty", function() { return empty; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "empty", function() { return empty; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "replaceWith", function() { return replaceWith; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "appendAtIndex", function() { return appendAtIndex; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "appendAtIndex", function() { return appendAtIndex; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "appendVNodes", function() { return appendVNodes; }); /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "appendVNodes", function() { return appendVNodes; });
/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "./node_modules/underscore/underscore.js"); /* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "./node_modules/underscore/underscore.js");
@ -52382,6 +52438,9 @@ var empty = function empty(node) {
node.removeChild(node.firstChild); node.removeChild(node.firstChild);
} }
}; };
var replaceWith = function replaceWith(oldEl, newEl) {
oldEl.parentNode.replaceChild(newEl, oldEl);
};
var appendAtIndex = function appendAtIndex(parent, child, index) { var appendAtIndex = function appendAtIndex(parent, child, index) {
var childNodes = parent.childNodes; var childNodes = parent.childNodes;
var total = childNodes.length; var total = childNodes.length;

8
dist/grapes.min.js
View File

File diff suppressed because one or more lines are too long

2
dist/grapes.min.js.map
View File

File diff suppressed because one or more lines are too long

2
package-lock.json
View File

@ -1,6 +1,6 @@
{ {
"name": "grapesjs", "name": "grapesjs",
"version": "0.15.3", "version": "0.15.4",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {

8
package.json
View File

@ -1,12 +1,16 @@
{ {
"name": "grapesjs", "name": "grapesjs",
"description": "Free and Open Source Web Builder Framework", "description": "Free and Open Source Web Builder Framework",
"version": "0.15.3", "version": "0.15.4",
"author": "Artur Arseniev", "author": "Artur Arseniev",
"license": "BSD-3-Clause", "license": "BSD-3-Clause",
"homepage": "http://grapesjs.com", "homepage": "http://grapesjs.com",
"main": "dist/grapes.min.js", "main": "dist/grapes.min.js",
"sideEffects": [ "*.vue", "*.css", "*.scss" ], "sideEffects": [
"*.vue",
"*.css",
"*.scss"
],
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://github.com/artf/grapesjs.git" "url": "https://github.com/artf/grapesjs.git"

Write Preview
Loading…
Cancel
Save