raise-common-lib 0.0.79 → 0.0.80
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 +84 -15
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +2 -2
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/layout/drawer/index.component.js +36 -10
- package/esm2015/lib/layout/page-tab/index.component.js +37 -4
- package/esm5/lib/layout/drawer/index.component.js +36 -10
- package/esm5/lib/layout/page-tab/index.component.js +48 -4
- package/fesm2015/raise-common-lib.js +70 -12
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +81 -12
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/drawer/index.component.d.ts +6 -1
- package/lib/layout/page-tab/index.component.d.ts +6 -2
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -2,6 +2,7 @@ import { __assign, __read, __spread } from 'tslib';
|
|
|
2
2
|
import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
3
|
import { GridComponent, GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
|
|
4
4
|
import { times, debounce } from 'lodash';
|
|
5
|
+
import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-angular-navigations';
|
|
5
6
|
import { TreeGridComponent } from '@syncfusion/ej2-angular-treegrid';
|
|
6
7
|
import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
|
|
7
8
|
import { filter } from 'rxjs/operators';
|
|
@@ -24,7 +25,6 @@ import { DropDownListModule, DropDownTreeModule, MultiSelectAllModule, AutoCompl
|
|
|
24
25
|
import { PivotViewAllModule, PivotFieldListAllModule } from '@syncfusion/ej2-angular-pivotview';
|
|
25
26
|
import { ChartAllModule, AccumulationChartAllModule, RangeNavigatorAllModule, AccumulationChartModule, PieSeriesService, AccumulationLegendService, AccumulationTooltipService, AccumulationAnnotationService, AccumulationDataLabelService } from '@syncfusion/ej2-angular-charts';
|
|
26
27
|
import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts';
|
|
27
|
-
import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-angular-navigations';
|
|
28
28
|
import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$1, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
|
|
29
29
|
import { DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
|
|
30
30
|
import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$2 } from '@syncfusion/ej2-angular-richtexteditor';
|
|
@@ -1451,6 +1451,29 @@ var RsPageTabComponent = /** @class */ (function () {
|
|
|
1451
1451
|
* @return {?}
|
|
1452
1452
|
*/
|
|
1453
1453
|
function () { };
|
|
1454
|
+
/**
|
|
1455
|
+
* @return {?}
|
|
1456
|
+
*/
|
|
1457
|
+
RsPageTabComponent.prototype.ngAfterViewInit = /**
|
|
1458
|
+
* @return {?}
|
|
1459
|
+
*/
|
|
1460
|
+
function () {
|
|
1461
|
+
var _this = this;
|
|
1462
|
+
if (this.currentTab !== undefined) {
|
|
1463
|
+
/** @type {?} */
|
|
1464
|
+
var idx_1 = this.tabList.findIndex((/**
|
|
1465
|
+
* @param {?} ele
|
|
1466
|
+
* @return {?}
|
|
1467
|
+
*/
|
|
1468
|
+
function (ele) { return ele.value === _this.currentTab; }));
|
|
1469
|
+
setTimeout((/**
|
|
1470
|
+
* @return {?}
|
|
1471
|
+
*/
|
|
1472
|
+
function () {
|
|
1473
|
+
_this.tabObj.select(idx_1);
|
|
1474
|
+
}), 30);
|
|
1475
|
+
}
|
|
1476
|
+
};
|
|
1454
1477
|
/**
|
|
1455
1478
|
* @param {?} e
|
|
1456
1479
|
* @return {?}
|
|
@@ -1460,16 +1483,34 @@ var RsPageTabComponent = /** @class */ (function () {
|
|
|
1460
1483
|
* @return {?}
|
|
1461
1484
|
*/
|
|
1462
1485
|
function (e) {
|
|
1463
|
-
|
|
1486
|
+
if (e.isInteracted) {
|
|
1487
|
+
this.tabChange.emit(this.tabList[e.selectedIndex]);
|
|
1488
|
+
}
|
|
1489
|
+
};
|
|
1490
|
+
// 切换tab,传入下标
|
|
1491
|
+
// 切换tab,传入下标
|
|
1492
|
+
/**
|
|
1493
|
+
* @param {?} idx
|
|
1494
|
+
* @return {?}
|
|
1495
|
+
*/
|
|
1496
|
+
RsPageTabComponent.prototype.changeTab =
|
|
1497
|
+
// 切换tab,传入下标
|
|
1498
|
+
/**
|
|
1499
|
+
* @param {?} idx
|
|
1500
|
+
* @return {?}
|
|
1501
|
+
*/
|
|
1502
|
+
function (idx) {
|
|
1503
|
+
this.tabObj.select(idx);
|
|
1464
1504
|
};
|
|
1465
1505
|
RsPageTabComponent.decorators = [
|
|
1466
1506
|
{ type: Component, args: [{
|
|
1467
1507
|
selector: "rs-page-tab",
|
|
1468
|
-
template: "<div class=\"rs-page-list-wrap\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n </ng-template>\r\n <ejs-tab\r\n class=\"rs-tab\"\r\n (selected)=\"onTabClick($event)\"\r\n [animation]=\"animation\"\r\n\t overflowMode=\"Popup\"\r\n heightAdjustMode=\"None\"\r\n >\r\n <e-tabitems>\r\n <e-tabitem *ngFor=\"let item of tabList\">\r\n <ng-template #headerText>\r\n <div>{{ item.title }}</div>\r\n </ng-template>\r\n </e-tabitem>\r\n </e-tabitems>\r\n </ejs-tab>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
1508
|
+
template: "<div class=\"rs-page-list-wrap\">\r\n <ng-container *ngIf=\"customPageTitle; else defaultTitle\">\r\n <ng-content select=\"[titleSlot]\"></ng-content>\r\n </ng-container>\r\n <ng-template #defaultTitle>\r\n <div class=\"rs-page-title\" *ngIf=\"pageTitle\">{{ pageTitle }}</div>\r\n </ng-template>\r\n <ejs-tab\r\n class=\"rs-tab\"\r\n #tabObj\r\n (selected)=\"onTabClick($event)\"\r\n [animation]=\"animation\"\r\n\t overflowMode=\"Popup\"\r\n heightAdjustMode=\"None\"\r\n >\r\n <e-tabitems>\r\n <e-tabitem *ngFor=\"let item of tabList\">\r\n <ng-template #headerText>\r\n <div>{{ item.title }}</div>\r\n </ng-template>\r\n </e-tabitem>\r\n </e-tabitems>\r\n </ejs-tab>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[tabContentSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
1469
1509
|
styles: [".rs-page-list-wrap{height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto;max-width:1885px}.rs-page-list-wrap .rs-page-title{font-family:var(--rs-font-family);font-size:var(--rs-page-title-font-size);font-weight:700;text-align:left;color:var(--rs-page-title-color);display:flex;align-items:center;padding:16px 8px 12px 20px}.rs-page-list-wrap .rs-tab{padding:0 20px}.rs-page-list-wrap .rs-tab .e-tab-header::before{display:none}.rs-page-list-wrap .rs-tab .e-toolbar-items{gap:32px;min-height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item{border:0}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap{padding:0;border:0;position:relative;height:36px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-wrap::before{content:\" \";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:transparent}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item .e-tab-text{color:#5f6f81;font-family:Arial;font-size:13px;font-style:normal;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-wrap::before{background-color:#1f7bff}.rs-page-list-wrap .rs-tab .e-toolbar-items .e-toolbar-item.e-active .e-tab-text{color:#44566c}.rs-page-list-wrap .rs-tab .e-hor-nav{width:24px;height:24px;min-height:24px;top:3px;border-radius:4px;background-color:transparent!important;border:1px solid #eaedf0!important}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons{box-shadow:none;background-color:transparent!important;border-color:transparent!important;background-image:url(../../assets/img/icon-more.svg);background-size:14px 3px;background-repeat:no-repeat;background-position:4px 14px}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons::before{display:none}.rs-page-list-wrap .rs-tab .e-hor-nav .e-icons:hover{background-color:#eff5fb!important;border-color:#b1d0fc!important;background-image:url(../../assets/img/icon-more-active.svg)}.rs-page-list-wrap .rs-tab .e-toolbar-pop{min-width:160px;border-radius:10px;background:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.25);padding:8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap{padding:0 8px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text{color:#44566c;font-family:Arial;font-size:13px;font-weight:400;line-height:16px}.rs-page-list-wrap .rs-tab .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover{border-radius:6px;background:rgba(31,123,255,.05)}.rs-page-list-wrap .rs-grid-wrap{flex:1;height:0}"]
|
|
1470
1510
|
}] }
|
|
1471
1511
|
];
|
|
1472
1512
|
RsPageTabComponent.propDecorators = {
|
|
1513
|
+
tabObj: [{ type: ViewChild, args: ["tabObj", { static: false },] }],
|
|
1473
1514
|
pageTitle: [{ type: Input }],
|
|
1474
1515
|
customPageTitle: [{ type: Input }],
|
|
1475
1516
|
tabList: [{ type: Input }],
|
|
@@ -1479,6 +1520,8 @@ var RsPageTabComponent = /** @class */ (function () {
|
|
|
1479
1520
|
return RsPageTabComponent;
|
|
1480
1521
|
}());
|
|
1481
1522
|
if (false) {
|
|
1523
|
+
/** @type {?} */
|
|
1524
|
+
RsPageTabComponent.prototype.tabObj;
|
|
1482
1525
|
/** @type {?} */
|
|
1483
1526
|
RsPageTabComponent.prototype.pageTitle;
|
|
1484
1527
|
/** @type {?} */
|
|
@@ -2609,11 +2652,22 @@ var DrawerComponent = /** @class */ (function () {
|
|
|
2609
2652
|
* @return {?}
|
|
2610
2653
|
*/
|
|
2611
2654
|
function (cache) {
|
|
2612
|
-
this.setSlotElement(cache.toolbarEl, this.
|
|
2613
|
-
this.setSlotElement(cache.headerEl, this.
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2655
|
+
this.setSlotElement(cache.toolbarEl, this.toolbarSlot.nativeElement);
|
|
2656
|
+
this.setSlotElement(cache.headerEl, this.headerSlot.nativeElement);
|
|
2657
|
+
this.setSlotElement(cache.topEl, this.topSlot.nativeElement);
|
|
2658
|
+
if (!cache.topEl) {
|
|
2659
|
+
/** @type {?} */
|
|
2660
|
+
var drawerTop = cache.config.top ? cache.config.top + "px" : "";
|
|
2661
|
+
this.element.nativeElement.style.setProperty("--drawer-top", drawerTop);
|
|
2662
|
+
}
|
|
2663
|
+
if (cache.config.mode === "inner") {
|
|
2664
|
+
this.content.nativeElement.insertBefore(this.header.nativeElement, this.content.nativeElement.firstChild);
|
|
2665
|
+
this.content.nativeElement.append(this.toolbarSlot.nativeElement);
|
|
2666
|
+
}
|
|
2667
|
+
else {
|
|
2668
|
+
this.drawer.nativeElement.insertBefore(this.header.nativeElement, this.drawer.nativeElement.firstChild);
|
|
2669
|
+
this.header.nativeElement.append(this.toolbarSlot.nativeElement);
|
|
2670
|
+
}
|
|
2617
2671
|
};
|
|
2618
2672
|
/**
|
|
2619
2673
|
* @template T
|
|
@@ -2639,11 +2693,14 @@ var DrawerComponent = /** @class */ (function () {
|
|
|
2639
2693
|
/** @type {?} */
|
|
2640
2694
|
var headerEl = this.getSlotElement(componentRef, "[drawer-header]");
|
|
2641
2695
|
/** @type {?} */
|
|
2696
|
+
var topEl = this.getSlotElement(componentRef, "[drawer-top]");
|
|
2697
|
+
/** @type {?} */
|
|
2642
2698
|
var cache = {
|
|
2643
2699
|
config: showConfig,
|
|
2644
2700
|
ref: componentRef,
|
|
2645
2701
|
toolbarEl: toolbarEl,
|
|
2646
2702
|
headerEl: headerEl,
|
|
2703
|
+
topEl: topEl,
|
|
2647
2704
|
};
|
|
2648
2705
|
this.setComponentData(componentRef, data);
|
|
2649
2706
|
this.componentRefMap.set(this.service.cacheKey, cache);
|
|
@@ -2719,8 +2776,8 @@ var DrawerComponent = /** @class */ (function () {
|
|
|
2719
2776
|
DrawerComponent.decorators = [
|
|
2720
2777
|
{ type: Component, args: [{
|
|
2721
2778
|
selector: "rs-drawer",
|
|
2722
|
-
template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"($isOpened | async) ? 'yes' : 'no'\"\r\n [attr.data-transition]=\"useTransition\"\r\n >\r\n <div class=\"drawer-header\">\r\n <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n <div class=\"drawer-header-slot\" #
|
|
2723
|
-
styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-transition=yes]{transition:opacity .5s ease-in-out,left .5s ease-in-out}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content{flex:auto;overflow:hidden;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{
|
|
2779
|
+
template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n #drawer\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"($isOpened | async) ? 'yes' : 'no'\"\r\n [attr.data-transition]=\"useTransition\"\r\n >\r\n <div class=\"drawer-header\" #header>\r\n <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n <div class=\"drawer-header-slot\" #headerSlot></div>\r\n </div>\r\n <div class=\"drawer-top-slot\" #topSlot></div>\r\n <div class=\"drawer-content\" #content>\r\n <div class=\"drawer-content-container\">\r\n <ng-template #dynamicComponentContainer></ng-template>\r\n </div>\r\n </div>\r\n <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\r\n </div>\r\n</div>\r\n",
|
|
2780
|
+
styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-transition=yes]{transition:opacity .5s ease-in-out,left .5s ease-in-out}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content{flex:auto;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;overflow:hidden;pointer-events:auto;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 0 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{margin-top:var(--drawer-top,0);padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty{margin-top:var(--drawer-top,16px);box-shadow:0 min(0,var(--drawer-top,-16px)) #f8fafb}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
|
|
2724
2781
|
}] }
|
|
2725
2782
|
];
|
|
2726
2783
|
/** @nocollapse */
|
|
@@ -2730,8 +2787,12 @@ var DrawerComponent = /** @class */ (function () {
|
|
|
2730
2787
|
]; };
|
|
2731
2788
|
DrawerComponent.propDecorators = {
|
|
2732
2789
|
element: [{ type: ViewChild, args: ["element", { static: false },] }],
|
|
2733
|
-
|
|
2790
|
+
drawer: [{ type: ViewChild, args: ["drawer", { static: false },] }],
|
|
2734
2791
|
header: [{ type: ViewChild, args: ["header", { static: false },] }],
|
|
2792
|
+
content: [{ type: ViewChild, args: ["content", { static: false },] }],
|
|
2793
|
+
toolbarSlot: [{ type: ViewChild, args: ["toolbarSlot", { static: false },] }],
|
|
2794
|
+
headerSlot: [{ type: ViewChild, args: ["headerSlot", { static: false },] }],
|
|
2795
|
+
topSlot: [{ type: ViewChild, args: ["topSlot", { static: false },] }],
|
|
2735
2796
|
container: [{ type: ViewChild, args: ["dynamicComponentContainer", {
|
|
2736
2797
|
read: ViewContainerRef,
|
|
2737
2798
|
static: false,
|
|
@@ -2743,9 +2804,17 @@ if (false) {
|
|
|
2743
2804
|
/** @type {?} */
|
|
2744
2805
|
DrawerComponent.prototype.element;
|
|
2745
2806
|
/** @type {?} */
|
|
2746
|
-
DrawerComponent.prototype.
|
|
2807
|
+
DrawerComponent.prototype.drawer;
|
|
2747
2808
|
/** @type {?} */
|
|
2748
2809
|
DrawerComponent.prototype.header;
|
|
2810
|
+
/** @type {?} */
|
|
2811
|
+
DrawerComponent.prototype.content;
|
|
2812
|
+
/** @type {?} */
|
|
2813
|
+
DrawerComponent.prototype.toolbarSlot;
|
|
2814
|
+
/** @type {?} */
|
|
2815
|
+
DrawerComponent.prototype.headerSlot;
|
|
2816
|
+
/** @type {?} */
|
|
2817
|
+
DrawerComponent.prototype.topSlot;
|
|
2749
2818
|
/**
|
|
2750
2819
|
* @type {?}
|
|
2751
2820
|
* @private
|