ps-toolkit-ui 1.7.83 → 1.7.86
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 +5 -29
- 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 +6 -30
- package/fesm2015/ps-toolkit-ui.js +5 -29
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/components/form/ckeditor/form.ckeditor.component.d.ts +3 -6
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -4,30 +4,10 @@ export class FormCkeditorComponent {
|
|
|
4
4
|
constructor() {
|
|
5
5
|
this.changeIndex = new EventEmitter();
|
|
6
6
|
this.config = {
|
|
7
|
-
toolbar: {
|
|
8
|
-
items: [
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
'|',
|
|
12
|
-
'link',
|
|
13
|
-
'bulletedList',
|
|
14
|
-
'numberedList',
|
|
15
|
-
'|',
|
|
16
|
-
'outdent',
|
|
17
|
-
'indent',
|
|
18
|
-
'|',
|
|
19
|
-
'insertTable',
|
|
20
|
-
'mediaEmbed',
|
|
21
|
-
'undo',
|
|
22
|
-
'redo',
|
|
23
|
-
'imageInsert',
|
|
24
|
-
'imageUpload'
|
|
25
|
-
]
|
|
26
|
-
},
|
|
27
|
-
alignment: {
|
|
28
|
-
options: ['left', 'right', 'center', 'justify']
|
|
29
|
-
},
|
|
30
|
-
mediaEmbed: {}
|
|
7
|
+
toolbar: [{ name: 'document', items: ['Source', '-', 'NewPage', 'Preview', '-', 'Templates'] },
|
|
8
|
+
{ name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
|
|
9
|
+
'/',
|
|
10
|
+
{ name: 'basicstyles', items: ['Bold', 'Italic'] }]
|
|
31
11
|
};
|
|
32
12
|
}
|
|
33
13
|
ngOnInit() {
|
|
@@ -75,12 +55,8 @@ export class FormCkeditorComponent {
|
|
|
75
55
|
};
|
|
76
56
|
}
|
|
77
57
|
onFocusIn() {
|
|
78
|
-
console.log(this.inputBase);
|
|
79
58
|
// @ts-ignore
|
|
80
59
|
this.inputBase.instance.focus();
|
|
81
|
-
// @ts-ignore
|
|
82
|
-
this.inputBase.instance.element.focus();
|
|
83
|
-
this.inputBase.nativeElement.focus();
|
|
84
60
|
}
|
|
85
61
|
onKeyDown(e) {
|
|
86
62
|
this.inp.error = null;
|
|
@@ -94,7 +70,7 @@ export class FormCkeditorComponent {
|
|
|
94
70
|
FormCkeditorComponent.decorators = [
|
|
95
71
|
{ type: Component, args: [{
|
|
96
72
|
selector: 'lib-form-ckeditor',
|
|
97
|
-
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 rtl\">\r\n <ckeditor #inputBase type=\"inline\" [(ngModel)]=\"inp.value\"></ckeditor>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
73
|
+
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 rtl\">\r\n <ckeditor [config]=\"inp.row\" #inputBase type=\"inline\" [(ngModel)]=\"inp.value\"></ckeditor>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
98
74
|
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}"]
|
|
99
75
|
},] }
|
|
100
76
|
];
|
|
@@ -104,4 +80,4 @@ FormCkeditorComponent.propDecorators = {
|
|
|
104
80
|
changeIndex: [{ type: Output }],
|
|
105
81
|
inputBase: [{ type: ViewChild, args: ['inputBase',] }]
|
|
106
82
|
};
|
|
107
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5ja2VkaXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS9ja2VkaXRvci9mb3JtLmNrZWRpdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVwRyxPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFTdkQsTUFBTSxPQUFPLHFCQUFxQjtJQVloQztRQVJBLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUV6QyxXQUFNLEdBQUc7WUFDUCxPQUFPLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUUsUUFBUSxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxXQUFXLENBQUUsRUFBRTtnQkFDOUYsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxDQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxNQUFNLENBQUUsRUFBRTtnQkFDM0csR0FBRztnQkFDSCxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLENBQUUsTUFBTSxFQUFFLFFBQVEsQ0FBRSxFQUFFLENBQUM7U0FDeEQsQ0FBQztJQUVGLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUN4QixJQUFJLENBQUMsR0FBRyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7UUFDckIsQ0FB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QUFFO1lBQ2QsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDeEQ7SUFDSCxDQUFDOzs7WUEzRUYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLGlsQkFBNkM7O2FBRTlDOzs7O2tCQUVFLEtBQUs7MEJBRUwsTUFBTTt3QkFFTixTQUFTLFNBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJbnB1dENsYXNzfSBmcm9tICcuLi8uLi8uLi9jbGFzc2VzL2Zvcm0uY2xhc3MnO1xyXG5pbXBvcnQge0lucHV0RXJyb3J9IGZyb20gJy4uLy4uLy4uL2NsYXNzZXMvZW51bS5jbGFzcyc7XHJcbmltcG9ydCB7Q0tFZGl0b3I0fSBmcm9tICdja2VkaXRvcjQtYW5ndWxhcic7XHJcbmltcG9ydCBFZGl0b3JUeXBlID0gQ0tFZGl0b3I0LkVkaXRvclR5cGU7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mb3JtLWNrZWRpdG9yJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS5ja2VkaXRvci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS5ja2VkaXRvci5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1Da2VkaXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIGlucDogSW5wdXRDbGFzcztcclxuICBAT3V0cHV0KClcclxuICBjaGFuZ2VJbmRleCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBWaWV3Q2hpbGQoJ2lucHV0QmFzZScpIGlucHV0QmFzZTogRWxlbWVudFJlZjtcclxuICBjb25maWcgPSB7XHJcbiAgICB0b29sYmFyOiBbeyBuYW1lOiAnZG9jdW1lbnQnLCBpdGVtczogWyAnU291cmNlJywgJy0nLCAnTmV3UGFnZScsICdQcmV2aWV3JywgJy0nLCAnVGVtcGxhdGVzJyBdIH0sXHJcbiAgICAgIHsgbmFtZTogJ2NsaXBib2FyZCcsIGl0ZW1zOiBbICdDdXQnLCAnQ29weScsICdQYXN0ZScsICdQYXN0ZVRleHQnLCAnUGFzdGVGcm9tV29yZCcsICctJywgJ1VuZG8nLCAnUmVkbycgXSB9LFxyXG4gICAgICAnLycsXHJcbiAgICAgIHsgbmFtZTogJ2Jhc2ljc3R5bGVzJywgaXRlbXM6IFsgJ0JvbGQnLCAnSXRhbGljJyBdIH1dXHJcbiAgfTtcclxuICBjb25zdHJ1Y3Rvcigpe1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlucC5zZXRWYWx1ZSA9ICh2KSA9PiB7XHJcbiAgICAgIHRoaXMuaW5wLnZhbHVlID0gdjtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5pc1ZhbGlkID0gKCkgPT4ge1xyXG4gICAgICB0aGlzLmlucC5lcnJvciA9IG51bGw7XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJiAhdGhpcy5pbnAudmFsdWUpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuUmVxdWlyZWQ7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICghdGhpcy5pbnAucmVxdWlyZWQgJiYgIXRoaXMuaW5wLnZhbHVlKSB7XHJcbiAgICAgICAgcmV0dXJuIHRydWU7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmIHRoaXMuaW5wLm1pbkxlbmd0aCAhPT0gLTEgJiZcclxuICAgICAgICB0aGlzLmlucC5taW5MZW5ndGggPT09IHRoaXMuaW5wLm1heExlbmd0aCAmJlxyXG4gICAgICAgIHRoaXMuaW5wLnZhbHVlLmxlbmd0aCAhPT0gdGhpcy5pbnAubWluTGVuZ3RoKSB7XHJcbiAgICAgICAgdGhpcy5pbnAuZXJyb3IgPSBJbnB1dEVycm9yLkxlbmd0aDtcclxuICAgICAgICByZXR1cm4gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgICAgaWYgKHRoaXMuaW5wLnJlcXVpcmVkICYmXHJcbiAgICAgICAgdGhpcy5pbnAubWluTGVuZ3RoICE9PSAtMSAmJlxyXG4gICAgICAgIHRoaXMuaW5wLnZhbHVlLmxlbmd0aCA8IHRoaXMuaW5wLm1pbkxlbmd0aCkge1xyXG4gICAgICAgIHRoaXMuaW5wLmVycm9yID0gSW5wdXRFcnJvci5NaW5MZW5ndGg7XHJcbiAgICAgICAgcmV0dXJuIGZhbHNlO1xyXG4gICAgICB9XHJcbiAgICAgIGlmICh0aGlzLmlucC5yZXF1aXJlZCAmJlxyXG4gICAgICAgIHRoaXMuaW5wLm1heExlbmd0aCAhPT0gLTEgJiZcclxuICAgICAgICB0aGlzLmlucC52YWx1ZS5sZW5ndGggPiB0aGlzLmlucC5tYXhMZW5ndGgpIHtcclxuICAgICAgICB0aGlzLmlucC5lcnJvciA9IElucHV0RXJyb3IuTWF4TGVuZ3RoO1xyXG4gICAgICAgIHJldHVybiBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgICByZXR1cm4gdHJ1ZTtcclxuICAgIH07XHJcbiAgICB0aGlzLmlucC5jbGVhciA9ICgpID0+IHtcclxuICAgICAgdGhpcy5pbnAuZXJyb3IgPSBudWxsO1xyXG4gICAgICB0aGlzLmlucC52YWx1ZSA9IHRoaXMuaW5wLmRlZmF1bHQ7XHJcbiAgICB9O1xyXG4gICAgdGhpcy5pbnAuZGF0YSA9ICgpID0+IHtcclxuICAgICAgcmV0dXJuIHRoaXMuaW5wLnZhbHVlO1xyXG4gICAgfTtcclxuICAgIHRoaXMuaW5wLmZvY3VzID0gKCkgPT4ge1xyXG4gICAgICB0aGlzLm9uRm9jdXNJbigpO1xyXG4gICAgfTtcclxuICB9XHJcbiAgb25Gb2N1c0luKCk6IHZvaWR7XHJcbiAgICAvLyBAdHMtaWdub3JlXHJcbiAgICB0aGlzLmlucHV0QmFzZS5pbnN0YW5jZS5mb2N1cygpO1xyXG4gIH1cclxuICBvbktleURvd24oZSk6IHZvaWR7XHJcbiAgICB0aGlzLmlucC5lcnJvciA9IG51bGw7XHJcbiAgICBjb25zdCBjb2RlID0gZS5rZXlDb2RlIHx8IGUud2hpY2g7XHJcbiAgICBpZiAoY29kZSA9PT0gOSkge1xyXG4gICAgICBlLnByZXZlbnREZWZhdWx0KCk7XHJcbiAgICAgIHRoaXMuY2hhbmdlSW5kZXguZW1pdChlLnNoaWZ0S2V5ID8gJ1NoaWZ0VGFiJyA6ICdUYWInKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -6745,30 +6745,10 @@ class FormCkeditorComponent {
|
|
|
6745
6745
|
constructor() {
|
|
6746
6746
|
this.changeIndex = new EventEmitter();
|
|
6747
6747
|
this.config = {
|
|
6748
|
-
toolbar: {
|
|
6749
|
-
items: [
|
|
6750
|
-
|
|
6751
|
-
|
|
6752
|
-
'|',
|
|
6753
|
-
'link',
|
|
6754
|
-
'bulletedList',
|
|
6755
|
-
'numberedList',
|
|
6756
|
-
'|',
|
|
6757
|
-
'outdent',
|
|
6758
|
-
'indent',
|
|
6759
|
-
'|',
|
|
6760
|
-
'insertTable',
|
|
6761
|
-
'mediaEmbed',
|
|
6762
|
-
'undo',
|
|
6763
|
-
'redo',
|
|
6764
|
-
'imageInsert',
|
|
6765
|
-
'imageUpload'
|
|
6766
|
-
]
|
|
6767
|
-
},
|
|
6768
|
-
alignment: {
|
|
6769
|
-
options: ['left', 'right', 'center', 'justify']
|
|
6770
|
-
},
|
|
6771
|
-
mediaEmbed: {}
|
|
6748
|
+
toolbar: [{ name: 'document', items: ['Source', '-', 'NewPage', 'Preview', '-', 'Templates'] },
|
|
6749
|
+
{ name: 'clipboard', items: ['Cut', 'Copy', 'Paste', 'PasteText', 'PasteFromWord', '-', 'Undo', 'Redo'] },
|
|
6750
|
+
'/',
|
|
6751
|
+
{ name: 'basicstyles', items: ['Bold', 'Italic'] }]
|
|
6772
6752
|
};
|
|
6773
6753
|
}
|
|
6774
6754
|
ngOnInit() {
|
|
@@ -6816,12 +6796,8 @@ class FormCkeditorComponent {
|
|
|
6816
6796
|
};
|
|
6817
6797
|
}
|
|
6818
6798
|
onFocusIn() {
|
|
6819
|
-
console.log(this.inputBase);
|
|
6820
6799
|
// @ts-ignore
|
|
6821
6800
|
this.inputBase.instance.focus();
|
|
6822
|
-
// @ts-ignore
|
|
6823
|
-
this.inputBase.instance.element.focus();
|
|
6824
|
-
this.inputBase.nativeElement.focus();
|
|
6825
6801
|
}
|
|
6826
6802
|
onKeyDown(e) {
|
|
6827
6803
|
this.inp.error = null;
|
|
@@ -6835,7 +6811,7 @@ class FormCkeditorComponent {
|
|
|
6835
6811
|
FormCkeditorComponent.decorators = [
|
|
6836
6812
|
{ type: Component, args: [{
|
|
6837
6813
|
selector: 'lib-form-ckeditor',
|
|
6838
|
-
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 rtl\">\r\n <ckeditor #inputBase type=\"inline\" [(ngModel)]=\"inp.value\"></ckeditor>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
6814
|
+
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 rtl\">\r\n <ckeditor [config]=\"inp.row\" #inputBase type=\"inline\" [(ngModel)]=\"inp.value\"></ckeditor>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
6839
6815
|
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}"]
|
|
6840
6816
|
},] }
|
|
6841
6817
|
];
|