mosaico 1.0.0

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/array.tmpl.html

@@ -0,0 +1 @@
+<!-- ko foreach: $data --><!-- ko block: $data --><!-- /ko --><!-- /ko -->

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/block-show.tmpl.html

@@ -0,0 +1 @@
+<!-- ko block: $data, scrollIntoView: $root.selectedBlock() === $data --><!-- /ko -->

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/block-wysiwyg.tmpl.html

@@ -0,0 +1,18 @@
+<div class="editable block" data-drop-content="Drop here" data-bind="attr: { 'data-drop-content': $root.t('Drop here') }, click: function(obj, evt) { $root.selectBlock(obj); return true }, clickBubble: false, css: { selected: $root.selectedBlock() === $data }, scrollIntoView: $root.selectedBlock() === $data">
+  <div class="mo-blockselectionhelper"></div>
+  <div class="tools" data-bind="tooltips: {}">
+    <!-- ko if: typeof $index != 'undefined' -->
+    <div title="Drag this handle to move the block" data-bind="attr: { title: $root.t('Drag this handle to move the block') }" class="tool handle"><i class="fa fa-fw fa-sort"></i></div>
+    <!-- ko if: $index() > 0 -->
+    <div title="Move this block upside" data-bind="attr: { title: $root.t('Move this block upside') }" class="tool moveup"><i class="fa fa-fw fa-sort-asc" data-bind='click: $root.moveBlock.bind($element, $index, $parent, true)'></i></div>
+    <!-- /ko -->
+    <!-- ko if: $index() < $parent.blocks().length -1 -->
+    <div title="Move this block downside" data-bind="attr: { title: $root.t('Move this block downside') }" class="tool movedown"><i class="fa fa-fw fa-sort-desc" data-bind='click: $root.moveBlock.bind($element, $index, $parent, false)'></i></div>
+    <!-- /ko -->
+    <div title="Delete block" class="tool delete" data-bind="attr: { title: $root.t('Delete block') }, click: $root.removeBlock.bind($element, $rawData, $parent)"><i class="fa fa-fw fa-trash-o"></i></div>
+    <div title="Duplicate block" class="tool clone" data-bind="attr: { title: $root.t('Duplicate block') }, click: $root.duplicateBlock.bind($element, $index, $parent)"><i class="fa fa-fw fa-files-o"></i></div>
+    <!-- /ko -->
+    <!-- ko if: typeof $data._nextVariant != 'undefined' --><div title="Switch block variant" class="tool variant" data-bind="attr: { title: $root.t('Switch block variant') }, click: $data._nextVariant"><i class="fa fa-fw fa-magic"></i></div><!-- /ko -->
+  </div>
+  <!-- ko block: $data --><!-- /ko -->
+</div>

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/blocks-show.tmpl.html

@@ -0,0 +1 @@
+<!-- ko template: { name: 'block-show', foreach: blocks } --><!-- /ko -->

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/blocks-wysiwyg.tmpl.html

@@ -0,0 +1,2 @@
+<div class="sortable-blocks-edit" data-drop-content="Drop here" data-empty-content="Drop here blocks from the Blocks tab" data-bind="attr: { 'data-drop-content': $root.t('Drop here'), 'data-empty-content': $root.t('Drop here blocks from the &quot;Blocks&quot; tab') }, css: { 'empty': ko.utils.unwrapObservable(blocks).length == 0 }, extsortable: { connectClass: 'sortable-blocks-edit', template: 'block-wysiwyg', data: blocks, dragging: $root.dragging, beforeMove: $root.startMultiple, afterMove: $root.stopMultiple, options: { handle: '.handle', placeholder: $root.placeholderHelper } }">
+</div>

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/customstyle.tmpl.html

@@ -0,0 +1,3 @@
+<div class="customStyleHelp" data-bind="html: $root.t('Customized block.<ul><li>In this status changes to properties will be specific to the current block (instead of being global to all blocks in the same section)</li><li>A <span class=&quot;customStyled&quot;><span>&quot;small cube&quot; </span></span> icon beside the property will mark the customization. By clicking this icon the property value will be reverted to the value defined for the section.</li></ul>')">
+Customized block.<ul><li>In this status changes to properties will be specific to the current block (instead of being global to all blocks in the same section)</li><li>A <span class="customStyled"><span>"small cube" </span></span> icon beside the property will mark the customization. By clicking this icon the property value will be reverted to the value defined for the section.</li></ul>
+</div>

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/error.tmpl.html

@@ -0,0 +1 @@
+[<div style="background-color: #fff0f0" data-bind="text: ko.toJS($data)"></div>]

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/gallery-images.tmpl.html

