ps-toolkit-ui 1.7.70 → 1.7.74
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 +29 -14
- 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 +29 -15
- package/fesm2015/ps-toolkit-ui.js +28 -14
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/components/form/ckeditor/form.ckeditor.component.d.ts +10 -0
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -1,24 +1,38 @@
|
|
|
1
1
|
import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
|
|
2
2
|
import { InputError } from '../../../classes/enum.class';
|
|
3
|
-
import * as Editor from '@ckeditor/ckeditor5-build-
|
|
3
|
+
import * as Editor from '@ckeditor/ckeditor5-build-inline';
|
|
4
4
|
export class FormCkeditorComponent {
|
|
5
5
|
constructor() {
|
|
6
6
|
this.changeIndex = new EventEmitter();
|
|
7
7
|
this.Editor = Editor;
|
|
8
|
+
this.config = {
|
|
9
|
+
toolbar: {
|
|
10
|
+
items: [
|
|
11
|
+
'code',
|
|
12
|
+
'alignment',
|
|
13
|
+
'|',
|
|
14
|
+
'link',
|
|
15
|
+
'bulletedList',
|
|
16
|
+
'numberedList',
|
|
17
|
+
'|',
|
|
18
|
+
'outdent',
|
|
19
|
+
'indent',
|
|
20
|
+
'|',
|
|
21
|
+
'insertTable',
|
|
22
|
+
'mediaEmbed',
|
|
23
|
+
'undo',
|
|
24
|
+
'redo',
|
|
25
|
+
'imageInsert',
|
|
26
|
+
'imageUpload'
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
alignment: {
|
|
30
|
+
options: ['left', 'right', 'center', 'justify']
|
|
31
|
+
},
|
|
32
|
+
removePlugins: ['MediaEmbed', 'Link'], mediaEmbed: {}
|
|
33
|
+
};
|
|
8
34
|
}
|
|
9
35
|
ngOnInit() {
|
|
10
|
-
setTimeout(() => {
|
|
11
|
-
Editor
|
|
12
|
-
.create(document.querySelector('#editor'), {
|
|
13
|
-
toolbar: ['bold', 'italic']
|
|
14
|
-
})
|
|
15
|
-
.then(editor => {
|
|
16
|
-
console.log('Editor was initialized', editor);
|
|
17
|
-
})
|
|
18
|
-
.catch(error => {
|
|
19
|
-
console.error(error.stack);
|
|
20
|
-
});
|
|
21
|
-
}, 3000);
|
|
22
36
|
this.inp.setValue = (v) => {
|
|
23
37
|
this.inp.value = v;
|
|
24
38
|
};
|
|
@@ -77,7 +91,7 @@ export class FormCkeditorComponent {
|
|
|
77
91
|
FormCkeditorComponent.decorators = [
|
|
78
92
|
{ type: Component, args: [{
|
|
79
93
|
selector: 'lib-form-ckeditor',
|
|
80
|
-
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\"
|
|
94
|
+
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: [\r\n '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",
|
|
81
95
|
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}"]
|
|
82
96
|
},] }
|
|
83
97
|
];
|
|
@@ -87,4 +101,4 @@ FormCkeditorComponent.propDecorators = {
|
|
|
87
101
|
changeIndex: [{ type: Output }],
|
|
88
102
|
inputBase: [{ type: ViewChild, args: ['inputBase',] }]
|
|
89
103
|
};
|
|
90
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5ja2VkaXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS9ja2VkaXRvci9mb3JtLmNrZWRpdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDdkQsT0FBTyxLQUFLLE1BQU0sTUFBTSxrQ0FBa0MsQ0FBQztBQU8zRCxNQUFNLE9BQU8scUJBQXFCO0lBaUNoQztRQTdCQSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFbEMsV0FBTSxHQUFHLE1BQU0sQ0FBQztRQUN2QixXQUFNLEdBQUc7WUFDUCxPQUFPLEVBQUU7Z0JBQ1AsS0FBSyxFQUFFO29CQUNMLE1BQU07b0JBQ04sV0FBVztvQkFDWCxHQUFHO29CQUNILE1BQU07b0JBQ04sY0FBYztvQkFDZCxjQUFjO29CQUNkLEdBQUc7b0JBQ0gsU0FBUztvQkFDVCxRQUFRO29CQUNSLEdBQUc7b0JBQ0gsYUFBYTtvQkFDYixZQUFZO29CQUNaLE1BQU07b0JBQ04sTUFBTTtvQkFDTixhQUFhO29CQUNiLGFBQWE7aUJBQ2Q7YUFDRjtZQUNELFNBQVMsRUFBRTtnQkFDVCxPQUFPLEVBQUUsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLENBQUM7YUFDaEQ7WUFDRCxhQUFhLEVBQUUsQ0FBQyxZQUFZLEVBQUUsTUFBTSxDQUFDLEVBQUUsVUFBVSxFQUFFLEVBQUU7U0FDdEQsQ0FBQztJQUVGLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFR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QUFHLENBQUMsQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUNsQyxJQUFJLElBQUksS0FBSyxDQUFDLEVBQUU7WUFDZCxDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7OztZQS9GRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtnQkFDN0IsMjRCQUE2Qzs7YUFFOUM7Ozs7a0JBRUUsS0FBSzswQkFFTCxNQUFNO3dCQUVOLFNBQVMsU0FBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0lucHV0Q2xhc3N9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcbmltcG9ydCB7SW5wdXRFcnJvcn0gZnJvbSAnLi4vLi4vLi4vY2xhc3Nlcy9lbnVtLmNsYXNzJztcclxuaW1wb3J0ICogYXMgRWRpdG9yIGZyb20gJ0Bja2VkaXRvci9ja2VkaXRvcjUtYnVpbGQtaW5saW5lJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWZvcm0tY2tlZGl0b3InLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLmNrZWRpdG9yLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9mb3JtLmNrZWRpdG9yLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybUNrZWRpdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBJbnB1dCgpXHJcbiAgaW5wOiBJbnB1dENsYXNzO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGNoYW5nZUluZGV4ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRCYXNlJykgaW5wdXRCYXNlOiBFbGVtZW50UmVmO1xyXG4gIHB1YmxpYyBFZGl0b3IgPSBFZGl0b3I7XHJcbiAgY29uZmlnID0ge1xyXG4gICAgdG9vbGJhcjoge1xyXG4gICAgICBpdGVtczogW1xyXG4gICAgICAgICdjb2RlJyxcclxuICAgICAgICAnYWxpZ25tZW50JyxcclxuICAgICAgICAnfCcsXHJcbiAgICAgICAgJ2xpbmsnLFxyXG4gICAgICAgICdidWxsZXRlZExpc3QnLFxyXG4gICAgICAgICdudW1iZXJlZExpc3QnLFxyXG4gICAgICAgICd8JyxcclxuICAgICAgICAnb3V0ZGVudCcsXHJcbiAgICAgICAgJ2luZGVudCcsXHJcbiAgICAgICAgJ3wnLFxyXG4gICAgICAgICdpbnNlcnRUYWJsZScsXHJcbiAgICAgICAgJ21lZGlhRW1iZWQnLFxyXG4gICAgICAgICd1bmRvJyxcclxuICAgICAgICAncmVkbycsXHJcbiAgICAgICAgJ2ltYWdlSW5zZXJ0JyxcclxuICAgICAgICAnaW1hZ2VVcGxvYWQnXHJcbiAgICAgIF1cclxuICAgIH0sXHJcbiAgICBhbGlnbm1lbnQ6IHtcclxuICAgICAgb3B0aW9uczogWydsZWZ0JywgJ3JpZ2h0JywgJ2NlbnRlcicsICdqdXN0aWZ5J11cclxuICAgIH0sXHJcbiAgICByZW1vdmVQbHVnaW5zOiBbJ01lZGlhRW1iZWQnLCAnTGluayddLCBtZWRpYUVtYmVkOiB7fVxyXG4gIH07XHJcbiAgY29uc3RydWN0b3IoKXtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbnAuc2V0VmFsdWUgPSAodikgPT4ge1xyXG4gICAgICB0aGlzLmlucC52YWx1ZSA9IHY7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuaXNWYWxpZCA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiYgIXRoaXMuaW5wLnZhbHVlKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLlJlcXVpcmVkO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICBpZiAoIXRoaXMuaW5wLnJlcXVpcmVkICYmICF0aGlzLmlucC52YWx1ZSkge1xyXG4gICAgICAgIHJldHVybiB0cnVlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJiB0aGlzLmlucC5taW5MZW5ndGggIT09IC0xICYmXHJcbiAgICAgICAgdGhpcy5pbnAubWluTGVuZ3RoID09PSB0aGlzLmlucC5tYXhMZW5ndGggJiZcclxuICAgICAgICB0aGlzLmlucC52YWx1ZS5sZW5ndGggIT09IHRoaXMuaW5wLm1pbkxlbmd0aCkge1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5MZW5ndGg7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJlxyXG4gICAgICAgIHRoaXMuaW5wLm1pbkxlbmd0aCAhPT0gLTEgJiZcclxuICAgICAgICB0aGlzLmlucC52YWx1ZS5sZW5ndGggPCB0aGlzLmlucC5taW5MZW5ndGgpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuTWluTGVuZ3RoO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICBpZiAodGhpcy5pbnAucmVxdWlyZWQgJiZcclxuICAgICAgICB0aGlzLmlucC5tYXhMZW5ndGggIT09IC0xICYmXHJcbiAgICAgICAgdGhpcy5pbnAudmFsdWUubGVuZ3RoID4gdGhpcy5pbnAubWF4TGVuZ3RoKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLk1heExlbmd0aDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuY2xlYXIgPSAoKSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLmVycm9yID0gbnVsbDtcclxuICAgICAgdGhpcy5pbnAudmFsdWUgPSB0aGlzLmlucC5kZWZhdWx0O1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmRhdGEgPSAoKSA9PiB7XHJcbiAgICAgIHJldHVybiB0aGlzLmlucC52YWx1ZTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5mb2N1cyA9ICgpID0+IHtcclxuICAgICAgdGhpcy5vbkZvY3VzSW4oKTtcclxuICAgIH07XHJcbiAgfVxyXG4gIG9uRm9jdXNJbigpOiB2b2lke1xyXG4gICAgdGhpcy5pbnB1dEJhc2UubmF0aXZlRWxlbWVudC5mb2N1cygpO1xyXG4gIH1cclxuICBvbktleURvd24oZSk6IHZvaWR7XHJcbiAgICB0aGlzLmlucC5lcnJvciA9IG51bGw7XHJcbiAgICBjb25zdCBjb2RlID0gZS5rZXlDb2RlIHx8IGUud2hpY2g7XHJcbiAgICBpZiAoY29kZSA9PT0gOSkge1xyXG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIHRoaXMuY2hhbmdlSW5kZXguZW1pdChlLnNoaWZ0S2V5ID8gJ1NoaWZ0VGFiJyA6ICdUYWInKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -9,8 +9,7 @@ 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 Editor from '@ckeditor/ckeditor5-build-
|
|
13
|
-
import { create } from '@ckeditor/ckeditor5-build-classic';
|
|
12
|
+
import * as Editor from '@ckeditor/ckeditor5-build-inline';
|
|
14
13
|
import { CKEditorModule } from '@ckeditor/ckeditor5-angular';
|
|
15
14
|
import { chart } from 'highcharts';
|
|
16
15
|
|
|
@@ -6747,19 +6746,34 @@ class FormCkeditorComponent {
|
|
|
6747
6746
|
constructor() {
|
|
6748
6747
|
this.changeIndex = new EventEmitter();
|
|
6749
6748
|
this.Editor = Editor;
|
|
6749
|
+
this.config = {
|
|
6750
|
+
toolbar: {
|
|
6751
|
+
items: [
|
|
6752
|
+
'code',
|
|
6753
|
+
'alignment',
|
|
6754
|
+
'|',
|
|
6755
|
+
'link',
|
|
6756
|
+
'bulletedList',
|
|
6757
|
+
'numberedList',
|
|
6758
|
+
'|',
|
|
6759
|
+
'outdent',
|
|
6760
|
+
'indent',
|
|
6761
|
+
'|',
|
|
6762
|
+
'insertTable',
|
|
6763
|
+
'mediaEmbed',
|
|
6764
|
+
'undo',
|
|
6765
|
+
'redo',
|
|
6766
|
+
'imageInsert',
|
|
6767
|
+
'imageUpload'
|
|
6768
|
+
]
|
|
6769
|
+
},
|
|
6770
|
+
alignment: {
|
|
6771
|
+
options: ['left', 'right', 'center', 'justify']
|
|
6772
|
+
},
|
|
6773
|
+
removePlugins: ['MediaEmbed', 'Link'], mediaEmbed: {}
|
|
6774
|
+
};
|
|
6750
6775
|
}
|
|
6751
6776
|
ngOnInit() {
|
|
6752
|
-
setTimeout(() => {
|
|
6753
|
-
create(document.querySelector('#editor'), {
|
|
6754
|
-
toolbar: ['bold', 'italic']
|
|
6755
|
-
})
|
|
6756
|
-
.then(editor => {
|
|
6757
|
-
console.log('Editor was initialized', editor);
|
|
6758
|
-
})
|
|
6759
|
-
.catch(error => {
|
|
6760
|
-
console.error(error.stack);
|
|
6761
|
-
});
|
|
6762
|
-
}, 3000);
|
|
6763
6777
|
this.inp.setValue = (v) => {
|
|
6764
6778
|
this.inp.value = v;
|
|
6765
6779
|
};
|
|
@@ -6818,7 +6832,7 @@ class FormCkeditorComponent {
|
|
|
6818
6832
|
FormCkeditorComponent.decorators = [
|
|
6819
6833
|
{ type: Component, args: [{
|
|
6820
6834
|
selector: 'lib-form-ckeditor',
|
|
6821
|
-
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\"
|
|
6835
|
+
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: [\r\n '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",
|
|
6822
6836
|
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}"]
|
|
6823
6837
|
},] }
|
|
6824
6838
|
];
|