@widgetic/editor 3.10.52 → 3.10.54

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.52");
13350
+ this.el.attr('editorVersion', "3.10.54");
13351
13351
  }
13352
13352
 
13353
13353
 
@@ -16758,7 +16758,7 @@ var UploadService = function (_EventsMixin) {
16758
16758
  lastModified: Date.now(),
16759
16759
  uploadFile: uploadFile
16760
16760
  });
16761
- console.log("on upload file:", file);
16761
+ // console.log("on upload file:", file);
16762
16762
 
16763
16763
  // push it to the files array
16764
16764
  this.files.push(file);
@@ -17176,11 +17176,15 @@ var template = function () {
17176
17176
 
17177
17177
  return x - y;
17178
17178
  });
17179
- console.log("uploadedFiles after sort: ", files);
17179
+ // console.log("uploadedFiles after sort: ", files);
17180
17180
 
17181
17181
  return _this.set({ files: files });
17182
17182
  }).then(this.activate.bind(this)).catch(this._reportError.bind(this)).then(function (_) {
17183
- 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();
17184
17188
  });
17185
17189
  },
17186
17190
  deleteSelected: function deleteSelected() {
@@ -17286,8 +17290,8 @@ var template = function () {
17286
17290
 
17287
17291
  function add_css() {
17288
17292
  var style = __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["e" /* createElement */]('style');
17289
- style.id = "svelte-1076541647-style";
17290
- style.textContent = "\n section[svelte-1076541647], [svelte-1076541647] 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-1076541647]:focus, [svelte-1076541647] a:focus {\n outline: none;\n }\n\n [svelte-1076541647].error-panel, [svelte-1076541647] .error-panel {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n padding-right: 20px;\n }\n\n [svelte-1076541647].browser-nav, [svelte-1076541647] .browser-nav {\n position: static;\n\n font-family: ProximaNova-Regular;\n font-size: 16px;\n color: #0055FF;\n }\n\n [svelte-1076541647].blogvio-browser-title, [svelte-1076541647] .blogvio-browser-title {\n margin-top: 0;\n font: 30px/60px \"ProximaNova-Regular\";\n color: #0055FF;\n }\n\n [svelte-1076541647].nano, [svelte-1076541647] .nano {\n flex: 1;\n }\n\n strong[svelte-1076541647], [svelte-1076541647] strong {\n color: #0055FF;\n }\n\n [svelte-1076541647].dropzone_plchldr, [svelte-1076541647] .dropzone_plchldr {\n position: relative;\n margin: 20px 20px 20px 0;\n height: 75px;\n }\n\n [svelte-1076541647].dropzone, [svelte-1076541647] .dropzone {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n [svelte-1076541647].scrolling-container, [svelte-1076541647] .scrolling-container {\n transition: opacity 200ms ease-in;\n }\n\n [svelte-1076541647].dropzone--dragging .scrolling-container, [svelte-1076541647] .dropzone--dragging .scrolling-container {\n opacity: 0.4;\n }\n\n [svelte-1076541647].dropzone--dragging .dropzone, [svelte-1076541647] .dropzone--dragging .dropzone {\n top: -100px;\n }\n\n [svelte-1076541647].dropzone--large .dropzone, [svelte-1076541647] .dropzone--large .dropzone,\n [svelte-1076541647].dropzone--dragging .dropzone--large .dropzone, [svelte-1076541647] .dropzone--dragging .dropzone--large .dropzone {\n top: -200px;\n }\n\n [svelte-1076541647].icon, [svelte-1076541647] .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-1076541647].clear-content svg, [svelte-1076541647] .clear-content svg {\n width: 14px;\n fill: #a0a0a0;\n position: relative;\n top: 1px;\n right: 2px;\n }\n\n [svelte-1076541647].clear-content:hover svg, [svelte-1076541647] .clear-content:hover svg {\n fill: #665b68;\n }\n";
17293
+ style.id = "svelte-2441907646-style";
17294
+ style.textContent = "\n section[svelte-2441907646], [svelte-2441907646] 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-2441907646]:focus, [svelte-2441907646] a:focus {\n outline: none;\n }\n\n [svelte-2441907646].error-panel, [svelte-2441907646] .error-panel {\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n text-align: center;\n padding-right: 20px;\n }\n\n [svelte-2441907646].browser-nav, [svelte-2441907646] .browser-nav {\n position: static;\n\n font-family: ProximaNova-Regular;\n font-size: 16px;\n color: #0055FF;\n }\n\n [svelte-2441907646].blogvio-browser-title, [svelte-2441907646] .blogvio-browser-title {\n margin-top: 0;\n font: 30px/60px \"ProximaNova-Regular\";\n color: #0055FF;\n }\n\n [svelte-2441907646].nano, [svelte-2441907646] .nano {\n flex: 1;\n }\n\n strong[svelte-2441907646], [svelte-2441907646] strong {\n color: #0055FF;\n }\n\n [svelte-2441907646].dropzone_plchldr, [svelte-2441907646] .dropzone_plchldr {\n position: relative;\n margin: 20px 20px 20px 0;\n height: 75px;\n }\n\n [svelte-2441907646].dropzone, [svelte-2441907646] .dropzone {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n }\n\n [svelte-2441907646].scrolling-container, [svelte-2441907646] .scrolling-container {\n transition: opacity 200ms ease-in;\n }\n\n [svelte-2441907646].dropzone--dragging .scrolling-container, [svelte-2441907646] .dropzone--dragging .scrolling-container {\n opacity: 0.4;\n }\n\n [svelte-2441907646].dropzone--dragging .dropzone, [svelte-2441907646] .dropzone--dragging .dropzone {\n top: -100px;\n }\n\n [svelte-2441907646].dropzone--large .dropzone, [svelte-2441907646] .dropzone--large .dropzone,\n [svelte-2441907646].dropzone--dragging .dropzone--large .dropzone, [svelte-2441907646] .dropzone--dragging .dropzone--large .dropzone {\n top: -200px;\n }\n\n [svelte-2441907646].icon, [svelte-2441907646] .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-2441907646].clear-content svg, [svelte-2441907646] .clear-content svg {\n width: 14px;\n fill: #a0a0a0;\n position: relative;\n top: 1px;\n right: 2px;\n }\n\n [svelte-2441907646].clear-content:hover svg, [svelte-2441907646] .clear-content:hover svg {\n fill: #665b68;\n }\n";
17291
17295
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["b" /* appendNode */](style, document.head);
17292
17296
  }
17293
17297
 
@@ -17332,7 +17336,7 @@ function create_main_fragment(state, component) {
17332
17336
  },
17333
17337
 
17334
17338
  hydrate: function hydrate(nodes) {
17335
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-1076541647', '');
17339
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-2441907646', '');
17336
17340
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'style', "position: absolute; width: 0; height: 0; overflow: hidden");
17337
17341
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'version', "1.1");
17338
17342
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'xmlns', "http://www.w3.org/2000/svg");
@@ -17900,7 +17904,7 @@ function create_if_block_1(state, component) {
17900
17904
  },
