@singularsystems/neo-core 1.0.6 → 1.0.7

package/dist/Components/DatePicker/DatePicker.js

@@ -174,7 +174,8 @@ var DatePicker = /** @class */ (function () {
     };
     DatePicker.prototype.positionPopup = function (fromBottom) {
         if (this.popup) {
-            PositionHelper.checkScreenBounds(this.container, this.popup, fromBottom, this.options.popupAlignRight);
+            var textAlign = this.options.popupAlignRight ? undefined : window.getComputedStyle(this.input).textAlign;
+            PositionHelper.checkScreenBounds(this.container, this.popup, fromBottom, this.options.popupAlignRight, textAlign);
         }
     };
     /**

package/dist/Components/PositionHelper.d.ts

@@ -5,6 +5,7 @@ export default class PositionHelper {
      * @param popup The element which pops up from the anchor.
      * @param fromBottom True if the popups bottom style property must be set. Set to false if there are buttons at the top of the popup and the popups height may change.
      * @param alignRight True if the popup must be aligned to the anchors right position.
+     * @param hAlign Horizontal alignment of the popup edge relative to the anchor edge. Overrides alignRight
      */
-    static checkScreenBounds(anchor: HTMLElement, popup: HTMLElement, fromBottom?: boolean, alignRight?: boolean): void;
+    static checkScreenBounds(anchor: HTMLElement, popup: HTMLElement, fromBottom?: boolean, alignRight?: boolean, hAlign?: "left" | "center" | "right"): void;
 }

package/dist/Components/PositionHelper.js

@@ -7,12 +7,14 @@ var PositionHelper = /** @class */ (function () {
      * @param popup The element which pops up from the anchor.
      * @param fromBottom True if the popups bottom style property must be set. Set to false if there are buttons at the top of the popup and the popups height may change.
      * @param alignRight True if the popup must be aligned to the anchors right position.
+     * @param hAlign Horizontal alignment of the popup edge relative to the anchor edge. Overrides alignRight
      */
-    PositionHelper.checkScreenBounds = function (anchor, popup, fromBottom, alignRight) {
+    PositionHelper.checkScreenBounds = function (anchor, popup, fromBottom, alignRight, hAlign) {
         if (fromBottom === void 0) { fromBottom = true; }
         if (alignRight === void 0) { alignRight = false; }
         var popupHeight = popup.offsetHeight;
         var containerScreenRect = anchor.getBoundingClientRect();
+        // Vertical
         if (containerScreenRect.bottom + anchor.offsetHeight + popupHeight > window.innerHeight - 20 && containerScreenRect.top > popupHeight) {
             if (fromBottom) {
                 popup.style.top = "auto";
@@ -27,15 +29,30 @@ var PositionHelper = /** @class */ (function () {
             popup.style.top = "100%";
             popup.style.bottom = "auto";
         }
+        // Horizontal
         var popupWidth = popup.offsetWidth;
-        if ((!alignRight && containerScreenRect.left + popupWidth > window.innerWidth - 20) ||
-            (alignRight && containerScreenRect.right - popupWidth >= 0)) {
+        if (!hAlign) {
+            hAlign = alignRight ? "right" : "left";
+        }
+        var isRightAligned = hAlign === "right" && (containerScreenRect.right - popupWidth >= 0);
+        if (isRightAligned) {
             popup.style.left = "auto";
             popup.style.right = "0";
         }
         else {
-            popup.style.left = "0";
-            popup.style.right = "auto";
+            var left = 0;
+            if (hAlign === "center") {
+                left = (containerScreenRect.width - popup.offsetWidth) / 2;
+            }
+            var leftCheck = containerScreenRect.left + left;
+            if (leftCheck < 0) {
+                left -= leftCheck;
+            }
+            else if (leftCheck + popup.offsetWidth > window.innerWidth - 20) {
+                left -= (leftCheck + popup.offsetWidth) - (window.innerWidth - 20);
+            }
+            popup.style.left = left + "px";
+            popup.style.right = "";
         }
     };
     return PositionHelper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@singularsystems/neo-core",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Core functionality for the Neo client library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",