raise-common-lib 0.0.131 → 0.0.133

package/bundles/raise-common-lib.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('@angular/common'), require('@syncfusion/ej2-data'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/forms'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-layouts'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip')) :
-    typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/common/http', '@syncfusion/ej2-base', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/forms', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-layouts', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip'], factory) :
-    (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.common.http, global.ej2Base, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.forms, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip));
-}(this, (function (exports, core, ej2AngularGrids, lodash, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, http, ej2Base, common, ej2Data, icon, platformBrowser, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('resize-observer-polyfill'), require('@angular/common'), require('@syncfusion/ej2-data'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/forms'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-layouts'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip')) :
+    typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/common/http', '@syncfusion/ej2-base', 'resize-observer-polyfill', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/forms', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-layouts', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip'], factory) :
+    (global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.common.http, global.ej2Base, global.ResizeObserver, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.forms, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip));
+}(this, (function (exports, core, ej2AngularGrids, lodash, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, http, ej2Base, ResizeObserver, common, ej2Data, icon, platformBrowser, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip) { 'use strict';
+
+    ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -3199,7 +3201,7 @@
          */
         function (event) {
             this.screenWidth = window.innerWidth; // 更新屏幕宽度
-            this.setEllipsisTitle();
+            // this.setEllipsisTitle(); 在最外面容器调用
         };
         /**
          * @return {?}
@@ -3217,8 +3219,7 @@
              * @return {?}
              */
             function (ele) {
-                return _this.urlWithoutQuery(ele.url) ===
-                    _this.urlWithoutQuery(_this.router.url);
+                return _this.urlWithoutQuery(ele.url) === _this.urlWithoutQuery(_this.router.url);
             }));
             if (isExistIdx !== -1) {
                 this.selectedTab = isExistIdx;
@@ -3296,6 +3297,8 @@
          * @return {?}
          */
         function () {
+            this.tabList = []; // 清空 tab 列表
+            this.selectedTab = 0; // 重置选中的 tab 索引
             this.subscriptions.forEach((/**
              * @param {?} sub
              * @return {?}
@@ -3336,6 +3339,8 @@
                         : width - _this.textGap, 12);
                 }));
             }
+            this.ref.markForCheck();
+            this.ref.detectChanges();
         };
         /**
          * @return {?}
@@ -3397,15 +3402,15 @@
         };
         /**
          * @param {?} idx
-         * @param {?=} isExternal
+         * @param {?=} noChange
          * @return {?}
          */
         MultiTabComponent.prototype.closeTab = /**
          * @param {?} idx
-         * @param {?=} isExternal
+         * @param {?=} noChange
          * @return {?}
          */
-        function (idx, isExternal) {
+        function (idx, noChange) {
             /** @type {?} */
             var tab = this.tabList[idx];
             this.tabList = this.tabList.filter((/**
@@ -3414,7 +3419,7 @@
              */
             function (ele) { return ele.url !== tab.url; }));
             this.clearCache(this.urlWithoutQuery(tab.url));
-            if (!isExternal && this.selectedTab === idx) {
+            if (!noChange && this.selectedTab === idx) {
                 /** @type {?} */
                 var targetIdx = Math.max(0, idx - 1);
                 this.changeTab(this.tabList[targetIdx], targetIdx);
@@ -3441,8 +3446,8 @@
             if (tab.navigationInfo) {
                 sessionStorage.setItem("navigationInfo", JSON.stringify(tab.navigationInfo));
             }
-            if (tab.fromUrl) {
-                sessionStorage.setItem("fromUrl", tab.fromUrl);
+            if (tab.fromInfo) {
+                sessionStorage.setItem("fromInfo", JSON.stringify(tab.fromInfo));
             }
             if (tab.permissions) {
                 sessionStorage.setItem("permissions", JSON.stringify(tab.permissions));
@@ -3470,7 +3475,7 @@
             /** @type {?} */
             var navigationInfo = JSON.parse(sessionStorage.getItem("navigationInfo"));
             /** @type {?} */
-            var fromUrl = sessionStorage.getItem("fromUrl");
+            var fromInfo = JSON.parse(sessionStorage.getItem("fromInfo"));
             /** @type {?} */
             var permissions = JSON.parse(localPermissions);
             this.tabList.push({
@@ -3479,7 +3484,7 @@
                 displayTitle: title,
                 navigationInfo: navigationInfo,
                 permissions: permissions,
-                fromUrl: fromUrl,
+                fromInfo: fromInfo,
             });
             this.selectedTab = this.tabList.length - 1;
             this.setEllipsisTitle();
@@ -3532,7 +3537,12 @@
                 if (targetTabUrl !== url || noReused) {
                     // 当缓存一致时候，但是url不一致，重新按照新的url生成tab
                     this.closeTab(isExistIdx, true);
-                    this.addTab(url, title);
+                    setTimeout((/**
+                     * @return {?}
+                     */
+                    function () {
+                        _this.addTab(url, title);
+                    }), 30);
                 }
                 else {
                     this.changeTab(this.tabList[isExistIdx], isExistIdx);
@@ -3583,6 +3593,18 @@
             this.keepAlive.clearCache(url); // 调用自定义策略的清除缓存方法
             this.drawer.deleteCache(url);
         };
+        /**
+         * @return {?}
+         */
+        MultiTabComponent.prototype.cleanAllCache = /**
+         * @return {?}
+         */
+        function () {
+            sessionStorage.removeItem("TabCache"); // 清除缓存
+            this.tabList = []; // 清空 tab 列表
+            this.selectedTab = 0; // 重置选中的 tab 索引
+            this.keepAlive.clearAllCache(); // 调用自定义策略的清除缓存方法
+        };
         /**
          * @private
          * @param {?} url
@@ -21004,11 +21026,25 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var MainContainerComponent = /** @class */ (function () {
-        function MainContainerComponent(globalDrawer) {
+        function MainContainerComponent(globalDrawer, elementRef) {
+            var _this = this;
             this.globalDrawer = globalDrawer;
+            this.elementRef = elementRef;
             this.isCollapsed = false; // 接收输入属性
             // 接收输入属性
             this.singleReuseUrls = []; //只能单个缓存的url
+            //只能单个缓存的url
+            this.onWidthChange = new core.EventEmitter();
+            this.debouncedHandleResize = lodash.debounce((/**
+             * @param {?} width
+             * @return {?}
+             */
+            function (width) {
+                // console.log("Debounced width change:", width);
+                // 在这里处理防抖后的宽度变化逻辑
+                _this.multiTabRef && _this.multiTabRef.setEllipsisTitle();
+                _this.onWidthChange.emit(width);
+            }), 300);
         }
         /**
          * @return {?}
@@ -21045,7 +21081,45 @@
          * @return {?}
          */
         function () {
+            var _this = this;
             this.globalDrawer.setDrawer(this.drawer); // 设置抽屉组件
+            // 设置抽屉组件
+            /** @type {?} */
+            var rightAside = this.elementRef.nativeElement.querySelector(".right-aside");
+            this.resizeObserver = new ResizeObserver((/**
+             * @param {?} entries
+             * @return {?}
+             */
+            function (entries) {
+                var e_1, _a;
+                try {
+                    for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {
+                        var entry = entries_1_1.value;
+                        /** @type {?} */
+                        var width = entry.contentRect.width;
+                        _this.debouncedHandleResize(width);
+                    }
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+            }));
+            this.resizeObserver.observe(rightAside);
+        };
+        /**
+         * @return {?}
+         */
+        MainContainerComponent.prototype.ngOnDestroy = /**
+         * @return {?}
+         */
+        function () {
+            if (this.resizeObserver) {
+                this.resizeObserver.disconnect();
+            }
         };
         /**
          * @return {?}
@@ -21069,13 +21143,16 @@
         ];
         /** @nocollapse */
         MainContainerComponent.ctorParameters = function () { return [
-            { type: DrawerService }
+            { type: DrawerService },
+            { type: core.ElementRef }
         ]; };
         MainContainerComponent.propDecorators = {
             headerRef: [{ type: core.ContentChild, args: [RSHeaderComponent, { static: true },] }],
+            multiTabRef: [{ type: core.ContentChild, args: [MultiTabComponent, { static: true },] }],
             drawer: [{ type: core.ViewChild, args: ["drawer", { static: false },] }],
             isCollapsed: [{ type: core.Input }],
             singleReuseUrls: [{ type: core.Input }],
+            onWidthChange: [{ type: core.Output }],
             onResize: [{ type: core.HostListener, args: ["window:resize", ["$event"],] }]
         };
         return MainContainerComponent;
@@ -21084,16 +21161,35 @@
         /** @type {?} */
         MainContainerComponent.prototype.headerRef;
         /** @type {?} */
+        MainContainerComponent.prototype.multiTabRef;
+        /** @type {?} */
         MainContainerComponent.prototype.drawer;
         /** @type {?} */
         MainContainerComponent.prototype.isCollapsed;
         /** @type {?} */
         MainContainerComponent.prototype.singleReuseUrls;
+        /** @type {?} */
+        MainContainerComponent.prototype.onWidthChange;
+        /**
+         * @type {?}
+         * @private
+         */
+        MainContainerComponent.prototype.resizeObserver;
+        /**
+         * @type {?}
+         * @private
+         */
+        MainContainerComponent.prototype.debouncedHandleResize;
         /**
          * @type {?}
          * @private
          */
         MainContainerComponent.prototype.globalDrawer;
+        /**
+         * @type {?}
+         * @private
+         */
+        MainContainerComponent.prototype.elementRef;
     }
 
     /**
@@ -21228,7 +21324,7 @@
         RSAsideComponent.decorators = [
             { type: core.Component, args: [{
                         selector: "rs-aside",
-                        template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n  <div class=\"nav-list\">\r\n    <div class=\"nav-group\" [ngClass]=\"group.class\" *ngFor=\"let group of navList\">\r\n      <div\r\n        class=\"nav-item\"\r\n        [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n        *ngFor=\"let nav of group.navItems\"\r\n        (click)=\"onNavClick(nav)\"\r\n      >\r\n        <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n          <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n            nav.label\r\n          }}</span>\r\n        </div>\r\n        <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n    <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
+                        template: "<div class=\"rs-aside\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n  <div class=\"nav-list\">\r\n    <div\r\n      class=\"nav-group\"\r\n      [ngClass]=\"group.class\"\r\n      *ngFor=\"let group of navList\"\r\n    >\r\n      <div\r\n        class=\"nav-item\"\r\n        [ngClass]=\"{ isCurrent: currentNav === nav.url }\"\r\n        *ngFor=\"let nav of group.navItems\"\r\n        (click)=\"onNavClick(nav)\"\r\n      >\r\n        <div class=\"nav-item-inner\" *ngIf=\"nav.menuType === 'MENU'\">\r\n          <ejs-tooltip\r\n            [showTipPointer]=\"false\"\r\n            *ngIf=\"isCollapsed; else originIcon\"\r\n          >\r\n            <ng-template #content>\r\n              <div class=\"tooltip-content\">\r\n                {{ nav.label }}\r\n              </div>\r\n            </ng-template>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ejs-tooltip>\r\n          <ng-template #originIcon>\r\n            <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon>\r\n          </ng-template>\r\n          <!-- <mat-icon class=\"menu-icon\" [svgIcon]=\"nav.iconCode\"></mat-icon> -->\r\n\r\n          <span class=\"nav-text\" [ngClass]=\"{ isCollapsed: isCollapsed }\">{{\r\n            nav.label\r\n          }}</span>\r\n        </div>\r\n        <div class=\"dividing-line\" *ngIf=\"nav.menuType === 'LABEL'\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"bottom-iconbox\" [ngClass]=\"{ isCollapsed: isCollapsed }\">\r\n    <ng-content select=\"[bottomIconBox]\"></ng-content>\r\n  </div>\r\n</div>\r\n",
                         styles: [".rs-aside{display:flex;flex-direction:column;height:100%;width:240px;will-change:width;transition:width .3s;padding-right:20px}.rs-aside.isCollapsed{width:64px;padding-right:0}.rs-aside.isCollapsed .nav-list .nav-item .nav-item-inner{margin-right:12px}.rs-aside.isCollapsed .nav-list .nav-item .dividing-line{margin:8px 20px 8px 10px}.rs-aside .nav-list{padding-top:12px;flex:1;overflow:auto;height:0}.rs-aside .nav-list .nav-item{cursor:pointer;padding-left:11px}.rs-aside .nav-list .nav-item .nav-item-inner{height:32px;display:flex;align-items:center;padding:8px 8px 8px 12px}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon{width:33px;height:16px;display:flex;align-items:center}.rs-aside .nav-list .nav-item .nav-item-inner ::ng-deep .menu-icon svg{width:16px;height:16px}.rs-aside .nav-list .nav-item .dividing-line{margin:8px 0 8px 10px;height:1px;background-color:rgba(219,225,231,.5)}.rs-aside .nav-list .nav-item:hover .nav-item-inner{border-radius:6px;background:rgba(31,123,255,.04)}.rs-aside .nav-list .nav-item .nav-text{color:#5f6f81;font-family:Arial;font-size:12px;font-weight:400;line-height:16px;transition:.3s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;top:1px}@media (min-width:993px){.rs-aside .nav-list .nav-item .nav-text.isCollapsed{opacity:0;width:0}}.rs-aside .nav-list .nav-item.isCurrent{position:relative}.rs-aside .nav-list .nav-item.isCurrent .nav-text{color:#44566c;font-weight:700}.rs-aside .nav-list .nav-item.isCurrent::before{content:\"\";position:absolute;left:4px;top:8px;width:3px;height:16px;background-color:#1364b3;border-radius:2px}.rs-aside .bottom-iconbox{padding:12px 20px;height:48px;display:flex;gap:12px}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border:1px solid #eaedf0;border-radius:24px;cursor:pointer}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon svg{width:16px;height:16px;color:#6c7c90;stroke:#6c7c90}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon.disabled{cursor:default;opacity:.5}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover{background-color:#fff}.rs-aside .bottom-iconbox ::ng-deep .menu-bottom-icon:not(.disabled):hover svg{color:#1f7bff;stroke:#1f7bff}@media (min-width:993px){.rs-aside .bottom-iconbox.isCollapsed{flex-direction:column;height:auto}}@media (max-width:992px){.rs-aside{width:0;position:absolute;height:calc(100% - 50px);z-index:10;background-color:var(--rs-container-bg);padding-right:0}.rs-aside .bottom-iconbox{display:none}.rs-aside.isCollapsed{width:240px;padding-right:16px}.rs-aside.isCollapsed .bottom-iconbox{display:flex}}"]
                     }] }
         ];
@@ -21770,7 +21866,7 @@
              * @param {?} field
              * @return {?}
              */
-            function (field) { return field.show || section.show(); })) })); }));
+            function (field) { return !field.show || field.show(); })) })); }));
     }
     /** @type {?} */
     var EmailPattern = /^(?=.{1,254}$)(?=.{1,64}@)[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-zA-Z0-9!#$%&'*+/=?^_`{|}~-]+)*@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/;