@singularsystems/neo-core 1.0.5 → 1.0.7

package/dist/Components/DatePicker/DatePicker.d.ts

@@ -9,7 +9,6 @@ export default class DatePicker {
     private contentAnimationHelper;
     private headerAnimationHelper;
     private inputHasChanged;
-    private canAutoSetDate;
     private input;
     private popup;
     private headerContainer;
@@ -61,7 +60,7 @@ export default class DatePicker {
     private dayClicked;
     private monthClicked;
     private yearClicked;
-    private headerClick;
+    private headerLabelClick;
     private previousClick;
     private nextClick;
     private moveCurrent;

package/dist/Components/DatePicker/DatePicker.js

@@ -15,7 +15,6 @@ var DatePicker = /** @class */ (function () {
         this.container = container;
         this.isReadOnly = false;
         this.inputHasChanged = false;
-        this.canAutoSetDate = false;
         this.currentBindValue = null;
         this.boundDateNoTime = null;
         this.options = ProcessedDatePickerOptions.fromPartial(options || {});
@@ -175,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);
         }
     };
     /**
@@ -243,13 +243,14 @@ var DatePicker = /** @class */ (function () {
     };
     DatePicker.prototype.createHeader = function () {
         var header = this.createAndAppend(this.popup, "div", "neo-datepicker-header");
+        header.addEventListener("mousedown", function (e) { return e.preventDefault(); });
         this.prevButton = this.createAndAppend(header, "button", "left-button");
         this.prevButton.type = "button";
         this.prevButton.innerText = "<";
         this.prevButton.tabIndex = -1;
         this.prevButton.addEventListener("mousedown", this.previousClick.bind(this));
         this.headerContainer = this.createAndAppend(header, "div", "header-text-container");
-        this.headerContainer.addEventListener("mousedown", this.headerClick.bind(this));
+        this.headerContainer.addEventListener("mousedown", this.headerLabelClick.bind(this));
         this.headerAnimationHelper = new AnimationHelper(this.headerContainer, DatePicker.AnimationClassName);
         this.nextButton = this.createAndAppend(header, "button", "right-button");
         this.nextButton.type = "button";
@@ -338,7 +339,6 @@ var DatePicker = /** @class */ (function () {
             if (currentDate.getMonth() != this.currentViewDate.getMonth())
                 break;
         }
-        this.canAutoSetDate = false;
     };
     DatePicker.prototype.createMonthsView = function () {
         this.currentContentTable = this.createAndAppend(this.contentContainer, "table", "month-view");
@@ -421,7 +421,6 @@ var DatePicker = /** @class */ (function () {
         }
         else {
             this.currentViewType = ViewType.Days;
-            this.canAutoSetDate = true;
             this.populateContentContainer(false);
             this.contentAnimationHelper.fadeAndScale(true);
         }
@@ -437,7 +436,7 @@ var DatePicker = /** @class */ (function () {
             this.contentAnimationHelper.fadeAndScale(true);
         }
     };
-    DatePicker.prototype.headerClick = function (e) {
+    DatePicker.prototype.headerLabelClick = function (e) {
         e.preventDefault();
         if (this.currentHeaderLabel.classList.contains("selectable")) {
             if (this.currentViewType == ViewType.Days) {
@@ -463,7 +462,6 @@ var DatePicker = /** @class */ (function () {
     };
     DatePicker.prototype.moveCurrent = function (delta) {
         if (this.currentViewType == ViewType.Days) {
-            this.canAutoSetDate = true;
             this.currentViewDate.setMonth(this.currentViewDate.getMonth() + delta, 1);
             this.autoSetDay();
         }

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/dist/Model/NeoTypeInfo.js

@@ -125,24 +125,29 @@ var NeoTypeInfo = /** @class */ (function () {
         }
     };
     NeoTypeInfo.prototype.addRules = function (instance) {
-        var _a;
-        var addRulesMethod = (_a = this.objectConstructor.addBusinessRules) !== null && _a !== void 0 ? _a : instance.addBusinessRules;
+        var hasStaticMethod = this.objectConstructor.hasOwnProperty("addBusinessRules");
+        var addRulesMethod = hasStaticMethod ? this.objectConstructor.addBusinessRules : instance.addBusinessRules;
         if (addRulesMethod !== undefined) {
             var validationRules = new ValidationRules();
-            addRulesMethod(validationRules);
+            if (hasStaticMethod) {
+                addRulesMethod(validationRules);
+            }
+            else {
+                addRulesMethod.call(instance, validationRules);
+            }
             if (validationRules.rules.some(function (c) { return c instanceof CallbackRule && c.hasArrowFunction; })) {
                 console.error("Warning: ".concat(this.objectConstructor.name, " has rules which have been added using an arrow function."));
             }
             var modelProxy = new ModelProxy(instance);
-            for (var _i = 0, _b = validationRules.rules; _i < _b.length; _i++) {
-                var rule = _b[_i];
+            for (var _i = 0, _a = validationRules.rules; _i < _a.length; _i++) {
+                var rule = _a[_i];
                 var properties = rule.getDisplayProperties(this.propertyMap);
                 if (properties === undefined && rule instanceof ExpressionRule) {
                     properties = modelProxy.tryExtractProperties(rule);
                 }
                 if (properties && properties.length) {
-                    for (var _c = 0, properties_1 = properties; _c < properties_1.length; _c++) {
-                        var property = properties_1[_c];
+                    for (var _b = 0, properties_1 = properties; _b < properties_1.length; _b++) {
+                        var property = properties_1[_b];
                         property.rules.push(rule);
                     }
                 }

package/package.json

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