ps-toolkit-ui 1.7.52 → 1.7.56

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('jquery'), require('lodash'), require('jalali-moment'), require('@angular/router'), require('jquery-ui-dist/jquery-ui'), require('@angular/forms'), require('@angular/common'), require('@angular/platform-browser'), require('highcharts')) :
-    typeof define === 'function' && define.amd ? define('ps-toolkit-ui', ['exports', '@angular/core', 'jquery', 'lodash', 'jalali-moment', '@angular/router', 'jquery-ui-dist/jquery-ui', '@angular/forms', '@angular/common', '@angular/platform-browser', 'highcharts'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ps-toolkit-ui'] = {}, global.ng.core, global.$$1, global._, global.moment, global.ng.router, null, global.ng.forms, global.ng.common, global.ng.platformBrowser, global.Highcharts));
-}(this, (function (exports, core, $$1, _, moment, router, jqueryUi, forms, common, platformBrowser, Highcharts) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('jquery'), require('lodash'), require('jalali-moment'), require('@angular/router'), require('jquery-ui-dist/jquery-ui'), require('@angular/forms'), require('@angular/common'), require('@angular/platform-browser'), require('@ckeditor/ckeditor5-build-inline'), require('@ckeditor/ckeditor5-angular'), require('highcharts')) :
+    typeof define === 'function' && define.amd ? define('ps-toolkit-ui', ['exports', '@angular/core', 'jquery', 'lodash', 'jalali-moment', '@angular/router', 'jquery-ui-dist/jquery-ui', '@angular/forms', '@angular/common', '@angular/platform-browser', '@ckeditor/ckeditor5-build-inline', '@ckeditor/ckeditor5-angular', 'highcharts'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ps-toolkit-ui'] = {}, global.ng.core, global.$$1, global._, global.moment, global.ng.router, null, global.ng.forms, global.ng.common, global.ng.platformBrowser, global.InlineEditor, global.ckeditor5Angular, global.Highcharts));
+}(this, (function (exports, core, $$1, _, moment, router, jqueryUi, forms, common, platformBrowser, InlineEditor, ckeditor5Angular, Highcharts) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) { return e; } else {
@@ -27,6 +27,7 @@
 
     var $__namespace = /*#__PURE__*/_interopNamespace($$1);
     var moment__namespace = /*#__PURE__*/_interopNamespace(moment);
+    var InlineEditor__namespace = /*#__PURE__*/_interopNamespace(InlineEditor);
 
     var PsToolkitUiConfigService = /** @class */ (function () {
         function PsToolkitUiConfigService(environment, strings, currentLang) {
@@ -782,6 +783,7 @@
         InputType[InputType["Color"] = 43] = "Color";
         InputType[InputType["Star"] = 44] = "Star";
         InputType[InputType["BillNumber"] = 45] = "BillNumber";
+        InputType[InputType["Ckeditor"] = 46] = "Ckeditor";
     })(exports.InputType || (exports.InputType = {}));
     (function (OperationEnum) {
         OperationEnum[OperationEnum["All"] = -1] = "All";
@@ -4343,7 +4345,7 @@
     FormComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'lib-form',
-                    template: "<form [style]=\"form.style\" *ngIf=\"form\" [id]=\"form.id + 'Form'\" [className]=\"'form w-100 m-0' + (form.class ? ' ' + form.class : '')\">\r\n  <div *ngIf=\"form.displayLabel\" [className]=\"(form.subName ? '' : 'underline ') + 'title'\">{{this.form.l(this.form.name)}}</div>\r\n  <div *ngIf=\"form.displayLabel && form.subName\" class=\"sub-title underline\">{{this.form.l(this.form.subName)}}</div>\r\n  <div *ngIf=\"form.loading\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"form.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"!form.permission\" class=\"loading\">\r\n    <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ form.l(\"PermissionDenied\") }}</div>\r\n  </div>\r\n  <div class=\"inputs\">\r\n    <span *ngFor=\"let inp of form.inputs; let i = index\">\r\n      <lib-form-textbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Text || inp.type == type.Password || inp.type == type.Mobile || inp.type == type.Phone || inp.type == type.Email || inp.type == type.NationalCode || inp.type == type.Number || inp.type == type.Url || inp.type == type.PostalCode || inp.type == type.Price || inp.type == type.Sheba || inp.type == type.Color || inp.type == type.BillNumber)\" [inp]=\"inp\"></lib-form-textbox>\r\n      <lib-form-textarea (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.TextArea\" [inp]=\"inp\"></lib-form-textarea>\r\n      <lib-form-checkbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Check\" [inp]=\"inp\"></lib-form-checkbox>\r\n      <lib-form-select [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Select || inp.type == type.SelectSearch || inp.type == type.SelectAutoComplete)\" [inp]=\"inp\"></lib-form-select>\r\n      <lib-form-date [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Date\" [inp]=\"inp\"></lib-form-date>\r\n      <lib-form-time [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Time\" [inp]=\"inp\"></lib-form-time>\r\n      <lib-form-datetime [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.DateTime\" [inp]=\"inp\"></lib-form-datetime>\r\n      <lib-form-label *ngIf=\"inp.visible && inp.type == type.Label\" [inp]=\"inp\"></lib-form-label>\r\n      <lib-form-file (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.File\" [inp]=\"inp\"></lib-form-file>\r\n      <lib-form-button (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Button || inp.type == type.Submit)\" [inp]=\"inp\"></lib-form-button>\r\n      <lib-form-icon (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Icon\" [inp]=\"inp\"></lib-form-icon>\r\n      <lib-form-radio (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Radio\" [inp]=\"inp\"></lib-form-radio>\r\n      <lib-form-tree (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Tree || inp.type == type.TreeRadio)\" [inp]=\"inp\"></lib-form-tree>\r\n      <lib-form-plaque (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Plaque || inp.type == type.PlaqueM || inp.type == type.PlaqueF || inp.type == type.PlaqueG)\" [inp]=\"inp\"></lib-form-plaque>\r\n      <lib-form-plaque-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.SelectAutoCompletePlaque || inp.type == type.SelectAutoCompletePlaqueM || inp.type == type.SelectAutoCompletePlaqueF || inp.type == type.SelectAutoCompletePlaqueG)\" [inp]=\"inp\"></lib-form-plaque-select>\r\n      <lib-form-bank-card (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.BankCard\" [inp]=\"inp\"></lib-form-bank-card>\r\n      <lib-form-vehicle-search (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.VehicleSearch\" [inp]=\"inp\"></lib-form-vehicle-search>\r\n      <lib-form-vehicle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Vehicle\" [inp]=\"inp\"></lib-form-vehicle>\r\n      <lib-form-finger (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Finger\" [inp]=\"inp\"></lib-form-finger>\r\n      <lib-form-star (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Star\" [inp]=\"inp\"></lib-form-star>\r\n      <lib-form-table *ngIf=\"inp.visible && inp.type == type.Table\" [inp]=\"inp\"></lib-form-table>\r\n      <lib-form-tag (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Tag\" [inp]=\"inp\"></lib-form-tag>\r\n      <lib-form-hidden *ngIf=\"inp.type == type.Hidden\" [inp]=\"inp\"></lib-form-hidden>\r\n    </span>\r\n  </div>\r\n</form>\r\n",
+                    template: "<form [style]=\"form.style\" *ngIf=\"form\" [id]=\"form.id + 'Form'\" [className]=\"'form w-100 m-0' + (form.class ? ' ' + form.class : '')\">\r\n  <div *ngIf=\"form.displayLabel\" [className]=\"(form.subName ? '' : 'underline ') + 'title'\">{{this.form.l(this.form.name)}}</div>\r\n  <div *ngIf=\"form.displayLabel && form.subName\" class=\"sub-title underline\">{{this.form.l(this.form.subName)}}</div>\r\n  <div *ngIf=\"form.loading\" class=\"loading\">\r\n    <div class=\"text\" [innerHTML]=\"form.l('LoadingTable', 'Processing')\"></div>\r\n  </div>\r\n  <div *ngIf=\"!form.permission\" class=\"loading\">\r\n    <div class=\"text\"><i class=\"fas fa-shield-alt icon\"></i>{{ form.l(\"PermissionDenied\") }}</div>\r\n  </div>\r\n  <div class=\"inputs\">\r\n    <span *ngFor=\"let inp of form.inputs; let i = index\">\r\n      <lib-form-textbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Text || inp.type == type.Password || inp.type == type.Mobile || inp.type == type.Phone || inp.type == type.Email || inp.type == type.NationalCode || inp.type == type.Number || inp.type == type.Url || inp.type == type.PostalCode || inp.type == type.Price || inp.type == type.Sheba || inp.type == type.Color || inp.type == type.BillNumber)\" [inp]=\"inp\"></lib-form-textbox>\r\n      <lib-form-textarea (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.TextArea\" [inp]=\"inp\"></lib-form-textarea>\r\n      <lib-form-checkbox (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Check\" [inp]=\"inp\"></lib-form-checkbox>\r\n      <lib-form-select [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Select || inp.type == type.SelectSearch || inp.type == type.SelectAutoComplete)\" [inp]=\"inp\"></lib-form-select>\r\n      <lib-form-date [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Date\" [inp]=\"inp\"></lib-form-date>\r\n      <lib-form-time [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Time\" [inp]=\"inp\"></lib-form-time>\r\n      <lib-form-datetime [inForm]=\"true\" (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.DateTime\" [inp]=\"inp\"></lib-form-datetime>\r\n      <lib-form-label *ngIf=\"inp.visible && inp.type == type.Label\" [inp]=\"inp\"></lib-form-label>\r\n      <lib-form-file (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.File\" [inp]=\"inp\"></lib-form-file>\r\n      <lib-form-button (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Button || inp.type == type.Submit)\" [inp]=\"inp\"></lib-form-button>\r\n      <lib-form-icon (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Icon\" [inp]=\"inp\"></lib-form-icon>\r\n      <lib-form-radio (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Radio\" [inp]=\"inp\"></lib-form-radio>\r\n      <lib-form-tree (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Tree || inp.type == type.TreeRadio)\" [inp]=\"inp\"></lib-form-tree>\r\n      <lib-form-plaque (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.Plaque || inp.type == type.PlaqueM || inp.type == type.PlaqueF || inp.type == type.PlaqueG)\" [inp]=\"inp\"></lib-form-plaque>\r\n      <lib-form-plaque-select (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && (inp.type == type.SelectAutoCompletePlaque || inp.type == type.SelectAutoCompletePlaqueM || inp.type == type.SelectAutoCompletePlaqueF || inp.type == type.SelectAutoCompletePlaqueG)\" [inp]=\"inp\"></lib-form-plaque-select>\r\n      <lib-form-bank-card (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.BankCard\" [inp]=\"inp\"></lib-form-bank-card>\r\n      <lib-form-vehicle-search (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.VehicleSearch\" [inp]=\"inp\"></lib-form-vehicle-search>\r\n      <lib-form-vehicle (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Vehicle\" [inp]=\"inp\"></lib-form-vehicle>\r\n      <lib-form-finger (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Finger\" [inp]=\"inp\"></lib-form-finger>\r\n      <lib-form-star (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Star\" [inp]=\"inp\"></lib-form-star>\r\n      <lib-form-table *ngIf=\"inp.visible && inp.type == type.Table\" [inp]=\"inp\"></lib-form-table>\r\n      <lib-form-tag (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Tag\" [inp]=\"inp\"></lib-form-tag>\r\n      <lib-form-ckeditor (changeIndex)=\"changeIndex(i, $event)\" *ngIf=\"inp.visible && inp.type == type.Ckeditor\" [inp]=\"inp\"></lib-form-ckeditor>\r\n      <lib-form-hidden *ngIf=\"inp.type == type.Hidden\" [inp]=\"inp\"></lib-form-hidden>\r\n    </span>\r\n  </div>\r\n</form>\r\n",
                     styles: [".form{border-radius:var(--border-radius-base);padding:20px;position:relative}.form>.title{font-size:16px;font-weight:700;height:40px}.form>.sub-title,.form>.title{float:right;line-height:30px;margin-bottom:10px;position:relative;text-align:right;width:100%}.form>.sub-title{color:var(--black-light);font-size:12px;font-weight:200;height:30px}.form .loading{background-color:#fff;border-radius:var(--border-radius-base);height:100%;right:0;top:0;z-index:4}.form .loading,.form .loading .text{position:absolute;text-align:center;width:100%}.form .loading .text{font-weight:700;height:35px;line-height:35px;top:calc(50% - 20px)}::ng-deep .form .loading .icon{font-size:20px!important;line-height:30px;margin-left:5px;position:relative;top:5px}.form-buttons,.form-error{float:right;width:100%}.form-error{color:var(--red-light);font-size:11px;height:15px;line-height:8px;margin-top:10px;padding:0 10px;position:relative;text-align:center}.form-error .message{float:left;width:calc(100% - 40px)}.form-error .icon{float:right;height:20px;line-height:6px;right:0;top:0;width:40px}.form .inputs{margin:0 -15px}"]
                 },] }
     ];
@@ -7647,6 +7649,83 @@
         inputLabel: [{ type: core.ViewChild, args: ['inputLabel',] }]
     };
 
+    var FormCkeditorComponent = /** @class */ (function () {
+        function FormCkeditorComponent() {
+            this.changeIndex = new core.EventEmitter();
+            this.Editor = InlineEditor__namespace;
+        }
+        FormCkeditorComponent.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.required && _this.inp.minLength !== -1 &&
+                    _this.inp.minLength === _this.inp.maxLength &&
+                    _this.inp.value.length !== _this.inp.minLength) {
+                    _this.inp.error = exports.InputError.Length;
+                    return false;
+                }
+                if (_this.inp.required &&
+                    _this.inp.minLength !== -1 &&
+                    _this.inp.value.length < _this.inp.minLength) {
+                    _this.inp.error = exports.InputError.MinLength;
+                    return false;
+                }
+                if (_this.inp.required &&
+                    _this.inp.maxLength !== -1 &&
+                    _this.inp.value.length > _this.inp.maxLength) {
+                    _this.inp.error = exports.InputError.MaxLength;
+                    return false;
+                }
+                return true;
+            };
+            this.inp.clear = function () {
+                _this.inp.error = null;
+                _this.inp.value = _this.inp.default;
+            };
+            this.inp.data = function () {
+                return _this.inp.value;
+            };
+            this.inp.focus = function () {
+                _this.onFocusIn();
+            };
+        };
+        FormCkeditorComponent.prototype.onFocusIn = function () {
+            this.inputBase.nativeElement.focus();
+        };
+        FormCkeditorComponent.prototype.onKeyDown = function (e) {
+            this.inp.error = null;
+            var code = e.keyCode || e.which;
+            if (code === 9) {
+                e.preventDefault();
+                this.changeIndex.emit(e.shiftKey ? 'ShiftTab' : 'Tab');
+            }
+        };
+        return FormCkeditorComponent;
+    }());
+    FormCkeditorComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'lib-form-ckeditor',
+                    template: "<div #inputDiv [id]=\"inp.id + 'CkeditorInput'\" [className]=\"'form-input-con ckeditor w-100' + (inp.error == null ? '' : ' error') + (inp.disabled ? ' disabled' : '') + ' ' + inp.class\">\r\n  <div class=\"form-input\" (click)=\"onFocusIn()\">\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    <div class=\"w-100 p-r\">\r\n      <ckeditor [editor]=\"Editor\" data=\"<p>Hello, world!</p>\"></ckeditor>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    styles: [".form-input-con.ckeditor{padding:0 15px;position:relative}.form-input-con.ckeditor .form-input{float:right;position:relative;width:100%}.form-input-con.ckeditor .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.ckeditor.error .form-input .label{color:var(--red);font-size:10px}.form-input-con.ckeditor .form-input .label .required-icon{color:var(--red);font-size:9px;height:20px;line-height:20px;text-align:center;width:20px}.form-input-con.ckeditor .form-input .control{background-image:none;border:none;border:var(--border-input);border-radius:var(--border-radius-base);color:var(--black);display:block;font-size:11px;height:80px;margin:0;padding:10px 35px;resize:none;text-align:center;width:100%}.form-input-con.ckeditor .form-input .control:focus,.form-input-con.ckeditor .form-input .control:hover{border:var(--border-input-dark);outline:none}.form-input-con.ckeditor .form-input i.icon{color:var(--primary);cursor:text;left:0;line-height:35px;z-index:1}.form-input-con.ckeditor .form-input i.clear-icon,.form-input-con.ckeditor .form-input i.icon{font-size:14px;height:35px;position:absolute;text-align:center;top:0;transition:all .35s ease-in-out;width:35px}.form-input-con.ckeditor .form-input i.clear-icon{color:var(--red);cursor:pointer;line-height:38px;right:0;z-index:3}.form-input-con.ckeditor.error .form-input .control{border:var(--border-input-red)}.form-input-con.ckeditor.error .form-input .control:focus,.form-input-con.ckeditor.error .form-input .control:hover{border:var(--border-input-red-dark)}.form-input-con.ckeditor.error .form-input .control,.form-input-con.ckeditor.error .form-input i.icon{color:var(--red-light)}.form-input-con.ckeditor.h-50 .form-input .control{height:50px}"]
+                },] }
+    ];
+    FormCkeditorComponent.ctorParameters = function () { return []; };
+    FormCkeditorComponent.propDecorators = {
+        inp: [{ type: core.Input }],
+        changeIndex: [{ type: core.Output }],
+        inputBase: [{ type: core.ViewChild, args: ['inputBase',] }]
+    };
+
     var PsToolkitUiModule = /** @class */ (function () {
         function PsToolkitUiModule() {
         }
@@ -7670,12 +7749,13 @@
                         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
+                        ClockComponent, ChartComponent, SafeHtmlPipe, FormTagComponent, ErrorComponent, FormCkeditorComponent
                     ],
                     imports: [
                         common.CommonModule,
                         router.RouterModule,
-                        forms.FormsModule
+                        forms.FormsModule,
+                        ckeditor5Angular.CKEditorModule
                     ],
                     providers: [],
                     exports: [
@@ -7686,7 +7766,7 @@
                         TooltipComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent, FormTreeComponent, AlertComponent,
                         FormTimeComponent, NotfoundComponent, FormFingerComponent, FormVehicleSearchComponent, FormVehicleComponent, FormStarComponent,
                         LoginComponent, LoadingComponent, NotificationComponent, LayoutComponent, FormHiddenComponent, CalendarComponent,
-                        ClockComponent, ChartComponent, FormTagComponent, ErrorComponent
+                        ClockComponent, ChartComponent, FormTagComponent, ErrorComponent, FormCkeditorComponent
                     ]
                 },] }
     ];
@@ -8228,6 +8308,7 @@
     exports.FormBankCardComponent = FormBankCardComponent;
     exports.FormButtonComponent = FormButtonComponent;
     exports.FormCheckboxComponent = FormCheckboxComponent;
+    exports.FormCkeditorComponent = FormCkeditorComponent;
     exports.FormClass = FormClass;
     exports.FormComponent = FormComponent;
     exports.FormDateComponent = FormDateComponent;