@@ -0,0 +1,16 @@
+<div data-bind="foreach: items.currentPageData">
+  <div class="draggable-item" data-bind="if: typeof thumbnailUrl != 'undefined'">
+    <div class="draggable image" data-bind="click: $root.addImage, extdraggable: { data: $data, dropContainer: '#main-wysiwyg-area', dragging: $root.draggingImage, 'options': { 'appendTo': '#page' } }, style: { backgroundImage: 'url(\\'' + thumbnailUrl + '\\')' }">
+      <img title="Drag this image and drop it on any template image placeholder" style="display: block;" data-bind="tooltips: {}, attr: { src: thumbnailUrl, 'title': $root.t('Drag this image and drop it on any template image placeholder') }"/>
+    </div>
+  </div>
+</div>
+<!-- ko if: items.pageCount() > 1 -->
+<div class="galleryPager" data-bind="buttonset: {}">
+  <a href="javascript:void(0)" data-bind="click: items.moveFirst, button: { disabled: items.currentPage() == 1, icons: { primary: 'fa fa-fast-backward' }, text: false }">First</a>
+  <a href="javascript:void(0)" data-bind="click: items.movePrevious, button: { disabled: items.currentPage() == 1, icons: { primary: 'fa fa-backward' }, text: false }">Previous</a>
+  <span data-bind="button: { disabled: true, text: true, label: ' '+items.currentPage()+' di '+items.pageCount()+' ' }"> X di Y </span>
+  <a href="javascript:void(0)" data-bind="click: items.moveNext, button: { disabled: items.currentPage() == items.pageCount(), icons: { primary: 'fa fa-forward' }, text: false }">Next</a>
+  <a href="javascript:void(0)" data-bind="click: items.moveLast, button: { disabled: items.currentPage() == items.pageCount(), icons: { primary: 'fa fa-fast-forward' }, text: false }">Last</a>
+</div>
+<!-- /ko -->

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/img-wysiwyg.tmpl.html

@@ -0,0 +1,43 @@
+<table tabfocus="0" cellspacing="0" cellpadding="0" data-drop-content="Drop here" data-bind="style: _stylebind, click: function(obj, evt) { $root.selectItem(_item, _data); return true; }, clickBubble: false, fudroppable: { activeClass: 'ui-state-highlight', hoverClass: 'ui-state-draghover' }, droppable: { options: { accept: '.image', activeClass: 'ui-state-highlight', hoverClass: 'ui-state-draghover' }, data: _src, dragged: $root.fileToImage }, css: { selecteditem: $root.isSelectedItem(_item) }, scrollIntoView: $root.isSelectedItem(_item), attr: { 'data-drop-content': $root.t('Drop here'), width: _width, height: _height, align: _align }"
+  class="img-wysiwyg selectable-img" style="display: table;"><tr><td class="uploadzone">
+  <div class="mo-imgselectionhelper"></div>
+  <div class="mo-uploadzone"></div>
+  <div class="img-size" data-bind="text: _size">size</div>
+  <div class="midtools" data-bind="tooltips: {}">
+    <!-- ko if: _src() != '' -->
+    <div title="Remove image" class="tool delete" data-bind="attr: { title: $root.t('Remove image') }, click: _src.bind(_src, ''), clickBubble: false"><i class="fa fa-fw fa-trash-o"></i></div>
+    <!-- ko if: typeof $root.editImage !== 'undefined' -->
+    <div title="Open the image editing tool" class="tool edit" data-bind="attr: { title: $root.t('Open the image editing tool') }, click: $root.editImage.bind($element, _src), clickBubble: false"><i class="fa fa-fw fa-pencil"></i></div>
+    <!-- /ko -->
+    <!-- /ko -->
+    <!-- ko if: _src() == '' -->
+    <div title="Upload a new image" data-bind="attr: { title: $root.t('Upload a new image') }" class="tool upload" style="position: relative; overflow: hidden;"><i class="fa fa-fw fa-upload"></i>
+      <input class="fileupload nofile" type="file" name="files[]" data-bind="fileupload: { data: _src, onerror: $root.notifier.error, onfile: $root.loadImage, canvasPreview: true }" style="z-index: 20; position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; cursor: inherit; display: block">
+    </div>
+    <!-- /ko -->
+  </div>
+
+  <!-- ko template: _template --><!-- /ko -->
+
+  <!-- ko if: _src() == '' -->
+    <!--
+    <img style="display: block;" class="imgplaceholder" width="200" src="" alt="Insert an image here" data-bind="wysiwygSrc: { src: _src.preloaded, placeholder: _placeholdersrc, width: _width, height: _height, method: _method }" />
+    -->
+    <span class="fileuploadtext" style="text-align: center; display: -ms-flexbox; display: flex; align-items: center; flex-align: center; justify-content: center; padding: 1em; position: absolute; top: 0; left: 0; right: 0; bottom: 0;"><span class="textMiddle" style=" text-shadow: 1px 1px 0 #FFFFFF, 0 0 10px #FFFFFF; font-weight: bold;" data-bind="text: $root.t('Drop an image here')">Drop an image here</span></span>
+  <!-- /ko -->
+  <!-- ko if: _src() != '' -->
+  <!--
+    <img style="display: block;" width="200" src="" data-bind="preloader: _src, wysiwygSrc: { src: _src.preloaded, placeholder: _placeholdersrc, width: _width, height: _height, method: _method }" />
+    -->
+  <!-- /ko -->
+  <!-- pulsante per la cancellazione -->
+  <div title="Drop an image here or click the upload button" data-bind="attr: { title: $root.t('Drop an image here or click the upload button') }, tooltips: {}" class="workzone" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;">
+    <!-- ko if: _src.preloaded && _src() != _src.preloaded() -->PRELOADING....<!-- /ko -->
+    <!-- ko if: _src() != '' -->
+      <input class="fileupload withfile" type="file" name="files[]" data-bind="fileupload: { data: _src, onerror: $root.notifier.error, onfile: $root.galleryRecent.unshift.bind($root.galleryRecent), canvasPreview: true }" style="z-index: -20; position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; font-zie: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; cursor: inherit; display: block">
+    <!-- /ko -->
+    <div class="progress" style="opacity: .5; width: 80%; margin-left: 10%; position: absolute; bottom: 30%; height: 20px; border: 2px solid black;">
+      <div class="progress-bar progress-bar-success" style="height: 20px; background-color: black; "></div>
+    </div>
+  </div>
+</table>

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/main.tmpl.html

