ps-toolkit-ui 0.0.225 → 0.0.229
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/ps-toolkit-ui.umd.js +14 -7
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/classes/chart.class.js +8 -2
- package/esm2015/lib/classes/string.class.js +2 -1
- package/esm2015/lib/components/chart/chart.component.js +2 -2
- package/esm2015/lib/components/header/header.component.js +1 -1
- package/esm2015/lib/components/layout/layout.component.js +3 -3
- package/esm2015/lib/components/sidebar/sidebar.component.js +3 -3
- package/fesm2015/ps-toolkit-ui.js +14 -7
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/classes/chart.class.d.ts +1 -0
- package/lib/classes/string.class.d.ts +1 -0
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -274,6 +274,7 @@
|
|
|
274
274
|
LoadingComp: 'در حال {} <span class="dot-spinner comp"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></span>',
|
|
275
275
|
LoadingEmpty: '<span class="dot-spinner"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></span>',
|
|
276
276
|
LoadingTable: '<i class="fas fa-spin fa-spinner m-l-5-p icon"></i> در حال {} <span class="dot-spinner black"><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></span>',
|
|
277
|
+
EmptyData: 'اطلاعاتی برای نمایش وجود ندارد',
|
|
277
278
|
LoadingText: 'در حال {}',
|
|
278
279
|
Waiting: 'انتظار',
|
|
279
280
|
Required: 'را وارد کنید',
|
|
@@ -2055,7 +2056,7 @@
|
|
|
2055
2056
|
{ type: core.Component, args: [{
|
|
2056
2057
|
selector: 'lib-header',
|
|
2057
2058
|
template: "<div id=\"Header\" class=\"underline\">\r\n <div class=\"content\"><ng-content></ng-content></div>\r\n <div class=\"logout\">\r\n <lib-form-button [inp]=\"logoutInp\"></lib-form-button>\r\n </div>\r\n</div>\r\n",
|
|
2058
|
-
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .logout{float:left;
|
|
2059
|
+
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .content{float:right;height:100%;width:calc(100% - 150px)}#Header .logout{float:left;padding:10px 30px;width:150px}@media (max-width:399.98px){#Header .toggle-sidebar{display:block}}@media (min-width:400px) and (max-width:499.98px){#Header .toggle-sidebar{display:block}}@media (min-width:500px) and (max-width:599.98px){#Header .toggle-sidebar{display:block}}@media (min-width:600px) and (max-width:699.98px){#Header .toggle-sidebar{display:block}}@media (min-width:700px) and (max-width:799.98px){#Header .toggle-sidebar{display:block}}"]
|
|
2059
2060
|
},] }
|
|
2060
2061
|
];
|
|
2061
2062
|
HeaderComponent.ctorParameters = function () { return [
|
|
@@ -2230,8 +2231,8 @@
|
|
|
2230
2231
|
SidebarComponent.decorators = [
|
|
2231
2232
|
{ type: core.Component, args: [{
|
|
2232
2233
|
selector: 'lib-sidebar',
|
|
2233
|
-
template: "<div id=\"Sidebar\"
|
|
2234
|
-
styles: ["#Sidebar,#Sidebar .sidebar-
|
|
2234
|
+
template: "<div id=\"Sidebar\" class=\"open\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-right\"></i>\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar.emit()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <div class=\"brand-con\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"sidebar-con\" id=\"sidebar-con\">\r\n <span *ngFor=\"let item of sidebar\">\r\n <lib-sidebar-item [i]=\"0\" [item]=\"item\" [base]=\"true\" [currentSidebar]=\"currentSidebar\" [area]=\"area\"></lib-sidebar-item>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
2235
|
+
styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;position:absolute;z-index:9}#Sidebar .sidebar-shadow{background-color:var(--black);float:right;height:calc(100vh - 85px);left:0;min-height:calc(100vh - 85px);opacity:0;overflow:hidden;transition:all .3s;visibility:hidden;width:100%}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{height:100%;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .sidebar-con{direction:rtl;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .brand-con{background-color:var(--base-dark);float:right;height:50px;width:100%}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;line-height:50px;text-align:center;transition:all .3s;width:78px}#Sidebar.close .toggle{transform:scaleX(-1)}#Sidebar .toggle:hover{color:var(--comp-dark)}@media (max-width:399.98px){#Sidebar{right:0;width:200px}#Sidebar,#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Sidebar{right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Sidebar{right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:900px) and (max-width:999.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:1000px) and (max-width:1099.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:1100px) and (max-width:1199.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}"]
|
|
2235
2236
|
},] }
|
|
2236
2237
|
];
|
|
2237
2238
|
SidebarComponent.ctorParameters = function () { return [
|
|
@@ -7012,8 +7013,8 @@
|
|
|
7012
7013
|
LayoutComponent.decorators = [
|
|
7013
7014
|
{ type: core.Component, args: [{
|
|
7014
7015
|
selector: 'lib-layout',
|
|
7015
|
-
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel
|
|
7016
|
-
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{
|
|
7016
|
+
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel\">\r\n <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\">\r\n <ng-content select=\"[slot=sidebar]\"></ng-content>\r\n </lib-sidebar>\r\n <div class=\"content\">\r\n <lib-header (logout)=\"logout.emit()\">\r\n <ng-content select=\"[slot=header]\"></ng-content>\r\n </lib-header>\r\n <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n <div class=\"content-scroll\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
7017
|
+
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel.open-sidebar .content{width:calc(100% - 260px)}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}"]
|
|
7017
7018
|
},] }
|
|
7018
7019
|
];
|
|
7019
7020
|
LayoutComponent.ctorParameters = function () { return []; };
|
|
@@ -7190,7 +7191,7 @@
|
|
|
7190
7191
|
ChartComponent.decorators = [
|
|
7191
7192
|
{ type: core.Component, args: [{
|
|
7192
7193
|
selector: 'lib-chart',
|
|
7193
|
-
template: "<div class=\"chart-con\" [style]=\"chart.style\">\r\n <div *ngIf=\"chart.loading\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"chart.l('LoadingTable', 'Processing')\"></div>\r\n </div>\r\n <div style=\"height: 100%\" [id]=\"this.chart.name + 'Chart'\"></div>\r\n</div>\r\n",
|
|
7194
|
+
template: "<div class=\"chart-con\" [style]=\"chart.style\">\r\n <div *ngIf=\"chart.loading\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"chart.l('LoadingTable', 'Processing')\"></div>\r\n </div>\r\n <div *ngIf=\"chart.empty\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"chart.l('EmptyData')\"></div>\r\n </div>\r\n <div style=\"height: 100%\" [id]=\"this.chart.name + 'Chart'\"></div>\r\n</div>\r\n",
|
|
7194
7195
|
styles: [".chart-con{direction:ltr;float:right;position:relative;width:100%}.chart-con .loading{background-color:#fff;height:100%;position:absolute;right:0;top:0;width:100%;z-index:9}.chart-con .loading .text{direction:rtl;font-family:VazirBold;height:40px;line-height:40px;position:absolute;text-align:center;top:calc(50% - 20px);width:100%}"]
|
|
7195
7196
|
},] }
|
|
7196
7197
|
];
|
|
@@ -7567,6 +7568,7 @@
|
|
|
7567
7568
|
function ChartClass(l, name) {
|
|
7568
7569
|
this.style = {};
|
|
7569
7570
|
this.loading = false;
|
|
7571
|
+
this.empty = false;
|
|
7570
7572
|
this.options = {};
|
|
7571
7573
|
this.l = l;
|
|
7572
7574
|
this.name = name;
|
|
@@ -7574,7 +7576,12 @@
|
|
|
7574
7576
|
ChartClass.prototype.setChart = function (cOpt, categories) {
|
|
7575
7577
|
if (categories === void 0) { categories = []; }
|
|
7576
7578
|
var date = this.l('Date');
|
|
7577
|
-
var
|
|
7579
|
+
var data = [].concat.apply([], cOpt.series.map(function (o) { return o.data; }));
|
|
7580
|
+
if (data.filter(function (x) { return x !== 0; }).length == 0) {
|
|
7581
|
+
this.empty = true;
|
|
7582
|
+
return;
|
|
7583
|
+
}
|
|
7584
|
+
var min = Math.min.apply(Math, __spread(data));
|
|
7578
7585
|
var th = this;
|
|
7579
7586
|
var opt = {
|
|
7580
7587
|
chart: {
|