@simpleangularcontrols/sac-common 10.0.0-rc.22 → 10.0.0-rc.23

package/bundles/simpleangularcontrols-sac-common.umd.js

@@ -6912,19 +6912,19 @@
                 ? referenceContainer.nativeElement.firstElementChild.getBoundingClientRect()
                 : referenceContainer.nativeElement.getBoundingClientRect();
             var tooltipRect = popupcontentcontainer.nativeElement.firstElementChild.getBoundingClientRect();
-            var leftPosOk = basePosition.left - tooltipRect.width + arrowWidth * -1 > 0;
+            var leftPosOk = basePosition.left - (tooltipRect.width + arrowWidth * -1) > 0;
             var rightPosOk = basePosition.right + tooltipRect.width + arrowWidth < window.innerWidth;
-            var topPosOk = basePosition.top - tooltipRect.height + arrowHeight > 0;
+            var topPosOk = basePosition.top - (tooltipRect.height + arrowHeight) > 0;
             var bottomPosOk = basePosition.bottom + tooltipRect.height + arrowHeight < window.innerHeight;
             var leftHalfPosOk = basePosition.left - tooltipRect.width / 2 > 0;
             var rightHalfPosOk = basePosition.right + tooltipRect.width / 2 < window.innerWidth;
             var topHalfPosOk = basePosition.top - tooltipRect.height / 2 > 0;
             var bottomHalfPosOk = basePosition.bottom + tooltipRect.height / 2 < window.innerHeight;
-            if (leftPosOk && topPosOk) {
+            if (topPosOk) {
                 // tslint:disable-next-line:no-bitwise
                 allowedPositions = allowedPositions | exports.TooltipPosition.topend;
             }
-            if (leftPosOk && bottomPosOk) {
+            if (bottomPosOk) {
                 // tslint:disable-next-line:no-bitwise
                 allowedPositions = allowedPositions | exports.TooltipPosition.bottomend;
             }
@@ -7253,7 +7253,13 @@
          */
         SacBaseDateTimeControl.prototype.getPositionLeft = function () {
             var value = this.popupHelper.getPositionLeft(this.pickerbutton, this.pickercontainer, this.elementRef, this.getArrowWidth(), this.getArrowHeight(), this.position, false);
-            this.posPopupLeft = value;
+            // Ensure that pop-ups never appear outside the visible area on the left
+            if (value < 0) {
+                this.posPopupLeft = 5;
+            }
+            else {
+                this.posPopupLeft = value;
+            }
             switch (this.GetPickerPosition()) {
                 case exports.TooltipPosition.top:
                 case exports.TooltipPosition.bottom:
@@ -7265,6 +7271,10 @@
                         this.getPickerWidth() -
                             this.getArrowWidth() / 2 -
                             this.popupHelper.getContainerWidth(this.pickerbutton, false) / 2;
+                    // Correction by Arrow if popup is outside the left margin
+                    if (value < 0) {
+                        this.posArrowLeft -= value * -1 + 5;
+                    }
                     break;
                 default:
                     this.posArrowLeft = null;