flexmonster 2.9.26 → 2.9.29

package/toolbar/flexmonster.toolbar.js

@@ -1,6 +1,6 @@
 /** 
  * Flexmonster Pivot Table & Charts [https://www.flexmonster.com/]
- * May 2022 (v. 2.9.26)
+ * July 2022 (v. 2.9.29)
  * Copyright (c) 2022 Flexmonster. All rights reserved.
  *
  * Flexmonster Pivot Table & Charts commercial licenses may be obtained at
@@ -475,7 +475,7 @@ FlexmonsterToolbar.prototype.init = function () {
                 if (_this.toolbar.scrollLeft + luft * epsillon >= maxWidth && _this.rightScrollButton.classList.contains("fm-scroll-arrow")) {
                     changeListWrapperWidth("remove");
                     _this.rightScrollButton.classList.remove("fm-scroll-arrow");
-                } else if (_this.toolbar.scrollLeft < maxWidth && !_this.rightScrollButton.classList.contains("fm-scroll-arrow")) {
+                } else if (_this.toolbar.scrollLeft + luft * epsillon < maxWidth && !_this.rightScrollButton.classList.contains("fm-scroll-arrow")) {
                     changeListWrapperWidth("add");
                     _this.addClass(_this.rightScrollButton, "fm-scroll-arrow");
                 }
@@ -2506,7 +2506,8 @@ FlexmonsterToolbar.prototype.enterFullscreen = function (element) {
 
         this.toolbarWrapper.style.width = "100%";
         var fullScreenChangeHandler = null;
-        this.init();
+
+        this._redrawToolbar();
 
         if (element.requestFullscreen) {
             element.requestFullscreen();
@@ -2578,7 +2579,7 @@ FlexmonsterToolbar.prototype.exitFullscreen = function () {
         document.msExitFullscreen();
     }
 
-    this.init();
+    this._redrawToolbar();
 
     this.setText(document.querySelector("#fm-tab-fullscreen .fm-tab-label"), this.Labels.fullscreen);
     document.querySelector("#fm-tab-fullscreen .fm-svg-icon").innerHTML = this.icons.fullscreen;
@@ -3193,29 +3194,37 @@ FlexmonsterToolbar.prototype.createTabMenu = function (dataProvider, parentTab)
 
     function show() {
         parentTab.classList.add("fm-opened");
-        parentTab.classList.remove("fm-align-right");
         menuList.classList.remove("fm-dropdown-scrollable-left");
         menuList.classList.remove("fm-dropdown-scrollable-right");
         menuContainer.style.right = menuContainer.style.left = null;
+
         var menuRect = menuContainer.getBoundingClientRect();
+        var parentRect = parentTab.getBoundingClientRect();
         var toolbarRect = _this.toolbarWrapper.getBoundingClientRect();
         var leftScrollArrow = _this.container.querySelector(".fm-left-scroll-button");
+        var leftScrollArrowRect = leftScrollArrow ? leftScrollArrow.getBoundingClientRect() : null;
         var rightScrollArrow = _this.container.querySelector(".fm-right-scroll-button");
         var arrowWidth = (leftScrollArrow ? leftScrollArrow.offsetWidth : 0) + (rightScrollArrow ? rightScrollArrow.offsetWidth : 0);
-        if (menuRect.right > toolbarRect.right - arrowWidth) {
-            menuContainer.style.right = 0;
-            _this.addClass(parentTab, "fm-align-right");
+
+        if ((menuRect.left > parentRect.right - arrowWidth || menuRect.left < parentRect.left + arrowWidth) 
+            && parentRect.right + menuRect.width < toolbarRect.right && _this.toolbar.scrollLeft > 0) {// this case handles left positioning with scroll           
+            menuContainer.style.left = 0;
             menuRect = menuContainer.getBoundingClientRect();
-            if (menuRect.right > toolbarRect.right - (rightScrollArrow ? rightScrollArrow.offsetWidth : 0)) {
-                var luft = menuRect.right - rightScrollArrow.getBoundingClientRect().left + 5;
-                menuContainer.style.right = luft + "px";
-                _this.removeClass(parentTab, "fm-align-right");
-                menuList.classList.add("fm-dropdown-scrollable-right");
-            }
-        } else if (menuRect.left < toolbarRect.left + (leftScrollArrow ? leftScrollArrow.offsetWidth : 0)) { //this block handles cases when scrolling tabs are partly hidden
-            var luft = (leftScrollArrow ? leftScrollArrow.getBoundingClientRect().right : 0) - menuRect.left + 5;
+
+            var luft = Math.round(parentRect.right - menuRect.left - parentRect.width * 0.6);
             menuContainer.style.left = luft + "px";
             menuList.classList.add("fm-dropdown-scrollable-left");
+        } else if (menuRect.right > toolbarRect.right - arrowWidth 
+            && parentRect.left + parentRect.width / 2 - menuRect.width > 0) {//this case handles right positioning
+            menuContainer.style.right = 0;
+            menuRect = menuContainer.getBoundingClientRect();
+            
+            var luft = Math.round(menuRect.right - parentRect.left - parentRect.width * 0.6);
+            menuContainer.style.right = luft + "px";
+            menuList.classList.add("fm-dropdown-scrollable-right");
+        } else if (leftScrollArrowRect && parentRect.left < leftScrollArrowRect.right) {// this case handles left positon on the edge
+            menuContainer.style.left = 0;
+            menuList.classList.add("fm-dropdown-scrollable-left");
         }
         setActiveItemAt(-2);
         parentTab.querySelector("a").setAttribute("aria-activedescendant", menuList.children.item(0).id);

package/types/flexmonster.d.ts

@@ -247,6 +247,7 @@ declare namespace Flexmonster {
         catalog?: string;
         cube?: string;
         data?: object[];
+        dataRootPath?: string;
         dataSourceInfo?: string;
         fieldSeparator?: string;
         thousandSeparator?: string;