@dignite-ng/expand.ck-editor 3.0.0-rc.1 → 3.0.0-rc.2

package/esm2022/public-api.mjs

@@ -8,4 +8,5 @@ export * from './lib/enums/languages-map';
 export * from './lib/object/ck-editor-object';
 export * from './lib/adapter';
 export * from './lib/pipes';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NrLWVkaXRvci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgY2stZWRpdG9yXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY2stZWRpdG9yLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jay1lZGl0b3Itcm91dGluZy5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZHluYW1pYy1mb3JtL2Zvcm0tY29udHJvbC1ncm91cCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9lbnVtcy9sYW5ndWFnZXMtbWFwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL29iamVjdC9jay1lZGl0b3Itb2JqZWN0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2FkYXB0ZXInO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvcGlwZXMnO1xuIl19
+export * from './lib/services';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NrLWVkaXRvci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBjay1lZGl0b3JcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jay1lZGl0b3IubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NrLWVkaXRvci1yb3V0aW5nLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9keW5hbWljLWZvcm0vZm9ybS1jb250cm9sLWdyb3VwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VudW1zL2xhbmd1YWdlcy1tYXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb2JqZWN0L2NrLWVkaXRvci1vYmplY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWRhcHRlcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcyc7XG4iXX0=

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

@@ -1,25 +1,8 @@
 import * as i0 from '@angular/core';
-import { inject, Component, NgModule, Input, ViewChild, Pipe } from '@angular/core';
+import { Injectable, inject, Component, NgModule, Input, ViewChild, Pipe } from '@angular/core';
 import * as i1$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { AccessibilityHelp, Alignment, Autoformat, AutoImage, Autosave, Base64UploadAdapter, BlockQuote, Bold, CloudServices, Code, Essentials, FontBackgroundColor, FontColor, FontFamily, FontSize, GeneralHtmlSupport, Heading, Highlight, HorizontalLine, ImageBlock, ImageCaption, ImageInline, ImageInsert, ImageInsertViaUrl, ImageResize, ImageStyle, ImageTextAlternative, ImageToolbar, ImageUpload, Indent, IndentBlock, Italic, Link, LinkImage, List, ListProperties, MediaEmbed, Paragraph, PasteFromOffice, RemoveFormat, SelectAll, SpecialCharacters, SpecialCharactersArrows, SpecialCharactersCurrency, SpecialCharactersEssentials, SpecialCharactersLatin, SpecialCharactersMathematical, SpecialCharactersText, Strikethrough, Style, Subscript, Superscript, Table, TableCaption, TableCellProperties, TableColumnResize, TableProperties, TableToolbar, TextTransformation, TodoList, Underline, Undo, ClassicEditor } from 'ckeditor5';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/de-ch';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/en-gb';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/pt-br';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/de';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/ar';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/cs';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/hi';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/fi';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/hu';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/fr';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/it';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/sk';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/ja';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/es';
-import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/vi';
 import * as i2$1 from '@abp/ng.core';
 import { ConfigStateService, LazyLoadService, SubscriptionService, LOADING_STRATEGY, RestService, CoreModule } from '@abp/ng.core';
 import * as i1 from '@angular/forms';
@@ -923,7 +906,7 @@ var LanguagesMap;
 (function (LanguagesMap) {
     LanguagesMap["ar"] = "ar";
     LanguagesMap["cs"] = "cs";
-    LanguagesMap["en"] = "en";
+    LanguagesMap["en"] = "en-gb";
     LanguagesMap["hi"] = "hi";
     LanguagesMap["fi"] = "fi";
     LanguagesMap["hu"] = "hu";
@@ -941,11 +924,31 @@ var LanguagesMap;
     LanguagesMap["vi"] = "vi";
 })(LanguagesMap || (LanguagesMap = {}));
 
