ps-toolkit-ui 1.7.63 → 1.7.68
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/bundles/ps-toolkit-ui.umd.js +41 -7
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/form/ckeditor/form.ckeditor.component.js +38 -4
- package/fesm2015/ps-toolkit-ui.js +38 -3
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +3 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -1,10 +1,44 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
2
|
import { InputError } from '../../../classes/enum.class';
|
|
3
|
-
import * as
|
|
3
|
+
import * as Editor from '@ckeditor/ckeditor5-build-classic';
|
|
4
|
+
import * as Alignment from '@ckeditor/ckeditor5-alignment';
|
|
4
5
|
export class FormCkeditorComponent {
|
|
5
6
|
constructor() {
|
|
6
7
|
this.changeIndex = new EventEmitter();
|
|
7
|
-
this.Editor =
|
|
8
|
+
this.Editor = Editor;
|
|
9
|
+
Editor.builtinPlugins = [
|
|
10
|
+
Alignment // <--- ADDED
|
|
11
|
+
];
|
|
12
|
+
Editor.defaultConfig = {
|
|
13
|
+
toolbar: {
|
|
14
|
+
items: [
|
|
15
|
+
'heading',
|
|
16
|
+
'|',
|
|
17
|
+
'alignment',
|
|
18
|
+
'bold',
|
|
19
|
+
'italic',
|
|
20
|
+
'link',
|
|
21
|
+
'bulletedList',
|
|
22
|
+
'numberedList',
|
|
23
|
+
'uploadImage',
|
|
24
|
+
'blockQuote',
|
|
25
|
+
'undo',
|
|
26
|
+
'redo'
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
image: {
|
|
30
|
+
toolbar: [
|
|
31
|
+
'imageStyle:inline',
|
|
32
|
+
'imageStyle:block',
|
|
33
|
+
'imageStyle:side',
|
|
34
|
+
'|',
|
|
35
|
+
'toggleImageCaption',
|
|
36
|
+
'imageTextAlternative'
|
|
37
|
+
]
|
|
38
|
+
},
|
|
39
|
+
// This value must be kept in sync with the language defined in webpack.config.js.
|
|
40
|
+
language: 'en'
|
|
41
|
+
};
|
|
8
42
|
}
|
|
9
43
|
ngOnInit() {
|
|
10
44
|
this.inp.setValue = (v) => {
|
|
@@ -65,7 +99,7 @@ export class FormCkeditorComponent {
|
|
|
65
99
|
FormCkeditorComponent.decorators = [
|
|
66
100
|
{ type: Component, args: [{
|
|
67
101
|
selector: 'lib-form-ckeditor',
|
|
68
|
-
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 [config]=\"
|
|
102
|
+
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 [config]=\"{toolbar: ['code',\r\n\t\t\t'alignment',\r\n\t\t\t'|',\r\n\t\t\t'link',\r\n\t\t\t'bulletedList',\r\n\t\t\t'numberedList',\r\n\t\t\t'|',\r\n\t\t\t'outdent',\r\n\t\t\t'indent',\r\n\t\t\t'|',\r\n\t\t\t'insertTable',\r\n\t\t\t'mediaEmbed',\r\n\t\t\t'undo',\r\n\t\t\t'redo',\r\n\t\t\t'imageInsert',\r\n\t\t\t'imageUpload']}\" [editor]=\"Editor\" data=\"<p>Hello, world!</p>\"></ckeditor>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
69
103
|
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}"]
|
|
70
104
|
},] }
|
|
71
105
|
];
|
|
@@ -75,4 +109,4 @@ FormCkeditorComponent.propDecorators = {
|
|
|
75
109
|
changeIndex: [{ type: Output }],
|
|
76
110
|
inputBase: [{ type: ViewChild, args: ['inputBase',] }]
|
|
77
111
|
};
|
|
78
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5ja2VkaXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS9ja2VkaXRvci9mb3JtLmNrZWRpdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxLQUFLLE1BQU0sTUFBTSxtQ0FBbUMsQ0FBQztBQUM1RCxPQUFPLEtBQUssU0FBUyxNQUFNLCtCQUErQixDQUFDO0FBTTNELE1BQU0sT0FBTyxxQkFBcUI7SUFPaEM7UUFIQSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbEMsV0FBTSxHQUFHLE1BQU0sQ0FBQztRQUVyQixNQUFNLENBQUMsY0FBYyxHQUFHO1lBQ3RCLFNBQVMsQ0FBNEQsYUFBYTtTQUNuRixDQUFDO1FBQ0YsTUFBTSxDQUFDLGFBQWEsR0FBRztZQUNyQixPQUFPLEVBQUU7Z0JBQ1AsS0FBSyxFQUFFO29CQUNMLFNBQVM7b0JBQ1QsR0FBRztvQkFDSCxXQUFXO29CQUNYLE1BQU07b0JBQ04sUUFBUTtvQkFDUixNQUFNO29CQUNOLGNBQWM7b0JBQ2QsY0FBYztvQkFDZCxhQUFhO29CQUNiLFlBQVk7b0JBQ1osTUFBTTtvQkFDTixNQUFNO2lCQUNQO2FBQ0Y7WUFDRCxLQUFLLEVBQUU7Z0JBQ0wsT0FBTyxFQUFFO29CQUNQLG1CQUFtQjtvQkFDbkIsa0JBQWtCO29CQUNsQixpQkFBaUI7b0JBQ2pCLEdBQUc7b0JBQ0gsb0JBQW9CO29CQUNwQixzQkFBc0I7aUJBQ3ZCO2FBQ0Y7WUFDRCxrRkFBa0Y7WUFDbEYs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UyxDQUFDLENBQUM7UUFDVCxJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDdEIsTUFBTSxJQUFJLEdBQUcsQ0FBQyxDQUFDLE9BQU8sSUFBSSxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQ2xDLElBQUksSUFBSSxLQUFLLENBQUMsRUFBRTtZQUNkLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3hEO0lBQ0gsQ0FBQzs7O1lBdEdGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QixpNEJBQTZDOzthQUU5Qzs7OztrQkFFRSxLQUFLOzBCQUVMLE1BQU07d0JBRU4sU0FBUyxTQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7SW5wdXRDbGFzc30gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9mb3JtLmNsYXNzJztcclxuaW1wb3J0IHtJbnB1dEVycm9yfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2VudW0uY2xhc3MnO1xyXG5pbXBvcnQgKiBhcyBFZGl0b3IgZnJvbSAnQGNrZWRpdG9yL2NrZWRpdG9yNS1idWlsZC1jbGFzc2ljJztcclxuaW1wb3J0ICogYXMgQWxpZ25tZW50IGZyb20gJ0Bja2VkaXRvci9ja2VkaXRvcjUtYWxpZ25tZW50JztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItZm9ybS1ja2VkaXRvcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0uY2tlZGl0b3IuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0uY2tlZGl0b3IuY29tcG9uZW50LmNzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBGb3JtQ2tlZGl0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcbiAgQElucHV0KClcclxuICBpbnA6IElucHV0Q2xhc3M7XHJcbiAgQE91dHB1dCgpXHJcbiAgY2hhbmdlSW5kZXggPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBAVmlld0NoaWxkKCdpbnB1dEJhc2UnKSBpbnB1dEJhc2U6IEVsZW1lbnRSZWY7XHJcbiAgcHVibGljIEVkaXRvciA9IEVkaXRvcjtcclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gICAgRWRpdG9yLmJ1aWx0aW5QbHVnaW5zID0gW1xyXG4gICAgICBBbGlnbm1lbnQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvLyA8LS0tIEFEREVEXHJcbiAgICBdO1xyXG4gICAgRWRpdG9yLmRlZmF1bHRDb25maWcgPSB7XHJcbiAgICAgIHRvb2xiYXI6IHtcclxuICAgICAgICBpdGVtczogW1xyXG4gICAgICAgICAgJ2hlYWRpbmcnLFxyXG4gICAgICAgICAgJ3wnLFxyXG4gICAgICAgICAgJ2FsaWdubWVudCcsICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIDwtLS0gQURERURcclxuICAgICAgICAgICdib2xkJyxcclxuICAgICAgICAgICdpdGFsaWMnLFxyXG4gICAgICAgICAgJ2xpbmsnLFxyXG4gICAgICAgICAgJ2J1bGxldGVkTGlzdCcsXHJcbiAgICAgICAgICAnbnVtYmVyZWRMaXN0JyxcclxuICAgICAgICAgICd1cGxvYWRJbWFnZScsXHJcbiAgICAgICAgICAnYmxvY2tRdW90ZScsXHJcbiAgICAgICAgICAndW5kbycsXHJcbiAgICAgICAgICAncmVkbydcclxuICAgICAgICBdXHJcbiAgICAgIH0sXHJcbiAgICAgIGltYWdlOiB7XHJcbiAgICAgICAgdG9vbGJhcjogW1xyXG4gICAgICAgICAgJ2ltYWdlU3R5bGU6aW5saW5lJyxcclxuICAgICAgICAgICdpbWFnZVN0eWxlOmJsb2NrJyxcclxuICAgICAgICAgICdpbWFnZVN0eWxlOnNpZGUnLFxyXG4gICAgICAgICAgJ3wnLFxyXG4gICAgICAgICAgJ3RvZ2dsZUltYWdlQ2FwdGlvbicsXHJcbiAgICAgICAgICAnaW1hZ2VUZXh0QWx0ZXJuYXRpdmUnXHJcbiAgICAgICAgXVxyXG4gICAgICB9LFxyXG4gICAgICAvLyBUaGlzIHZhbHVlIG11c3QgYmUga2VwdCBpbiBzeW5jIHdpdGggdGhlIGxhbmd1YWdlIGRlZmluZWQgaW4gd2VicGFjay5jb25maWcuanMuXHJcbiAgICAgIGxhbmd1YWdlOiAnZW4nXHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlucC5zZXRWYWx1ZSA9ICh2KSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlID0gdjtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5pc1ZhbGlkID0gKCkgPT4ge1xyXG4gICAgICB0aGlzLmlucC5lcnJvciA9IG51bGw7XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJiAhdGhpcy5pbnAudmFsdWUpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuUmVxdWlyZWQ7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICghdGhpcy5pbnAucmVxdWlyZWQgJiYgIXRoaXMuaW5wLnZhbHVlKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLm1pbkxlbmd0aCAhPT0gLTEgJiZcclxuICAgICAgICB0aGlzLmlucC5taW5MZW5ndGggPT09IHRoaXMuaW5wLm1heExlbmd0aCAmJlxyXG4gICAgICAgIHRoaXMuaW5wLnZhbHVlLmxlbmd0aCAhPT0gdGhpcy5pbnAubWluTGVuZ3RoKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLkxlbmd0aDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmXHJcbiAgICAgICAgdGhpcy5pbnAubWluTGVuZ3RoICE9PSAtMSAmJlxyXG4gICAgICAgIHRoaXMuaW5wLnZhbHVlLmxlbmd0aCA8IHRoaXMuaW5wLm1pbkxlbmd0aCkge1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5NaW5MZW5ndGg7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJlxyXG4gICAgICAgIHRoaXMuaW5wLm1heExlbmd0aCAhPT0gLTEgJiZcclxuICAgICAgICB0aGlzLmlucC52YWx1ZS5sZW5ndGggPiB0aGlzLmlucC5tYXhMZW5ndGgpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuTWF4TGVuZ3RoO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5jbGVhciA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgICB0aGlzLmlucC52YWx1ZSA9IHRoaXMuaW5wLmRlZmF1bHQ7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuZGF0YSA9ICgpID0+IHtcclxuICAgICAgcmV0dXJuIHRoaXMuaW5wLnZhbHVlO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmZvY3VzID0gKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uRm9jdXNJbigpO1xyXG4gICAgfTtcclxuICB9XHJcbiAgb25Gb2N1c0luKCk6IHZvaWR7XHJcbiAgICB0aGlzLmlucHV0QmFzZS5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XHJcbiAgfVxyXG4gIG9uS2V5RG93bihlKTogdm9pZHtcclxuICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgIGNvbnN0IGNvZGUgPSBlLmtleUNvZGUgfHwgZS53aGljaDtcclxuICAgIGlmIChjb2RlID09PSA5KSB7XHJcbiAgICAgIGUucHJldmVudERlZmF1bHQoKTtcclxuICAgICAgdGhpcy5jaGFuZ2VJbmRleC5lbWl0KGUuc2hpZnRLZXkgPyAnU2hpZnRUYWInIDogJ1RhYicpO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -9,7 +9,9 @@ import 'jquery-ui-dist/jquery-ui';
|
|
|
9
9
|
import { FormsModule } from '@angular/forms';
|
|
10
10
|
import { CommonModule } from '@angular/common';
|
|
11
11
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
12
|
-
import * as
|
|
12
|
+
import * as Editor from '@ckeditor/ckeditor5-build-classic';
|
|
13
|
+
import { builtinPlugins, defaultConfig } from '@ckeditor/ckeditor5-build-classic';
|
|
14
|
+
import * as Alignment from '@ckeditor/ckeditor5-alignment';
|
|
13
15
|
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
|
|
14
16
|
import { chart } from 'highcharts';
|
|
15
17
|
|
|
@@ -6745,7 +6747,40 @@ FormTagComponent.propDecorators = {
|
|
|
6745
6747
|
class FormCkeditorComponent {
|
|
6746
6748
|
constructor() {
|
|
6747
6749
|
this.changeIndex = new EventEmitter();
|
|
6748
|
-
this.Editor =
|
|
6750
|
+
this.Editor = Editor;
|
|
6751
|
+
builtinPlugins = [
|
|
6752
|
+
Alignment // <--- ADDED
|
|
6753
|
+
];
|
|
6754
|
+
defaultConfig = {
|
|
6755
|
+
toolbar: {
|
|
6756
|
+
items: [
|
|
6757
|
+
'heading',
|
|
6758
|
+
'|',
|
|
6759
|
+
'alignment',
|
|
6760
|
+
'bold',
|
|
6761
|
+
'italic',
|
|
6762
|
+
'link',
|
|
6763
|
+
'bulletedList',
|
|
6764
|
+
'numberedList',
|
|
6765
|
+
'uploadImage',
|
|
6766
|
+
'blockQuote',
|
|
6767
|
+
'undo',
|
|
6768
|
+
'redo'
|
|
6769
|
+
]
|
|
6770
|
+
},
|
|
6771
|
+
image: {
|
|
6772
|
+
toolbar: [
|
|
6773
|
+
'imageStyle:inline',
|
|
6774
|
+
'imageStyle:block',
|
|
6775
|
+
'imageStyle:side',
|
|
6776
|
+
'|',
|
|
6777
|
+
'toggleImageCaption',
|
|
6778
|
+
'imageTextAlternative'
|
|
6779
|
+
]
|
|
6780
|
+
},
|
|
6781
|
+
// This value must be kept in sync with the language defined in webpack.config.js.
|
|
6782
|
+
language: 'en'
|
|
6783
|
+
};
|
|
6749
6784
|
}
|
|
6750
6785
|
ngOnInit() {
|
|
6751
6786
|
this.inp.setValue = (v) => {
|
|
@@ -6806,7 +6841,7 @@ class FormCkeditorComponent {
|
|
|
6806
6841
|
FormCkeditorComponent.decorators = [
|
|
6807
6842
|
{ type: Component, args: [{
|
|
6808
6843
|
selector: 'lib-form-ckeditor',
|
|
6809
|
-
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 [config]=\"
|
|
6844
|
+
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 [config]=\"{toolbar: ['code',\r\n\t\t\t'alignment',\r\n\t\t\t'|',\r\n\t\t\t'link',\r\n\t\t\t'bulletedList',\r\n\t\t\t'numberedList',\r\n\t\t\t'|',\r\n\t\t\t'outdent',\r\n\t\t\t'indent',\r\n\t\t\t'|',\r\n\t\t\t'insertTable',\r\n\t\t\t'mediaEmbed',\r\n\t\t\t'undo',\r\n\t\t\t'redo',\r\n\t\t\t'imageInsert',\r\n\t\t\t'imageUpload']}\" [editor]=\"Editor\" data=\"<p>Hello, world!</p>\"></ckeditor>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
6810
6845
|
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}"]
|
|
6811
6846
|
},] }
|
|
6812
6847
|
];
|