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,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('@syncfusion/ej2-angular-treegrid'), require('@angular/router'), require('rxjs/operators'), require('rxjs'), 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/material/snack-bar'), require('@angular/material/dialog'), 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-
|
|
3
|
-
typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', '@syncfusion/ej2-angular-treegrid', '@angular/router', 'rxjs/operators', 'rxjs', '@angular/common/http', '@syncfusion/ej2-base', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/material/snack-bar', '@angular/material/dialog', '@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-
|
|
4
|
-
(global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.ej2AngularTreegrid, global.ng.router, global.rxjs.operators, global.rxjs, global.ng.common.http, global.ej2Base, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.material['snack-bar'], global.ng.material.dialog, global.ng.forms, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.
|
|
5
|
-
}(this, (function (exports, core, ej2AngularGrids, lodash, ej2AngularTreegrid, router, operators, rxjs, http, ej2Base, common, ej2Data, icon, platformBrowser, snackBar, dialog, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('@syncfusion/ej2-angular-navigations'), require('@syncfusion/ej2-angular-treegrid'), require('@angular/router'), require('rxjs/operators'), require('rxjs'), 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/material/snack-bar'), require('@angular/material/dialog'), 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')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', '@syncfusion/ej2-angular-navigations', '@syncfusion/ej2-angular-treegrid', '@angular/router', 'rxjs/operators', 'rxjs', '@angular/common/http', '@syncfusion/ej2-base', '@angular/common', '@syncfusion/ej2-data', '@angular/material/icon', '@angular/platform-browser', '@angular/material/snack-bar', '@angular/material/dialog', '@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) :
|
|
4
|
+
(global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.ej2AngularNavigations, global.ej2AngularTreegrid, global.ng.router, global.rxjs.operators, global.rxjs, global.ng.common.http, global.ej2Base, global.ng.common, global.ej2Data, global.ng.material.icon, global.ng.platformBrowser, global.ng.material['snack-bar'], global.ng.material.dialog, 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));
|
|
5
|
+
}(this, (function (exports, core, ej2AngularGrids, lodash, ej2AngularNavigations, ej2AngularTreegrid, router, operators, rxjs, http, ej2Base, common, ej2Data, icon, platformBrowser, snackBar, dialog, forms, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip) { 'use strict';
|
|
6
6
|
|
|
7
7
|
/*! *****************************************************************************
|
|
8
8
|
Copyright (c) Microsoft Corporation.
|
|
@@ -1643,6 +1643,29 @@
|
|
|
1643
1643
|
* @return {?}
|
|
1644
1644
|
*/
|
|
1645
1645
|
function () { };
|
|
1646
|
+
/**
|
|
1647
|
+
* @return {?}
|
|
1648
|
+
*/
|
|
1649
|
+
RsPageTabComponent.prototype.ngAfterViewInit = /**
|
|
1650
|
+
* @return {?}
|
|
1651
|
+
*/
|
|
1652
|
+
function () {
|
|
1653
|
+
var _this = this;
|
|
1654
|
+
if (this.currentTab !== undefined) {
|
|
1655
|
+
/** @type {?} */
|
|
1656
|
+
var idx_1 = this.tabList.findIndex((/**
|
|
1657
|
+
* @param {?} ele
|
|
1658
|
+
* @return {?}
|
|
1659
|
+
*/
|
|
1660
|
+
function (ele) { return ele.value === _this.currentTab; }));
|
|
1661
|
+
setTimeout((/**
|
|
1662
|
+
* @return {?}
|
|
1663
|
+
*/
|
|
1664
|
+
function () {
|
|
1665
|
+
_this.tabObj.select(idx_1);
|
|
1666
|
+
}), 30);
|
|
1667
|
+
}
|
|
1668
|
+
};
|
|
1646
1669
|
/**
|
|
1647
1670
|
* @param {?} e
|
|
1648
1671
|
* @return {?}
|
|
@@ -1652,16 +1675,34 @@
|
|
|
1652
1675
|
* @return {?}
|
|
1653
1676
|
*/
|
|
1654
1677
|
function (e) {
|
|
1655
|
-
|
|
1678
|
+
if (e.isInteracted) {
|
|
1679
|
+
this.tabChange.emit(this.tabList[e.selectedIndex]);
|
|
1680
|
+
}
|
|
1681
|
+
};
|
|
1682
|
+
// 切换tab,传入下标
|
|
1683
|
+
// 切换tab,传入下标
|
|
1684
|
+
/**
|
|
1685
|
+
* @param {?} idx
|
|
1686
|
+
* @return {?}
|
|
1687
|
+
*/
|
|
1688
|
+
RsPageTabComponent.prototype.changeTab =
|
|
1689
|
+
// 切换tab,传入下标
|
|
1690
|
+
/**
|
|
1691
|
+
* @param {?} idx
|
|
1692
|
+
* @return {?}
|
|
1693
|
+
*/
|
|
1694
|
+
function (idx) {
|
|
1695
|
+
this.tabObj.select(idx);
|
|
1656
1696
|
};
|
|
1657
1697
|
RsPageTabComponent.decorators = [
|
|
1658
1698
|
{ type: core.Component, args: [{
|
|
1659
1699
|
selector: "rs-page-tab",
|
|
1660
|
-
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",
|
|
1700
|
+
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",
|
|
1661
1701
|
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}"]
|
|
1662
1702
|
}] }
|
|
1663
1703
|
];
|
|
1664
1704
|
RsPageTabComponent.propDecorators = {
|
|
1705
|
+
tabObj: [{ type: core.ViewChild, args: ["tabObj", { static: false },] }],
|
|
1665
1706
|
pageTitle: [{ type: core.Input }],
|
|
1666
1707
|
customPageTitle: [{ type: core.Input }],
|
|
1667
1708
|
tabList: [{ type: core.Input }],
|
|
@@ -1671,6 +1712,8 @@
|
|
|
1671
1712
|
return RsPageTabComponent;
|
|
1672
1713
|
}());
|
|
1673
1714
|
if (false) {
|
|
1715
|
+
/** @type {?} */
|
|
1716
|
+
RsPageTabComponent.prototype.tabObj;
|
|
1674
1717
|
/** @type {?} */
|
|
1675
1718
|
RsPageTabComponent.prototype.pageTitle;
|
|
1676
1719
|
/** @type {?} */
|
|
@@ -2801,11 +2844,22 @@
|
|
|
2801
2844
|
* @return {?}
|
|
2802
2845
|
*/
|
|
2803
2846
|
function (cache) {
|
|
2804
|
-
this.setSlotElement(cache.toolbarEl, this.
|
|
2805
|
-
this.setSlotElement(cache.headerEl, this.
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2847
|
+
this.setSlotElement(cache.toolbarEl, this.toolbarSlot.nativeElement);
|
|
2848
|
+
this.setSlotElement(cache.headerEl, this.headerSlot.nativeElement);
|
|
2849
|
+
this.setSlotElement(cache.topEl, this.topSlot.nativeElement);
|
|
2850
|
+
if (!cache.topEl) {
|
|
2851
|
+
/** @type {?} */
|
|
2852
|
+
var drawerTop = cache.config.top ? cache.config.top + "px" : "";
|
|
2853
|
+
this.element.nativeElement.style.setProperty("--drawer-top", drawerTop);
|
|
2854
|
+
}
|
|
2855
|
+
if (cache.config.mode === "inner") {
|
|
2856
|
+
this.content.nativeElement.insertBefore(this.header.nativeElement, this.content.nativeElement.firstChild);
|
|
2857
|
+
this.content.nativeElement.append(this.toolbarSlot.nativeElement);
|
|
2858
|
+
}
|
|
2859
|
+
else {
|
|
2860
|
+
this.drawer.nativeElement.insertBefore(this.header.nativeElement, this.drawer.nativeElement.firstChild);
|
|
2861
|
+
this.header.nativeElement.append(this.toolbarSlot.nativeElement);
|
|
2862
|
+
}
|
|
2809
2863
|
};
|
|
2810
2864
|
/**
|
|
2811
2865
|
* @template T
|
|
@@ -2831,11 +2885,14 @@
|
|
|
2831
2885
|
/** @type {?} */
|
|
2832
2886
|
var headerEl = this.getSlotElement(componentRef, "[drawer-header]");
|
|
2833
2887
|
/** @type {?} */
|
|
2888
|
+
var topEl = this.getSlotElement(componentRef, "[drawer-top]");
|
|
2889
|
+
/** @type {?} */
|
|
2834
2890
|
var cache = {
|
|
2835
2891
|
config: showConfig,
|
|
2836
2892
|
ref: componentRef,
|
|
2837
2893
|
toolbarEl: toolbarEl,
|
|
2838
2894
|
headerEl: headerEl,
|
|
2895
|
+
topEl: topEl,
|
|
2839
2896
|
};
|
|
2840
2897
|
this.setComponentData(componentRef, data);
|
|
2841
2898
|
this.componentRefMap.set(this.service.cacheKey, cache);
|
|
@@ -2911,8 +2968,8 @@
|
|
|
2911
2968
|
DrawerComponent.decorators = [
|
|
2912
2969
|
{ type: core.Component, args: [{
|
|
2913
2970
|
selector: "rs-drawer",
|
|
2914
|
-
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\" #
|
|
2915
|
-
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{
|
|
2971
|
+
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",
|
|
2972
|
+
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}"]
|
|
2916
2973
|
}] }
|
|
2917
2974
|
];
|
|
2918
2975
|
/** @nocollapse */
|
|
@@ -2922,8 +2979,12 @@
|
|
|
2922
2979
|
]; };
|
|
2923
2980
|
DrawerComponent.propDecorators = {
|
|
2924
2981
|
element: [{ type: core.ViewChild, args: ["element", { static: false },] }],
|
|
2925
|
-
|
|
2982
|
+
drawer: [{ type: core.ViewChild, args: ["drawer", { static: false },] }],
|
|
2926
2983
|
header: [{ type: core.ViewChild, args: ["header", { static: false },] }],
|
|
2984
|
+
content: [{ type: core.ViewChild, args: ["content", { static: false },] }],
|
|
2985
|
+
toolbarSlot: [{ type: core.ViewChild, args: ["toolbarSlot", { static: false },] }],
|
|
2986
|
+
headerSlot: [{ type: core.ViewChild, args: ["headerSlot", { static: false },] }],
|
|
2987
|
+
topSlot: [{ type: core.ViewChild, args: ["topSlot", { static: false },] }],
|
|
2927
2988
|
container: [{ type: core.ViewChild, args: ["dynamicComponentContainer", {
|
|
2928
2989
|
read: core.ViewContainerRef,
|
|
2929
2990
|
static: false,
|
|
@@ -2935,9 +2996,17 @@
|
|
|
2935
2996
|
/** @type {?} */
|
|
2936
2997
|
DrawerComponent.prototype.element;
|
|
2937
2998
|
/** @type {?} */
|
|
2938
|
-
DrawerComponent.prototype.
|
|
2999
|
+
DrawerComponent.prototype.drawer;
|
|
2939
3000
|
/** @type {?} */
|
|
2940
3001
|
DrawerComponent.prototype.header;
|
|
3002
|
+
/** @type {?} */
|
|
3003
|
+
DrawerComponent.prototype.content;
|
|
3004
|
+
/** @type {?} */
|
|
3005
|
+
DrawerComponent.prototype.toolbarSlot;
|
|
3006
|
+
/** @type {?} */
|
|
3007
|
+
DrawerComponent.prototype.headerSlot;
|
|
3008
|
+
/** @type {?} */
|
|
3009
|
+
DrawerComponent.prototype.topSlot;
|
|
2941
3010
|
/**
|
|
2942
3011
|
* @type {?}
|
|
2943
3012
|
* @private
|