@widgetic/editor 3.10.51 → 3.10.53

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.51");
13350
+ this.el.attr('editorVersion', "3.10.53");
13351
13351
  }
13352
13352
 
13353
13353
 
@@ -17120,7 +17120,12 @@ var template = function () {
17120
17120
  },
17121
17121
  activate: function activate() {
17122
17122
  if (!this.refs.scrollPane) return;
17123
+
17124
+ // update the scroll pane
17123
17125
  this.refs.scrollPane.update();
17126
+
17127
+ // scroll to the bottom
17128
+ this.scrollToListBottom();
17124
17129
  },
17125
17130
  refresh: function refresh(ev) {
17126
17131
  var _this = this;
@@ -17175,7 +17180,11 @@ var template = function () {
17175
17180
 
17176
17181
  return _this.set({ files: files });
17177
17182
  }).then(this.activate.bind(this)).catch(this._reportError.bind(this)).then(function (_) {
17178
- return _this.set({ loading: false, error: null });
17183
+ // hide loading spinner
17184
+ _this.set({ loading: false, error: null });
17185
+
17186
+ // scroll to uploads files list to bottom
17187
+ _this.scrollToListBottom();
17179
17188
  });
17180
17189
  },
17181
17190
  deleteSelected: function deleteSelected() {
@@ -17281,8 +17290,8 @@ var template = function () {
17281
17290
 
17282
17291
  function add_css() {
17283
17292
  var style = __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["e" /* createElement */]('style');
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";
17293
+ style.id = "svelte-1421520638-style";
17294
+ style.textContent = "\n section[svelte-1421520638], [svelte-1421520638] 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-1421520638]:focus, [svelte-1421520638] a:focus {\n outline: none;\n }\n\n [svelte-1421520638].error-panel, [svelte-1421520638] .error-panel {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n padding-right: 20px;\n }\n\n [svelte-1421520638].browser-nav, [svelte-1421520638] .browser-nav {\n position: static;\n\n font-family: ProximaNova-Regular;\n font-size: 16px;\n color: #0055FF;\n }\n\n [svelte-1421520638].blogvio-browser-title, [svelte-1421520638] .blogvio-browser-title {\n margin-top: 0;\n font: 30px/60px \"ProximaNova-Regular\";\n color: #0055FF;\n }\n\n [svelte-1421520638].nano, [svelte-1421520638] .nano {\n flex: 1;\n }\n\n strong[svelte-1421520638], [svelte-1421520638] strong {\n color: #0055FF;\n }\n\n [svelte-1421520638].dropzone_plchldr, [svelte-1421520638] .dropzone_plchldr {\n position: relative;\n margin: 20px 20px 20px 0;\n height: 75px;\n }\n\n [svelte-1421520638].dropzone, [svelte-1421520638] .dropzone {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n [svelte-1421520638].scrolling-container, [svelte-1421520638] .scrolling-container {\n transition: opacity 200ms ease-in;\n }\n\n [svelte-1421520638].dropzone--dragging .scrolling-container, [svelte-1421520638] .dropzone--dragging .scrolling-container {\n opacity: 0.4;\n }\n\n [svelte-1421520638].dropzone--dragging .dropzone, [svelte-1421520638] .dropzone--dragging .dropzone {\n top: -100px;\n }\n\n [svelte-1421520638].dropzone--large .dropzone, [svelte-1421520638] .dropzone--large .dropzone,\n [svelte-1421520638].dropzone--dragging .dropzone--large .dropzone, [svelte-1421520638] .dropzone--dragging .dropzone--large .dropzone {\n top: -200px;\n }\n\n [svelte-1421520638].icon, [svelte-1421520638] .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-1421520638].clear-content svg, [svelte-1421520638] .clear-content svg {\n width: 14px;\n fill: #a0a0a0;\n position: relative;\n top: 1px;\n right: 2px;\n }\n\n [svelte-1421520638].clear-content:hover svg, [svelte-1421520638] .clear-content:hover svg {\n fill: #665b68;\n }\n";
17286
17295
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["b" /* appendNode */](style, document.head);
17287
17296
  }
17288
17297
 
@@ -17327,7 +17336,7 @@ function create_main_fragment(state, component) {
17327
17336
  },
17328
17337
 
17329
17338
  hydrate: function hydrate(nodes) {
17330
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-3393837139', '');
17339
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-1421520638', '');
17331
17340
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'style', "position: absolute; width: 0; height: 0; overflow: hidden");
17332
17341
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'version', "1.1");
17333
17342
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'xmlns', "http://www.w3.org/2000/svg");
@@ -17895,7 +17904,7 @@ function create_if_block_1(state, component) {
17895
17904
  },
17896
17905
 
17897
17906
  hydrate: function hydrate(nodes) {
17898
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3393837139', '');
17907
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-1421520638', '');
17899
17908
  div.className = "error-panel";
17900
17909
  h2.className = "blogvio-browser-title";
17901
17910
  a.href = "#";
@@ -17999,9 +18008,9 @@ function create_if_block_2(state, component) {
17999
18008
  },
18000
18009
 
18001
18010
  hydrate: function hydrate(nodes) {
18002
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3393837139', '');
18011
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-1421520638', '');
18003
18012
  div.className = "browser-nav";
18004
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-3393837139', '');
18013
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-1421520638', '');
18005
18014
  section.className = section_class_value = state.dragging ? 'dropzone--dragging' : '';
18006
18015
  div_1.className = div_1_class_value = "dropzone_plchldr " + (!state.files.length ? 'dropzone--large' : '');
18007
18016
  },
@@ -18134,7 +18143,7 @@ function SvelteComponent(options) {
18134
18143
  this._yield = options._yield;
18135
18144
 
18136
18145
  this._torndown = false;
18137
- if (!document.getElementById("svelte-3393837139-style")) add_css();
18146
+ if (!document.getElementById("svelte-1421520638-style")) add_css();
18138
18147
  this._renderHooks = [];
18139
18148
 
18140
18149
  this._fragment = create_main_fragment(this._state, this);