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
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { EventEmitter, Component, ChangeDetectorRef, ViewChild, Input, Output, HostBinding, ContentChild, Injectable, ɵɵdefineInjectable, ɵɵinject, HostListener, ComponentFactoryResolver, ViewContainerRef, ViewChildren, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
2
2
|
import { GridComponent, GridModule, PagerModule, GridAllModule, PageService, SortService, FilterService, ExcelExportService, EditService, ResizeService, ToolbarService, ColumnChooserService, AggregateService, ColumnMenuService, DetailRowService, SelectionService, GroupService } from '@syncfusion/ej2-angular-grids';
|
|
3
3
|
import { times, debounce } from 'lodash';
|
|
4
|
+
import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-angular-navigations';
|
|
4
5
|
import { TreeGridComponent } from '@syncfusion/ej2-angular-treegrid';
|
|
5
6
|
import { NavigationEnd, Router, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
|
|
6
7
|
import { filter } from 'rxjs/operators';
|
|
@@ -23,7 +24,6 @@ import { DropDownListModule, DropDownTreeModule, MultiSelectAllModule, AutoCompl
|
|
|
23
24
|
import { PivotViewAllModule, PivotFieldListAllModule } from '@syncfusion/ej2-angular-pivotview';
|
|
24
25
|
import { ChartAllModule, AccumulationChartAllModule, RangeNavigatorAllModule, AccumulationChartModule, PieSeriesService, AccumulationLegendService, AccumulationTooltipService, AccumulationAnnotationService, AccumulationDataLabelService } from '@syncfusion/ej2-angular-charts';
|
|
25
26
|
import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts';
|
|
26
|
-
import { CarouselAllModule, ToolbarModule, TabModule } from '@syncfusion/ej2-angular-navigations';
|
|
27
27
|
import { PdfViewerModule, LinkAnnotationService, BookmarkViewService, MagnificationService, ThumbnailViewService, ToolbarService as ToolbarService$1, NavigationService, TextSearchService, TextSelectionService, PrintService } from '@syncfusion/ej2-angular-pdfviewer';
|
|
28
28
|
import { DropDownButtonModule, SplitButtonModule } from '@syncfusion/ej2-angular-splitbuttons';
|
|
29
29
|
import { RichTextEditorAllModule, HtmlEditorService, ToolbarService as ToolbarService$2 } from '@syncfusion/ej2-angular-richtexteditor';
|
|
@@ -1236,22 +1236,52 @@ class RsPageTabComponent {
|
|
|
1236
1236
|
* @return {?}
|
|
1237
1237
|
*/
|
|
1238
1238
|
ngOnInit() { }
|
|
1239
|
+
/**
|
|
1240
|
+
* @return {?}
|
|
1241
|
+
*/
|
|
1242
|
+
ngAfterViewInit() {
|
|
1243
|
+
if (this.currentTab !== undefined) {
|
|
1244
|
+
/** @type {?} */
|
|
1245
|
+
const idx = this.tabList.findIndex((/**
|
|
1246
|
+
* @param {?} ele
|
|
1247
|
+
* @return {?}
|
|
1248
|
+
*/
|
|
1249
|
+
(ele) => ele.value === this.currentTab));
|
|
1250
|
+
setTimeout((/**
|
|
1251
|
+
* @return {?}
|
|
1252
|
+
*/
|
|
1253
|
+
() => {
|
|
1254
|
+
this.tabObj.select(idx);
|
|
1255
|
+
}), 30);
|
|
1256
|
+
}
|
|
1257
|
+
}
|
|
1239
1258
|
/**
|
|
1240
1259
|
* @param {?} e
|
|
1241
1260
|
* @return {?}
|
|
1242
1261
|
*/
|
|
1243
1262
|
onTabClick(e) {
|
|
1244
|
-
|
|
1263
|
+
if (e.isInteracted) {
|
|
1264
|
+
this.tabChange.emit(this.tabList[e.selectedIndex]);
|
|
1265
|
+
}
|
|
1266
|
+
}
|
|
1267
|
+
// 切换tab,传入下标
|
|
1268
|
+
/**
|
|
1269
|
+
* @param {?} idx
|
|
1270
|
+
* @return {?}
|
|
1271
|
+
*/
|
|
1272
|
+
changeTab(idx) {
|
|
1273
|
+
this.tabObj.select(idx);
|
|
1245
1274
|
}
|
|
1246
1275
|
}
|
|
1247
1276
|
RsPageTabComponent.decorators = [
|
|
1248
1277
|
{ type: Component, args: [{
|
|
1249
1278
|
selector: "rs-page-tab",
|
|
1250
|
-
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",
|
|
1279
|
+
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",
|
|
1251
1280
|
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}"]
|
|
1252
1281
|
}] }
|
|
1253
1282
|
];
|
|
1254
1283
|
RsPageTabComponent.propDecorators = {
|
|
1284
|
+
tabObj: [{ type: ViewChild, args: ["tabObj", { static: false },] }],
|
|
1255
1285
|
pageTitle: [{ type: Input }],
|
|
1256
1286
|
customPageTitle: [{ type: Input }],
|
|
1257
1287
|
tabList: [{ type: Input }],
|
|
@@ -1259,6 +1289,8 @@ RsPageTabComponent.propDecorators = {
|
|
|
1259
1289
|
tabChange: [{ type: Output }]
|
|
1260
1290
|
};
|
|
1261
1291
|
if (false) {
|
|
1292
|
+
/** @type {?} */
|
|
1293
|
+
RsPageTabComponent.prototype.tabObj;
|
|
1262
1294
|
/** @type {?} */
|
|
1263
1295
|
RsPageTabComponent.prototype.pageTitle;
|
|
1264
1296
|
/** @type {?} */
|
|
@@ -2212,11 +2244,22 @@ class DrawerComponent {
|
|
|
2212
2244
|
* @return {?}
|
|
2213
2245
|
*/
|
|
2214
2246
|
setCache(cache) {
|
|
2215
|
-
this.setSlotElement(cache.toolbarEl, this.
|
|
2216
|
-
this.setSlotElement(cache.headerEl, this.
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
|
|
2247
|
+
this.setSlotElement(cache.toolbarEl, this.toolbarSlot.nativeElement);
|
|
2248
|
+
this.setSlotElement(cache.headerEl, this.headerSlot.nativeElement);
|
|
2249
|
+
this.setSlotElement(cache.topEl, this.topSlot.nativeElement);
|
|
2250
|
+
if (!cache.topEl) {
|
|
2251
|
+
/** @type {?} */
|
|
2252
|
+
const drawerTop = cache.config.top ? `${cache.config.top}px` : "";
|
|
2253
|
+
this.element.nativeElement.style.setProperty("--drawer-top", drawerTop);
|
|
2254
|
+
}
|
|
2255
|
+
if (cache.config.mode === "inner") {
|
|
2256
|
+
this.content.nativeElement.insertBefore(this.header.nativeElement, this.content.nativeElement.firstChild);
|
|
2257
|
+
this.content.nativeElement.append(this.toolbarSlot.nativeElement);
|
|
2258
|
+
}
|
|
2259
|
+
else {
|
|
2260
|
+
this.drawer.nativeElement.insertBefore(this.header.nativeElement, this.drawer.nativeElement.firstChild);
|
|
2261
|
+
this.header.nativeElement.append(this.toolbarSlot.nativeElement);
|
|
2262
|
+
}
|
|
2220
2263
|
}
|
|
2221
2264
|
/**
|
|
2222
2265
|
* @template T
|
|
@@ -2235,11 +2278,14 @@ class DrawerComponent {
|
|
|
2235
2278
|
/** @type {?} */
|
|
2236
2279
|
const headerEl = this.getSlotElement(componentRef, "[drawer-header]");
|
|
2237
2280
|
/** @type {?} */
|
|
2281
|
+
const topEl = this.getSlotElement(componentRef, "[drawer-top]");
|
|
2282
|
+
/** @type {?} */
|
|
2238
2283
|
const cache = {
|
|
2239
2284
|
config: showConfig,
|
|
2240
2285
|
ref: componentRef,
|
|
2241
2286
|
toolbarEl,
|
|
2242
2287
|
headerEl,
|
|
2288
|
+
topEl,
|
|
2243
2289
|
};
|
|
2244
2290
|
this.setComponentData(componentRef, data);
|
|
2245
2291
|
this.componentRefMap.set(this.service.cacheKey, cache);
|
|
@@ -2303,8 +2349,8 @@ class DrawerComponent {
|
|
|
2303
2349
|
DrawerComponent.decorators = [
|
|
2304
2350
|
{ type: Component, args: [{
|
|
2305
2351
|
selector: "rs-drawer",
|
|
2306
|
-
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\" #
|
|
2307
|
-
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{
|
|
2352
|
+
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",
|
|
2353
|
+
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}"]
|
|
2308
2354
|
}] }
|
|
2309
2355
|
];
|
|
2310
2356
|
/** @nocollapse */
|
|
@@ -2314,8 +2360,12 @@ DrawerComponent.ctorParameters = () => [
|
|
|
2314
2360
|
];
|
|
2315
2361
|
DrawerComponent.propDecorators = {
|
|
2316
2362
|
element: [{ type: ViewChild, args: ["element", { static: false },] }],
|
|
2317
|
-
|
|
2363
|
+
drawer: [{ type: ViewChild, args: ["drawer", { static: false },] }],
|
|
2318
2364
|
header: [{ type: ViewChild, args: ["header", { static: false },] }],
|
|
2365
|
+
content: [{ type: ViewChild, args: ["content", { static: false },] }],
|
|
2366
|
+
toolbarSlot: [{ type: ViewChild, args: ["toolbarSlot", { static: false },] }],
|
|
2367
|
+
headerSlot: [{ type: ViewChild, args: ["headerSlot", { static: false },] }],
|
|
2368
|
+
topSlot: [{ type: ViewChild, args: ["topSlot", { static: false },] }],
|
|
2319
2369
|
container: [{ type: ViewChild, args: ["dynamicComponentContainer", {
|
|
2320
2370
|
read: ViewContainerRef,
|
|
2321
2371
|
static: false,
|
|
@@ -2325,9 +2375,17 @@ if (false) {
|
|
|
2325
2375
|
/** @type {?} */
|
|
2326
2376
|
DrawerComponent.prototype.element;
|
|
2327
2377
|
/** @type {?} */
|
|
2328
|
-
DrawerComponent.prototype.
|
|
2378
|
+
DrawerComponent.prototype.drawer;
|
|
2329
2379
|
/** @type {?} */
|
|
2330
2380
|
DrawerComponent.prototype.header;
|
|
2381
|
+
/** @type {?} */
|
|
2382
|
+
DrawerComponent.prototype.content;
|
|
2383
|
+
/** @type {?} */
|
|
2384
|
+
DrawerComponent.prototype.toolbarSlot;
|
|
2385
|
+
/** @type {?} */
|
|
2386
|
+
DrawerComponent.prototype.headerSlot;
|
|
2387
|
+
/** @type {?} */
|
|
2388
|
+
DrawerComponent.prototype.topSlot;
|
|
2331
2389
|
/**
|
|
2332
2390
|
* @type {?}
|
|
2333
2391
|
* @private
|