Browse Source

Build

pull/2732/head
Artur Arseniev 6 years ago
parent
commit
24a27f6a08
  1. 390
      dist/grapes.js
  2. 6
      dist/grapes.min.js
  3. 2
      dist/grapes.min.js.map
  4. 2
      package-lock.json
  5. 2
      package.json

390
dist/grapes.js

@ -22140,8 +22140,8 @@ var _window = window,
getElement: function getElement() {
return CanvasView.el;
},
getFrame: function getFrame() {
return canvas.get('frame');
getFrame: function getFrame(index) {
return index ? this.getFrames()[index] : canvas.get('frame');
},
/**
@ -22739,7 +22739,12 @@ __webpack_require__.r(__webpack_exports__);
styles = _config$styles === void 0 ? [] : _config$styles,
_config$scripts = config.scripts,
scripts = _config$scripts === void 0 ? [] : _config$scripts;
var frame = new _Frame__WEBPACK_IMPORTED_MODULE_1__["default"]({}, config);
var root = em && em.getWrapper();
var css = em && em.getStyle();
var frame = new _Frame__WEBPACK_IMPORTED_MODULE_1__["default"]({
root: root,
styles: css
}, config);
styles.forEach(function (style) {
return frame.addLink(style);
});
@ -22988,7 +22993,7 @@ var timerZoom;
return "\n <div class=\"".concat(pfx, "canvas__frames\" data-frames></div>\n <div id=\"").concat(pfx, "tools\" class=\"").concat(pfx, "canvas__tools\" data-tools></div>\n ");
},
initialize: function initialize(o) {
Object(underscore__WEBPACK_IMPORTED_MODULE_2__["bindAll"])(this, 'clearOff', 'onKeyPress');
Object(underscore__WEBPACK_IMPORTED_MODULE_2__["bindAll"])(this, 'clearOff', 'onKeyPress', 'onCanvasMove');
Object(utils_mixins__WEBPACK_IMPORTED_MODULE_3__["on"])(window, 'scroll resize', this.clearOff);
var model = this.model;
var frames = model.get('frames');
@ -23032,13 +23037,15 @@ var timerZoom;
ev._parentEvent && ev._parentEvent.preventDefault();
}
},
onCanvasMove: function onCanvasMove(ev) {// const data = { x: ev.clientX, y: ev.clientY };
// const data2 = this.em.get('Canvas').getMouseRelativeCanvas(ev);
// const data3 = this.em.get('Canvas').getMouseRelativePos(ev);
// this.em.trigger('canvas:over', data, data2, data3);
},
toggleListeners: function toggleListeners(enable) {
var method = enable ? 'on' : 'off';
var methods = {
on: utils_mixins__WEBPACK_IMPORTED_MODULE_3__["on"],
off: utils_mixins__WEBPACK_IMPORTED_MODULE_3__["off"]
};
methods[method](document, 'keypress', this.onKeyPress);
var el = this.el;
var fn = enable ? utils_mixins__WEBPACK_IMPORTED_MODULE_3__["on"] : utils_mixins__WEBPACK_IMPORTED_MODULE_3__["off"];
fn(document, 'keypress', this.onKeyPress); // fn(el, 'mousemove dragover', this.onCanvasMove);
},
onKeyPress: function onKeyPress(ev) {
var em = this.em;
@ -23630,6 +23637,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
[{
event: 'keydown keyup keypress',
class: 'KeyboardEvent'
}, {
event: 'mousemove',
class: 'MouseEvent'
}, {
event: 'wheel',
class: 'WheelEvent'
@ -27327,7 +27337,7 @@ var showOffsets;
em[method]('frame:updated', this.onFrameUpdated, this);
em.get('Canvas').getFrames().forEach(function (frame) {
var view = frame.view;
trigger(view.getWindow(), view.getBody());
view && trigger(view.getWindow(), view.getBody());
});
},
@ -27452,9 +27462,9 @@ var showOffsets;
this.currentDoc = null;
this.em.setHovered(0);
this.canvas.getFrames().forEach(function (frame) {
var el = frame.view.getToolsEl();
_this3.toggleToolsEl(0, 0, {
var view = frame.view;
var el = view && view.getToolsEl();
el && _this3.toggleToolsEl(0, 0, {
el: el
});
});
@ -27462,8 +27472,8 @@ var showOffsets;
toggleToolsEl: function toggleToolsEl(on, view) {
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var el = opts.el || this.canvas.getToolsEl(view);
el.style.opacity = on ? 1 : 0;
return el;
el && (el.style.opacity = on ? 1 : 0);
return el || {};
},
/**
@ -30569,6 +30579,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
state: ''
});
model && Object(underscore__WEBPACK_IMPORTED_MODULE_3__["isEmpty"])(model.get('status')) && model.set('status', state);
},
allById: function allById() {
return componentsById;
}
};
});
@ -31264,6 +31277,16 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_5___default.a.Model.extend(dom
}
},
/**
* Remove all inner components
* * @return {this}
*/
empty: function empty() {
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
this.components().reset(null, opts);
return this;
},
/**
* Get the parent component, if exists
* @return {Component}
@ -31890,6 +31913,25 @@ var Component = backbone__WEBPACK_IMPORTED_MODULE_5___default.a.Model.extend(dom
tagName: el.tagName ? el.tagName.toLowerCase() : ''
};
},
ensureInList: function ensureInList(model) {
var list = Component.getList(model);
var id = model.getId();
var current = list[id];
if (!current) {
// Insert in list
list[id] = model;
} else if (current !== model) {
// Create new ID
var nextId = Component.getIncrementId(id, list);
model.setId(nextId);
list[nextId] = model;
}
model.components().forEach(function (i) {
return Component.ensureInList(i);
});
},
/**
* Relying simply on the number of components becomes a problem when you
@ -33379,8 +33421,76 @@ var Component;
var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
this.opt = opt;
this.listenTo(this, 'add', this.onAdd);
this.listenTo(this, 'remove', this.removeChildren);
this.listenTo(this, 'reset', this.resetChildren);
this.config = opt.config;
this.em = opt.em;
this.domc = opt.domc;
},
resetChildren: function resetChildren(models) {
var _this = this;
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
var coll = this;
var _opts$previousModels = opts.previousModels,
previousModels = _opts$previousModels === void 0 ? [] : _opts$previousModels;
previousModels.forEach(function (md) {
return _this.removeChildren(md, coll, opts);
});
models.each(function (model) {
return _this.onAdd(model);
});
},
removeChildren: function removeChildren(removed, coll) {
var _this2 = this;
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var domc = this.domc,
em = this.em;
var allByID = domc ? domc.allById() : {};
if (!opts.temporary) {
// Remove the component from the gloabl list
var id = removed.getId();
var sels = em.get('SelectorManager').getAll();
var rules = em.get('CssComposer').getAll();
delete allByID[id]; // Remove all component related styles
var rulesRemoved = rules.remove(rules.filter(function (r) {
return r.getSelectors().getFullString() === "#".concat(id);
})); // Clean selectors
sels.remove(rulesRemoved.map(function (rule) {
return rule.getSelectors().at(0);
}));
if (!removed.opt.temporary) {
var cm = em.get('Commands');
var hasSign = removed.get('style-signature');
var optStyle = {
target: removed
};
hasSign && cm.run('core:component-style-clear', optStyle);
removed.removed();
em.trigger('component:remove', removed);
}
var _inner = removed.components();
_inner.forEach(function (it) {
return _this2.removeChildren(it, coll, opts);
}); // removed.empty(opts);
} // Remove stuff registered in DomComponents.handleChanges
var inner = removed.components();
var um = em.get('UndoManager');
em.stopListening(inner);
em.stopListening(removed);
em.stopListening(removed.get('classes'));
um.remove(removed);
um.remove(inner);
},
model: function model(attrs, options) {
var opt = options.collection.opt;
@ -33431,7 +33541,7 @@ var Component;
return parsed.html;
},
add: function add(models) {
var _this = this;
var _this3 = this;
var opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@ -33440,7 +33550,7 @@ var Component;
} else if (Object(underscore__WEBPACK_IMPORTED_MODULE_3__["isArray"])(models)) {
models.forEach(function (item, index) {
if (Object(underscore__WEBPACK_IMPORTED_MODULE_3__["isString"])(item)) {
models[index] = _this.parseString(item, opt);
models[index] = _this3.parseString(item, opt);
}
});
}
@ -33449,7 +33559,7 @@ var Component;
models = (isMult ? models : [models]).filter(function (i) {
return i;
}).map(function (model) {
return _this.processDef(model);
return _this3.processDef(model);
});
models = isMult ? models : models[0];
return backbone__WEBPACK_IMPORTED_MODULE_2___default.a.Collection.prototype.add.apply(this, [models, opt]);
@ -33516,9 +33626,11 @@ var Component;
},
onAdd: function onAdd(model, c) {
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var em = this.em;
var domc = this.domc,
em = this.em;
var style = model.getStyle();
var avoidInline = em && em.getConfig('avoidInlineStyle');
domc && domc.Component.ensureInList(model);
if (!Object(underscore__WEBPACK_IMPORTED_MODULE_3__["isEmpty"])(style) && !avoidInline && em && em.get && em.getConfig('forceClass') && !opts.temporary) {
var name = model.cid;
@ -34982,8 +35094,6 @@ __webpack_require__.r(__webpack_exports__);
var _this = this;
var opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var em = this.config.em;
var tempRemove = opts.temporary;
removed.views.forEach(function (view) {
if (!view) return;
var childrenView = view.childrenView,
@ -34996,42 +35106,6 @@ __webpack_require__.r(__webpack_exports__);
inner.forEach(function (it) {
return _this.removeChildren(it, coll, opts);
});
if (em && !tempRemove) {
// Remove the component from the global list
var id = removed.getId();
var domc = em.get('DomComponents');
var sels = em.get('SelectorManager').getAll();
delete domc.componentsById[id]; // Remove all related CSS rules
// TODO: remove from the frame container
var allRules = em.get('CssComposer').getAll();
var rulesRemoved = allRules.remove(allRules.filter(function (rule) {
return rule.getSelectors().getFullString() === "#".concat(id);
}));
sels.remove(rulesRemoved.map(function (rule) {
return rule.getSelectors().at(0);
}));
if (!removed.opt.temporary) {
var cm = em.get('Commands');
var hasSign = removed.get('style-signature');
var optStyle = {
target: removed
};
hasSign && cm.run('core:component-style-clear', optStyle);
removed.removed();
em.trigger('component:remove', removed);
}
} // Remove stuff registered in DomComponents.handleChanges
em.stopListening(inner);
em.stopListening(removed);
em.stopListening(removed.get('classes'));
var um = em.get('UndoManager');
um.remove(removed);
um.remove(inner);
},
/**
@ -36597,138 +36671,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
*/
editor: em,
/**
* @property {I18n}
* @private
*/
I18n: em.get('I18n'),
/**
* @property {DomComponents}
* @private
*/
DomComponents: em.get('DomComponents'),
/**
* @property {LayerManager}
* @private
*/
LayerManager: em.get('LayerManager'),
/**
* @property {CssComposer}
* @private
*/
CssComposer: em.get('CssComposer'),
/**
* @property {StorageManager}
* @private
*/
StorageManager: em.get('StorageManager'),
/**
* @property {AssetManager}
* @private
*/
AssetManager: em.get('AssetManager'),
/**
* @property {BlockManager}
* @private
*/
BlockManager: em.get('BlockManager'),
/**
* @property {TraitManager}
* @private
*/
TraitManager: em.get('TraitManager'),
/**
* @property {SelectorManager}
* @private
*/
SelectorManager: em.get('SelectorManager'),
/**
* @property {CodeManager}
* @private
*/
CodeManager: em.get('CodeManager'),
/**
* @property {Commands}
* @private
*/
Commands: em.get('Commands'),
/**
* @property {Keymaps}
* @private
*/
Keymaps: em.get('Keymaps'),
/**
* @property {Modal}
* @private
*/
Modal: em.get('Modal'),
/**
* @property {Panels}
* @private
*/
Panels: em.get('Panels'),
/**
* @property {StyleManager}
* @private
*/
StyleManager: em.get('StyleManager'),
/**
* @property {Canvas}
* @private
*/
Canvas: em.get('Canvas'),
/**
* @property {UndoManager}
* @private
*/
UndoManager: em.get('UndoManager'),
/**
* @property {DeviceManager}
* @private
*/
DeviceManager: em.get('DeviceManager'),
/**
* @property {RichTextEditor}
* @private
*/
RichTextEditor: em.get('RichTextEditor'),
/**
* @property {Parser}
* @private
*/
Parser: em.get('Parser'),
/**
* @property {Utils}
* @private
*/
Utils: em.get('Utils'),
/**
* @property {Utils}
* @private
*/
Config: em.get('Config'),
/**
* Initialize editor model
* @return {this}
@ -36737,7 +36679,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
init: function init() {
var _this = this;
em.init(this); // Do post render stuff after the iframe is loaded otherwise it'll
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
em.init(this, _objectSpread({}, c, {}, opts));
['I18n', 'Utils', 'Config', 'Commands', 'Keymaps', 'Modal', 'Panels', 'Canvas', 'Parser', 'CodeManager', 'UndoManager', 'RichTextEditor', 'DomComponents', ['Components', 'DomComponents'], 'LayerManager', ['Layers', 'LayerManager'], 'CssComposer', ['Css', 'CssComposer'], 'StorageManager', ['Storage', 'StorageManager'], 'AssetManager', ['Assets', 'AssetManager'], 'BlockManager', ['Blocks', 'BlockManager'], 'TraitManager', ['Traits', 'TraitManager'], 'SelectorManager', ['Selectors', 'SelectorManager'], 'StyleManager', ['Styles', 'StyleManager'], 'DeviceManager', ['Devices', 'DeviceManager']].forEach(function (prop) {
if (Array.isArray(prop)) {
_this[prop[0]] = em.get(prop[1]);
} else {
_this[prop] = em.get(prop);
}
}); // Do post render stuff after the iframe is loaded otherwise it'll
// be empty during tests
em.on('loaded', function () {
@ -37310,6 +37260,7 @@ var logs = {
this.set('modules', []);
this.set('toLoad', []);
this.set('storables', []);
this.set('selected', new Collection());
this.set('dmode', c.dragMode);
var el = c.el;
var log = c.log;
@ -37467,6 +37418,13 @@ var logs = {
* @private
*/
init: function init(editor) {
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
if (this.destroyed) {
this.initialize(opts);
this.destroyed = 0;
}
this.set('Editor', editor);
},
getEditor: function getEditor() {
@ -37861,7 +37819,8 @@ var logs = {
*/
stopDefault: function stopDefault() {
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var command = this.get('Commands').get(this.config.defaultCommand);
var commands = this.get('Commands');
var command = commands.get(this.config.defaultCommand);
if (!command) return;
command.stop(this, this, opts);
this.defaultRunning = 0;
@ -37952,8 +37911,13 @@ var logs = {
* Destroy editor
*/
destroyAll: function destroyAll() {
var config = this.config;
var editor = this.getEditor();
var editors = this.config.grapesjs.editors;
var _ref = config.grapesjs || {},
_ref$editors = _ref.editors,
editors = _ref$editors === void 0 ? [] : _ref$editors;
var _this$attributes = this.attributes,
DomComponents = _this$attributes.DomComponents,
CssComposer = _this$attributes.CssComposer,
@ -37975,10 +37939,9 @@ var logs = {
this.clear({
silent: true
});
this._previousAttributes = {};
this.attributes = {};
this.destroyed = 1;
editors.splice(editors.indexOf(editor), 1);
Object(cash_dom__WEBPACK_IMPORTED_MODULE_2__["default"])(this.config.el).empty().attr(this.attrsOrig);
Object(cash_dom__WEBPACK_IMPORTED_MODULE_2__["default"])(config.el).empty().attr(this.attrsOrig);
},
setEditing: function setEditing(value) {
this.set('editing', value);
@ -38587,7 +38550,7 @@ var defaultConfig = {
editors: editors,
plugins: plugins,
// Will be replaced on build
version: '0.16.7',
version: '0.16.8',
/**
* Initialize the editor with passed options
@ -50838,7 +50801,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
* um.undo();
*/
undo: function undo() {
!em.isEditing() && um.undo(1);
var all = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
!em.isEditing() && um.undo(all);
return this;
},
@ -50860,7 +50824,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
* um.redo();
*/
redo: function redo() {
!em.isEditing() && um.redo(1);
var all = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
!em.isEditing() && um.redo(all);
return this;
},
@ -50906,6 +50871,33 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
return um.stack;
},
/**
* Get grouped undo manager stack.
* The difference between `getStack` is when you do multiple operations at a time,
* like appending multiple components:
* `editor.getWrapper().append(`<div>C1</div><div>C2</div>`);`
* `getStack` will return a collection length of 2.
* `getStackGroup` instead will group them as a single operation (the first
* inserted component will be returned in the list) by returning an array length of 1.
* @return {Array}
*/
getStackGroup: function getStackGroup() {
var result = [];
var inserted = [];
this.getStack().forEach(function (item) {
var index = item.get('magicFusionIndex');
if (inserted.indexOf(index) < 0) {
inserted.push(index);
result.push(item);
}
});
return result;
},
getPointer: function getPointer() {
return this.getStack().pointer;
},
/**
* Clear the stack
* @return {this}

6
dist/grapes.min.js

File diff suppressed because one or more lines are too long

2
dist/grapes.min.js.map

File diff suppressed because one or more lines are too long

2
package-lock.json

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

2
package.json

@ -1,7 +1,7 @@
{
"name": "grapesjs",
"description": "Free and Open Source Web Builder Framework",
"version": "0.16.7",
"version": "0.16.8",
"author": "Artur Arseniev",
"license": "BSD-3-Clause",
"homepage": "http://grapesjs.com",

Loading…
Cancel
Save