@@ -0,0 +1,102 @@
+<div id="page" style="display: none;" data-bind="visible: true, css: { withToolbox: $root.showToolbox, withPreviewFrame: showPreviewFrame }">
+  <div id="main-edit-area" data-bind="click: function(obj, evt) { $root.selectBlock(null); return true; }, clickBubble: false">
+    <!-- ko withProperties: { templateMode: 'wysiwyg', templateModeFallback: 'show' } -->
+    <div id="main-wysiwyg-area" data-bind="wysiwygScrollfix: true, scrollable: true, fudroppable: { active: draggingImage }, css: { isdragging: dragging, isdraggingimg: draggingImage }, block: content"></div>
+    <!-- /ko -->
+  </div>
+
+  <div id="toolbar" class="mo" data-bind="tooltips: {}">
+    <!-- ko if: typeof $root.undo != 'undefined' -->
+    <span data-bind="buttonset: { }" class="leftButtons">
+    <a title="Undo last operation" href="javascript:void(0)" data-bind="attr: { title: $root.t('Undo last operation') }, click: $root.undo.execute, clickBubble: false, button: { disabled: !$root.undo.enabled(), icons: { primary: 'fa fa-reply' }, label: $root.undo.name, text: true }">UNDO</a>
+    <a title="Redo last operation" href="javascript:void(0)" data-bind="attr: { title: $root.t('Redo last operation') }, click: $root.redo.execute, clickBubble: false, button: { disabled: !$root.redo.enabled(), icons: { primary: 'fa fa-share' }, label: $root.redo.name, text: true }">REDO</a>
+    </span>
+    <!-- ko if: $root.debug -->
+    <a href="javascript:void(0)" data-bind="click: $root.undoReset, clickBubble: false, button: { disabled: !$root.undo.enabled() && !$root.redo.enabled(), label: 'reset', text: true }">RESET</a>
+    <!-- /ko -->
+    <!-- /ko -->
+
+    <span>
+    <input id="showGallery" type="checkbox" data-bind="checked: $root.showGallery, button: { refreshOn: $root.showGallery, 
+    icons: { primary: 'fa fa-fw fa-picture-o', secondary: null }, text: true, label: $root.t('Gallery') }"><label title="Show image gallery" for="showGallery" data-bind="attr: { title: $root.t('Show image gallery') }">show gallery</label></input>
+    </span>
+
+    <input id="previewFrameToggle" type="checkbox" data-bind="checked: $root.showPreviewFrame, button: { refreshOn: $root.showPreviewFrame, icons: { primary: 'fa fa-fw fa-tablet', secondary: null }, text: false, label: $root.t('Preview') }"><label title="Show live preview" for="previewFrameToggle" data-bind="attr: { title: $root.t('Show live preview') }">PREVIEW</label></input>
+
+    <!-- ko if: $root.debug -->
+    <a href="javascript:void(0)" data-bind="click: $root.export, clickBubble: false, button: { label: 'export', text: true }">EXPORT</a>
+    <input type="checkbox" data-bind="checked: $root.debug" /> debug
+    <a href="javascript:void(0)" data-bind="click: $root.loadDefaultBlocks, clickBubble: false, button: { icons: { primary: 'fa fa-fw fa-upload' }, label: 'Default', text: true }">LOAD BLOCKS</a>
+    [<a id="subscriptionsCount" href="javascript:viewModel.loopSubscriptionsCount()">subs</a>]
+    <!-- /ko -->
+
+    <span data-bind="visible: false">
+    <input type="checkbox" data-bind="checked: $root.showToolbox" /> toolbox
+    </span>
+
+    <div class="rightButtons">
+    <!-- ko if: typeof $root.save !== 'undefined' -->
+    <a title="Save template" href="javascript:void(0)" data-bind="attr: { title: $root.t('Save template') }, click: $root.save.execute, clickBubble: false, button: { disabled: !$root.save.enabled(), icons: { primary: 'fa fa-fw fa-cloud-upload' }, label: $root.t($root.save.name), text: true }">SALVA</a>
+    <!-- /ko -->
+    <!-- ko if: typeof $root.test !== 'undefined' -->
+    <a title="Show preview and send test" href="javascript:void(0)" data-bind="attr: { title: $root.t('Show preview and send test') }, click: $root.test.execute, clickBubble: false, button: { disabled: !$root.test.enabled(), icons: { primary: 'fa fa-fw fa-paper-plane' }, label: $root.t($root.test.name), text: true }">TEST</a>
+    <!-- /ko -->
+    <!-- ko if: typeof $root.download !== 'undefined' -->
+    <form id="downloadForm" action="#" method="POST">
+    <input type="hidden" name="action" value="download" />
+    <input type="hidden" name="filename" value="email.html" />
+    <input type="hidden" name="html" id="downloadHtmlTextarea" />
+    <a title="Download template" href="javascript:void(0)" data-bind="attr: { title: $root.t('Download template') }, click: $root.download.execute, clickBubble: false, button: { disabled: !$root.download.enabled(), icons: { primary: 'fa fa-fw fa-download' }, label: $root.t($root.download.name), text: true }">DOWNLOAD</a>
+    </form>
+    <!-- /ko -->
+    </div>
+  </div>
+
+  <!-- ko if: $root.showToolbox -->
+  <div id="main-toolbox" class="mo" data-bind="scrollable: true, withProperties: { templateMode: 'edit' }">
+    <div data-bind="template: { name: 'toolbox' }"></div>
+  </div>
+  <!-- /ko -->
+  
+  <div id="main-preview" class="mo" data-bind="scrollable: true, if: $root.showPreviewFrame">
+    <div id="preview-toolbar">
+      <div data-bind="visible: $root.showPreviewFrame, buttonset: { }" style="display: inline-block">
+        <input id="previewLarge" type="radio" name="previewMode" value="large" data-bind="checked: $root.previewMode, button: { text: false, label: 'large', icons: { primary: 'fa fa-fw fa-desktop' } }" />
+        <label for="previewLarge" title="Large screen" data-bind="attr: { title: $root.t('Large screen') }">Large screen</label>
+        <input id="previewDesktop" type="radio" name="previewMode" value="desktop" data-bind="checked: $root.previewMode, button: { text: false, label: 'desktop', icons: { primary: 'fa fa-fw fa-tablet' } }" />
+        <label for="previewDesktop" title="Tablet" data-bind="attr: { title: $root.t('Tablet') }">Tablet</label>
+        <input id="previewMobile" type="radio" name="previewMode" value="mobile" data-bind="checked: $root.previewMode, button: { text: false, label: 'mobile', icons: { primary: 'fa fa-fw fa-mobile' } }" />
+        <label for="previewMobile" title="Smartphone" data-bind="attr: { title: $root.t('Smartphone') }">Smartphone</label>
+      </div>
+    </div>
+
+    <div id="frame-container" data-bind="css: { desktop: $root.previewMode() == 'desktop', mobile: $root.previewMode() == 'mobile', large: $root.previewMode() == 'large' }">
+      <iframe data-bind="bindIframe: $data"></iframe>
+    </div>
+  </div>
+
+  <div class="mo" id="mo-body"></div>
+
+
+  <!-- TODO REMOVE ME
+  <div id="incompatible-browser" title="Unsupported browser" style="display: none" data-bind="attr: { title: $root.t('Usupported browser') }, html: '<p>Your browser is not supported.</p><p>Use a different browser or try updaring your browser.</p><p>Supported browsers: <ul><li>Internet Explorer &gt;= 10</li><li>Google Chrome &gt;= 30</li><li>Apple Safari &gt;= 5</li><li>Mozilla Firefix &gt;= 20</li></ul></p>'">
+    Unsupported browser
+  </div>
+  -->
+
+  <div id="incompatible-template" title="Saved model is obsolete" style="display: none" data-bind="attr: { title: $root.t('Saved model is obsolete') }, html: $root.t('<p>The saved model has been created with a previous, non completely compatible version, of the template</p><p>Some content or style in the model <b>COULD BE LOST</b> if you will <b>save</b></p><p>Contact us for more informations!</p>')">
+    Incompatible template
+  </div>
+
+  <div id="fake-image-editor" title="Fake image editor" style="display: none" data-bind="attr: { title: $root.t('Fake image editor') }, html: $root.t('<p>Fake image editor</p>')">
+    <p>Fake image editor</p>
+  </div>
+
+</div>
+
+<!-- ko if: $root.logoPath -->
+<div id="loading" class="loading" style="display: block; width: 300px; text-align: center; height: 32px; position: absolute; top:0; bottom: 0; left: 0; right: 0;  margin: auto;" data-bind="attr: { style: 'position: absolute; top: 5px; left: 6px; z-index: 150;'}, css: { loading: false }">
+  <a href="/" data-bind="attr: { href: $root.logoUrl, alt: $root.logoAlt }"><img data-bind="attr: { src: $root.logoPath }" width="32" height="32" alt="mosaico" border="0" /></a>
+  <div style="opacity: 0" data-bind="visible: false">Oppps... !!</div>
+</div>
+<!-- /ko -->

