ps-toolkit-ui 1.11.91 → 1.11.93

package/bundles/ps-toolkit-ui.umd.js

@@ -288,6 +288,8 @@
                 Waiting: 'انتظار',
                 Required: 'را وارد کنید',
                 Invalid: 'نامعتبر است',
+                UploaderTitle: 'برای آپلود فایل <span class="f-w-700 c-primary">کلیک کنید</span> و یا فایل خود را به اینجا کشیده و رها کنید',
+                UploaderMaxLength: 'حداکثر اندازه برای آپلود {}MB',
                 FormErrorRequired: '{} را وارد کنید',
                 FormErrorInvalid: '{} نامعتبر است',
                 FormErrorLength: 'طول {} باید {} کاراکتر باشد',
@@ -796,6 +798,7 @@
         InputType[InputType["Toggle"] = 45] = "Toggle";
         InputType[InputType["BillNumber"] = 46] = "BillNumber";
         InputType[InputType["Ckeditor"] = 47] = "Ckeditor";
+        InputType[InputType["Uploader"] = 48] = "Uploader";
     })(exports.InputType || (exports.InputType = {}));
     (function (OperationEnum) {
         OperationEnum[OperationEnum["All"] = -1] = "All";
@@ -905,7 +908,24 @@
     })(exports.TableOptionType || (exports.TableOptionType = {}));
     (function (TableRowStatus) {
         TableRowStatus[TableRowStatus["Unread"] = 1] = "Unread";
-    })(exports.TableRowStatus || (exports.TableRowStatus = {}));
+    })(exports.TableRowStatus || (exports.TableRowStatus = {}));
+    (function (FileIcons) {
+        FileIcons["jpeg"] = "fa-duotone fa-file-image";
+        FileIcons["jpg"] = "fa-duotone fa-file-image";
+        FileIcons["png"] = "fa-duotone fa-file-image";
+        FileIcons["doc"] = "fa-duotone fa-file-word";
+        FileIcons["docx"] = "fa-duotone fa-file-word";
+        FileIcons["xls"] = "fa-duotone fa-file-excel";
+        FileIcons["xlsx"] = "fa-duotone fa-file-excel";
+        FileIcons["csv"] = "fa-duotone fa-file-csv";
+        FileIcons["ppt"] = "fa-duotone fa-file-powerpoint";
+        FileIcons["pptx"] = "fa-duotone fa-file-powerpoint";
+        FileIcons["txt"] = "fa-duotone fa-file-lines";
+        FileIcons["pdf"] = "fa-duotone fa-file-pdf";
+        FileIcons["file"] = "fa-duotone fa-file";
+        FileIcons["zip"] = "fa-duotone fa-file-zipper";
+        FileIcons["rar"] = "fa-duotone fa-file-zipper";
+    })(exports.FileIcons || (exports.FileIcons = {}));
 
     // @dynamic
     var HelperClass = /** @class */ (function () {
@@ -1982,7 +2002,6 @@
             this.onChange = null;
             this.hover = -1;
             this.visible = true;
-            this.exportPdf = false;
             this.open = false;
             this.multiple = false;
             this.onlyChild = true;
@@ -2448,16 +2467,13 @@
                 }
             });
             service.currentCountAll.subscribe(function (c) {
-                console.log(_this.currentSidebar, 111);
                 if (_this.currentSidebar) {
-                    console.log(_this.currentSidebar.countAll, c, 222);
                     _this.currentSidebar.countAll += c;
                 }
             });
         }
         SidebarComponent.prototype.setActive = function () {
             var active = HelperClass.getData('active', this.router.routerState, this.router.routerState.root)[0];
-            console.log(this.sidebar, active, this.getSidebarActive(this.sidebar, active));
             this.currentSidebar = this.getSidebarActive(this.sidebar, active);
         };
         SidebarComponent.prototype.ngOnInit = function () {
@@ -4271,24 +4287,8 @@
                 var result = {};
                 result[_this.inp.name] = _this.inp.name;
                 if (_this.inp.value && typeof _this.inp.value !== 'string') {
-                    if (!_this.inp.exportPdf) {
-                        result[_this.inp.name + 'File'] = _this.inp.value.filter(function (x) { return typeof x !== 'string'; });
-                        return result;
-                    }
-                    else {
-                        // const doc = new jsPDF();
-                        // let y = 5;
-                        // for (const img of this.inp.value) {
-                        //   const i = await this.getPdfImage(img);
-                        //   if (y + i.h > 287) {
-                        //     doc.addPage();
-                        //     y = 5;
-                        //   }
-                        //   doc.addImage(i.base64, 'JPEG', 5, y, i.w, i.h);
-                        //   y += i.h + 5;
-                        // }
-                        // return doc.output('blob');
-                    }
+                    result[_this.inp.name + 'File'] = _this.inp.value.filter(function (x) { return typeof x !== 'string'; });
+                    return result;
                 }
                 return result;
             };
