@widgetic/editor 3.10.50 → 3.10.52

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.52");
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();
@@ -17117,7 +17120,12 @@ var template = function () {
17117
17120
  },
17118
17121
  activate: function activate() {
17119
17122
  if (!this.refs.scrollPane) return;
17123
+
17124
+ // update the scroll pane
17120
17125
  this.refs.scrollPane.update();
17126
+
17127
+ // scroll to the bottom
17128
+ this.scrollToListBottom();
17121
17129
  },
17122
17130
  refresh: function refresh(ev) {
17123
17131
  var _this = this;
@@ -17232,6 +17240,15 @@ var template = function () {
17232
17240
 
17233
17241
  _onDropZoneNewUpload: function _onDropZoneNewUpload(event) {
17234
17242
  // console.log("on DropZone New Upload:", event);
17243
+
17244
+ // scroll the list to the bottom
17245
+ this.scrollToListBottom();
17246
+ },
17247
+
17248
+
17249
+ // scroll to uploads files list to bottom
17250
+ scrollToListBottom: function scrollToListBottom() {
17251
+ // console.log("on DropZone New Upload:", event);
17235
17252
  this.refs.scrollPane && this.refs.scrollPane.scrollBottom();
17236
17253
  },
17237
17254
  _onDropZoneUpload: function _onDropZoneUpload(event) {
@@ -17269,8 +17286,8 @@ var template = function () {
17269
17286
 
17270
17287
  function add_css() {
17271
17288
  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";
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";
17274
17291
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["b" /* appendNode */](style, document.head);
17275
17292
  }
17276
17293
 
@@ -17315,7 +17332,7 @@ function create_main_fragment(state, component) {
17315
17332
  },
17316
17333
 
17317
17334
  hydrate: function hydrate(nodes) {
17318
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-3857146246', '');
17335
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'svelte-1076541647', '');
17319
17336
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'style', "position: absolute; width: 0; height: 0; overflow: hidden");
17320
17337
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'version', "1.1");
17321
17338
  __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](svg, 'xmlns', "http://www.w3.org/2000/svg");
@@ -17883,7 +17900,7 @@ function create_if_block_1(state, component) {
17883
17900
  },
17884
17901
 
17885
17902
  hydrate: function hydrate(nodes) {
17886
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3857146246', '');
17903
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-1076541647', '');
17887
17904
  div.className = "error-panel";
17888
17905
  h2.className = "blogvio-browser-title";
17889
17906
  a.href = "#";
@@ -17987,9 +18004,9 @@ function create_if_block_2(state, component) {
17987
18004
  },
17988
18005
 
17989
18006
  hydrate: function hydrate(nodes) {
17990
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-3857146246', '');
18007
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](div, 'svelte-1076541647', '');
17991
18008
  div.className = "browser-nav";
17992
- __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-3857146246', '');
18009
+ __WEBPACK_IMPORTED_MODULE_4_svelte_shared_js__["p" /* setAttribute */](section, 'svelte-1076541647', '');
17993
18010
  section.className = section_class_value = state.dragging ? 'dropzone--dragging' : '';
17994
18011
  div_1.className = div_1_class_value = "dropzone_plchldr " + (!state.files.length ? 'dropzone--large' : '');
17995
18012
  },
@@ -18122,7 +18139,7 @@ function SvelteComponent(options) {
18122
18139
  this._yield = options._yield;
18123
18140
 
18124
18141
  this._torndown = false;
18125
- if (!document.getElementById("svelte-3857146246-style")) add_css();
18142
+ if (!document.getElementById("svelte-1076541647-style")) add_css();
18126
18143
  this._renderHooks = [];
18127
18144
 
18128
18145
  this._fragment = create_main_fragment(this._state, this);