ps-toolkit-ui 1.7.20 → 1.7.23
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 +28 -27
- 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/components/accordion/accordion.component.js +1 -1
- package/esm2015/lib/components/alert/alert.component.js +1 -1
- package/esm2015/lib/components/calendar/calendar.component.js +1 -1
- package/esm2015/lib/components/chart/chart.component.js +1 -1
- package/esm2015/lib/components/confirm/confirm.component.js +1 -1
- package/esm2015/lib/components/error/error.component.js +1 -1
- package/esm2015/lib/components/footer/footer.component.js +1 -1
- package/esm2015/lib/components/form/date/form.date.component.js +3 -2
- package/esm2015/lib/components/form/datetime/form.datetime.component.js +1 -1
- package/esm2015/lib/components/form/index/form.component.js +1 -1
- package/esm2015/lib/components/form/select/form.select.component.js +1 -1
- package/esm2015/lib/components/form/tag/form.tag.component.js +1 -1
- package/esm2015/lib/components/form/textarea/form.textarea.component.js +1 -1
- package/esm2015/lib/components/form/textbox/form.textbox.component.js +1 -1
- package/esm2015/lib/components/form/time/form.time.component.js +1 -1
- package/esm2015/lib/components/form/vehicle/form.vehicle.component.js +1 -1
- package/esm2015/lib/components/form/vehicle/search/form.vehicle.search.component.js +1 -1
- package/esm2015/lib/components/header/header.component.js +1 -1
- package/esm2015/lib/components/header/sub/sub.header.component.js +1 -1
- package/esm2015/lib/components/login/login.component.js +1 -1
- package/esm2015/lib/components/modal/modal.component.js +1 -1
- package/esm2015/lib/components/notfound/notfound.component.js +1 -1
- package/esm2015/lib/components/sidebar/item/sidebar.item.component.js +1 -1
- package/esm2015/lib/components/sidebar/sidebar.component.js +1 -1
- package/esm2015/lib/components/table/loading/table.loading.component.js +1 -1
- package/esm2015/lib/components/table/row/table.row.component.js +1 -1
- package/esm2015/lib/components/table/table.component.js +1 -1
- package/fesm2015/ps-toolkit-ui.js +28 -27
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
- package/src/assets/fonts/VazirBlack.ttf +0 -0
- package/src/assets/fonts/VazirBlack.woff2 +0 -0
- package/src/assets/fonts/VazirBold.ttf +0 -0
- package/src/assets/fonts/VazirBold.woff2 +0 -0
- package/src/assets/fonts/VazirExtraBold.ttf +0 -0
- package/src/assets/fonts/VazirExtraBold.woff2 +0 -0
- package/src/assets/fonts/VazirExtraLight.ttf +0 -0
- package/src/assets/fonts/VazirExtraLight.woff2 +0 -0
- package/src/assets/fonts/VazirLight.ttf +0 -0
- package/src/assets/fonts/VazirLight.woff2 +0 -0
- package/src/assets/fonts/VazirMedium.ttf +0 -0
- package/src/assets/fonts/VazirMedium.woff2 +0 -0
- package/src/assets/fonts/VazirRegular.ttf +0 -0
- package/src/assets/fonts/VazirRegular.woff2 +0 -0
- package/src/assets/fonts/VazirSemiBold.ttf +0 -0
- package/src/assets/fonts/VazirSemiBold.woff2 +0 -0
- package/src/assets/fonts/VazirThin.ttf +0 -0
- package/src/assets/fonts/VazirThin.woff2 +0 -0
- package/src/assets/styles/base.css +3 -6
- package/src/assets/fonts/Vazir.eot +0 -0
- package/src/assets/fonts/Vazir.ttf +0 -0
- package/src/assets/fonts/Vazir.woff +0 -0
- package/src/assets/fonts/Vazir.woff2 +0 -0
- package/src/assets/fonts/VazirBlack.eot +0 -0
- package/src/assets/fonts/VazirBlack.woff +0 -0
- package/src/assets/fonts/VazirBold.eot +0 -0
- package/src/assets/fonts/VazirBold.woff +0 -0
- package/src/assets/fonts/VazirLight.eot +0 -0
- package/src/assets/fonts/VazirLight.woff +0 -0
- package/src/assets/fonts/VazirMedium.eot +0 -0
- package/src/assets/fonts/VazirMedium.woff +0 -0
- package/src/assets/fonts/VazirThin.eot +0 -0
- package/src/assets/fonts/VazirThin.woff +0 -0
|
@@ -91,7 +91,7 @@ FormVehicleComponent.decorators = [
|
|
|
91
91
|
{ type: Component, args: [{
|
|
92
92
|
selector: 'lib-form-vehicle',
|
|
93
93
|
template: "<div #inputDiv [id]=\"inp.id + 'VehicleInput'\" [style]=\"inp.style\" [className]=\"inp.class + (inp.error == null ? '' : ' error') + (inp.disabled || inp.loading ? ' disabled' : '') + (inp.icon != null ? '' : ' without-icon') + ' form-input vehicle'\">\r\n <div class=\"disable-con\"></div>\r\n <div class=\"label\">\r\n <i *ngIf=\"inp.required\" class=\"f-r fas fa-star-of-life required-icon\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.Car)\" [className]=\"(type === vehicleType.Car ? 'active ' : '') + 'change-type-btn fas fa-car'\" (click)=\"changeType(vehicleType.Car)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.CarF)\" [className]=\"(type === vehicleType.CarF ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType(vehicleType.CarF)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.CarG)\" [className]=\"(type === vehicleType.CarG ? 'active ' : '') + 'change-type-btn fas fa-globe'\" (click)=\"changeType(vehicleType.CarG)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.Motorcycle)\" [className]=\"(type === vehicleType.Motorcycle ? 'active ' : '') + 'change-type-btn fas fa-motorcycle'\" (click)=\"changeType(vehicleType.Motorcycle)\"></i>\r\n </div>\r\n <div class=\"w-100 p-r\">\r\n <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"car\" *ngIf=\"type === vehicleType.Car\"></lib-form-plaque>\r\n <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carF\" *ngIf=\"type === vehicleType.CarF\"></lib-form-plaque>\r\n <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carG\" *ngIf=\"type === vehicleType.CarG\"></lib-form-plaque>\r\n <lib-form-plaque (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"motor\" *ngIf=\"type === vehicleType.Motorcycle\"></lib-form-plaque>\r\n </div>\r\n</div>\r\n",
|
|
94
|
-
styles: [".form-input.vehicle{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.vehicle .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.vehicle.error .label{color:var(--red);font-size:10px}.form-input.vehicle .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.vehicle .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.vehicle .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.vehicle .label .change-type-btn.active,.form-input.vehicle .label .change-type-btn:hover{color:var(--primary)}.form-input.vehicle .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-
|
|
94
|
+
styles: [".form-input.vehicle{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.vehicle .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.vehicle.error .label{color:var(--red);font-size:10px}.form-input.vehicle .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.vehicle .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.vehicle .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.vehicle .label .change-type-btn.active,.form-input.vehicle .label .change-type-btn:hover{color:var(--primary)}.form-input.vehicle .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input.vehicle .control:focus,.form-input.vehicle:hover .control{box-shadow:0 1px 5px 0 rgba(0,0,0,.7)}.form-input.vehicle span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input.vehicle span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input.vehicle span.icon.button:hover{background-color:var(--base-dark)}.form-input.vehicle span.icon.button.blue{background-color:var(--blue)}.form-input.vehicle span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input.vehicle span.icon.button.green{background-color:var(--green)}.form-input.vehicle span.icon.button.green:hover{background-color:var(--green-dark)}.form-input.vehicle span.icon.button.red{background-color:var(--red)}.form-input.vehicle span.icon.button.red:hover{background-color:var(--red-dark)}.form-input.vehicle span.icon.button.yellow{background-color:var(--yellow)}.form-input.vehicle span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input.vehicle .disable-con{display:none}.form-input.vehicle.disabled{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default}.form-input.vehicle.disabled .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input.vehicle.display .label{display:none}.form-input.vehicle.display .disable-con{display:block;height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.form-input.vehicle.error .control{box-shadow:0 1px 3px 0 var(--red)}.form-input.vehicle.error .control,.form-input.vehicle.error span.icon{color:var(--red-light)}.form-input.vehicle .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;position:absolute;right:0;transition:width .5s ease-in-out;width:100%;z-index:2}.form-input.vehicle.without-icon .control{padding:5px 10px}.form-input.vehicle.h-50 .control{height:50px}.form-input.vehicle.h-50 span.icon{height:50px;line-height:50px}.form-input.vehicle.h-45 .control{height:45px}.form-input.vehicle.h-45 span.icon{height:45px;line-height:45px}.form-input.vehicle.h-30 .control{font-size:10px;height:30px;padding:0}.form-input.vehicle.h-30 span.icon{height:30px;line-height:30px}.form-input.vehicle.h-35{height:35px}.form-input.vehicle.h-35 .control{height:35px;padding:0 35px}.form-input.vehicle.h-35 span.icon{height:35px;line-height:35px}.form-input.vehicle.h-25 .control{height:25px;padding:0}.form-input.vehicle.h-25 span.icon{height:25px;line-height:25px}.form-input.vehicle.table-search{float:right;margin-right:10%;margin-top:4px;width:80%}.form-input.vehicle.h-22 .control{height:22px;padding:0}.form-input.vehicle.h-22 span.icon{height:22px;line-height:22px}.form-input.vehicle.plaque-part-1{float:left;padding:0!important;width:35px!important}.form-input.vehicle.plaque-part-1.plaque-part-m{width:49px!important}.form-input.vehicle.plaque-part-3{float:left;padding:0!important;width:49px!important}.form-input.vehicle.plaque-part-3.plaque-part-m{width:69px!important}.form-input.vehicle.plaque-part-4{float:left;margin-top:10px;padding:0!important;width:34px!important}.form-input.vehicle.plaque-part-4 .control{height:25px!important}.form-input.vehicle.plaque-part-4.plaque-part-m{display:none!important}.form-input.vehicle.bank-card-part-item{float:left;padding:0!important;width:25%}.form-input.vehicle.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Free;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input.vehicle.bank-card-part-item .control{background-color:initial!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
|
|
95
95
|
},] }
|
|
96
96
|
];
|
|
97
97
|
FormVehicleComponent.ctorParameters = () => [];
|
|
@@ -200,7 +200,7 @@ FormVehicleSearchComponent.decorators = [
|
|
|
200
200
|
{ type: Component, args: [{
|
|
201
201
|
selector: 'lib-form-vehicle-search',
|
|
202
202
|
template: "<div #inputDiv [id]=\"inp.id + 'VehicleSearchInput'\" [style]=\"inp.style\" [className]=\"inp.class + (inp.error == null ? '' : ' error') + (inp.icon != null ? '' : ' without-icon') + ' form-input vehicle-search'\">\r\n <div class=\"label\">\r\n <i *ngIf=\"inp.required\" class=\"f-r fas fa-star-of-life required-icon\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.Car)\" [className]=\"(type == vehicleType.Car ? 'active ' : '') + 'change-type-btn fas fa-car'\" (click)=\"changeType(vehicleType.Car)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.Motorcycle)\" [className]=\"(type == vehicleType.Motorcycle ? 'active ' : '') + 'change-type-btn fas fa-motorcycle'\" (click)=\"changeType(vehicleType.Motorcycle)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.Driver)\" [className]=\"(type == vehicleType.Driver ? 'active ' : '') + 'change-type-btn fas fa-user'\" (click)=\"changeType(vehicleType.Driver)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.Fingerprint)\" [className]=\"(type == vehicleType.Fingerprint ? 'active ' : '') + 'change-type-btn fas fa-fingerprint'\" (click)=\"changeType(vehicleType.Fingerprint)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.CarF)\" [className]=\"(type == vehicleType.CarF ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType(vehicleType.CarF)\"></i>\r\n <i *ngIf=\"inp.rows.includes(vehicleType.CarG)\" [className]=\"(type == vehicleType.CarG ? 'active ' : '') + 'change-type-btn fas fa-earth-asia'\" (click)=\"changeType(vehicleType.CarG)\"></i>\r\n </div>\r\n <div class=\"w-100 p-r\">\r\n <lib-form-plaque-select (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"car\" *ngIf=\"type === vehicleType.Car\"></lib-form-plaque-select>\r\n <lib-form-plaque-select (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"motor\" *ngIf=\"type === vehicleType.Motorcycle\"></lib-form-plaque-select>\r\n <lib-form-plaque-select (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carF\" *ngIf=\"type === vehicleType.CarF\"></lib-form-plaque-select>\r\n <lib-form-plaque-select (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"carG\" *ngIf=\"type === vehicleType.CarG\"></lib-form-plaque-select>\r\n <lib-form-select (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"driver\" *ngIf=\"type === vehicleType.Driver\"></lib-form-select>\r\n <lib-form-select (changeIndex)=\"changeIndex.emit($event)\" [inp]=\"fingerprint\" *ngIf=\"type === vehicleType.Fingerprint\"></lib-form-select>\r\n </div>\r\n</div>\r\n",
|
|
203
|
-
styles: [".form-input.vehicle-search{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.vehicle-search .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.vehicle-search.error .label{color:var(--red);font-size:10px}.form-input.vehicle-search .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.vehicle-search .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.vehicle-search .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.vehicle-search .label .change-type-btn.active,.form-input.vehicle-search .label .change-type-btn:hover{color:var(--primary)}.form-input.vehicle-search .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-
|
|
203
|
+
styles: [".form-input.vehicle-search{border-radius:var(--border-radius-base);float:right;font-size:15px;position:relative;width:185px}.form-input.vehicle-search .label{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:default;direction:rtl;float:right;font-size:12px;height:20px;line-height:20px;margin-bottom:3px;padding:0 10px;text-align:right;width:100%}.form-input.vehicle-search.error .label{color:var(--red);font-size:10px}.form-input.vehicle-search .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input.vehicle-search .label .change-type-btn{cursor:pointer;float:right;font-size:16px;height:20px;line-height:20px;text-align:center;width:30px}.form-input.vehicle-search .label .change-type-btn.fa-user{font-size:14px;line-height:18px}.form-input.vehicle-search .label .change-type-btn.active,.form-input.vehicle-search .label .change-type-btn:hover{color:var(--primary)}.form-input.vehicle-search .control{background-color:#fff;background-image:none;border:none;border-radius:var(--border-radius-base);box-shadow:0 1px 3px 0 rgba(0,0,0,.4);color:var(--black);display:block;font-size:11px;height:35px;padding:5px 35px;position:relative;text-align:center;width:100%;z-index:2}.form-input.vehicle-search .control:focus,.form-input.vehicle-search:hover .control{box-shadow:0 1px 5px 0 rgba(0,0,0,.7)}.form-input.vehicle-search span.icon{bottom:0;color:var(--primary);cursor:text;font-size:14px;height:35px;left:0;line-height:38px;position:absolute;text-align:center;transition:all .35s ease-in-out;width:35px;z-index:2}.form-input.vehicle-search span.icon.button{background-color:var(--base);border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:#fff;cursor:pointer}.form-input.vehicle-search span.icon.button:hover{background-color:var(--base-dark)}.form-input.vehicle-search span.icon.button.blue{background-color:var(--blue)}.form-input.vehicle-search span.icon.button.blue:hover{background-color:var(--blue-dark)}.form-input.vehicle-search span.icon.button.green{background-color:var(--green)}.form-input.vehicle-search span.icon.button.green:hover{background-color:var(--green-dark)}.form-input.vehicle-search span.icon.button.red{background-color:var(--red)}.form-input.vehicle-search span.icon.button.red:hover{background-color:var(--red-dark)}.form-input.vehicle-search span.icon.button.yellow{background-color:var(--yellow)}.form-input.vehicle-search span.icon.button.yellow:hover{background-color:var(--yellow-dark)}.form-input.vehicle-search.disabled .control,.form-input.vehicle-search.disabled .label,.form-input.vehicle-search.disabled span.icon{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;box-shadow:unset;cursor:default;filter:blur(.5px);opacity:.7}.form-input.vehicle-search.error .control{box-shadow:0 1px 3px 0 var(--red)}.form-input.vehicle-search.error .control,.form-input.vehicle-search.error span.icon{color:var(--red-light)}.form-input.vehicle-search .progress{background-color:var(--primary);border-radius:var(--border-radius-base);bottom:0;height:3px;line-height:3px;position:absolute;right:0;transition:width .5s ease-in-out;width:100%;z-index:2}.form-input.vehicle-search.without-icon .control{padding:5px 10px}.form-input.vehicle-search.h-50 .control{height:50px}.form-input.vehicle-search.h-50 span.icon{height:50px;line-height:50px}.form-input.vehicle-search.h-45 .control{height:45px}.form-input.vehicle-search.h-45 span.icon{height:45px;line-height:45px}.form-input.vehicle-search.h-30 .control{font-size:10px;height:30px;padding:0}.form-input.vehicle-search.h-30 span.icon{height:30px;line-height:30px}.form-input.vehicle-search.h-35{height:35px}.form-input.vehicle-search.h-35 .control{height:35px;padding:0 35px}.form-input.vehicle-search.h-35 span.icon{height:35px;line-height:35px}.form-input.vehicle-search.h-25 .control{height:25px;padding:0}.form-input.vehicle-search.h-25 span.icon{height:25px;line-height:25px}.form-input.vehicle-search.table-search{float:right;margin-right:10%;margin-top:4px;width:80%}.form-input.vehicle-search.h-22 .control{height:22px;padding:0}.form-input.vehicle-search.h-22 span.icon{height:22px;line-height:22px}.form-input.vehicle-search.plaque-part-1{float:left;padding:0!important;width:35px!important}.form-input.vehicle-search.plaque-part-1.plaque-part-m{width:49px!important}.form-input.vehicle-search.plaque-part-3{float:left;padding:0!important;width:49px!important}.form-input.vehicle-search.plaque-part-3.plaque-part-m{width:69px!important}.form-input.vehicle-search.plaque-part-4{float:left;margin-top:10px;padding:0!important;width:34px!important}.form-input.vehicle-search.plaque-part-4 .control{height:25px!important}.form-input.vehicle-search.plaque-part-4.plaque-part-m{display:none!important}.form-input.vehicle-search.bank-card-part-item{float:left;padding:0!important;width:25%}.form-input.vehicle-search.bank-card-part-item:not(.bank-card-part-4):after{content:\"\\f068\";font-family:Font Awesome\\ 5 Free;font-size:6px;font-weight:900;height:20px;line-height:20px;position:absolute;right:-10px;text-align:center;top:calc(50% - 10px);width:20px}.form-input.vehicle-search.bank-card-part-item .control{background-color:initial!important;box-shadow:unset!important;font-size:13px!important;padding:0!important}"]
|
|
204
204
|
},] }
|
|
205
205
|
];
|
|
206
206
|
FormVehicleSearchComponent.ctorParameters = () => [];
|
|
@@ -25,7 +25,7 @@ HeaderComponent.decorators = [
|
|
|
25
25
|
{ type: Component, args: [{
|
|
26
26
|
selector: 'lib-header',
|
|
27
27
|
template: "<div id=\"Header\" class=\"underline\">\r\n <div class=\"content\"><ng-content></ng-content></div>\r\n <div (click)=\"showUserDropDown($event)\" class=\"user-con\">\r\n <i class=\"fa-duotone fa-user user\"></i>\r\n <div class=\"user-drop-down\">\r\n <div class=\"username\">{{currentData.user.Username}}</div>\r\n <lib-form-button [inp]=\"logoutInp\"></lib-form-button>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
28
|
-
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .content{float:right;height:100%;margin-right:50px;text-align:center;width:calc(100% - 150px)}#Header .user-con{align-items:center;display:flex;float:right;height:100%;justify-content:center;position:relative;width:100px}#Header .user-con .user{border-radius:50%;color:var(--primary);cursor:pointer;float:right;font-size:18px;height:30px;line-height:30px;text-align:center;width:30px}#Header .user-con .user:hover{color:var(--primary-dark)}#Header .user-con .user-drop-down{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);display:none;left:20px;overflow:hidden;position:absolute;top:55px;width:150px}#Header .user-con .user-drop-down .username{float:right;font-
|
|
28
|
+
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .content{float:right;height:100%;margin-right:50px;text-align:center;width:calc(100% - 150px)}#Header .user-con{align-items:center;display:flex;float:right;height:100%;justify-content:center;position:relative;width:100px}#Header .user-con .user{border-radius:50%;color:var(--primary);cursor:pointer;float:right;font-size:18px;height:30px;line-height:30px;text-align:center;width:30px}#Header .user-con .user:hover{color:var(--primary-dark)}#Header .user-con .user-drop-down{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);display:none;left:20px;overflow:hidden;position:absolute;top:55px;width:150px}#Header .user-con .user-drop-down .username{float:right;font-weight:700;line-height:35px;text-align:center;width:100%}::ng-deep #LogoutButtonInput .control{border-radius:0}@media (max-width:399.98px){#Header .content{font-size:12px;width:calc(100% - 100px)}#Header .user-con{width:50px}}@media (min-width:400px) and (max-width:499.98px){#Header .content{font-size:12px;width:calc(100% - 100px)}#Header .user-con{width:50px}}"]
|
|
29
29
|
},] }
|
|
30
30
|
];
|
|
31
31
|
HeaderComponent.ctorParameters = () => [
|
|
@@ -7,7 +7,7 @@ SubHeaderComponent.decorators = [
|
|
|
7
7
|
{ type: Component, args: [{
|
|
8
8
|
selector: 'lib-sub-header',
|
|
9
9
|
template: "<!--<div id=\"SubHeader\">-->\r\n<!-- <div class=\"breadcrumb\" *ngIf=\"app.breadcrumb != null\">-->\r\n<!-- <a class=\"item\"><div class=\"name\">{{app.breadcrumb[app.breadcrumb.length - 1].Name}}</div></a>-->\r\n<!-- <a class=\"item\" [routerLink]=\"b.Url\" *ngFor=\"let b of (app.breadcrumb.length == 1 ? [] : app.breadcrumb)\"><div class=\"name\">{{b.Name}}</div><i class=\"fa-duotone fa-angle-left\"></i></a>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"breadcrumb\" *ngIf=\"app.breadcrumb == null\" [innerHTML]=\"this.l('LoadingDot')\">-->\r\n<!-- </div>-->\r\n<!--</div>-->\r\n",
|
|
10
|
-
styles: ["#SubHeader{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;box-shadow:var(--box-shadow-header);position:relative;z-index:10}#SubHeader,#SubHeader .breadcrumb{float:right;height:40px;width:100%}#SubHeader .breadcrumb{line-height:40px;padding:0 40px}#SubHeader .breadcrumb .item{float:right}#SubHeader .breadcrumb .item .name{cursor:pointer;font-
|
|
10
|
+
styles: ["#SubHeader{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background-color:#fff;box-shadow:var(--box-shadow-header);position:relative;z-index:10}#SubHeader,#SubHeader .breadcrumb{float:right;height:40px;width:100%}#SubHeader .breadcrumb{line-height:40px;padding:0 40px}#SubHeader .breadcrumb .item{float:right}#SubHeader .breadcrumb .item .name{cursor:pointer;font-size:12px;font-weight:200;padding:0 20px;position:relative}#SubHeader .breadcrumb .item .name,#SubHeader .breadcrumb .item i{color:var(--black-light)!important;float:right;height:40px;line-height:40px}#SubHeader .breadcrumb .item i{cursor:default;font-size:15px;text-align:center;width:20px}#SubHeader .breadcrumb .item:not(:first-of-type) .name:hover{color:var(--primary)!important}#SubHeader .breadcrumb .item:first-of-type .name{color:var(--black)!important;cursor:default;font-size:16px;font-weight:700;margin-left:30px;padding:0;pointer-events:none}#SubHeader .breadcrumb .item:last-of-type i{display:none}"]
|
|
11
11
|
},] }
|
|
12
12
|
];
|
|
13
13
|
SubHeaderComponent.ctorParameters = () => [];
|
|
@@ -137,7 +137,7 @@ LoginComponent.decorators = [
|
|
|
137
137
|
{ type: Component, args: [{
|
|
138
138
|
selector: 'lib-login',
|
|
139
139
|
template: "<div id=\"LoginMain\" *ngIf=\"loginTemplate == 'Main'\">\r\n <div class=\"triangles\">\r\n <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-4 fas fa-caret-left\"></i>\r\n </div>\r\n <div class=\"form-c\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n <div class=\"about-c\">\r\n <div class=\"about\">\r\n <div class=\"info\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{ login.l('SoftwareName') }}\r\n </div>\r\n <div class=\"sub-title\">\r\n {{ login.l('SoftwareDesc') }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div id=\"LoginSimple\" *ngIf=\"loginTemplate == 'Simple'\">\r\n <div class=\"form-c\">\r\n <div class=\"title\">{{ login.l('SoftwareName') }}</div>\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n",
|
|
140
|
-
styles: ["#LoginMain{background-color:#fff;border-radius:var(--border-radius-base);float:right;min-height:100vh;overflow-y:auto;position:relative;width:100%}#LoginMain .about-c,#LoginMain .form-c{align-items:center;display:flex;float:left;justify-content:center;min-height:calc(100vh - 35px);position:relative;width:50%;z-index:2}#LoginMain .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#LoginMain .form-c .form{margin:0 auto;width:60%}#LoginMain .about,#LoginMain .about .info{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;float:right;position:relative;width:100%}#LoginMain .about .info{z-index:2}#LoginMain .triangles{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#LoginMain .triangles .triangle{color:var(--base);opacity:.1;position:absolute}#LoginMain .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#LoginMain .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#LoginMain .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#LoginMain .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#LoginMain .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#LoginMain .about .title{float:right;font-
|
|
140
|
+
styles: ["#LoginMain{background-color:#fff;border-radius:var(--border-radius-base);float:right;min-height:100vh;overflow-y:auto;position:relative;width:100%}#LoginMain .about-c,#LoginMain .form-c{align-items:center;display:flex;float:left;justify-content:center;min-height:calc(100vh - 35px);position:relative;width:50%;z-index:2}#LoginMain .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#LoginMain .form-c .form{margin:0 auto;width:60%}#LoginMain .about,#LoginMain .about .info{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;float:right;position:relative;width:100%}#LoginMain .about .info{z-index:2}#LoginMain .triangles{border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#LoginMain .triangles .triangle{color:var(--base);opacity:.1;position:absolute}#LoginMain .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#LoginMain .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#LoginMain .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#LoginMain .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#LoginMain .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#LoginMain .about .title{float:right;font-size:25px;font-weight:700;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;position:relative;text-align:center;width:100%}#LoginMain .about .sub-title{float:right;font-size:12px;font-weight:200;line-height:30px;margin-right:10%;padding:20px;position:relative;text-align:center;width:80%}::ng-deep #LoginMain .form-c .form .title{float:right;font-size:25px;font-weight:700;height:50px;line-height:50px;margin-bottom:10px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title{color:var(--black-light);float:right;font-size:12px;font-weight:200;height:30px;line-height:30px;margin-bottom:20px;text-align:center;width:100%}::ng-deep #LoginMain .form-c .form .sub-title:after{background-image:none!important}#LoginSimple{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}#LoginSimple,#LoginSimple .form-c{background-color:#fff;float:right;padding:20px}#LoginSimple .form-c{border:var(--border-base);border-radius:var(--border-radius-base);width:400px}#LoginSimple .form-c .title{color:var(--primary);float:right;font-size:25px;font-weight:700;line-height:60px;text-align:center;width:100%}::ng-deep #LoginSimple .form-c .form .title{float:right;font-size:18px;font-weight:700;height:40px;line-height:40px;margin-bottom:10px;width:100%}::ng-deep #LoginSimple .form-c .form .sub-title{color:var(--black-light);float:right;font-size:12px;font-weight:200;height:30px;line-height:30px;margin-bottom:20px;width:100%}::ng-deep #LoginSimple .form-c .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#LoginMain{height:calc(100vh - 60px)}#LoginMain .about-c,#LoginMain .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#LoginMain .form-c .form{width:100%}#LoginMain .about .info{padding:10px 5px 5px}#LoginMain .about .logo{height:100px;width:100px}}@media (min-width:400px) and (max-width:499.98px){#LoginMain{height:calc(100vh - 60px)}#LoginMain .about-c,#LoginMain .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#LoginMain .form-c .form{width:80%}#LoginMain .about .info{padding:10px}#LoginMain .about .logo{height:100px;width:100px}}@media (min-width:500px) and (max-width:599.98px){#LoginMain{height:calc(100vh - 60px)}#LoginMain .about-c,#LoginMain .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#LoginMain .form-c .form{float:right;margin-right:15%;width:70%}#LoginMain .about .info{padding:10px}#LoginMain .about .logo{height:150px;width:150px}}@media (min-width:600px) and (max-width:699.98px){#LoginMain .about-c,#LoginMain .form-c{float:right;width:100%}#LoginMain .form-c .form{float:right;margin-right:15%;width:70%}#LoginMain .about .info{padding:10px}#LoginMain .about .logo{height:150px;width:150px}}@media (min-width:700px) and (max-width:799.98px){#LoginMain .form-c .form{width:90%}}@media (min-width:800px) and (max-width:899.98px){#LoginMain .form-c .form{width:90%}}@media (min-width:900px) and (max-width:999.98px){#LoginMain .form-c .form{width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#LoginMain .form-c .form{width:80%}}@media (min-width:1100px) and (max-width:1199.98px){#LoginMain .form-c .form{width:70%}}@media (min-width:1200px) and (max-width:1299.98px){#LoginMain .form-c .form{width:70%}}"]
|
|
141
141
|
},] }
|
|
142
142
|
];
|
|
143
143
|
LoginComponent.ctorParameters = () => [
|
|
@@ -15,7 +15,7 @@ ModalComponent.decorators = [
|
|
|
15
15
|
{ type: Component, args: [{
|
|
16
16
|
selector: 'lib-modal',
|
|
17
17
|
template: "<div [id]=\"modal.id + 'Modal'\" class=\"modal\">\r\n <div [className]=\"(modal.class ? modal.class : '') + (modal.class.includes('xlg') ? '' : modal.class.includes('lg') ? ' w-1000-60 m-r-1000-20 w-700-70 m-r-700-15' : modal.class.includes('sm') ? ' w-1300-20 m-r-1300-40 w-1100-30 m-r-1100-35 w-600-60 m-r-600-20 w-500-70 m-r-500-15 w-400-80 m-r-400-10' : ' w-1300-40 m-r-1300-30 w-1100-50 m-r-1100-25 w-600-60 m-r-600-20 w-500-70 m-r-500-15 w-400-80 m-r-400-10') + ' content w-90 m-r-5'\">\r\n <lib-form-button [inp]=\"close\"></lib-form-button>\r\n <div class=\"body\">\r\n <ng-content></ng-content>\r\n <lib-form *ngIf=\"modal.form != null && modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n <lib-table *ngIf=\"modal.table != null\" [table]=\"modal.table\"></lib-table>\r\n <lib-form *ngIf=\"modal.form != null && !modal.firstForm\" [form]=\"modal.form\"></lib-form>\r\n <lib-accordion *ngIf=\"modal.accordion != null\" [accordion]=\"modal.accordion\"></lib-accordion>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
18
|
-
styles: [".modal{background-color:rgba(51,51,51,.26666666666666666);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-
|
|
18
|
+
styles: [".modal{background-color:rgba(51,51,51,.26666666666666666);display:none;height:100%;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:999}.modal .content{background-color:#fff;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow-modal);margin-bottom:50px;margin-top:50px;position:relative;z-index:2}.modal .content .header{float:right;position:relative;text-align:center;width:100%}.modal .content .header .title{float:left;font-size:18px;font-weight:700;height:40px;line-height:40px;width:100%}::ng-deep .modal .content>lib-form-button .form-input-con.button{left:-25px;position:absolute;top:-10px;z-index:5}.modal .content .body{float:right;position:relative;width:100%}@media (max-width:399.98px){.modal .content .close-modal{left:-15px!important}}"]
|
|
19
19
|
},] }
|
|
20
20
|
];
|
|
21
21
|
ModalComponent.ctorParameters = () => [];
|
|
@@ -20,7 +20,7 @@ NotfoundComponent.decorators = [
|
|
|
20
20
|
{ type: Component, args: [{
|
|
21
21
|
selector: 'lib-notfound',
|
|
22
22
|
template: "<div id=\"Notfound\">\r\n <div class=\"notfound-con\">\r\n <i class=\"far fa-frown notfound-icon\"></i>\r\n <div class=\"notfound\">404</div>\r\n <div class=\"notfound-text\">{{l(\"Text\")}}</div>\r\n <div class=\"notfound-btn\">\r\n <lib-form-button [inp]=\"back\"></lib-form-button>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
23
|
-
styles: ["#Notfound{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 125px);position:relative;width:100%}#Notfound .notfound-con{border-radius:var(--border-radius-base);float:right;height:100%;width:100%}#Notfound .notfound-con .notfound{float:right;font-
|
|
23
|
+
styles: ["#Notfound{align-items:center;background-color:#fff;display:flex;float:right;justify-content:center;min-height:calc(100vh - 125px);position:relative;width:100%}#Notfound .notfound-con{border-radius:var(--border-radius-base);float:right;height:100%;width:100%}#Notfound .notfound-con .notfound{float:right;font-size:60px;font-weight:700;height:100px;line-height:120px;position:relative;text-align:center;width:100%;z-index:2}#Notfound .notfound-con .notfound-text{float:right;font-size:16px;font-weight:200;height:40px;line-height:40px;position:relative;text-align:center;width:100%;z-index:2}#Notfound .notfound-con .notfound-btn{float:right;margin-right:40%;margin-top:15px;position:relative;width:20%;z-index:2}#Notfound .notfound-con .notfound-icon{color:var(--base-white);float:right;font-size:150px;text-align:center;width:100%}@media (max-width:399.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:90px}#Notfound .notfound-con .notfound-text{font-size:14px}#Notfound .notfound-con .notfound-icon{font-size:300px;left:-90px}}@media (min-width:400px) and (max-width:499.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:110px}#Notfound .notfound-con .notfound-text{font-size:16px}#Notfound .notfound-con .notfound-icon{font-size:380px}}@media (min-width:500px) and (max-width:599.99px){#Notfound .notfound-con{right:5%;width:90%}#Notfound .notfound-con .notfound{font-size:110px}#Notfound .notfound-con .notfound-text{font-size:16px}#Notfound .notfound-con .notfound-icon{font-size:380px}}@media (min-width:600px) and (max-width:699.99px){#Notfound .notfound-con{right:10%;width:80%}#Notfound .notfound-con .notfound{font-size:120px}#Notfound .notfound-con .notfound-text{font-size:17px}}"]
|
|
24
24
|
},] }
|
|
25
25
|
];
|
|
26
26
|
NotfoundComponent.ctorParameters = () => [
|
|
@@ -40,7 +40,7 @@ SidebarItemComponent.decorators = [
|
|
|
40
40
|
{ type: Component, args: [{
|
|
41
41
|
selector: 'lib-sidebar-item',
|
|
42
42
|
template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + 'user-sidebar-item'\">\r\n <a (click)=\"closeSidebar()\" [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"item.url\">\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\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
43
|
-
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{align-items:center;cursor:pointer;direction:rtl;display:flex;float:right;justify-content:right;position:relative;transition:all .3s;width:100%}.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-white);border:2px solid var(--base-white)}.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-
|
|
43
|
+
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{align-items:center;cursor:pointer;direction:rtl;display:flex;float:right;justify-content:right;position:relative;transition:all .3s;width:100%}.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-white);border:2px solid var(--base-white)}.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-size:12px;font-weight:200;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;transition:all .3s;width:100%}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;line-height:45px;overflow:hidden;text-align:center;transition:all .3s;width:0}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:30px}::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-weight:700}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--primary)}.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){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:400px) and (max-width:499.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:500px) and (max-width:599.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:600px) and (max-width:699.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:700px) and (max-width:799.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:800px) and (max-width:899.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:900px) and (max-width:999.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:1000px) and (max-width:1099.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}@media (min-width:1100px) and (max-width:1199.98px){::ng-deep #Sidebar .user-sidebar-item .content .title{width:calc(100% - 100px)}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:0}::ng-deep #Sidebar .user-sidebar-item .content .icon{width:70px}::ng-deep #Sidebar.open .user-sidebar-item .content .icon{width:100%}::ng-deep #Sidebar .user-sidebar-item .content .arrow{width:30px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{width:0}}"]
|
|
44
44
|
},] }
|
|
45
45
|
];
|
|
46
46
|
SidebarItemComponent.ctorParameters = () => [
|
|
@@ -54,7 +54,7 @@ SidebarComponent.decorators = [
|
|
|
54
54
|
{ type: Component, args: [{
|
|
55
55
|
selector: 'lib-sidebar',
|
|
56
56
|
template: "<div id=\"Sidebar\" class=\"open\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <i (click)=\"toggleSidebar()\" class=\"toggle fa-duotone fa-angle-double-left\"></i>\r\n <div class=\"brand-con\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{l('SoftwareName')}}\r\n <div class=\"version\">{{l('Version', currentData.software.Version)}}</div>\r\n </div>\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\"></lib-sidebar-item>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
57
|
-
styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:102}#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:all .3s;visibility:hidden;width:100%;z-index:103}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:104}#Sidebar .sidebar-scroll .sidebar-con{direction:ltr;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .brand-con{align-items:center;background-color:var(--base-dark);direction:rtl;display:flex;float:right;height:50px;justify-content:center;width:100%}#Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}#Sidebar .sidebar-scroll .brand-con .title{align-items:center;color:#fff;display:flex;font-
|
|
57
|
+
styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:102}#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:all .3s;visibility:hidden;width:100%;z-index:103}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:104}#Sidebar .sidebar-scroll .sidebar-con{direction:ltr;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .brand-con{align-items:center;background-color:var(--base-dark);direction:rtl;display:flex;float:right;height:50px;justify-content:center;width:100%}#Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}#Sidebar .sidebar-scroll .brand-con .title{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;overflow:hidden;position:relative;top:-4px;transition:all .3s;white-space:nowrap;width:0}#Sidebar.open .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-scroll .brand-con .title .version{font-size:9px;font-weight:200;position:absolute;top:27px}#Sidebar .toggle{color:var(--primary);cursor:pointer;float:left;font-size:18px;height:50px;left:-50px;line-height:50px;position:absolute;text-align:center;transform:scaleX(1);transition:all .3s;width:50px}#Sidebar.open .toggle{transform:scaleX(-1)}#Sidebar .toggle:hover{color:var(--primary-dark)}@media (max-width:399.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:240px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:400px) and (max-width:499.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:500px) and (max-width:599.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:600px) and (max-width:699.98px){#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:700px) and (max-width:799.98px){#Sidebar,#Sidebar.open{width:60px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:800px) and (max-width:899.98px){#Sidebar,#Sidebar.open{width:60px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:900px) and (max-width:999.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:1000px) and (max-width:1099.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}@media (min-width:1100px) and (max-width:1199.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--primary);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--primary-dark)}}"]
|
|
58
58
|
},] }
|
|
59
59
|
];
|
|
60
60
|
SidebarComponent.ctorParameters = () => [
|
|
@@ -7,7 +7,7 @@ TableLoadingComponent.decorators = [
|
|
|
7
7
|
{ type: Component, args: [{
|
|
8
8
|
selector: 'lib-table-loading',
|
|
9
9
|
template: "<div *ngIf=\"table.loading\" class=\"loading\">\r\n <div class=\"text\" [innerHTML]=\"table.l('LoadingTable', 'Processing')\"></div>\r\n</div>\r\n<div *ngIf=\"!table.permission\" class=\"loading\">\r\n <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ table.l(\"PermissionDenied\") }}</div>\r\n</div>\r\n<div *ngIf=\"!table.loading && table.permission && table.rows.length == 0\" class=\"loading\">\r\n <div class=\"text\"><i class=\"fas fa-exclamation icon\"></i>{{ table.l(\"NotfoundTitle\") }}</div>\r\n</div>\r\n",
|
|
10
|
-
styles: [".loading{background-color:#fff;border-radius:var(--border-radius-base);bottom:0;height:100%;right:0;z-index:101}.loading,.loading .text{position:absolute;text-align:center;width:100%}.loading .text{font-
|
|
10
|
+
styles: [".loading{background-color:#fff;border-radius:var(--border-radius-base);bottom:0;height:100%;right:0;z-index:101}.loading,.loading .text{position:absolute;text-align:center;width:100%}.loading .text{font-weight:700;height:35px;line-height:35px;top:calc(50% - 20px)}::ng-deep .loading .text .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}"]
|
|
11
11
|
},] }
|
|
12
12
|
];
|
|
13
13
|
TableLoadingComponent.ctorParameters = () => [];
|