data/vendor/assets/mosaico-0.16.0/mosaico/src/tmpl/toolbox.tmpl.html

@@ -0,0 +1,111 @@
+<div id="tooltabs" class="tabs_horizontal button_color" data-bind="tabs: { active: $root.selectedTool }">
+  <ul>
+    <li data-bind="tooltips: {}"><a title="Blocks ready to be added to the template" data-local="true" href="#toolblocks" data-bind="attr: { title: $root.t('Blocks ready to be added to the template') }"><i class="fa fa-fw fa-cubes"></i> <span data-bind="html: $root.t('Blocks')">Blocks</span></a></li>
+    <li data-bind="tooltips: {}"><a title="Edit content options" href="#toolcontents" data-local="true" data-bind="attr: { title: $root.t('Edit content options') }"><i class="fa fa-fw fa-pencil"></i> <span data-bind="html: $root.t('Content')">Content</span></a></li>
+    <li data-bind="tooltips: {}"><a title="Edit style options" href="#toolstyles" data-local="true" data-bind="attr: { title: $root.t('Edit style options') }"><i class="fa fa-fw fa-paint-brush"></i> <span data-bind="html: $root.t('Style')">Style</span></a></li>
+  </ul>
+
+  <div id="toolblocks" data-bind="scrollable: true">
+    <div class="block-list" data-bind="foreach: blockDefs" style="text-align: center">
+      <div class="draggable-item" data-bind="withProperties: { templateMode: 'show' }">
+        <div class="block" data-bind="extdraggable: { connectClass: 'sortable-blocks-edit', data: $data, dropContainer: '#main-wysiwyg-area', dragging: $root.dragging, 'options': { handle: '.handle', distance: 10, 'appendTo': '#page' } }, click: $root.addBlock" style="position: relative;">
+          <div title="Click or drag to add this block to the template" class="handle" data-bind="attr: { title: $root.t('Click or drag to add this block to the template') }, tooltips: {}"></div>
+          <img data-bind="attr: { alt: $root.t('Block __name__', { name: ko.utils.unwrapObservable(type) }), src: $root.templatePath('edres/'+ko.utils.unwrapObservable(type)+'.png') }" alt="Block __name__" />
+        </div>
+        <a href="javascript:void(0)" class="addblockbutton" data-bind="click: $root.addBlock, button: { label: $root.t('Add') }">Add</a>
+      </div>
+    </div>
+  </div>
+
+  <div id="toolcontents" data-bind="scrollable: true">
+    <!-- ko if: $root.selectedBlock() !== null -->
+    <div data-bind="block: $root.selectedBlock"></div>
+    <!-- /ko -->
+    <!-- ko if: $root.selectedBlock() == null -->
+    <div class="noSelectedBlock" data-bind="text: $root.t('By clicking on message parts you will select a block and content options, if any, will show here')">By clicking on message parts you will select a block and content options, if any, will show here</div>
+    <!-- /ko -->
+    <!-- ko block: content --><!-- /ko -->
+  </div>
+  
+  <div id="toolstyles" data-bind="scrollable: true, withProperties: { templateMode: 'styler' }">
+    <!-- ko if: typeof $root.content().theme === 'undefined' || typeof $root.content().theme().scheme === 'undefined' || $root.content().theme().scheme() === 'custom' -->
+      <!-- ko if: $root.selectedBlock() !== null -->
+      <div data-bind="block: $root.selectedBlock, css: { workLocal: $root.selectedBlock().customStyle, workGlobal: typeof $root.selectedBlock().customStyle === 'undefined' || !$root.selectedBlock().customStyle() }"></div>
+      <!-- /ko -->
+      <!-- ko if: $root.selectedBlock() == null -->
+      <div class="noSelectedBlock" data-bind="text: $root.t('By clicking on message parts you will select a block and style options, if available, will show here')">By clicking on message parts you will select a block and style options, if available, will show here</div>
+      <!-- /ko -->
+      <div class="workGlobalContent">
+      <!-- ko block: content --><!-- /ko -->
+      </div>
+    <!-- /ko -->
+  </div>
+</div>
+        
+<div id="toolimages" class="slidebar" data-bind="scrollable: true, css: { hidden: $root.showGallery() === false }">
+  <div class="close" data-bind="click: $root.showGallery.bind($element, false);">X</div>
+  <span class="pane-title" data-bind="text: $root.t('Gallery:')">Gallery:</span>
+
+  <div data-drop-content="Drop here" class="img-dropzone pane uploadzone" data-bind="attr: { 'data-drop-content': $root.t('Drop here') }, fudroppable: { activeClass: 'ui-state-highlight', hoverClass: 'ui-state-draghover' }">
+  <div class="mo-uploadzone" style="position: relative; padding: 2em; border: 2px dotted #808080">
+     <input class="fileupload" type="file" multiple name="files[]" data-bind="fileupload: { onerror: $root.notifier.error, onfile: $root.loadImage }" style="z-index: 10; position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; font-zie: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; cursor: inherit; display: block">
+     <span data-bind="text: $root.t('Click or drag files here')">Click or drag files here</span>
+     <div class="workzone" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden;">
+       <div class="progress" style="opacity: .5; width: 80%; margin-left: 10%; position: absolute; bottom: 30%; height: 20px; border: 2px solid black;">
+         <div class="progress-bar progress-bar-success" style="height: 20px; background-color: black; "></div>
+       </div>
+     </div>
+  </div>
+  </div>
+
+
+  <!-- ko if: $root.showGallery() -->
+  <div id="toolimagestab" class="tabs_horizontal" data-bind="tabs: { active: $root.selectedImageTab }">
+    <ul>
+      <li data-bind="tooltips: {}"><a title="Session images" data-local="true" href="#toolimagesrecent" data-bind="attr: { title: $root.t('Session images') }, text: $root.t('Recents')">Recents</a></li>
+      <li data-bind="tooltips: {}"><a title="Remote gallery" data-local="true" href="#toolimagesgallery" data-bind="attr: { title: $root.t('Remote gallery') }, text: $root.t('Gallery')">Gallery</a></li>
+    </ul>
+
+    <div id="toolimagesrecent">
+      <!-- ko if: galleryRecent().length == 0 --><div class="galleryEmpty" data-bind="text: $root.t('No images uploaded, yet')">No images uploaded, yet</div><!-- /ko -->
+      <!-- ko template: {name: 'gallery-images', data: { items: galleryRecent } } --># recent gallery #<!-- /ko -->
+    </div>
+
+    <div id="toolimagesgallery" style="text-align: center">
+    <!-- ko if: $root.galleryLoaded() === false --><a class="loadbutton" title="Show images from the gallery" href="javascript:void(0)" data-bind="attr: { title: $root.t('Show images from the gallery') }, click: $root.loadGallery, button: { disabled: $root.galleryLoaded, icons: { primary: 'fa fa-fw fa-picture-o' }, label: $root.galleryLoaded() == 'loading' ? $root.t('Loading...') : $root.t('Load gallery'), text: true }"># load gally #</a><!-- /ko -->
+
+
+    <!-- ko if: $root.galleryLoaded() === 'loading' --><div class="galleryEmpty" data-bind="text: $root.t('Loading gallery...')">Loading gallery...</div><!-- /ko -->
+    <!-- ko if: $root.galleryLoaded() === 0 --><div class="galleryEmpty" data-bind="text: $root.t('The gallery is empty')">The gallery is empty</div><!-- /ko -->
+    <!-- ko template: {name: 'gallery-images', data: { items: galleryRemote } } --># remote gallery #<!-- /ko -->
+    </div>
+  </div>
+  <!-- /ko -->
+
+</div>
+
+<div id="tooldebug" class="slidebar" data-bind="css: { hidden: $root.debug() === false }">
+  <div class="close" data-bind="click: $root.debug.bind($element, false);">X</div>
+  
+  <!-- ko if: $root.debug -->
+  Content:
+  <pre data-bind='text: ko.toJSON(content, null, 2)' style="overflow: auto; height: 20%"></pre>
+  BlockDefs:
+  <pre data-bind='text: ko.toJSON(blockDefs, null, 2)' style="overflow: auto; height: 20%"></pre>
+  <!-- /ko -->
+  <a href="javascript:void(0)" data-bind="click: $root.exportHTMLtoTextarea.bind($element, '#outputhtml'); clickBubble: false, button: { text: true, label:'Generate' }">Output</a>
+  <a href="javascript:void(0)" data-bind="click: $root.exportJSONtoTextarea.bind($element, '#outputhtml'); clickBubble: false, button: { text: true, label:'Export' }">Export</a>
+  <a href="javascript:void(0)" data-bind="click: $root.importJSONfromTextarea.bind($element, '#outputhtml'); clickBubble: false, button: { text: true, label:'Import' }">Import</a>
+
+  <textarea id="outputhtml" rows="10" style="width: 100%;"></textarea>
+</div>
+
+<div id="tooltheme" class="ui-widget slidebar" data-bind="css: { hidden: $root.showTheme() === false }">
+  <div class="close" data-bind="click: $root.showTheme.bind($element, false);">X</div>
+  
+  <!-- ko withProperties: { templateMode: 'styler' } -->
+    <!-- ko if: $root.showTheme -->
+      <!-- ko block: $root.content().theme --><!-- /ko -->
+    <!-- /ko -->
+  <!-- /ko -->
+</div>

