ps-toolkit-ui 0.0.227 → 0.0.231
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/layout/layout.component.js +3 -3
- package/esm2015/lib/components/sidebar/item/sidebar.item.component.js +1 -1
- 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: 'را وارد کنید',
|
|
@@ -2137,7 +2138,7 @@
|
|
|
2137
2138
|
{ type: core.Component, args: [{
|
|
2138
2139
|
selector: 'lib-sidebar-item',
|
|
2139
2140
|
template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + 'user-sidebar-item'\">\r\n <a [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"(area ? '/' + area : '') + '/' + (item.controller == 'Dashboard' ? '' : (item.controller + (item.action ? '/' + item.action : '')))\">\r\n <i [className]=\"item.icon + ' icon'\"></i>\r\n <div class=\"title\">{{ l(item.name) }}</div>\r\n </a>\r\n <div [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" class=\"content parent\">\r\n <i [className]=\"item.icon + ' icon'\"></i>\r\n <div class=\"title\">{{ l(item.name) }}</div>\r\n <i [className]=\"'fa-duotone fa-angle-left arrow'\"></i>\r\n </div>\r\n <div *ngIf=\"item.children.length > 0\" class=\"children\">\r\n <div class=\"items\">\r\n <lib-sidebar-item [i]=\"i + 1\" [item]=\"child\" [currentSidebar]=\"currentSidebar\" [area]=\"area\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
2140
|
-
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{cursor:pointer;float:right;position:relative;transition:all .3s;width:260px}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-11);border:2px solid var(--base-11)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;width:78px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;left:0;line-height:45px;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s;width:40px}::ng-deep #
|
|
2141
|
+
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{cursor:pointer;float:right;position:relative;transition:all .3s;width:260px}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-11);border:2px solid var(--base-11)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;width:78px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;left:0;line-height:45px;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s;width:40px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{opacity:1}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:calc(100% - 110px)}::ng-deep #Sidebar.close .user-sidebar-item .content{padding:0!important}.user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}.user-sidebar-item>.children .content .icon{font-size:11px}.user-sidebar-item.parent-active>.content,.user-sidebar-item:hover>.content{background-color:var(--base-dark)}.user-sidebar-item.parent-active>.content .title,.user-sidebar-item:hover>.content .title{color:#fff;font-family:VazirBold}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--comp)}.user-sidebar-item.parent-active>.content .arrow,.user-sidebar-item:hover>.content .arrow{color:#fff}.user-sidebar-item.parent-active>.children{display:block}@media (max-width:399.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:400px) and (max-width:499.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:500px) and (max-width:599.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:600px) and (max-width:699.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:700px) and (max-width:799.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:800px) and (max-width:899.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:900px) and (max-width:999.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}"]
|
|
2141
2142
|
},] }
|
|
2142
2143
|
];
|
|
2143
2144
|
SidebarItemComponent.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\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-right\"></i>\r\n <div class=\"brand-con\">\r\n
|
|
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);position:relative;transition:width .3s;width:78px;z-index:12}#Sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}#Sidebar .sidebar-shadow{background-color:var(--black);height:100vh;left:0;min-height:100vh;opacity:0;overflow:hidden;position:fixed;transition:xall .3s;visibility:hidden;width:100%;z-index:9}#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;padding:10px;width:100%}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;left:-60px;line-height:50px;text-align:center;transition:all .3s;width:60px}#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: {
|