@dignite-ng/expand.ck-editor 0.0.10 → 0.0.12

package/fesm2022/dignite-ng-expand.ck-editor.mjs

@@ -941,17 +941,20 @@ var LanguagesMap;
 })(LanguagesMap || (LanguagesMap = {}));
 
 class CkEditorDomeComponent {
-    config = inject(ConfigStateService);
-    currentCulture = this.config.getOne('localization')?.currentCulture?.name;
-    // CkEditorTypesObject = CkEditorTypesObject
-    Editor = ClassicEditor;
-    _config = {
-        plugins: [Bold, Essentials, Italic, Paragraph, Undo],
-        toolbar: ['undo', 'redo', '|', 'bold', 'italic']
-    };
-    configType = 'default';
-    editorValue = '<p>12233</p>';
-    languagesMap = LanguagesMap;
+    constructor() {
+        this.config = inject(ConfigStateService);
+        this.currentCulture = this.config.getOne('localization')?.currentCulture?.name;
+        // CkEditorTypesObject = CkEditorTypesObject
+        this.Editor = ClassicEditor;
+        this._config = {
+            plugins: [Bold, Essentials, Italic, Paragraph, Undo],
+            toolbar: ['undo', 'redo', '|', 'bold', 'italic']
+        };
+        this.configType = 'default';
+        this.editorValue = '<p>12233</p>';
+        this.languagesMap = LanguagesMap;
+        this._config_ck = CkEditorTypesObject['full'];
+    }
     /**切换类型 */
     switchType(type) {
         this.configType = type;
@@ -977,9 +980,8 @@ class CkEditorDomeComponent {
         const data = editor.getData();
         this.editorValue = data;
     }
-    _config_ck = CkEditorTypesObject['full'];
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorDomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorDomeComponent, selector: "lib-ck-editor-dome", ngImport: i0, template: "<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('easy')\">\u6781\u7B80</button>\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('default')\">\u9ED8\u8BA4</button>\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('standard')\">\u6807\u51C6</button>\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('full')\">\u5B8C\u6574</button>\r\n\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"clearconfig()\">\u6E05\u7A7A\u914D\u7F6E</button>\r\n\r\n<h3>\u81EA\u5B9A\u4E49\u914D\u7F6E</h3>\r\n<ckeditor #editor  [editor]=\"Editor\" *ngIf=\"_config_ck\" [(ngModel)]=\"editorValue\" [config]=\"_config\" ></ckeditor>\r\n\r\n<h3>\u7C7B\u578B</h3>\r\n<ckeditor #editor  [editor]=\"Editor\" *ngIf=\"_config_ck\" [(ngModel)]=\"editorValue\" [config]=\"_config_ck\"  (change)=\"ckChange($event)\" (ready)=\"ckReady($event)\"></ckeditor>\r\n\r\n{{editorValue}}", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i4.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorDomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorDomeComponent, selector: "lib-ck-editor-dome", ngImport: i0, template: "<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('easy')\">\u6781\u7B80</button>\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('default')\">\u9ED8\u8BA4</button>\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('standard')\">\u6807\u51C6</button>\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"switchType('full')\">\u5B8C\u6574</button>\r\n\r\n<button class=\"btn btn-sm btn-primary mx-2 mb-2\" (click.stop)=\"clearconfig()\">\u6E05\u7A7A\u914D\u7F6E</button>\r\n\r\n<h3>\u81EA\u5B9A\u4E49\u914D\u7F6E</h3>\r\n<ckeditor #editor  [editor]=\"Editor\" *ngIf=\"_config_ck\" [(ngModel)]=\"editorValue\" [config]=\"_config\" ></ckeditor>\r\n\r\n<h3>\u7C7B\u578B</h3>\r\n<ckeditor #editor  [editor]=\"Editor\" *ngIf=\"_config_ck\" [(ngModel)]=\"editorValue\" [config]=\"_config_ck\"  (change)=\"ckChange($event)\" (ready)=\"ckReady($event)\"></ckeditor>\r\n\r\n{{editorValue}}", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.StopPropagationDirective, selector: "[click.stop]", outputs: ["click.stop"] }, { kind: "component", type: i4.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorDomeComponent, decorators: [{
             type: Component,
@@ -991,9 +993,9 @@ const routes = [{
         component: CkEditorDomeComponent,
     }];
 class CkEditorRoutingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CkEditorRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CkEditorRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorRoutingModule, decorators: [{
             type: NgModule,
@@ -1004,13 +1006,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
         }] });
 
 class CkEditorConfig {
-    /**文件容器名称 */
-    // placeholder: any = new FormControl('', Validators.required);
-    'Ckeditor.ImagesContainerName' = ['', []];
-    /**多选 */
-    // placeholder: any = new FormControl('', Validators.required);
-    'Ckeditor.InitialContent' = ['', []];
     constructor(data) {
+        /**文件容器名称 */
+        // placeholder: any = new FormControl('', Validators.required);
+        this['Ckeditor.ImagesContainerName'] = ['', []];
+        /**多选 */
+        // placeholder: any = new FormControl('', Validators.required);
+        this['Ckeditor.InitialContent'] = ['', []];
         if (data) {
             for (const key in data) {
                 if (data.hasOwnProperty(key)) {
@@ -1022,20 +1024,13 @@ class CkEditorConfig {
 }
 
 class CkEditorConfigComponent {
-    fb;
     constructor(fb) {
         this.fb = fb;
     }
-    /**表单实体 */
-    Entity;
-    /**选择的表单信息 */
-    _selected;
     set selected(v) {
         this._selected = v || '';
         this.dataLoaded();
     }
-    /**表单控件类型 */
-    _type;
     set type(v) {
         this._type = v;
         this.dataLoaded();
@@ -1043,7 +1038,6 @@ class CkEditorConfigComponent {
     get formConfiguration() {
         return this.Entity.get('formConfiguration');
     }
-    submitclick;
     async dataLoaded() {
         // if (this.Entity && (this._selected || this._selected === '')) {
         if (this.Entity && this._type) {
@@ -1062,8 +1056,8 @@ class CkEditorConfigComponent {
             resolve(true);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorConfigComponent, selector: "ck-editor-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2$1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2$1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, deps: [{ token: i1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorConfigComponent, selector: "ck-editor-config", inputs: { Entity: "Entity", selected: "selected", type: "type" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"Entity\">\n    <div formGroupName=\"formConfiguration\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::ImagesContainerName' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.ImagesContainerName\">\n        </div>\n        <div class=\"mb-2\">\n            <label class=\"form-label\">{{'DigniteAbpDynamicFormsCkEditor::InitialContent' | abpLocalization}}</label>\n            <input type=\"text\" class=\"form-control\" formControlName=\"Ckeditor.InitialContent\">\n        </div>\n        <button type=\"submit\" (abpInit)=\"submitclick?.nativeElement?.click()\" style=\"display: none;\"\n            #submitclick></button>\n    </div>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i2$1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "pipe", type: i2$1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorConfigComponent, decorators: [{
             type: Component,
@@ -1079,13 +1073,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 args: ['submitclick', { static: true }]
             }] } });
 
-class isBase64UploadAdapter {
-    reader = new FileReader();
-    restService;
-    loader;
-    ImagesContainerName;
-    Base64 = false;
+let isBase64UploadAdapter$1 = class isBase64UploadAdapter {
     constructor(loader, ImagesContainerName, restService) {
+        this.reader = new FileReader();
+        this.Base64 = false;
+        this.createFile = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/file-explorer/files',
+            params: { containerName: input.containerName, cellName: input.cellName, directoryId: input.directoryId, entityId: input.entityId },
+            body: input.file,
+        }, { apiName: 'FileExplorer', ...config });
         this.loader = loader;
         this.ImagesContainerName = ImagesContainerName;
         this.restService = restService;
@@ -1125,119 +1122,53 @@ class isBase64UploadAdapter {
             }
         });
     }
-    createFile = (input, config) => this.restService.request({
-        method: 'POST',
-        url: '/api/file-explorer/files',
-        params: { containerName: input.containerName, cellName: input.cellName, directoryId: input.directoryId, entityId: input.entityId },
-        body: input.file,
-    }, { apiName: 'FileExplorer', ...config });
-}
+};
 
 class CkEditorControlComponent {
-    config = inject(ConfigStateService);
-    _restService = inject(RestService);
-    /**ck-Editor的值 */
-    ckEditorValue = '';
-    /**系统语言 */
-    currentCulture = this.config.getOne('localization')?.currentCulture?.name;
-    /** 语言目录，匹配系统语言，设置ckeditor的语言 */
-    languagesMap = LanguagesMap;
-    Editor = ClassicEditor;
     constructor() {
-        let configs = CkEditorTypesObject['default'];
-        configs.language = this.languagesMap[this.currentCulture],
-            this.ckOptions = configs;
-        // import('@ckeditor/ckeditor5-build-classic').then(res => {
-        //   this.Editor = res.default
-        //   this.ckOptions = {
-        //     language: this.languagesMap[this.currentCulture],
-        //     toolbar: {
-        //       items: [
-        //         'heading', '|',
-        //         'bold', 'italic',
-        //         'link', '|',
-        //         'bulletedList', 'numberedList',
-        //         'insertTable', '|',
-        //         'uploadImage', '|',
-        //         'undo', 'redo'
-        //       ],
-        //       viewportTopOffset: 30,
-        //       shouldNotGroupWhenFull: true
-        //     },
-        //     image: {
-        //       toolbar: [
-        //         'imageStyle:alignLeft', 'imageStyle:alignCenter', 'imageStyle:alignRight',
-        //         '|',
-        //         'resizeImage',
-        //         '|',
-        //         'imageTextAlternative'
-        //       ],
-        //       styles: [
-        //         'alignLeft', 'alignCenter', 'alignRight'
-        //       ],
-        //       resizeOptions: [{
-        //         name: 'resizeImage:original',
-        //         label: 'Original',
-        //         value: null
-        //       },
-        //       {
-        //         name: 'resizeImage:25',
-        //         label: '25%',
-        //         value: '25'
-        //       },
-        //       {
-        //         name: 'resizeImage:50',
-        //         label: '50%',
-        //         value: '50'
-        //       },
-        //       {
-        //         name: 'resizeImage:75',
-        //         label: '75%',
-        //         value: '75'
-        //       }
-        //       ],
-        //     },
-        //   }
-        // })
+        this.config = inject(ConfigStateService);
+        this._restService = inject(RestService);
+        /**ck-Editor的值 */
+        this.ckEditorValue = '';
+        /**系统语言 */
+        this.currentCulture = this.config.getOne('localization')?.currentCulture?.name;
+        /** 语言目录，匹配系统语言，设置ckeditor的语言 */
+        this.languagesMap = LanguagesMap;
+        this.Editor = ClassicEditor;
+        this.fb = inject(FormBuilder);
+        /**字段配置列表 */
+        this._fields = '';
+        this.invalidfeedback = false;
+        /**图片容器名称 */
+        this.imagesContainerName = '';
+        this.loadckeditor();
     }
     onReady(editor) {
         let _this = this;
         editor.plugins.get('FileRepository').createUploadAdapter = function (loader) {
-            return new isBase64UploadAdapter(loader, _this.imagesContainerName, _this._restService);
+            return new isBase64UploadAdapter$1(loader, _this.imagesContainerName, _this._restService);
         };
     }
-    /**ck-editor配置 */
-    ckOptions;
     /**富文本内容改变 */
     ckEditorChange(event) {
         this.setckeditorInput(event);
     }
-    fb = inject(FormBuilder);
-    /**表单实体 */
-    _entity;
     set entity(v) {
         this._entity = v;
         this.dataLoaded();
     }
-    /**字段配置列表 */
-    _fields = '';
     set fields(v) {
         this._fields = v;
         this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _parentFiledName;
     set parentFiledName(v) {
         this._parentFiledName = v;
         this.dataLoaded();
     }
-    /**父级字段名称，用于为表单设置控件赋值 */
-    _selected;
     set selected(v) {
         this._selected = v;
         this.dataLoaded();
     }
-    submitclick;
     get extraProperties() {
         return this._entity.get('extraProperties');
     }
@@ -1256,14 +1187,17 @@ class CkEditorControlComponent {
             this.submitclick.nativeElement.click();
         }
     }
-    invalidfeedback = false;
+    loadckeditor() {
+        let configs = CkEditorTypesObject['default'];
+        configs.language = this.languagesMap[this.currentCulture],
+            console.log(configs, 'configsconfigs');
+        this.ckOptions = configs;
+    }
     //设置值
     setckeditorInput(val) {
         this.invalidfeedback = true;
         this.ckeditorInput.patchValue(val);
     }
-    /**图片容器名称 */
-    imagesContainerName = '';
     AfterInit() {
         return new Promise(resolve => {
             let ValidatorsArray = [];
@@ -1276,11 +1210,14 @@ class CkEditorControlComponent {
             this.extraProperties.setControl(this._fields.field.name, newControl);
             this.imagesContainerName =
                 this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
+            if (!this.imagesContainerName) {
+                this.ckOptions.toolbar.items.splice(this.ckOptions.toolbar.items.indexOf('insertImage'), 1);
+            }
             resolve(true);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorControlComponent, selector: "ck-editor-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ckeditor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\" [formControlName]=\"_fields.field.name\">\n            </ckeditor>\n            <ng-container *ngIf=\"ckeditorInput?.errors?.required&&invalidfeedback\">\n                <div class=\"text-danger \">\n                    {{'DigniteAbpForms::Validate:Required' | abpLocalization:' '}}\n                </div>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }, { kind: "pipe", type: i2$1.LocalizationPipe, name: "abpLocalization" }] });
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorControlComponent, selector: "ck-editor-control", inputs: { entity: "entity", fields: "fields", parentFiledName: "parentFiledName", selected: "selected" }, viewQueries: [{ propertyName: "submitclick", first: true, predicate: ["submitclick"], descendants: true, static: true }], ngImport: i0, template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-2\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ckeditor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\" [formControlName]=\"_fields.field.name\">\n            </ckeditor>\n            <ng-container *ngIf=\"ckeditorInput?.errors?.required&&invalidfeedback\">\n                <div class=\"text-danger \">\n                    {{'DigniteAbpForms::Validate:Required' | abpLocalization:' '}}\n                </div>\n            </ng-container>\n            <div class=\"form-text\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</div>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i3.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.ValidationDirective, selector: "[formControl],[formControlName]", exportAs: ["validationDirective"] }, { kind: "component", type: i4.CKEditorComponent, selector: "ckeditor", inputs: ["editor", "config", "data", "tagName", "watchdog", "editorWatchdogConfig", "disableTwoWayDataBinding", "disabled"], outputs: ["ready", "change", "blur", "focus", "error"] }, { kind: "pipe", type: i2$1.LocalizationPipe, name: "abpLocalization" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, decorators: [{
             type: Component,
@@ -1319,21 +1256,21 @@ function AddFieldControlGroup(array = []) {
 }
 
 class CkEditorModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, declarations: [CkEditorControlComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, declarations: [CkEditorControlComponent,
             CkEditorConfigComponent,
             CkEditorDomeComponent], imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
             CkEditorRoutingModule,
-            CKEditorModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, imports: [FormsModule,
+            CKEditorModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, imports: [FormsModule,
             CoreModule,
             ThemeSharedModule,
             ReactiveFormsModule,
             CkEditorRoutingModule,
-            CKEditorModule] });
+            CKEditorModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorModule, decorators: [{
             type: NgModule,
@@ -1355,6 +1292,67 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                 }]
         }] });
 
+class isBase64UploadAdapter {
+    constructor(input) {
+        this.reader = new FileReader();
+        this.Base64 = false;
+        this.createFile = (input, config) => this.restService.request({
+            method: 'POST',
+            url: '/api/file-explorer/files',
+            params: {
+                containerName: input.containerName,
+                cellName: input.cellName,
+                directoryId: input.directoryId,
+                entityId: input.entityId,
+            },
+            body: input.file,
+        }, { apiName: 'FileExplorer', ...config });
+        this.loader = input.loader;
+        this.ImagesContainerName = input.ImagesContainerName;
+        this.restService = input.restService;
+        this.configState = input.configState;
+        this.environment = input.environment;
+    }
+    upload() {
+        return new Promise((resolve, reject) => {
+            const reader = this.reader;
+            if (this.Base64) {
+                reader.addEventListener('load', () => {
+                    resolve({ default: reader.result });
+                });
+                reader.addEventListener('error', err => {
+                    reject(err);
+                });
+                reader.addEventListener('abort', () => {
+                    reject();
+                });
+                this.loader.file.then((file) => {
+                    reader.readAsDataURL(file);
+                });
+            }
+            else {
+                this.loader.file.then((file) => {
+                    var formData = new FormData();
+                    formData.append('file', file, file.name);
+                    this.createFile({
+                        file: formData,
+                        containerName: this.ImagesContainerName,
+                        // directoryId: '',
+                        // entityId: ''
+                    }).subscribe((response) => {
+                        let tenantId = this.configState.getDeep('currentUser.tenantId');
+                        const environment = this.environment.getEnvironment();
+                        let imgUrl = `${environment.apis.default.url}/api/file-explorer/files/${this.ImagesContainerName}/${response.blobName}?__tenant=${tenantId}`;
+                        resolve({ default: imgUrl });
+                    }, error => {
+                        reject(error);
+                    });
+                });
+            }
+        });
+    }
+}
+
 /*
  * Public API Surface of ck-editor
  */
@@ -1363,5 +1361,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddFieldControlGroup, CkEditorModule, CkEditorRoutingModule, CkEditorTypesObject, LanguagesMap, ckEditorFieldControlGroup, defaults, easy, full, getExcludeAssignControl, standard };
+export { AddFieldControlGroup, CkEditorModule, CkEditorRoutingModule, CkEditorTypesObject, LanguagesMap, ckEditorFieldControlGroup, defaults, easy, full, getExcludeAssignControl, isBase64UploadAdapter, standard };
 //# sourceMappingURL=dignite-ng-expand.ck-editor.mjs.map