data/vendor/assets/mosaico-0.16.0/mosaico/tasks/combineKOTemplates.js

@@ -0,0 +1,24 @@
+"use strict";
+var path = require('path');
+
+module.exports = function(grunt) {
+  grunt.registerMultiTask("combineKOTemplates", function() {
+    var files = grunt.file.expand(this.data.src),
+        result = "";
+ 
+    var script = this.data.templateSystemPath || '../src/js/bindings/choose-template.js';
+
+    result += "var templateSystem = require('"+script+"');\n";
+    result += "document.addEventListener('DOMContentLoaded', function(event) {\n";
+    files.forEach(function(file) {
+      //strip the extension to determine a template name
+      var name = path.basename(file).replace(".tmpl.html", ""),
+        //remove line feeds and escape quotes
+        escapedContents = grunt.file.read(file).replace(/"/g ,"\\x22").replace(/(\r\n|\n|\r)/gm, "");
+        result += "templateSystem.addTemplate(\"" + name + "\", \"" + escapedContents + "\");\n";
+    });
+    result += "});\n";
+ 
+    grunt.file.write(this.data.dest, result);
+  });
+};

data/vendor/assets/mosaico-0.16.0/mosaico/tasks/lib/phantom-thumbnailer-editor.js

@@ -0,0 +1,168 @@
+var page = require('webpage').create(),
+    system = require('system'),
+    address, output, size, selector, margin;
+
+
+function setSize(page, size) {
+  pageWidth = parseInt(size[0], 10);
+  pageHeight = parseInt(size[1], 10);
+  page.viewportSize = { width: pageWidth, height: pageHeight };
+  page.clipRect = { top: 0, left: 0, width: pageWidth, height: pageHeight };
+}
+
+function setClipRect(page, rect, margin, ratio) {
+	var h = rect.height + margin*2;
+	var w = rect.width + margin*2;
+	if (w*ratio > h) w = h / ratio;
+	else h = w * ratio;
+	console.log("clipRect", rect.top - margin, rect.left - margin, w, h );
+	page.clipRect = { top: rect.top - margin, left: rect.left - margin, width: w, height: h };
+}
+
+
+var isFunction = function(o) {
+  return typeof o == 'function';
+};
+
+
+var bind,
+  slice = [].slice,
+  proto = Function.prototype,
+  featureMap;
+
+featureMap = {
+  'function-bind': 'bind'
+};
+
+function has(feature) {
+  var prop = featureMap[feature];
+  return isFunction(proto[prop]);
+}
+
+// check for missing features
+if (!has('function-bind')) {
+  // adapted from Mozilla Developer Network example at
+  // https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind
+  bind = function bind(obj) {
+    var args = slice.call(arguments, 1),
+      self = this,
+      nop = function() {
+      },
+      bound = function() {
+        return self.apply(this instanceof nop ? this : (obj || {}), args.concat(slice.call(arguments)));
+      };
+    nop.prototype = this.prototype || {}; // Firefox cries sometimes if prototype is undefined
+    bound.prototype = new nop();
+    return bound;
+  };
+  proto.bind = bind;
+}
+
+if (system.args.length < 5 || system.args.length > 5) {
+    console.log('Usage: thumbnailer.js renderWIDTH outputWIDTH URL destfolder');
+    phantom.exit(1);
+} else {
+    address = system.args[3];
+    destFolder = system.args[4];
+    size = [ system.args[1], 1000 ];
+    setSize(page, size);
+    margin = 0;
+
+    page.onError = function(msg, trace) {
+        var msgStack = ['ERROR: ' + msg];
+        if (trace && trace.length) {
+            msgStack.push('TRACE:');
+            trace.forEach(function(t) {
+                msgStack.push(' -> ' + t.file + ': ' + t.line + (t.function ? ' (in function "' + t.function + '")' : ''));
+            });
+        }
+        console.error(msgStack.join('\n'));
+    };
+
+    page.open(address, function (status) {
+        if (status !== 'success') {
+            console.log('Unable to load the address!');
+            phantom.exit();
+        } else {
+
+            /* console.log('content', page.content); */
+            page.evaluate(function (){
+                var bbody=document.getElementsByTagName('body')[0];
+                bbody.setAttribute("class",bbody.getAttribute("class")+" preview");
+
+            });
+            window.setTimeout(function () {
+                var blockNames = page.evaluate(function() {
+                	var nodelist = document.querySelectorAll('[data-ko-container] [data-ko-block]');
+                	var blockNames = [];
+                	for (var i = 0; i < nodelist.length; i++) {
+                		blockNames.push(nodelist[i].getAttribute('data-ko-block'));
+                	}
+                  blockNames.push("_full");
+                	return blockNames;
+                });
+                console.log(blockNames);
+                var b64s = [];
+                var boundRects = [];
+                var _getBoundingRect = function(selector) {
+            	  	// console.log("X", document.querySelector(selector));
+            	  	// return { left: 10, top: 10, width: 500, height: 100 };
+                  return document.querySelector(selector).getBoundingClientRect();
+            	  };
+                for (var i = 0; i < blockNames.length; i++) {
+                	var sel;
+	                var	blockName = blockNames[i];
+	                if (blockName == '_full') {
+	                	sel = 'body';
+	                } else {
+	                	sel = '[data-ko-block='+blockName+']';
+	                }
+	                // console.log("renderding "+i+" "+blockNames[i]);
+	            	  var boundRect2 = page.evaluate(_getBoundingRect, sel);
+                  var boundRect = {};
+	            	  boundRect.width = size[0];
+	            	  boundRect.left = 0;
+                  boundRect.top = boundRect2.top;
+                  boundRect.height= boundRect2.height;
+	                setClipRect(page, boundRect, margin, boundRect.height/boundRect.width);
+
+	                boundRects.push(boundRect);
+	                b64s.push(page.renderBase64('PNG'));
+	              }
+
+
+	              i = 0;
+
+	              var process = function(boundRects, arg2) {
+	                // console.log("saving", i, blockNames[i]);
+                	var blockName = blockNames[i];
+
+	                page.onLoadFinished = function(status) {
+	                    var res = page.render(destFolder+"/"+blockName+'.png');
+	                    console.log("finished "+i+" "+res);
+	                    if (i == blockNames.length - 1) {
+	                    	console.log("exiting");
+		                    if (res) phantom.exit();
+		                    else phantom.exit(1);
+		                  } else {
+		                  	i++;
+		                  	process(boundRects, arg2);
+		                  }
+	                };
+
+
+	                var imgsize = [ arg2, Math.ceil(boundRects[i].height / boundRects[i].width * arg2) ];
+	                // console.log("outsize", imgsize[0], imgsize[1]);
+	                var imgcontent = '<html><body style="margin: 0; background: #fff;"><img src="data:image/png;base64,'+b64s[i]+'" alt="N/A" width="'+imgsize[0]+'" height="'+imgsize[1]+'" /></body></html>';
+	                setSize(page, imgsize);
+	                page.content = imgcontent;
+	              };
+
+	              process(boundRects, system.args[2]);
+
+            }, 2000);
+
+        }
+    });
+
+}