ps-toolkit-ui 0.0.73 → 0.0.77
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 +7 -8
- 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/form.class.js +2 -2
- package/esm2015/lib/classes/table.class.js +1 -2
- package/esm2015/lib/components/form/date/form.date.component.js +1 -5
- package/esm2015/lib/components/layout/layout.component.js +8 -4
- package/fesm2015/ps-toolkit-ui.js +7 -8
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/components/layout/layout.component.d.ts +3 -0
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -1267,7 +1267,7 @@ class InputClass {
|
|
|
1267
1267
|
InputType.NationalCode, InputType.Sheba, InputType.PostalCode, InputType.Date, InputType.Time].includes(type) ? ' ltr' : '');
|
|
1268
1268
|
this.type = type;
|
|
1269
1269
|
this.value = value;
|
|
1270
|
-
|
|
1270
|
+
this.default = HelperClass.clone(value);
|
|
1271
1271
|
this.required = required;
|
|
1272
1272
|
this.minLength = type === InputType.Mobile || type === InputType.Phone ? 11 :
|
|
1273
1273
|
type === InputType.NationalCode || type === InputType.PostalCode ? 10 :
|
|
@@ -2610,9 +2610,6 @@ class FormDateComponent {
|
|
|
2610
2610
|
this.todayDay = parseInt(today.format('jDD'), 10);
|
|
2611
2611
|
this.todayMonth = parseInt(today.format('jMM'), 10);
|
|
2612
2612
|
this.todayYear = parseInt(today.format('jYYYY'), 10);
|
|
2613
|
-
console.log(44444444444);
|
|
2614
|
-
console.log(this.inp.value);
|
|
2615
|
-
console.log(typeof this.inp.value);
|
|
2616
2613
|
this.setInpValue(this.inp.value);
|
|
2617
2614
|
this.inp.setValue = (v) => {
|
|
2618
2615
|
this.setInpValue(v);
|
|
@@ -2652,7 +2649,6 @@ class FormDateComponent {
|
|
|
2652
2649
|
};
|
|
2653
2650
|
}
|
|
2654
2651
|
setInpValue(v) {
|
|
2655
|
-
console.log(typeof v, 'typeof vtypeof vtypeof vtypeof v');
|
|
2656
2652
|
if (v === null) {
|
|
2657
2653
|
this.inp.clear();
|
|
2658
2654
|
return;
|
|
@@ -5928,6 +5924,9 @@ class LayoutComponent {
|
|
|
5928
5924
|
constructor() {
|
|
5929
5925
|
this.permissions = [];
|
|
5930
5926
|
}
|
|
5927
|
+
changeSidebarActive() {
|
|
5928
|
+
this.sidebar.setActive();
|
|
5929
|
+
}
|
|
5931
5930
|
toggleSidebar() {
|
|
5932
5931
|
$('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
|
|
5933
5932
|
}
|
|
@@ -5935,14 +5934,15 @@ class LayoutComponent {
|
|
|
5935
5934
|
LayoutComponent.decorators = [
|
|
5936
5935
|
{ type: Component, args: [{
|
|
5937
5936
|
selector: 'lib-layout',
|
|
5938
|
-
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar\">\r\n <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <lib-header></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",
|
|
5937
|
+
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar\">\r\n <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\r\n <lib-sidebar #sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\"></lib-sidebar>\r\n </div>\r\n </div>\r\n <div class=\"content\">\r\n <lib-header></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",
|
|
5939
5938
|
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{position:relative}#Layout .panel .sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Layout .panel .sidebar,#Layout .panel .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right;overflow:hidden;position:absolute;z-index:9}#Layout .panel .sidebar-shadow{background-color:var(--black);height:calc(100vh - 85px);left:0;min-height:calc(100vh - 85px);opacity:0;transition:all .3s;visibility:hidden;width:100%}#Layout .panel.open-sidebar .sidebar{width:260px}#Layout .panel .sidebar .sidebar-scroll{height:100%;width:100%}#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 .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .content{width:100%}#Layout .panel .content,#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .sidebar{right:0}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}"]
|
|
5940
5939
|
},] }
|
|
5941
5940
|
];
|
|
5942
5941
|
LayoutComponent.ctorParameters = () => [];
|
|
5943
5942
|
LayoutComponent.propDecorators = {
|
|
5944
5943
|
permissions: [{ type: Input }],
|
|
5945
|
-
area: [{ type: Input }]
|
|
5944
|
+
area: [{ type: Input }],
|
|
5945
|
+
sidebar: [{ type: ViewChild, args: ['sidebar',] }]
|
|
5946
5946
|
};
|
|
5947
5947
|
|
|
5948
5948
|
class PsToolkitUiModule {
|
|
@@ -6301,7 +6301,6 @@ class TableClass {
|
|
|
6301
6301
|
};
|
|
6302
6302
|
}
|
|
6303
6303
|
else if (option.Type === PermissionTypeEnum.OptionIcon) {
|
|
6304
|
-
console.log(option.OnClick);
|
|
6305
6304
|
if (option.OnClick) {
|
|
6306
6305
|
opt.onClick = (btn) => {
|
|
6307
6306
|
option.OnClick(btn);
|