raise-common-lib 0.0.148 → 0.0.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/raise-common-lib.umd.js +27 -6
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/layout/multi-tab/index.component.js +17 -3
- package/esm2015/lib/raise-common-lib.module.js +7 -2
- package/esm5/lib/layout/multi-tab/index.component.js +21 -3
- package/esm5/lib/raise-common-lib.module.js +7 -2
- package/fesm2015/raise-common-lib.js +21 -3
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +25 -3
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/multi-tab/index.component.d.ts +2 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -6,9 +6,10 @@ import { Subject, BehaviorSubject } from 'rxjs';
|
|
|
6
6
|
import { MAT_SNACK_BAR_DATA, MatSnackBar, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
7
7
|
import { MAT_DIALOG_DATA, MatDialogRef, MatDialog, MatDialogModule } from '@angular/material/dialog';
|
|
8
8
|
import { TreeGridComponent } from '@syncfusion/ej2-angular-treegrid';
|
|
9
|
-
import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-angular-navigations';
|
|
9
|
+
import { CarouselAllModule, ToolbarModule, TabModule, TreeViewModule } from '@syncfusion/ej2-angular-navigations';
|
|
10
10
|
import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
|
|
11
11
|
import { filter } from 'rxjs/operators';
|
|
12
|
+
import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
|
|
12
13
|
import { HttpClient, HttpClientModule } from '@angular/common/http';
|
|
13
14
|
import { setCulture, L10n } from '@syncfusion/ej2-base';
|
|
14
15
|
import ResizeObserver from 'resize-observer-polyfill';
|
|
@@ -3570,6 +3571,23 @@ var MultiTabComponent = /** @class */ (function () {
|
|
|
3570
3571
|
this.ref.markForCheck();
|
|
3571
3572
|
}
|
|
3572
3573
|
};
|
|
3574
|
+
/**
|
|
3575
|
+
* @param {?} event
|
|
3576
|
+
* @return {?}
|
|
3577
|
+
*/
|
|
3578
|
+
MultiTabComponent.prototype.onTabDrop = /**
|
|
3579
|
+
* @param {?} event
|
|
3580
|
+
* @return {?}
|
|
3581
|
+
*/
|
|
3582
|
+
function (event) {
|
|
3583
|
+
var previousIndex = event.previousIndex, currentIndex = event.currentIndex;
|
|
3584
|
+
console.log("previousIndex", previousIndex, "currentIndex", currentIndex);
|
|
3585
|
+
if (previousIndex === 0 || currentIndex === 0) {
|
|
3586
|
+
return;
|
|
3587
|
+
}
|
|
3588
|
+
moveItemInArray(this.tabList, event.previousIndex, event.currentIndex);
|
|
3589
|
+
sessionStorage.setItem("TabCache", JSON.stringify(this.tabList));
|
|
3590
|
+
};
|
|
3573
3591
|
/**
|
|
3574
3592
|
* @return {?}
|
|
3575
3593
|
*/
|
|
@@ -3641,8 +3659,8 @@ var MultiTabComponent = /** @class */ (function () {
|
|
|
3641
3659
|
MultiTabComponent.decorators = [
|
|
3642
3660
|
{ type: Component, args: [{
|
|
3643
3661
|
selector: "rs-multi-tab",
|
|
3644
|
-
template: "<div class=\"rs-multi-tab\" [ngClass]=\"{ 'b-line': tabList.length > 0 }\">\r\n
|
|
3645
|
-
styles: ["
|
|
3662
|
+
template: "<div class=\"rs-multi-tab\" [ngClass]=\"{ 'b-line': tabList.length > 0 }\">\r\n <ul\r\n cdkDropList\r\n cdkDropListOrientation=\"horizontal\"\r\n (cdkDropListDropped)=\"onTabDrop($event)\"\r\n >\r\n <li\r\n class=\"tab-item\"\r\n *ngFor=\"let tab of tabList; let i = index\"\r\n [ngClass]=\"selectedTab === i ? 'isSelect' : 'notSelect'\"\r\n [cdkDragDisabled]=\"i === 0\"\r\n cdkDrag\r\n (click)=\"changeTab(tab, i)\"\r\n >\r\n <ng-template cdkDragPlaceholder let-item>\r\n <div class=\"placeholder\">\r\n\t\t</div>\r\n </ng-template>\r\n\t \r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n *ngIf=\"tab.displayTitle !== tab.title; else originText\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">\r\n {{ tab.title }}\r\n </div>\r\n </ng-template>\r\n <span class=\"tabTitle\">{{ tab.displayTitle }}</span>\r\n </ejs-tooltip>\r\n <ng-template #originText>\r\n <span class=\"tabTitle\">\r\n {{ tab.displayTitle }}\r\n </span>\r\n </ng-template>\r\n <span class=\"img-block\" *ngIf=\"selectedTab !== i && i !== 0\"></span>\r\n <img\r\n *ngIf=\"i !== 0\"\r\n src=\"../../../assets/img/close-url.svg\"\r\n (click)=\"closeTab(i)\"\r\n />\r\n </li>\r\n </ul>\r\n <div class=\"refresh-tab\" (click)=\"refreshTab()\" *ngIf=\"tabList.length > 0\">\r\n <ejs-tooltip\r\n id=\"notSelectTooltip\"\r\n cssClass=\"notSelectTooltip\"\r\n [showTipPointer]=\"false\"\r\n [openDelay]=\"500\"\r\n style=\"height: 27px\"\r\n >\r\n <ng-template #content>\r\n <div class=\"tooltip-content\">Refresh Current Tab</div>\r\n </ng-template>\r\n <img\r\n id=\"loadingIcon\"\r\n alt\r\n class=\"refresh-btn\"\r\n src=\"../../../assets/img/desktop-refresh-btn.svg\"\r\n />\r\n </ejs-tooltip>\r\n </div>\r\n</div>\r\n",
|
|
3663
|
+
styles: ["@charset \"UTF-8\";.rs-multi-tab{width:100%;display:flex;justify-content:space-between;margin:0 auto;max-width:1886px}.rs-multi-tab.b-line{border-bottom:1px solid #e5eaef}.rs-multi-tab ul{display:flex;margin:0 8px;padding:0;overflow:hidden;height:100%}.rs-multi-tab ul .tab-item{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:28px;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.rs-multi-tab ul .tab-item .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.rs-multi-tab ul .tab-item img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.rs-multi-tab ul .tab-item img:hover{background:#dce8f6}.rs-multi-tab ul .tab-item:not(:last-child){border-right:none}.rs-multi-tab ul .tab-item:first-of-type{border-top-left-radius:8px}.rs-multi-tab ul .tab-item:last-child{border-top-right-radius:8px}.rs-multi-tab ul.cdk-drop-list-dragging .tab-item.cdk-drag-disabled:hover{background:#f8fafb!important;cursor:no-drop}.rs-multi-tab ul .isSelect{color:#1f3f5c;background:#fff}.rs-multi-tab ul .notSelect img{display:none}.rs-multi-tab ul .notSelect .img-block{display:inline-block;width:22px}.rs-multi-tab ul .notSelect:hover{color:#1f3f5c;background-color:rgba(31,123,255,.04)}.rs-multi-tab ul .notSelect:hover .img-block{display:none}.rs-multi-tab ul .notSelect:hover img{display:inline-block}.rs-multi-tab .refresh-tab{cursor:pointer;text-align:right;color:#6c7c90;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;padding-right:12px}.rs-multi-tab .refresh-tab img{vertical-align:middle;margin-right:4px}.refresh-tab-loading{-webkit-animation:1s linear infinite spin;animation:1s linear infinite spin}.notSelectTooltip{transform:translateX(-12px)}.tab-item.cdk-drag{max-width:164px;padding:0 12px;display:flex;align-items:center;flex:auto;border:1px solid #e5eaef;border-bottom:none;color:#5f6f81;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:28px;height:28px;background:#f8fafb;vertical-align:top;position:relative;cursor:default}.tab-item.cdk-drag .tabTitle{display:inline-block;white-space:nowrap;font-size:11px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px;transition:width .3s}.tab-item.cdk-drag img{border-radius:4px;padding:4px;margin-left:6px;margin-top:1px;vertical-align:top;cursor:pointer}.tab-item.cdk-drag img:hover{background:#dce8f6}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.tooltip-content{padding:4px;color:#f8fafb;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:14px}@media (max-width:1400px){.refresh-tab{padding-right:0!important}.refresh-tab span{display:none!important}}@media (max-width:1100px){.rs-multi-tab ul .tab-item img{position:absolute;right:3px;background-color:#fff}.notSelect:hover img{position:absolute;right:3px;background-color:#eff5fb}.img-block{display:none!important}.isSelect:not(:first-child){padding-right:20px!important}}@media (max-width:600px){.rs-multi-tab ul .tab-item{padding:0 8px}.rs-multi-tab ul .notSelect .img-block{width:0!important}}"]
|
|
3646
3664
|
}] }
|
|
3647
3665
|
];
|
|
3648
3666
|
/** @nocollapse */
|
|
@@ -23053,6 +23071,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
23053
23071
|
HttpClientModule,
|
|
23054
23072
|
ReactiveFormsModule,
|
|
23055
23073
|
FormsModule,
|
|
23074
|
+
DragDropModule,
|
|
23056
23075
|
MatSnackBarModule,
|
|
23057
23076
|
MatMenuModule,
|
|
23058
23077
|
MatTooltipModule,
|
|
@@ -23090,6 +23109,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
23090
23109
|
CarouselAllModule,
|
|
23091
23110
|
ToolbarModule,
|
|
23092
23111
|
TabModule,
|
|
23112
|
+
TreeViewModule,
|
|
23093
23113
|
PdfViewerModule,
|
|
23094
23114
|
DropDownButtonModule,
|
|
23095
23115
|
SplitButtonModule,
|
|
@@ -23136,6 +23156,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
23136
23156
|
HttpClientModule,
|
|
23137
23157
|
ReactiveFormsModule,
|
|
23138
23158
|
FormsModule,
|
|
23159
|
+
DragDropModule,
|
|
23139
23160
|
MatSnackBarModule,
|
|
23140
23161
|
MatMenuModule,
|
|
23141
23162
|
MatTooltipModule,
|
|
@@ -23172,6 +23193,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
23172
23193
|
CarouselAllModule,
|
|
23173
23194
|
ToolbarModule,
|
|
23174
23195
|
TabModule,
|
|
23196
|
+
TreeViewModule,
|
|
23175
23197
|
PdfViewerModule,
|
|
23176
23198
|
DropDownButtonModule,
|
|
23177
23199
|
SplitButtonModule,
|