@datarailsshared/datarailsshared 1.3.21 → 1.3.22

package/bundles/datarailsshared-datarailsshared.umd.js

@@ -1560,9 +1560,9 @@
     DrAvatarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dr-avatar',
-                    template: "<div class=\"users-section\">\r\n    <div *ngIf=\"!parsedUsers.length\"\r\n         class=\"users-section__default\"\r\n         [drTooltip]=\"usersTemplate\"\r\n         [drTooltipPosition]=\"'bottom'\">\r\n        {{getLastUsers().length}}\r\n    </div>\r\n\r\n    <div *ngFor=\"let user of getFirstUsers()\"\r\n         class=\"users-section__user\"\r\n         [class]=\"'icon-' + user.colorNumber\"\r\n         [class.warning]=\"warning && warning[user.email]\"\r\n         (click)=\"userClicked.emit()\"\r\n         [matTooltip]=\"user | drAvatar\"\r\n         [matTooltipPosition]=\"'below'\">\r\n        {{user | drAvatar: 'initials'}}\r\n    </div>\r\n\r\n    <div *ngIf=\"parsedUsers.length > 2\"\r\n         class=\"users-section__user icon-2\"\r\n         [drTooltip]=\"usersTemplate\"\r\n         [drTooltipPosition]=\"'bottom'\">\r\n        {{getLastUsers().length}}\r\n    </div>\r\n</div>\r\n\r\n<ng-template #usersTemplate>\r\n    <div *ngFor=\"let user of getLastUsers()\" class=\"users-popover-item\">\r\n        <div class=\"users-section__user\"\r\n             (click)=\"userClicked.emit()\"\r\n             [class]=\"user.class\">\r\n            {{user | drAvatar: 'initials'}}\r\n        </div>\r\n        <span class=\"username\">\r\n               {{user | drAvatar}}\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n",
+                    template: "<div class=\"users-section\">\r\n    <div *ngIf=\"!parsedUsers.length\"\r\n         class=\"users-section__default\">\r\n    </div>\r\n\r\n    <div *ngFor=\"let user of getFirstUsers()\"\r\n         class=\"users-section__user\"\r\n         [class]=\"'icon-' + user.colorNumber + ' ' + user.status\"\r\n         (click)=\"userClicked.emit()\"\r\n         [matTooltip]=\"user | drAvatar\"\r\n         [matTooltipPosition]=\"'below'\">\r\n        {{user | drAvatar: 'initials'}}\r\n    </div>\r\n\r\n    <div *ngIf=\"parsedUsers.length > 2\"\r\n         class=\"users-section__user icon-2\"\r\n         [drTooltip]=\"usersTemplate\"\r\n         [drTooltipPosition]=\"'bottom'\">\r\n        {{getLastUsers().length}}\r\n    </div>\r\n</div>\r\n\r\n<ng-template #usersTemplate>\r\n    <div *ngFor=\"let user of getLastUsers()\" class=\"users-popover-item\">\r\n        <div class=\"users-section__user\"\r\n             (click)=\"userClicked.emit()\"\r\n             [class]=\"user.class\">\r\n            {{user | drAvatar: 'initials'}}\r\n        </div>\r\n        <span class=\"username\">\r\n               {{user | drAvatar}}\r\n        </span>\r\n    </div>\r\n</ng-template>\r\n",
                     changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{width:auto}.users-section{display:flex;height:28px}.users-section__default{display:flex;height:28px;width:28px;border-radius:14px;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23BCBCBC%22%2F%3E%0D%3Cpath d%3D%22M11.9993 11.9998C13.6108 11.9998 14.916 10.691 14.916 9.08317C14.916 7.47171 13.6108 6.1665 11.9993 6.1665C10.3879 6.1665 9.08268 7.47171 9.08268 9.08317C9.08268 10.691 10.3879 11.9998 11.9993 11.9998ZM11.9993 13.4582C10.0561 13.4582 6.16602 14.4316 6.16602 16.3748V17.8332H17.8327V16.3748C17.8327 14.4316 13.9426 13.4582 11.9993 13.4582Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat}.users-popover-item{display:flex;align-items:center;margin:12px}.users-popover-item .username{color:#51566f;font-size:14px}.users-popover-item .users-section__user{margin-right:8px}.users-section__user{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:14px;background:red;color:#fff;font-size:12px}.users-section__user.icon-0{background-color:#7b61ff}.users-section__user.icon-1{background-color:#21b8f1}.users-section__user.icon-2{background-color:#2969b0}.users-section__user.icon-3{background-color:#51566f}.users-section__user.icon-4{background-color:#0061ff}.users-section__user:hover{cursor:pointer}.users-section__user:not(:first-child){margin-left:4px}.users-section__user.warning:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;background:#FDA014;border-radius:4px;top:-2px;right:0}\n"]
+                    styles: [":host{width:auto}.users-section{display:flex;height:28px}.users-section__default{display:flex;height:28px;width:28px;border-radius:14px;background:url(\"data:image/svg+xml,%3Csvg width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect width%3D%2224%22 height%3D%2224%22 rx%3D%2212%22 fill%3D%22%23BCBCBC%22%2F%3E%0D%3Cpath d%3D%22M11.9993 11.9998C13.6108 11.9998 14.916 10.691 14.916 9.08317C14.916 7.47171 13.6108 6.1665 11.9993 6.1665C10.3879 6.1665 9.08268 7.47171 9.08268 9.08317C9.08268 10.691 10.3879 11.9998 11.9993 11.9998ZM11.9993 13.4582C10.0561 13.4582 6.16602 14.4316 6.16602 16.3748V17.8332H17.8327V16.3748C17.8327 14.4316 13.9426 13.4582 11.9993 13.4582Z%22 fill%3D%22white%22%2F%3E%0D%3C%2Fsvg%3E%0D\") no-repeat}.users-popover-item{display:flex;align-items:center;margin:12px}.users-popover-item .username{color:#51566f;font-size:14px}.users-popover-item .users-section__user{margin-right:8px}.users-section__user{position:relative;display:flex;justify-content:center;align-items:center;height:28px;width:28px;border-radius:14px;background:red;color:#fff;font-size:12px}.users-section__user.icon-0{background-color:#7b61ff}.users-section__user.icon-1{background-color:#21b8f1}.users-section__user.icon-2{background-color:#2969b0}.users-section__user.icon-3{background-color:#51566f}.users-section__user.icon-4{background-color:#0061ff}.users-section__user:hover{cursor:pointer}.users-section__user:not(:first-child){margin-left:4px}.users-section__user.online:after,.users-section__user.offline:after,.users-section__user.warning:after{content:\"\";display:flex;width:8px;height:8px;position:absolute;border-radius:4px;top:-2px;right:0}.users-section__user.online:after{background:#03A678}.users-section__user.offline:after{background:#DE2833}.users-section__user.warning:after{background:#FDA014}\n"]
                 },] }
     ];
     DrAvatarComponent.ctorParameters = function () { return []; };
@@ -2627,6 +2627,7 @@
                         if ((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) {
                             item.childOptions = {
                                 list: item.children,
+                                class: item.childOptions.class,
                                 position: 'child'
                             };
                         }
@@ -2847,7 +2848,7 @@
                 this.renderer.setStyle(this.el.nativeElement, 'z-index', '10010');
             }
             else {
-                var defaultChildPadding = 5;
+                var defaultChildPadding = 3;
                 var widthMoreWindowRight = window.innerWidth - this.position.clientX - this.el.nativeElement.offsetWidth - defaultPadding;
                 var widthMoreWindowBottom = window.innerHeight - this.position.clientY - this.el.nativeElement.offsetHeight - defaultPadding;
                 var calculatedHorizantallyPos = widthMoreWindowRight < 0