@dignite-ng/expand.ck-editor 0.0.16 → 3.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/ck-editor.module.mjs +2 -2
- package/esm2022/lib/components/dome/ck-editor-dome.component.mjs +17 -30
- package/esm2022/lib/dynamic-form/ck-editor/ck-editor-control.component.mjs +26 -14
- package/esm2022/lib/enums/languages-map.mjs +2 -2
- package/esm2022/lib/object/ck-editor-object.mjs +1 -21
- package/esm2022/lib/services/index.mjs +2 -0
- package/esm2022/lib/services/set-ck-editor-configs.service.mjs +25 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/dignite-ng-expand.ck-editor.mjs +61 -39
- package/fesm2022/dignite-ng-expand.ck-editor.mjs.map +1 -1
- package/lib/components/dome/ck-editor-dome.component.d.ts +4 -2
- package/lib/dynamic-form/ck-editor/ck-editor-control.component.d.ts +6 -3
- package/lib/enums/languages-map.d.ts +1 -1
- package/lib/object/ck-editor-object.d.ts +0 -18
- package/lib/services/index.d.ts +1 -0
- package/lib/services/set-ck-editor-configs.service.d.ts +7 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { CkEditorTypesObject } from '../object/ck-editor-object';
|
|
3
|
+
import { LanguagesMap } from '../enums/languages-map';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class SetCkEditorConfigsService {
|
|
6
|
+
constructor() { }
|
|
7
|
+
async get(input) {
|
|
8
|
+
let { language } = input;
|
|
9
|
+
return new Promise(async (resolve, rejects) => {
|
|
10
|
+
let configs = CkEditorTypesObject['easy'];
|
|
11
|
+
configs.language = LanguagesMap[language];
|
|
12
|
+
await import(`@ckeditor/ckeditor5-build-decoupled-document/build/translations/${LanguagesMap[language]}`);
|
|
13
|
+
resolve(configs);
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
17
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, providedIn: 'root' }); }
|
|
18
|
+
}
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, decorators: [{
|
|
20
|
+
type: Injectable,
|
|
21
|
+
args: [{
|
|
22
|
+
providedIn: 'root',
|
|
23
|
+
}]
|
|
24
|
+
}], ctorParameters: () => [] });
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0LWNrLWVkaXRvci1jb25maWdzLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jay1lZGl0b3Ivc3JjL2xpYi9zZXJ2aWNlcy9zZXQtY2stZWRpdG9yLWNvbmZpZ3Muc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFLdEQsTUFBTSxPQUFPLHlCQUF5QjtJQUNwQyxnQkFBZSxDQUFDO0lBQ2hCLEtBQUssQ0FBQyxHQUFHLENBQUMsS0FBSztRQUNiLElBQUksRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7UUFFekIsT0FBTyxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxFQUFFO1lBQzVDLElBQUksT0FBTyxHQUFHLG1CQUFtQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzFDLE9BQU8sQ0FBQyxRQUFRLEdBQUcsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzFDLE1BQU0sTUFBTSxDQUNWLG1FQUFtRSxZQUFZLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FDNUYsQ0FBQztZQUVGLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBZFUseUJBQXlCO2tIQUF6Qix5QkFBeUIsY0FGeEIsTUFBTTs7MkZBRVAseUJBQXlCO2tCQUhyQyxVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ2tFZGl0b3JUeXBlc09iamVjdCB9IGZyb20gJy4uL29iamVjdC9jay1lZGl0b3Itb2JqZWN0JztcclxuaW1wb3J0IHsgTGFuZ3VhZ2VzTWFwIH0gZnJvbSAnLi4vZW51bXMvbGFuZ3VhZ2VzLW1hcCc7XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2V0Q2tFZGl0b3JDb25maWdzU2VydmljZSB7XHJcbiAgY29uc3RydWN0b3IoKSB7fVxyXG4gIGFzeW5jIGdldChpbnB1dCkge1xyXG4gICAgbGV0IHsgbGFuZ3VhZ2UgfSA9IGlucHV0O1xyXG4gIFxyXG4gICAgcmV0dXJuIG5ldyBQcm9taXNlKGFzeW5jIChyZXNvbHZlLCByZWplY3RzKSA9PiB7XHJcbiAgICAgIGxldCBjb25maWdzID0gQ2tFZGl0b3JUeXBlc09iamVjdFsnZWFzeSddOyBcclxuICAgICAgY29uZmlncy5sYW5ndWFnZSA9IExhbmd1YWdlc01hcFtsYW5ndWFnZV07XHJcbiAgICAgIGF3YWl0IGltcG9ydChcclxuICAgICAgICBgQGNrZWRpdG9yL2NrZWRpdG9yNS1idWlsZC1kZWNvdXBsZWQtZG9jdW1lbnQvYnVpbGQvdHJhbnNsYXRpb25zLyR7TGFuZ3VhZ2VzTWFwW2xhbmd1YWdlXX1gXHJcbiAgICAgICk7XHJcbiAgICBcclxuICAgICAgcmVzb2x2ZShjb25maWdzKTtcclxuICAgIH0pO1xyXG4gIH1cclxufVxyXG4iXX0=
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -8,4 +8,5 @@ export * from './lib/enums/languages-map';
|
|
|
8
8
|
export * from './lib/object/ck-editor-object';
|
|
9
9
|
export * from './lib/adapter';
|
|
10
10
|
export * from './lib/pipes';
|
|
11
|
-
|
|
11
|
+
export * from './lib/services';
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NrLWVkaXRvci9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHVDQUF1QyxDQUFDO0FBQ3RELGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYywrQkFBK0IsQ0FBQztBQUM5QyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLGFBQWEsQ0FBQztBQUM1QixjQUFjLGdCQUFnQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBjay1lZGl0b3JcbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jay1lZGl0b3IubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NrLWVkaXRvci1yb3V0aW5nLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9keW5hbWljLWZvcm0vZm9ybS1jb250cm9sLWdyb3VwJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2VudW1zL2xhbmd1YWdlcy1tYXAnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvb2JqZWN0L2NrLWVkaXRvci1vYmplY3QnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYWRhcHRlcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9waXBlcyc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcyc7XG4iXX0=
|
|
@@ -1,27 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, Component, NgModule, Input, ViewChild, Pipe } from '@angular/core';
|
|
2
|
+
import { Injectable, inject, Component, NgModule, Input, ViewChild, Pipe } from '@angular/core';
|
|
3
3
|
import * as i1$1 from '@angular/router';
|
|
4
4
|
import { RouterModule } from '@angular/router';
|
|
5
5
|
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';
|
|
6
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh-cn';
|
|
7
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/de-ch';
|
|
8
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/en-gb';
|
|
9
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/pt-br';
|
|
10
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/zh';
|
|
11
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/de';
|
|
12
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/ar';
|
|
13
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/cs';
|
|
14
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/hi';
|
|
15
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/fi';
|
|
16
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/hu';
|
|
17
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/fr';
|
|
18
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/it';
|
|
19
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/sk';
|
|
20
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/ja';
|
|
21
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/es';
|
|
22
|
-
import '@ckeditor/ckeditor5-build-decoupled-document/build/translations/vi';
|
|
23
6
|
import * as i2$1 from '@abp/ng.core';
|
|
24
|
-
import { ConfigStateService, RestService, CoreModule } from '@abp/ng.core';
|
|
7
|
+
import { ConfigStateService, LazyLoadService, SubscriptionService, LOADING_STRATEGY, RestService, CoreModule } from '@abp/ng.core';
|
|
25
8
|
import * as i1 from '@angular/forms';
|
|
26
9
|
import { FormBuilder, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
27
10
|
import * as i2 from '@angular/common';
|
|
@@ -923,7 +906,7 @@ var LanguagesMap;
|
|
|
923
906
|
(function (LanguagesMap) {
|
|
924
907
|
LanguagesMap["ar"] = "ar";
|
|
925
908
|
LanguagesMap["cs"] = "cs";
|
|
926
|
-
LanguagesMap["en"] = "en";
|
|
909
|
+
LanguagesMap["en"] = "en-gb";
|
|
927
910
|
LanguagesMap["hi"] = "hi";
|
|
928
911
|
LanguagesMap["fi"] = "fi";
|
|
929
912
|
LanguagesMap["hu"] = "hu";
|
|
@@ -941,32 +924,59 @@ var LanguagesMap;
|
|
|
941
924
|
LanguagesMap["vi"] = "vi";
|
|
942
925
|
})(LanguagesMap || (LanguagesMap = {}));
|
|
943
926
|
|
|
927
|
+
class SetCkEditorConfigsService {
|
|
928
|
+
constructor() { }
|
|
929
|
+
async get(input) {
|
|
930
|
+
let { language } = input;
|
|
931
|
+
return new Promise(async (resolve, rejects) => {
|
|
932
|
+
let configs = CkEditorTypesObject['easy'];
|
|
933
|
+
configs.language = LanguagesMap[language];
|
|
934
|
+
await import(`@ckeditor/ckeditor5-build-decoupled-document/build/translations/${LanguagesMap[language]}`);
|
|
935
|
+
resolve(configs);
|
|
936
|
+
});
|
|
937
|
+
}
|
|
938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
939
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, providedIn: 'root' }); }
|
|
940
|
+
}
|
|
941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: SetCkEditorConfigsService, decorators: [{
|
|
942
|
+
type: Injectable,
|
|
943
|
+
args: [{
|
|
944
|
+
providedIn: 'root',
|
|
945
|
+
}]
|
|
946
|
+
}], ctorParameters: () => [] });
|
|
947
|
+
|
|
944
948
|
class CkEditorDomeComponent {
|
|
945
949
|
constructor() {
|
|
946
950
|
this.config = inject(ConfigStateService);
|
|
947
951
|
this.currentCulture = this.config.getOne('localization')?.currentCulture?.name;
|
|
948
|
-
// CkEditorTypesObject = CkEditorTypesObject
|
|
949
952
|
this.Editor = ClassicEditor;
|
|
950
953
|
this._config = {
|
|
951
954
|
plugins: [Bold, Essentials, Italic, Paragraph, Undo],
|
|
952
|
-
toolbar: ['undo', 'redo', '|', 'bold', 'italic']
|
|
955
|
+
toolbar: ['undo', 'redo', '|', 'bold', 'italic'],
|
|
953
956
|
};
|
|
954
957
|
this.configType = 'default';
|
|
955
958
|
this.editorValue = '<p>12233</p>';
|
|
956
|
-
this.
|
|
959
|
+
this._SetCkEditorConfigsService = inject(SetCkEditorConfigsService);
|
|
960
|
+
this.lazyLoadService = inject(LazyLoadService);
|
|
961
|
+
this.subscriptionService = inject(SubscriptionService);
|
|
957
962
|
this._config_ck = CkEditorTypesObject['full'];
|
|
958
963
|
}
|
|
959
964
|
/**切换类型 */
|
|
960
965
|
switchType(type) {
|
|
961
966
|
this.configType = type;
|
|
962
967
|
this._config_ck = '';
|
|
963
|
-
setTimeout(() => {
|
|
964
|
-
|
|
965
|
-
configs
|
|
966
|
-
|
|
968
|
+
setTimeout(async () => {
|
|
969
|
+
this.loadStyle();
|
|
970
|
+
let configs = await this._SetCkEditorConfigsService.get({
|
|
971
|
+
language: this.currentCulture,
|
|
972
|
+
});
|
|
967
973
|
this._config_ck = configs;
|
|
968
974
|
}, 0);
|
|
969
975
|
}
|
|
976
|
+
loadStyle() {
|
|
977
|
+
const loaded$ = this.lazyLoadService.load(LOADING_STRATEGY.AppendAnonymousStyleToHead('ckeditor5.css'));
|
|
978
|
+
this.subscriptionService.addOne(loaded$);
|
|
979
|
+
}
|
|
970
980
|
clearconfig() {
|
|
971
981
|
this._config = null;
|
|
972
982
|
}
|
|
@@ -1138,12 +1148,14 @@ class CkEditorControlComponent {
|
|
|
1138
1148
|
this.ckEditorValue = '';
|
|
1139
1149
|
/**系统语言 */
|
|
1140
1150
|
this.currentCulture = this.config.getOne('localization')?.currentCulture?.name;
|
|
1141
|
-
/** 语言目录,匹配系统语言,设置ckeditor的语言 */
|
|
1142
|
-
this.languagesMap = LanguagesMap;
|
|
1143
1151
|
this.Editor = ClassicEditor;
|
|
1144
1152
|
this.fb = inject(FormBuilder);
|
|
1145
1153
|
/**字段配置列表 */
|
|
1146
1154
|
this._fields = '';
|
|
1155
|
+
this.languagesMap = LanguagesMap;
|
|
1156
|
+
this._SetCkEditorConfigsService = inject(SetCkEditorConfigsService);
|
|
1157
|
+
this.lazyLoadService = inject(LazyLoadService);
|
|
1158
|
+
this.subscriptionService = inject(SubscriptionService);
|
|
1147
1159
|
this.invalidfeedback = false;
|
|
1148
1160
|
/**图片容器名称 */
|
|
1149
1161
|
this.imagesContainerName = '';
|
|
@@ -1182,14 +1194,25 @@ class CkEditorControlComponent {
|
|
|
1182
1194
|
async dataLoaded() {
|
|
1183
1195
|
if (this._fields && this._entity) {
|
|
1184
1196
|
await this.AfterInit();
|
|
1185
|
-
this.ckEditorValue =
|
|
1197
|
+
this.ckEditorValue =
|
|
1198
|
+
this._selected || this._fields.field.formConfiguration['Ckeditor.InitialContent'];
|
|
1186
1199
|
this.setckeditorInput(this.ckEditorValue);
|
|
1187
1200
|
this.submitclick.nativeElement.click();
|
|
1188
1201
|
}
|
|
1189
1202
|
}
|
|
1190
1203
|
loadckeditor() {
|
|
1191
|
-
|
|
1192
|
-
|
|
1204
|
+
return new Promise(async (resolve) => {
|
|
1205
|
+
this.loadStyle();
|
|
1206
|
+
let configs = await this._SetCkEditorConfigsService.get({
|
|
1207
|
+
language: this.currentCulture,
|
|
1208
|
+
});
|
|
1209
|
+
this.ckOptions = configs;
|
|
1210
|
+
resolve(true);
|
|
1211
|
+
});
|
|
1212
|
+
}
|
|
1213
|
+
loadStyle() {
|
|
1214
|
+
const loaded$ = this.lazyLoadService.load(LOADING_STRATEGY.AppendAnonymousStyleToHead('ckeditor5.css'));
|
|
1215
|
+
this.subscriptionService.addOne(loaded$);
|
|
1193
1216
|
}
|
|
1194
1217
|
//设置值
|
|
1195
1218
|
setckeditorInput(val) {
|
|
@@ -1206,20 +1229,19 @@ class CkEditorControlComponent {
|
|
|
1206
1229
|
? this._selected
|
|
1207
1230
|
: this._fields.field.formConfiguration['Ckeditor.InitialContent'], ValidatorsArray);
|
|
1208
1231
|
this.extraProperties.setControl(this._fields.field.name, newControl);
|
|
1209
|
-
this.imagesContainerName =
|
|
1210
|
-
this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
|
|
1232
|
+
this.imagesContainerName = this._fields.field.formConfiguration['Ckeditor.ImagesContainerName'];
|
|
1211
1233
|
if (!this.imagesContainerName) {
|
|
1212
|
-
this.ckOptions
|
|
1234
|
+
this.ckOptions?.toolbar?.items?.splice(this.ckOptions?.toolbar?.items?.indexOf('insertImage'), 1);
|
|
1213
1235
|
}
|
|
1214
1236
|
resolve(true);
|
|
1215
1237
|
});
|
|
1216
1238
|
}
|
|
1217
1239
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1218
|
-
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)\"
|
|
1240
|
+
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"] }] }); }
|
|
1219
1241
|
}
|
|
1220
1242
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: CkEditorControlComponent, decorators: [{
|
|
1221
1243
|
type: Component,
|
|
1222
|
-
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)\"
|
|
1244
|
+
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>" }]
|
|
1223
1245
|
}], ctorParameters: () => [], propDecorators: { fields: [{
|
|
1224
1246
|
type: Input
|
|
1225
1247
|
}], parentFiledName: [{
|
|
@@ -1284,7 +1306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
|
|
|
1284
1306
|
ThemeSharedModule,
|
|
1285
1307
|
ReactiveFormsModule,
|
|
1286
1308
|
CkEditorRoutingModule,
|
|
1287
|
-
CKEditorModule
|
|
1309
|
+
CKEditorModule,
|
|
1288
1310
|
],
|
|
1289
1311
|
exports: []
|
|
1290
1312
|
}]
|
|
@@ -1381,5 +1403,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
|
|
|
1381
1403
|
* Generated bundle index. Do not edit.
|
|
1382
1404
|
*/
|
|
1383
1405
|
|
|
1384
|
-
export { AddFieldControlGroup, CkEditorModule, CkEditorRoutingModule, CkEditorTypesObject, LanguagesMap, SetCkeditorContentPipe, ckEditorFieldControlGroup, defaults, easy, full, getExcludeAssignControl, isBase64UploadAdapter, standard };
|
|
1406
|
+
export { AddFieldControlGroup, CkEditorModule, CkEditorRoutingModule, CkEditorTypesObject, LanguagesMap, SetCkEditorConfigsService, SetCkeditorContentPipe, ckEditorFieldControlGroup, defaults, easy, full, getExcludeAssignControl, isBase64UploadAdapter, standard };
|
|
1385
1407
|
//# sourceMappingURL=dignite-ng-expand.ck-editor.mjs.map
|