@widgetic/editor 3.10.50 → 3.10.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/dev/editor.js CHANGED
@@ -13347,7 +13347,7 @@ WidgetEditor = (function(superClass) {
13347
13347
  this.el.append(this.tabs.el);
13348
13348
  LoginPopup.place(this.el);
13349
13349
  Blogvio.pubsub.subscribe('api/token/update', this._updateLoggedInStatus);
13350
- this.el.attr('editorVersion', "3.10.50");
13350
+ this.el.attr('editorVersion', "3.10.51");
13351
13351
  }
13352
13352
 
13353
13353
 
@@ -17092,6 +17092,9 @@ var template = function () {
17092
17092
 
17093
17093
  // load uploaded files
17094
17094
  this.refresh();
17095
+
17096
+ // scroll to uploads files list to bottom
17097
+ this.scrollToListBottom();
17095
17098
  },
17096
17099
  ondestroy: function ondestroy() {
17097
17100
  this.observer.cancel();
@@ -17232,6 +17235,15 @@ var template = function () {
17232
17235
 
17233
17236
  _onDropZoneNewUpload: function _onDropZoneNewUpload(event) {
17234
17237
  // console.log("on DropZone New Upload:", event);
17238
+
17239
+ // scroll the list to the bottom
17240
+ this.scrollToListBottom();
17241
+ },
17242
+
17243
+
17244
+ // scroll to uploads files list to bottom
17245
+ scrollToListBottom: function scrollToListBottom() {
17246
+ // console.log("on DropZone New Upload:", event);
17235
17247
  this.refs.scrollPane && this.refs.scrollPane.scrollBottom();
17236
17248
  },
17237
17249
  _onDropZoneUpload: function _onDropZoneUpload(event) {
@@ -17269,8 +17281,8 @@ var template = function () {
17269
17281
 
17270
17282
  function add_css() {
17271
17283
  var style = __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["e" /* createElement */]('style');
17272
- style.id = "svelte-3857146246-style";
17273
- style.textContent = "\n section[svelte-3857146246], [svelte-3857146246] section {\n display: flex;\n flex-direction: column;\n padding-left: 20px;\n height: calc(100% - 25px);\n color: #665b68;\n }\n\n a[svelte-3857146246]:focus, [svelte-3857146246] a:focus {\n outline: none;\n }\n\n [svelte-3857146246].error-panel, [svelte-3857146246] .error-panel {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n padding-right: 20px;\n }\n\n [svelte-3857146246].browser-nav, [svelte-3857146246] .browser-nav {\n position: static;\n\n font-family: ProximaNova-Regular;\n font-size: 16px;\n color: #0055FF;\n }\n\n [svelte-3857146246].blogvio-browser-title, [svelte-3857146246] .blogvio-browser-title {\n margin-top: 0;\n font: 30px/60px \"ProximaNova-Regular\";\n color: #0055FF;\n }\n\n [svelte-3857146246].nano, [svelte-3857146246] .nano {\n flex: 1;\n }\n\n strong[svelte-3857146246], [svelte-3857146246] strong {\n color: #0055FF;\n }\n\n [svelte-3857146246].dropzone_plchldr, [svelte-3857146246] .dropzone_plchldr {\n position: relative;\n margin: 20px 20px 20px 0;\n height: 75px;\n }\n\n [svelte-3857146246].dropzone, [svelte-3857146246] .dropzone {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n [svelte-3857146246].scrolling-container, [svelte-3857146246] .scrolling-container {\n transition: opacity 200ms ease-in;\n }\n\n [svelte-3857146246].dropzone--dragging .scrolling-container, [svelte-3857146246] .dropzone--dragging .scrolling-container {\n opacity: 0.4;\n }\n\n [svelte-3857146246].dropzone--dragging .dropzone, [svelte-3857146246] .dropzone--dragging .dropzone {\n top: -100px;\n }\n\n [svelte-3857146246].dropzone--large .dropzone, [svelte-3857146246] .dropzone--large .dropzone,\n [svelte-3857146246].dropzone--dragging .dropzone--large .dropzone, [svelte-3857146246] .dropzone--dragging .dropzone--large .dropzone {\n top: -200px;\n }\n\n [svelte-3857146246].icon, [svelte-3857146246] .icon {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor\n }\n\n [svelte-3857146246].clear-content svg, [svelte-3857146246] .clear-content svg {\n width: 14px;\n fill: #a0a0a0;\n position: relative;\n top: 1px;\n right: 2px;\n }\n\n [svelte-3857146246].clear-content:hover svg, [svelte-3857146246] .clear-content:hover svg {\n fill: #665b68;\n }\n";
17284
+ style.id = "svelte-3393837139-style";
17285
+ style.textContent = "\n section[svelte-3393837139], [svelte-3393837139] section {\n display: flex;\n flex-direction: column;\n padding-left: 20px;\n height: calc(100% - 25px);\n color: #665b68;\n }\n\n a[svelte-3393837139]:focus, [svelte-3393837139] a:focus {\n outline: none;\n }\n\n [svelte-3393837139].error-panel, [svelte-3393837139] .error-panel {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n padding-right: 20px;\n }\n\n [svelte-3393837139].browser-nav, [svelte-3393837139] .browser-nav {\n position: static;\n\n font-family: ProximaNova-Regular;\n font-size: 16px;\n color: #0055FF;\n }\n\n [svelte-3393837139].blogvio-browser-title, [svelte-3393837139] .blogvio-browser-title {\n margin-top: 0;\n font: 30px/60px \"ProximaNova-Regular\";\n color: #0055FF;\n }\n\n [svelte-3393837139].nano, [svelte-3393837139] .nano {\n flex: 1;\n }\n\n strong[svelte-3393837139], [svelte-3393837139] strong {\n color: #0055FF;\n }\n\n [svelte-3393837139].dropzone_plchldr, [svelte-3393837139] .dropzone_plchldr {\n position: relative;\n margin: 20px 20px 20px 0;\n height: 75px;\n }\n\n [svelte-3393837139].dropzone, [svelte-3393837139] .dropzone {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n [svelte-3393837139].scrolling-container, [svelte-3393837139] .scrolling-container {\n transition: opacity 200ms ease-in;\n }\n\n [svelte-3393837139].dropzone--dragging .scrolling-container, [svelte-3393837139] .dropzone--dragging .scrolling-container {\n opacity: 0.4;\n }\n\n [svelte-3393837139].dropzone--dragging .dropzone, [svelte-3393837139] .dropzone--dragging .dropzone {\n top: -100px;\n }\n\n [svelte-3393837139].dropzone--large .dropzone, [svelte-3393837139] .dropzone--large .dropzone,\n [svelte-3393837139].dropzone--dragging .dropzone--large .dropzone, [svelte-3393837139] .dropzone--dragging .dropzone--large .dropzone {\n top: -200px;\n }\n\n [svelte-3393837139].icon, [svelte-3393837139] .icon {\n display: inline-block;\n width: 1em;\n height: 1em;\n stroke-width: 0;\n stroke: currentColor;\n fill: currentColor\n }\n\n [svelte-3393837139].clear-content svg, [svelte-3393837139] .clear-content svg {\n width: 14px;\n fill: #a0a0a0;\n position: relative;\n top: 1px;\n right: 2px;\n }\n\n [svelte-3393837139].clear-content:hover svg, [svelte-3393837139] .clear-content:hover svg {\n fill: #665b68;\n }\n";
17274
17286
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["b" /* appendNode */](style, document.head);
17275
17287
  }
17276
17288
 
@@ -17315,7 +17327,7 @@ function create_main_fragment(state, component) {
17315
17327
  },
17316
17328
 
17317
17329
  hydrate: function hydrate(nodes) {
17318
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-3857146246', '');
17330
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-3393837139', '');
17319
17331
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'style', "position: absolute; width: 0; height: 0; overflow: hidden");
17320
17332
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'version', "1.1");
17321
17333
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'xmlns', "http://www.w3.org/2000/svg");
@@ -17883,7 +17895,7 @@ function create_if_block_1(state, component) {
17883
17895
  },
17884
17896
 
17885
17897
  hydrate: function hydrate(nodes) {
17886
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3857146246', '');
17898
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3393837139', '');
17887
17899
  div.className = "error-panel";
17888
17900
  h2.className = "blogvio-browser-title";
17889
17901
  a.href = "#";
@@ -17987,9 +17999,9 @@ function create_if_block_2(state, component) {
17987
17999
  },
17988
18000
 
17989
18001
  hydrate: function hydrate(nodes) {
17990
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3857146246', '');
18002
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3393837139', '');
17991
18003
  div.className = "browser-nav";
17992
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-3857146246', '');
18004
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-3393837139', '');
17993
18005
  section.className = section_class_value = state.dragging ? 'dropzone--dragging' : '';
17994
18006
  div_1.className = div_1_class_value = "dropzone_plchldr " + (!state.files.length ? 'dropzone--large' : '');
17995
18007
  },
@@ -18122,7 +18134,7 @@ function SvelteComponent(options) {
18122
18134
  this._yield = options._yield;
18123
18135
 
18124
18136
  this._torndown = false;
18125
- if (!document.getElementById("svelte-3857146246-style")) add_css();
18137
+ if (!document.getElementById("svelte-3393837139-style")) add_css();
18126
18138
  this._renderHooks = [];
18127
18139
 
18128
18140
  this._fragment = create_main_fragment(this._state, this);