raise-common-lib 0.0.80 → 0.0.81
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 +28 -13
- 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/grid-box/index.component.js +5 -8
- package/esm2015/lib/layout/page-list/index.component.js +23 -3
- package/esm5/lib/layout/grid-box/index.component.js +5 -8
- package/esm5/lib/layout/page-list/index.component.js +23 -3
- package/fesm2015/raise-common-lib.js +25 -10
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +25 -10
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/grid-box/index.component.d.ts +1 -2
- package/lib/layout/page-list/index.component.d.ts +3 -0
- 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-
|
|
3
|
-
typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', '@syncfusion/ej2-angular-
|
|
4
|
-
(global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.
|
|
5
|
-
}(this, (function (exports, core, ej2AngularGrids, lodash,
|
|
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('@syncfusion/ej2-angular-navigations'), 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-treegrid', '@syncfusion/ej2-angular-navigations', '@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.ej2AngularTreegrid, global.ej2AngularNavigations, 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, ej2AngularTreegrid, ej2AngularNavigations, 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.
|
|
@@ -1537,6 +1537,7 @@
|
|
|
1537
1537
|
var RsPageListComponent = /** @class */ (function () {
|
|
1538
1538
|
function RsPageListComponent() {
|
|
1539
1539
|
this.customPageTitle = false;
|
|
1540
|
+
this.hideSearch = false;
|
|
1540
1541
|
this.isInner = false;
|
|
1541
1542
|
this.hasWholeToolbarSlot = false;
|
|
1542
1543
|
}
|
|
@@ -1572,7 +1573,15 @@
|
|
|
1572
1573
|
* @return {?}
|
|
1573
1574
|
*/
|
|
1574
1575
|
function () {
|
|
1575
|
-
this.gridContent
|
|
1576
|
+
if (this.gridContent) {
|
|
1577
|
+
this.gridContent.grid.search(this.searchValue);
|
|
1578
|
+
}
|
|
1579
|
+
else if (this.orignGrid) {
|
|
1580
|
+
this.orignGrid.search(this.searchValue);
|
|
1581
|
+
}
|
|
1582
|
+
else if (this.treeGrid) {
|
|
1583
|
+
this.treeGrid.search(this.searchValue);
|
|
1584
|
+
}
|
|
1576
1585
|
};
|
|
1577
1586
|
/**
|
|
1578
1587
|
* @return {?}
|
|
@@ -1586,15 +1595,18 @@
|
|
|
1586
1595
|
RsPageListComponent.decorators = [
|
|
1587
1596
|
{ type: core.Component, args: [{
|
|
1588
1597
|
selector: "rs-page-list",
|
|
1589
|
-
template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\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 <div class=\"rs-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
1598
|
+
template: "<div class=\"rs-page-list-wrap\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\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 <div class=\"rs-sub-section\">\r\n <ng-content select=\"[subSectionSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-content-wrap\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
1590
1599
|
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-sub-section{width:100%}.rs-page-list-wrap .rs-content-wrap{display:flex;flex-direction:column;flex:1;height:0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center;gap:4px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px}.rs-page-list-wrap .rs-content-wrap .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-page-list-wrap .rs-content-wrap .rs-grid-wrap{flex:1;height:0}.rs-page-list-wrap.is-not-inner .rs-content-wrap{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-page-list-wrap .rs-search-input{width:240px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-page-list-wrap .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
1591
1600
|
}] }
|
|
1592
1601
|
];
|
|
1593
1602
|
RsPageListComponent.propDecorators = {
|
|
1594
1603
|
gridContent: [{ type: core.ContentChild, args: [CommonGridComponent, { static: true },] }],
|
|
1604
|
+
orignGrid: [{ type: core.ContentChild, args: [ej2AngularGrids.GridComponent, { static: true },] }],
|
|
1605
|
+
treeGrid: [{ type: core.ContentChild, args: [ej2AngularTreegrid.TreeGridComponent, { static: true },] }],
|
|
1595
1606
|
wholeToolbarSlot: [{ type: core.ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
1596
1607
|
pageTitle: [{ type: core.Input }],
|
|
1597
1608
|
customPageTitle: [{ type: core.Input }],
|
|
1609
|
+
hideSearch: [{ type: core.Input }],
|
|
1598
1610
|
isInner: [{ type: core.Input }]
|
|
1599
1611
|
};
|
|
1600
1612
|
return RsPageListComponent;
|
|
@@ -1603,12 +1615,18 @@
|
|
|
1603
1615
|
/** @type {?} */
|
|
1604
1616
|
RsPageListComponent.prototype.gridContent;
|
|
1605
1617
|
/** @type {?} */
|
|
1618
|
+
RsPageListComponent.prototype.orignGrid;
|
|
1619
|
+
/** @type {?} */
|
|
1620
|
+
RsPageListComponent.prototype.treeGrid;
|
|
1621
|
+
/** @type {?} */
|
|
1606
1622
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
1607
1623
|
/** @type {?} */
|
|
1608
1624
|
RsPageListComponent.prototype.pageTitle;
|
|
1609
1625
|
/** @type {?} */
|
|
1610
1626
|
RsPageListComponent.prototype.customPageTitle;
|
|
1611
1627
|
/** @type {?} */
|
|
1628
|
+
RsPageListComponent.prototype.hideSearch;
|
|
1629
|
+
/** @type {?} */
|
|
1612
1630
|
RsPageListComponent.prototype.isInner;
|
|
1613
1631
|
/**
|
|
1614
1632
|
* @type {?}
|
|
@@ -1735,7 +1753,7 @@
|
|
|
1735
1753
|
*/
|
|
1736
1754
|
var GridBoxComponent = /** @class */ (function () {
|
|
1737
1755
|
function GridBoxComponent() {
|
|
1738
|
-
this.
|
|
1756
|
+
this.hideSearch = false;
|
|
1739
1757
|
this.isInner = false;
|
|
1740
1758
|
this.hasWholeToolbarSlot = false;
|
|
1741
1759
|
}
|
|
@@ -1793,7 +1811,7 @@
|
|
|
1793
1811
|
GridBoxComponent.decorators = [
|
|
1794
1812
|
{ type: core.Component, args: [{
|
|
1795
1813
|
selector: "rs-grid-box",
|
|
1796
|
-
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
1814
|
+
template: "<div class=\"rs-grid-box\" [ngClass]=\"{ 'is-not-inner': !isInner }\">\r\n <div class=\"rs-content-tab\">\r\n <ng-content select=\"[contentTabSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-toolbar-wrap\">\r\n <div class=\"rs-whole-bar\" *ngIf=\"hasWholeToolbarSlot\">\r\n <ng-content select=\"[wholeToolbarSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-left-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[leftToolbarBtnSlot]\"></ng-content>\r\n </div>\r\n <div class=\"rs-right-col\" *ngIf=\"!hasWholeToolbarSlot\">\r\n <ng-content select=\"[rightToolbarBtnSlot]\"></ng-content>\r\n <div class=\"rs-search-input\" *ngIf=\"!hideSearch\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput()\"\r\n placeholder=\"Search all fields\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"rs-grid-wrap\">\r\n <ng-content select=\"[gridSlot]\"></ng-content>\r\n </div>\r\n</div>\r\n",
|
|
1797
1815
|
styles: [":host{height:100%}.rs-grid-box{display:flex;flex-direction:column;height:100%}.rs-grid-box.is-not-inner{border-radius:15px;padding:12px 20px;background:#fff;border:1px solid var(--rs-border-color);box-shadow:0 0 4px 0 rgba(0,0,0,.1)}.rs-grid-box .rs-toolbar-wrap{display:flex;justify-content:space-between;align-items:center;padding-bottom:4px;border-bottom:1px solid #eaedf0}.rs-grid-box .rs-toolbar-wrap .rs-whole-bar{width:100%}.rs-grid-box .rs-toolbar-wrap .rs-left-col,.rs-grid-box .rs-toolbar-wrap .rs-right-col{display:flex;align-items:center;gap:4px}.rs-grid-box .rs-toolbar-wrap .rs-left-col ::ng-deep .e-btn,.rs-grid-box .rs-toolbar-wrap .rs-right-col ::ng-deep .e-btn{height:24px}.rs-grid-box .rs-toolbar-wrap .rs-right-col{gap:12px}.rs-grid-box .rs-grid-wrap{flex:1;height:0}.rs-grid-box .rs-search-input{width:240px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-grid-box .rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:26px}.rs-grid-box .rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-grid-box .rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:6px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
1798
1816
|
}] }
|
|
1799
1817
|
];
|
|
@@ -1802,8 +1820,7 @@
|
|
|
1802
1820
|
orignGrid: [{ type: core.ContentChild, args: [ej2AngularGrids.GridComponent, { static: true },] }],
|
|
1803
1821
|
treeGrid: [{ type: core.ContentChild, args: [ej2AngularTreegrid.TreeGridComponent, { static: true },] }],
|
|
1804
1822
|
wholeToolbarSlot: [{ type: core.ContentChild, args: ["wholeToolbarSlot", { static: true },] }],
|
|
1805
|
-
|
|
1806
|
-
customPageTitle: [{ type: core.Input }],
|
|
1823
|
+
hideSearch: [{ type: core.Input }],
|
|
1807
1824
|
isInner: [{ type: core.Input }]
|
|
1808
1825
|
};
|
|
1809
1826
|
return GridBoxComponent;
|
|
@@ -1818,9 +1835,7 @@
|
|
|
1818
1835
|
/** @type {?} */
|
|
1819
1836
|
GridBoxComponent.prototype.wholeToolbarSlot;
|
|
1820
1837
|
/** @type {?} */
|
|
1821
|
-
GridBoxComponent.prototype.
|
|
1822
|
-
/** @type {?} */
|
|
1823
|
-
GridBoxComponent.prototype.customPageTitle;
|
|
1838
|
+
GridBoxComponent.prototype.hideSearch;
|
|
1824
1839
|
/** @type {?} */
|
|
1825
1840
|
GridBoxComponent.prototype.isInner;
|
|
1826
1841
|
/**
|