raise-common-lib 0.0.149 → 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 +25 -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 +4 -1
- package/esm5/lib/layout/multi-tab/index.component.js +21 -3
- package/esm5/lib/raise-common-lib.module.js +4 -1
- package/fesm2015/raise-common-lib.js +18 -2
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +22 -2
- 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
|
@@ -9,6 +9,7 @@ import { TreeGridComponent } from '@syncfusion/ej2-angular-treegrid';
|
|
|
9
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,
|
|
@@ -23137,6 +23156,7 @@ var RaiseCommonLibModule = /** @class */ (function () {
|
|
|
23137
23156
|
HttpClientModule,
|
|
23138
23157
|
ReactiveFormsModule,
|
|
23139
23158
|
FormsModule,
|
|
23159
|
+
DragDropModule,
|
|
23140
23160
|
MatSnackBarModule,
|
|
23141
23161
|
MatMenuModule,
|
|
23142
23162
|
MatTooltipModule,
|