@churchillliving/se-ui-toolkit 6.53.478 → 6.53.480

package/bundles/churchillliving-se-ui-toolkit.umd.js

@@ -1070,7 +1070,7 @@
   exports.EFormatType = void 0;
   (function (EFormatType) {
       EFormatType["SMALLDATE"] = "mm/d/y";
-      EFormatType["SHORTDATE"] = "mm/d/yy";
+      EFormatType["SHORTDATE"] = "mm/dd/yy";
       EFormatType["MEDIUMDATE"] = "M d, yy";
       EFormatType["LONGDATE"] = "MM d, yy";
       EFormatType["MONTHONLY"] = "mm/yy";
@@ -8706,9 +8706,47 @@
        * Passes the event of the menu
        */
       SidebarComponent.prototype.openDialog = function (menu, item) {
+          var _this = this;
+          var ctrl;
+          document.body.onclick = function (e) {
+              if (e.ctrlKey) {
+                  ctrl = e.ctrlKey;
+              }
+          };
+          setTimeout(function () {
+              if (ctrl) {
+                  //open component on new tab
+                  _this.openComponentInTab(menu);
+              }
+              else {
+                  //open component in dialog
+                  _this.openComponentInDialog(menu, item);
+              }
+          }, 250);
+      };
+      SidebarComponent.prototype.openComponentInTab = function (menu) {
+          var route = this.router.config.find(function (x) {
+              var _a;
+              if (x.component == menu.component) {
+                  return x.component == menu.component;
+              }
+              if (x.children) {
+                  (_a = x === null || x === void 0 ? void 0 : x.children) === null || _a === void 0 ? void 0 : _a.find(function (y) {
+                      if (y.component == menu.component) {
+                          return y.component == menu.component;
+                      }
+                  });
+              }
+          });
+          if (route) {
+              window.open(route.path, "_blank");
+          }
+      };
+      SidebarComponent.prototype.openComponentInDialog = function (menu, item) {
           var _this = this;
           var _a, _b;
           var menuData = menu.data ? menu.data : menu;
+          menuData.style = { background: '#fff' };
           if (menuData.scrollable == false) {
               menuData.styleClass = "small-model";
           }