@@ -8026,6 +8026,137 @@
         inputBase: [{ type: core.ViewChild, args: ['inputBase',] }]
     };
 
+    var FormUploaderComponent = /** @class */ (function () {
+        function FormUploaderComponent() {
+            this.changeIndex = new core.EventEmitter();
+            this.id = HelperClass.random(10);
+        }
+        FormUploaderComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.inp.setValue = function (v) {
+                _this.inp.value = v;
+            };
+            this.inp.isValid = function () {
+                _this.inp.error = null;
+                if (_this.inp.required && !_this.inp.value) {
+                    _this.inp.error = exports.InputError.Required;
+                    return false;
+                }
+                if (!_this.inp.required && !_this.inp.value) {
+                    return true;
+                }
+                if (_this.inp.allowed != null && _this.inp.value != null && typeof _this.inp.value !== 'string' &&
+                    _this.inp.value.filter(function (x) { return typeof x !== 'string'; }).map(function (x) { return _this.inp.allowed.includes(x.name.split('.').pop().toLowerCase()); }).filter(function (x) { return !x; }).length > 0) {
+                    _this.inp.error = exports.InputError.NotAllowed;
+                    return false;
+                }
+                if (_this.inp.maxLength !== -1 && _this.inp.value != null && typeof _this.inp.value !== 'string' &&
+                    _this.inp.value.map(function (x) { return x.size > _this.inp.maxLength * 1024; }).filter(function (x) { return x; }).length > 0) {
+                    _this.inp.error = exports.InputError.MaxContent;
+                    return false;
+                }
+                return true;
+            };
+            this.inp.clear = function () {
+                _this.inp.error = null;
+                _this.inp.value = _this.inp.default;
+            };
+            this.inp.data = function () {
+                var result = {};
+                result[_this.inp.name] = _this.inp.name;
+                if (_this.inp.value && typeof _this.inp.value !== 'string') {
+                    result[_this.inp.name + 'File'] = _this.inp.value.filter(function (x) { return typeof x !== 'string'; });
+                    return result;
+                }
+                return result;
+            };
+            this.inp.focus = function () {
+                _this.onClick();
+            };
+        };
+        FormUploaderComponent.prototype.getPdfImage = function (file) {
+            return new Promise(function (resolve, reject) {
+                var reader = new FileReader();
+                reader.readAsDataURL(file);
+                reader.onload = function () {
+                    var i = new Image();
+                    i.src = window.URL.createObjectURL(file);
+                    i.onload = function () {
+                        var w = i.width;
+                        var h = i.height;
+                        if (w > 200) {
+                            h = (200 * h) / w;
+                            w = 200;
+                        }
+                        if (h > 287) {
+                            w = (287 * w) / h;
+                            h = 287;
+                        }
+                        resolve({ base64: reader.result.toString(), w: w, h: h });
+                    };
+                };
+                reader.onerror = function (error) { return reject(error); };
+            });
+        };
+        FormUploaderComponent.prototype.onClick = function () {
+            $__namespace(this.inputBase.nativeElement).focus();
+        };
+        FormUploaderComponent.prototype.onChange = function (e) {
+            var e_1, _a;
+            this.inp.error = null;
+            var v = [];
+            try {
+                for (var _b = __values(e.target.files), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var f = _c.value;
+                    v.push(f);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+            this.inp.value = v;
+            this.changeIndex.emit('Tab');
+        };
+        FormUploaderComponent.prototype.onKeyDown = function (e) {
+            var code = e.keyCode || e.which;
+            if (code === 9 || code === 13) {
+                e.preventDefault();
+                this.changeIndex.emit(e.shiftKey ? 'ShiftTab' : 'Tab');
+            }
+        };
+        FormUploaderComponent.prototype.onFocusIn = function () {
+            $__namespace(this.inputBase.nativeElement).focus();
+        };
+        FormUploaderComponent.prototype.title = function () {
+            if (this.inp.value == null || (this.inp.value instanceof Array && this.inp.value.length === 0)) {
+                return this.inp.l('FileNotSelected');
+            }
+            var t = typeof this.inp.value === 'string' ? this.inp.value : this.inp.value.map(function (x) { return typeof x === 'string' ? x : x.name; }).join(', ');
+            var l = typeof this.inp.value === 'string' ? 1 : this.inp.value.length;
+            return this.inp.l('FileSelected', [l, t]);
+        };
+        return FormUploaderComponent;
+    }());
+    FormUploaderComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-form-uploader',
+                    template: "<label #inputDiv [id]=\"id + 'FileInput'\" [for]=\"id + 'FileInputBase'\" [className]=\"'form-input-con file w-100' + (inp.error == null ? '' : ' error') + (inp.value != null && inp.value != '' ? ' has-value' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\" (click)=\"onClick()\">\r\n    <div *ngIf=\"inp.displayLabel\" class=\"label\"><i *ngIf=\"inp.required\" class=\"fas fa-star-of-life required-icon\"></i>{{inp.getLabel()}}</div>\r\n    <input #inputBaseFile class=\"input-base-file\" type=\"file\" [id]=\"id + 'FileInputBase'\" [multiple]=\"inp.multiple\" (change)=\"onChange($event)\">\r\n    <input #inputBase type=\"text\" class=\"input-base\" (keydown)=\"onKeyDown($event)\" (focusin)=\"onFocusIn()\">\r\n    <div class=\"control\">\r\n      <div class=\"title\">{{title()}}</div>\r\n      <div class=\"button\">{{inp.multiple ? inp.l(\"ChooseFiles\") : inp.l(\"ChooseFile\")}}</div>\r\n    </div>\r\n    <i *ngIf=\"inp.icon != null || inp.loading\" #inputIcon [className]=\"(inp.loading ? 'fa-duotone fa-spin fa-spinner' : inp.icon) + ' icon'\"></i>\r\n  </div>\r\n</label>\r\n",
+                    styles: [".form-input-con.file{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;cursor:pointer;padding:0 15px;position:relative}.form-input-con.file .form-input{float:right;position:relative;width:100%}.form-input-con.file .form-input .input-base,.form-input-con.file .form-input .input-base-file{cursor:pointer;height:0;opacity:0;position:absolute;right:50%;top:50%;width:0;z-index:1}.form-input-con.file .form-input .control{background-color:#fff;border:var(--border-input);border-radius:var(--border-radius-base);float:left;font-size:11px;height:35px;line-height:35px;overflow:hidden;padding:0 135px 0 35px;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;z-index:2}.form-input-con.file .form-input .control .title{float:right;width:100%}.form-input-con.file .form-input .control:hover,.form-input-con.file .form-input .input-base:focus+.control{border:var(--border-input-dark);outline:none}.form-input-con.file .form-input .button:hover,.form-input-con.file .form-input .control:hover .button,.form-input-con.file .form-input .input-base:focus+.control .button{background-color:var(--green-dark)}.form-input-con.file .form-input i.icon{bottom:0;color:var(--primary);font-size:13px;height:35px;left:0;line-height:35px;position:absolute;text-align:center;width:35px;z-index:2}.form-input-con.file .form-input .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-con.file .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.file .form-input .button{background-color:var(--green);border-radius:0 var(--border-radius-base) var(--border-radius-base) 0;bottom:0;color:#fff;font-size:10px;height:35px;line-height:35px;position:absolute;right:0;text-align:center;width:100px;z-index:2}.form-input-con.file.error .form-input .control{border:var(--border-input-red)}.form-input-con.file.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.file.error .form-input .control,.form-input-con.file.error .form-input .icon{color:var(--red)}.form-input-con.file.h-35{height:35px}.form-input-con.file.has-value.h-35 .form-input .control{direction:ltr;font-size:9px;height:35px}.form-input-con.file.h-35 .form-input .button,.form-input-con.file.h-35 .form-input i.icon{height:35px;line-height:35px}.form-input-con.file.h-30{height:30px}.form-input-con.file.h-30 .form-input .control{direction:ltr;font-size:9px;height:30px;line-height:30px}.form-input-con.file.h-30 .form-input .button,.form-input-con.file.h-30 .form-input i.icon{height:30px;line-height:30px}"]
+                },] }
+    ];
+    FormUploaderComponent.ctorParameters = function () { return []; };
+    FormUploaderComponent.propDecorators = {
+        inp: [{ type: core.Input }],
+        changeIndex: [{ type: core.Output }],
+        inputDiv: [{ type: core.ViewChild, args: ['inputDiv',] }],
+        inputBaseFile: [{ type: core.ViewChild, args: ['inputBaseFile',] }],
+        inputBase: [{ type: core.ViewChild, args: ['inputBase',] }]
+    };
+
     var PsToolkitUiModule = /** @class */ (function () {
         function PsToolkitUiModule() {
         }
@@ -8047,9 +8178,9 @@
                         FormIconComponent, FormButtonComponent, FormDatetimeComponent, FormPlaqueComponent, SubHeaderComponent, FooterComponent, StepsComponent,
                         FormFileComponent, FormSelectComponent, FormTableComponent, FormLabelComponent, AccordionComponent, FormRadioComponent, HeaderComponent,
                         TooltipComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent, FormTreeComponent, AlertComponent,
-                        FormTimeComponent, NotfoundComponent, FormFingerComponent, FormVehicleSearchComponent, FormVehicleComponent, FormStarComponent,
-                        SafeStylePipe, LoginComponent, LoadingComponent, NotificationComponent, LayoutComponent, FormHiddenComponent, CalendarComponent,
-                        ClockComponent, ChartComponent, SafeHtmlPipe, FormTagComponent, ErrorComponent, FormCkeditorComponent, FormToggleComponent
+                        FormTimeComponent, NotificationComponent, FormFingerComponent, FormVehicleSearchComponent, FormVehicleComponent, FormUploaderComponent,
+                        SafeStylePipe, LoginComponent, LoadingComponent, NotfoundComponent, LayoutComponent, FormHiddenComponent, CalendarComponent,
+                        ClockComponent, ChartComponent, SafeHtmlPipe, FormTagComponent, ErrorComponent, FormCkeditorComponent, FormToggleComponent, FormStarComponent
                     ],
                     imports: [
                         common.CommonModule,
@@ -8064,9 +8195,9 @@
                         FormIconComponent, FormButtonComponent, FormDatetimeComponent, FormPlaqueComponent, SubHeaderComponent, FooterComponent, StepsComponent,
                         FormFileComponent, FormSelectComponent, FormTableComponent, FormLabelComponent, AccordionComponent, FormRadioComponent, HeaderComponent,
                         TooltipComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent, FormTreeComponent, AlertComponent,
-                        FormTimeComponent, NotfoundComponent, FormFingerComponent, FormVehicleSearchComponent, FormVehicleComponent, FormStarComponent,
-                        LoginComponent, LoadingComponent, NotificationComponent, LayoutComponent, FormHiddenComponent, CalendarComponent,
-                        ClockComponent, ChartComponent, FormTagComponent, ErrorComponent, FormCkeditorComponent, FormToggleComponent
+                        FormTimeComponent, NotificationComponent, FormFingerComponent, FormVehicleSearchComponent, FormVehicleComponent, FormUploaderComponent,
+                        LoginComponent, LoadingComponent, NotfoundComponent, LayoutComponent, FormHiddenComponent, CalendarComponent,
+                        ClockComponent, ChartComponent, FormTagComponent, ErrorComponent, FormCkeditorComponent, FormToggleComponent, FormStarComponent
                     ]
                 },] }
     ];
@@ -8746,6 +8877,7 @@
     exports.FormTimeComponent = FormTimeComponent;
     exports.FormToggleComponent = FormToggleComponent;
     exports.FormTreeComponent = FormTreeComponent;
+    exports.FormUploaderComponent = FormUploaderComponent;
     exports.FormVehicleComponent = FormVehicleComponent;
     exports.FormVehicleSearchComponent = FormVehicleSearchComponent;
     exports.HeaderComponent = HeaderComponent;
@@ -8784,9 +8916,9 @@
     exports.ɵe = TableLoadingComponent;
     exports.ɵf = FormTreeItemComponent;
     exports.ɵg = TableRowComponent;
-    exports.ɵh = SafeStylePipe;
-    exports.ɵi = LoginComponent;
-    exports.ɵj = NotificationComponent;
+    exports.ɵh = NotificationComponent;
+    exports.ɵi = SafeStylePipe;
+    exports.ɵj = LoginComponent;
     exports.ɵk = FormHiddenComponent;
     exports.ɵl = CalendarComponent;
     exports.ɵm = ClockComponent;