+class SetCkEditorConfigsService {
+    constructor() { }
+    async get(input) {
+        let { language } = input;
+        return new Promise(async (resolve, rejects) => {
+            let configs = CkEditorTypesObject['easy'];
+            configs.language = LanguagesMap[language];
+            await import(`@ckeditor/ckeditor5-build-decoupled-document/build/translations/${LanguagesMap[language]}`);
+            resolve(configs);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
 class CkEditorDomeComponent {
     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],
@@ -953,7 +956,7 @@ class CkEditorDomeComponent {
         };
         this.configType = 'default';
         this.editorValue = '<p>12233</p>';
-        this.languagesMap = LanguagesMap;
+        this._SetCkEditorConfigsService = inject(SetCkEditorConfigsService);
         this.lazyLoadService = inject(LazyLoadService);
         this.subscriptionService = inject(SubscriptionService);
         this._config_ck = CkEditorTypesObject['full'];
@@ -962,11 +965,11 @@ class CkEditorDomeComponent {
     switchType(type) {
         this.configType = type;
         this._config_ck = '';
-        setTimeout(() => {
+        setTimeout(async () => {
             this.loadStyle();
-            let configs = CkEditorTypesObject[type];
-            configs.language = this.languagesMap[this.currentCulture];
-            // configs.translations= [coreTranslations]
+            let configs = await this._SetCkEditorConfigsService.get({
+                language: this.currentCulture,
+            });
             this._config_ck = configs;
         }, 0);
     }
@@ -1145,12 +1148,12 @@ class CkEditorControlComponent {
         this.ckEditorValue = '';
         /**系统语言 */
         this.currentCulture = this.config.getOne('localization')?.currentCulture?.name;
-        /** 语言目录，匹配系统语言，设置ckeditor的语言 */
-        this.languagesMap = LanguagesMap;
         this.Editor = ClassicEditor;
         this.fb = inject(FormBuilder);
         /**字段配置列表 */
         this._fields = '';
+        this.languagesMap = LanguagesMap;
+        this._SetCkEditorConfigsService = inject(SetCkEditorConfigsService);
         this.lazyLoadService = inject(LazyLoadService);
         this.subscriptionService = inject(SubscriptionService);
         this.invalidfeedback = false;
@@ -1191,16 +1194,21 @@ class CkEditorControlComponent {
     async dataLoaded() {
         if (this._fields && this._entity) {
             await this.AfterInit();
-            this.ckEditorValue = this._selected || this._fields.field.formConfiguration['Ckeditor.InitialContent'];
+            this.ckEditorValue =
+                this._selected || this._fields.field.formConfiguration['Ckeditor.InitialContent'];
             this.setckeditorInput(this.ckEditorValue);
             this.submitclick.nativeElement.click();
         }
     }
     loadckeditor() {
-        this.loadStyle();
-        let configs = CkEditorTypesObject['default'];
-        configs.language = this.languagesMap[this.currentCulture];
-        this.ckOptions = configs;
+        return new Promise(async (resolve) => {
+            this.loadStyle();
+            let configs = await this._SetCkEditorConfigsService.get({
+                language: this.currentCulture,
+            });
+            this.ckOptions = configs;
+            resolve(true);
+        });
     }
     loadStyle() {
         const loaded$ = this.lazyLoadService.load(LOADING_STRATEGY.AppendAnonymousStyleToHead('ckeditor5.css'));
@@ -1221,20 +1229,19 @@ class CkEditorControlComponent {
                 ? this._selected
                 : this._fields.field.formConfiguration['Ckeditor.InitialContent'], ValidatorsArray);
             this.extraProperties.setControl(this._fields.field.name, newControl);
-            this.imagesContainerName =
-                this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
+            this.imagesContainerName = this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
             if (!this.imagesContainerName) {
-                this.ckOptions.toolbar.items.splice(this.ckOptions.toolbar.items.indexOf('insertImage'), 1);
+                this.ckOptions?.toolbar?.items?.splice(this.ckOptions?.toolbar?.items?.indexOf('insertImage'), 1);
             }
             resolve(true);
         });
     }
     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: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, 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-3\">\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            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\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"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.5", type: CkEditorControlComponent, selector: "ck-editor-control", inputs: { fields: "fields", parentFiledName: "parentFiledName", selected: "selected", entity: "entity" }, 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-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n\n                <ckeditor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ck-editor-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\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            <small class=\"form-text text-muted d-block\" *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
+            args: [{ selector: 'ck-editor-control', template: "<form [formGroup]=\"_entity\">\n    <div formGroupName=\"extraProperties\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" *ngIf=\"_fields.displayName\">{{ _fields.displayName }}</label>\n            <ng-container *ngIf=\"ckOptions\">\n\n                <ckeditor [editor]=\"Editor\" *ngIf=\"Editor\" [config]=\"ckOptions\" (ready)=\"onReady($event)\"\n                    [formControlName]=\"_fields.field.name\">\n                </ckeditor>\n            </ng-container>\n            <small class=\"form-text text-muted d-block\"\n                *ngIf=\"_fields.field.description\">{{_fields.field.description}}</small>\n        </div>\n    </div>\n    <button type=\"submit\" style=\"display: none;\" #submitclick></button>\n</form>" }]
         }], ctorParameters: () => [], propDecorators: { fields: [{
                 type: Input
             }], parentFiledName: [{
@@ -1396,5 +1403,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddFieldControlGroup, CkEditorModule, CkEditorRoutingModule, CkEditorTypesObject, LanguagesMap, SetCkeditorContentPipe, ckEditorFieldControlGroup, defaults, easy, full, getExcludeAssignControl, isBase64UploadAdapter, standard };
+export { AddFieldControlGroup, CkEditorModule, CkEditorRoutingModule, CkEditorTypesObject, LanguagesMap, SetCkEditorConfigsService, SetCkeditorContentPipe, ckEditorFieldControlGroup, defaults, easy, full, getExcludeAssignControl, isBase64UploadAdapter, standard };
 //# sourceMappingURL=dignite-ng-expand.ck-editor.mjs.map