17901
17905
 
17902
17906
  hydrate: function hydrate(nodes) {
17903
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-1076541647', '');
17907
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-2441907646', '');
17904
17908
  div.className = "error-panel";
17905
17909
  h2.className = "blogvio-browser-title";
17906
17910
  a.href = "#";
@@ -18004,9 +18008,9 @@ function create_if_block_2(state, component) {
18004
18008
  },
18005
18009
 
18006
18010
  hydrate: function hydrate(nodes) {
18007
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-1076541647', '');
18011
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-2441907646', '');
18008
18012
  div.className = "browser-nav";
18009
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-1076541647', '');
18013
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-2441907646', '');
18010
18014
  section.className = section_class_value = state.dragging ? 'dropzone--dragging' : '';
18011
18015
  div_1.className = div_1_class_value = "dropzone_plchldr " + (!state.files.length ? 'dropzone--large' : '');
18012
18016
  },
@@ -18139,7 +18143,7 @@ function SvelteComponent(options) {
18139
18143
  this._yield = options._yield;
18140
18144
 
18141
18145
  this._torndown = false;
18142
- if (!document.getElementById("svelte-1076541647-style")) add_css();
18146
+ if (!document.getElementById("svelte-2441907646-style")) add_css();
18143
18147
  this._renderHooks = [];
18144
18148
 
18145
18149
  this._fragment = create_main_fragment(this._state, this);