@firestitch/html-editor 12.7.4 → 12.7.6
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/app/modules/html-editor/fs-html-editor.module.d.ts +1 -1
- package/bundles/firestitch-html-editor.umd.js +84 -71
- package/bundles/firestitch-html-editor.umd.js.map +1 -1
- package/esm2015/app/modules/html-editor/components/html-editor/html-editor.component.js +17 -4
- package/esm2015/app/modules/html-editor/fs-html-editor.module.js +3 -3
- package/fesm2015/firestitch-html-editor.js +76 -63
- package/fesm2015/firestitch-html-editor.js.map +1 -1
- package/package.json +1 -1
- package/styles.scss +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ModuleWithProviders } from '@angular/core';
|
|
2
|
-
import { FsHtmlEditorConfig } from './interfaces/html-editor-config';
|
|
3
2
|
import { FroalaPlugin } from './enums/default-plugin.enum';
|
|
3
|
+
import { FsHtmlEditorConfig } from './interfaces/html-editor-config';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "./components/html-editor/html-editor.component";
|
|
6
6
|
import * as i2 from "@angular/common";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/
|
|
3
|
-
typeof define === 'function' && define.amd ? define('@firestitch/html-editor', ['exports', '@angular/
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch["html-editor"] = {}), global.ng.
|
|
5
|
-
})(this, (function (exports,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@firestitch/label'), require('@firestitch/skeleton'), require('@angular/platform-browser'), require('@angular/forms'), require('@firestitch/common'), require('@firestitch/file'), require('rxjs'), require('rxjs/operators'), require('lodash-es'), require('tributejs')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('@firestitch/html-editor', ['exports', '@angular/common', '@angular/core', '@firestitch/label', '@firestitch/skeleton', '@angular/platform-browser', '@angular/forms', '@firestitch/common', '@firestitch/file', 'rxjs', 'rxjs/operators', 'lodash-es', 'tributejs'], factory) :
|
|
4
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch["html-editor"] = {}), global.ng.common, global.ng.core, global.i2, global.i4, global.ng.platformBrowser, global.ng.forms, global.common, global.file, global.rxjs, global.rxjs.operators, global.lodashEs, global.Tribute));
|
|
5
|
+
})(this, (function (exports, i3, i0, i2, i4, i1, forms, common, file, rxjs, operators, lodashEs, Tribute) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
8
|
|
|
@@ -24,13 +24,78 @@
|
|
|
24
24
|
return Object.freeze(n);
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
28
27
|
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
28
|
+
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
29
29
|
var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
|
|
30
30
|
var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
|
|
31
31
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
|
|
32
32
|
var Tribute__default = /*#__PURE__*/_interopDefaultLegacy(Tribute);
|
|
33
33
|
|
|
34
|
+
var FsHtmlRendererComponent = /** @class */ (function () {
|
|
35
|
+
function FsHtmlRendererComponent(sanitized, _cdRef) {
|
|
36
|
+
this.sanitized = sanitized;
|
|
37
|
+
this._cdRef = _cdRef;
|
|
38
|
+
}
|
|
39
|
+
Object.defineProperty(FsHtmlRendererComponent.prototype, "setHtml", {
|
|
40
|
+
set: function (html) {
|
|
41
|
+
this.trustedHtml = this.sanitized.bypassSecurityTrustHtml(html || '');
|
|
42
|
+
this._cdRef.markForCheck();
|
|
43
|
+
},
|
|
44
|
+
enumerable: false,
|
|
45
|
+
configurable: true
|
|
46
|
+
});
|
|
47
|
+
return FsHtmlRendererComponent;
|
|
48
|
+
}());
|
|
49
|
+
FsHtmlRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererComponent, deps: [{ token: i1__namespace.DomSanitizer }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
50
|
+
FsHtmlRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: { setHtml: ["html", "setHtml"] }, ngImport: i0__namespace, template: "<span class=\"fr-view fs-html-editor-default\" [innerHtml]=\"trustedHtml\"></span>\n", styles: [""], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
51
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererComponent, decorators: [{
|
|
52
|
+
type: i0.Component,
|
|
53
|
+
args: [{
|
|
54
|
+
selector: 'fs-html-renderer',
|
|
55
|
+
templateUrl: 'html-renderer.component.html',
|
|
56
|
+
styleUrls: ['html-renderer.component.scss'],
|
|
57
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
58
|
+
}]
|
|
59
|
+
}], ctorParameters: function () { return [{ type: i1__namespace.DomSanitizer }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { setHtml: [{
|
|
60
|
+
type: i0.Input,
|
|
61
|
+
args: ['html']
|
|
62
|
+
}] } });
|
|
63
|
+
|
|
64
|
+
var FsHtmlRendererModule = /** @class */ (function () {
|
|
65
|
+
function FsHtmlRendererModule() {
|
|
66
|
+
}
|
|
67
|
+
return FsHtmlRendererModule;
|
|
68
|
+
}());
|
|
69
|
+
FsHtmlRendererModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
70
|
+
FsHtmlRendererModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, declarations: [FsHtmlRendererComponent], imports: [i3.CommonModule], exports: [FsHtmlRendererComponent] });
|
|
71
|
+
FsHtmlRendererModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, imports: [[
|
|
72
|
+
i3.CommonModule,
|
|
73
|
+
]] });
|
|
74
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, decorators: [{
|
|
75
|
+
type: i0.NgModule,
|
|
76
|
+
args: [{
|
|
77
|
+
imports: [
|
|
78
|
+
i3.CommonModule,
|
|
79
|
+
],
|
|
80
|
+
exports: [
|
|
81
|
+
FsHtmlRendererComponent,
|
|
82
|
+
],
|
|
83
|
+
declarations: [
|
|
84
|
+
FsHtmlRendererComponent,
|
|
85
|
+
],
|
|
86
|
+
}]
|
|
87
|
+
}] });
|
|
88
|
+
|
|
89
|
+
var ParagraphButtons = [
|
|
90
|
+
'align',
|
|
91
|
+
'formatOL',
|
|
92
|
+
'formatUL',
|
|
93
|
+
'checklist',
|
|
94
|
+
'indent',
|
|
95
|
+
'outdent',
|
|
96
|
+
'lineHeight'
|
|
97
|
+
];
|
|
98
|
+
|
|
34
99
|
var RichButtons = [
|
|
35
100
|
'insertTable',
|
|
36
101
|
'insertImage',
|
|
@@ -57,16 +122,6 @@
|
|
|
57
122
|
'quote',
|
|
58
123
|
];
|
|
59
124
|
|
|
60
|
-
var ParagraphButtons = [
|
|
61
|
-
'align',
|
|
62
|
-
'formatOL',
|
|
63
|
-
'formatUL',
|
|
64
|
-
'checklist',
|
|
65
|
-
'indent',
|
|
66
|
-
'outdent',
|
|
67
|
-
'lineHeight'
|
|
68
|
-
];
|
|
69
|
-
|
|
70
125
|
var FS_HTML_EDITOR_DEFAULT_CONFIG = new i0.InjectionToken('fs-html-editor.default-config');
|
|
71
126
|
var FS_HTML_EDITOR_CONFIG = new i0.InjectionToken('fs-html-editor.config');
|
|
72
127
|
|
|
@@ -916,7 +971,13 @@
|
|
|
916
971
|
useExisting: i0.forwardRef(function () { return FsHtmlEditorComponent; }),
|
|
917
972
|
multi: true
|
|
918
973
|
},
|
|
919
|
-
], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true }], ngImport: i0__namespace, template: "<fs-label-field>\n <fs-label *ngIf=\"config.label\">{{config.label}}</fs-label>\n <div\n class=\"html-editor-container fs-html-editor-default\"\n [id]=\"containerID\"\n [ngClass]=\"{\n initialized: initialized,\n 'init-on-click': config.initOnClick\n }\">\n <ng-container *fsSkeleton=\"(froalaLoaded$ | async) !== false\"></ng-container>\n <div #elRef></div>\n\n <div class=\"bottom-line\"></div>\n <div class=\"disabled-line\"></div>\n </div>\n\n <fs-label-message>\n <div class=\"fs-form-message\">\n <div class=\"fs-form-hint\">{{hint}}</div>\n </div>\n </fs-label-message>\n</fs-label-field>\n", styles: [":host ::ng-deep .fr-box.fr-basic .fr-wrapper{border:0;border-bottom:1px solid #949494;margin-bottom:1px;background-color:transparent}:host ::ng-deep .fr-box.fr-basic .fr-element{padding:0;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;min-height:auto}:host ::ng-deep .fr-more-toolbar,:host ::ng-deep .fr-toolbar,:host ::ng-deep .fr-dropdown:after,:host ::ng-deep .fr-dropdown-menu .fr-dropdown-wrapper{transition:none!important}:host ::ng-deep .fr-toolbar-open .fr-more-toolbar{display:block}:host ::ng-deep .fr-more-toolbar{display:none}:host ::ng-deep .fr-toolbar.fr-top{position:sticky;z-index:2;border-radius:0;background-color:#fff}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp{margin:0 20px 0 0}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:nth-child(1):after,:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:nth-child(2):after{content:\"\";position:absolute;top:9px;height:30px;border-left:1px solid #e5e5e5;margin-left:10px}:host ::ng-deep .fr-toolbar.fr-top div:first-of-type:before{border:none}:host ::ng-deep .fr-toolbar.fr-top.fr-toolbar-open .fr-newline{height:auto}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:first-child{margin-left:0}:host ::ng-deep .fr-toolbar.fr-top.fr-top{border:0}:host ::ng-deep .fr-toolbar.fr-top .fr-newline{margin:0}:host ::ng-deep .fr-toolbar.fr-top .fr-more-toolbar{z-index:auto;display:flex;justify-content:center;padding-left:0!important}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn{z-index:auto}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-dropdown:after{right:3px}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-dropdown.fr-selection span{margin-right:24px}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-open{border-radius:4px;margin:4px 2px}:host ::ng-deep .fr-view ol,:host ::ng-deep .fr-view ul{list-style-position:unset}:host ::ng-deep .html-editor-container.init-on-click:not(.initialized) .fr-toolbar{display:none}:host.disabled ::ng-deep .fr-box.fr-basic{opacity:.5;pointer-events:none}:host.disabled ::ng-deep .fr-box.fr-basic .fr-wrapper{border:none}:host.disabled ::ng-deep .disabled-line{display:block}::ng-deep .fr-popup{z-index:1001!important}::ng-deep .fr-video-by-url-layer .fr-checkbox-line{display:none}.disabled-line{display:none;position:absolute;bottom:-1px;z-index:1;background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x;height:1px;width:100%}.bottom-line{opacity:0;transform-origin:50%;transform:scaleX(.5);transition:background-color .3s cubic-bezier(.55,0,.55,.2);width:100%;border-bottom:2px solid #949494;position:absolute;bottom:-1px;z-index:1}:host{position:relative;display:block}:host.focused .bottom-line{opacity:1;display:block;transform:scaleX(1);transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1)}::ng-deep .fs-html-editor-mention-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#fff}::ng-deep .fs-html-editor-mention-container ul{margin:0;padding:0;list-style:none}::ng-deep .fs-html-editor-mention-container li{padding:0 16px;cursor:pointer;line-height:48px}::ng-deep .fs-html-editor-mention-container li.highlight,::ng-deep .fs-html-editor-mention-container li:hover{background:#F5F5F5}::ng-deep .fs-html-editor-mention-container li.no-match{cursor:default}\n"], components: [{ type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i2__namespace.FsLabelMessageComponent, selector: "fs-label-message" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], pipes: { "async": i3__namespace.AsyncPipe },
|
|
974
|
+
], viewQueries: [{ propertyName: "elRef", first: true, predicate: ["elRef"], descendants: true }], ngImport: i0__namespace, template: "<fs-label-field>\n <fs-label *ngIf=\"config.label\">{{config.label}}</fs-label>\n <div\n class=\"html-editor-container fs-html-editor-default\"\n [id]=\"containerID\"\n [ngClass]=\"{\n initialized: initialized,\n 'init-on-click': config.initOnClick\n }\">\n <ng-container *fsSkeleton=\"(froalaLoaded$ | async) !== false\"></ng-container>\n <div #elRef></div>\n\n <div class=\"bottom-line\"></div>\n <div class=\"disabled-line\"></div>\n </div>\n\n <fs-label-message>\n <div class=\"fs-form-message\">\n <div class=\"fs-form-hint\">{{hint}}</div>\n </div>\n </fs-label-message>\n</fs-label-field>\n", styles: [":host ::ng-deep .fr-box.fr-basic .fr-wrapper{border:0;border-bottom:1px solid #949494;margin-bottom:1px;background-color:transparent}:host ::ng-deep .fr-box.fr-basic .fr-element{padding:0;font-family:inherit;color:inherit;font-size:inherit;line-height:inherit;min-height:auto}:host ::ng-deep .fr-more-toolbar,:host ::ng-deep .fr-toolbar,:host ::ng-deep .fr-dropdown:after,:host ::ng-deep .fr-dropdown-menu .fr-dropdown-wrapper{transition:none!important}:host ::ng-deep .fr-toolbar-open .fr-more-toolbar{display:block}:host ::ng-deep .fr-more-toolbar{display:none}:host ::ng-deep .fr-toolbar.fr-top{position:sticky;z-index:2;border-radius:0;background-color:#fff}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp{margin:0 20px 0 0}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:nth-child(1):after,:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:nth-child(2):after{content:\"\";position:absolute;top:9px;height:30px;border-left:1px solid #e5e5e5;margin-left:10px}:host ::ng-deep .fr-toolbar.fr-top div:first-of-type:before{border:none}:host ::ng-deep .fr-toolbar.fr-top.fr-toolbar-open .fr-newline{height:auto}:host ::ng-deep .fr-toolbar.fr-top .fr-btn-grp:first-child{margin-left:0}:host ::ng-deep .fr-toolbar.fr-top.fr-top{border:0}:host ::ng-deep .fr-toolbar.fr-top .fr-newline{margin:0}:host ::ng-deep .fr-toolbar.fr-top .fr-more-toolbar{z-index:auto;display:flex;justify-content:center;padding-left:0!important}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn{z-index:auto}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-dropdown:after{right:3px}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-dropdown.fr-selection span{margin-right:24px}:host ::ng-deep .fr-toolbar.fr-top .fr-command.fr-btn.fr-open{border-radius:4px;margin:4px 2px}:host ::ng-deep .fr-view ol,:host ::ng-deep .fr-view ul{list-style-position:unset}:host ::ng-deep .html-editor-container.init-on-click:not(.initialized) .fr-toolbar{display:none}:host.disabled ::ng-deep .fr-box.fr-basic{opacity:.5;pointer-events:none}:host.disabled ::ng-deep .fr-box.fr-basic .fr-wrapper{border:none}:host.disabled ::ng-deep .disabled-line{display:block}::ng-deep .fr-popup{z-index:1001!important}::ng-deep .fr-video-by-url-layer .fr-checkbox-line{display:none}.disabled-line{display:none;position:absolute;bottom:-1px;z-index:1;background-image:linear-gradient(90deg,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x;height:1px;width:100%}.bottom-line{opacity:0;transform-origin:50%;transform:scaleX(.5);transition:background-color .3s cubic-bezier(.55,0,.55,.2);width:100%;border-bottom:2px solid #949494;position:absolute;bottom:-1px;z-index:1}:host{position:relative;display:block}:host.focused .bottom-line{opacity:1;display:block;transform:scaleX(1);transition:transform .3s cubic-bezier(.25,.8,.25,1),opacity .1s cubic-bezier(.25,.8,.25,1),background-color .3s cubic-bezier(.25,.8,.25,1)}::ng-deep .fs-html-editor-mention-container{position:absolute;top:0;left:0;height:auto;max-height:300px;max-width:500px;overflow:auto;display:block;z-index:999999;box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:#fff}::ng-deep .fs-html-editor-mention-container ul{margin:0;padding:0;list-style:none}::ng-deep .fs-html-editor-mention-container li{padding:0 16px;cursor:pointer;line-height:48px}::ng-deep .fs-html-editor-mention-container li.highlight,::ng-deep .fs-html-editor-mention-container li:hover{background:#F5F5F5}::ng-deep .fs-html-editor-mention-container li.no-match{cursor:default}\n"], components: [{ type: i2__namespace.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["bottomMargin", "topMargin", "labelMargin"] }, { type: i2__namespace.FsLabelComponent, selector: "fs-label" }, { type: i2__namespace.FsLabelMessageComponent, selector: "fs-label-message" }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], pipes: { "async": i3__namespace.AsyncPipe }, viewProviders: [
|
|
975
|
+
{
|
|
976
|
+
provide: forms.ControlContainer,
|
|
977
|
+
deps: [[i0.Optional, forms.NgForm]],
|
|
978
|
+
useFactory: function (ngForm) { return ngForm; },
|
|
979
|
+
},
|
|
980
|
+
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
920
981
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlEditorComponent, decorators: [{
|
|
921
982
|
type: i0.Component,
|
|
922
983
|
args: [{
|
|
@@ -936,6 +997,13 @@
|
|
|
936
997
|
},
|
|
937
998
|
],
|
|
938
999
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1000
|
+
viewProviders: [
|
|
1001
|
+
{
|
|
1002
|
+
provide: forms.ControlContainer,
|
|
1003
|
+
deps: [[i0.Optional, forms.NgForm]],
|
|
1004
|
+
useFactory: function (ngForm) { return ngForm; },
|
|
1005
|
+
},
|
|
1006
|
+
],
|
|
939
1007
|
}]
|
|
940
1008
|
}], ctorParameters: function () {
|
|
941
1009
|
return [{ type: undefined, decorators: [{
|
|
@@ -961,61 +1029,6 @@
|
|
|
961
1029
|
args: ['class.disabled']
|
|
962
1030
|
}] } });
|
|
963
1031
|
|
|
964
|
-
var FsHtmlRendererComponent = /** @class */ (function () {
|
|
965
|
-
function FsHtmlRendererComponent(sanitized, _cdRef) {
|
|
966
|
-
this.sanitized = sanitized;
|
|
967
|
-
this._cdRef = _cdRef;
|
|
968
|
-
}
|
|
969
|
-
Object.defineProperty(FsHtmlRendererComponent.prototype, "setHtml", {
|
|
970
|
-
set: function (html) {
|
|
971
|
-
this.trustedHtml = this.sanitized.bypassSecurityTrustHtml(html || '');
|
|
972
|
-
this._cdRef.markForCheck();
|
|
973
|
-
},
|
|
974
|
-
enumerable: false,
|
|
975
|
-
configurable: true
|
|
976
|
-
});
|
|
977
|
-
return FsHtmlRendererComponent;
|
|
978
|
-
}());
|
|
979
|
-
FsHtmlRendererComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererComponent, deps: [{ token: i1__namespace.DomSanitizer }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
980
|
-
FsHtmlRendererComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsHtmlRendererComponent, selector: "fs-html-renderer", inputs: { setHtml: ["html", "setHtml"] }, ngImport: i0__namespace, template: "<span class=\"fr-view fs-html-editor-default\" [innerHtml]=\"trustedHtml\"></span>\n", styles: [""], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
981
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererComponent, decorators: [{
|
|
982
|
-
type: i0.Component,
|
|
983
|
-
args: [{
|
|
984
|
-
selector: 'fs-html-renderer',
|
|
985
|
-
templateUrl: 'html-renderer.component.html',
|
|
986
|
-
styleUrls: ['html-renderer.component.scss'],
|
|
987
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
988
|
-
}]
|
|
989
|
-
}], ctorParameters: function () { return [{ type: i1__namespace.DomSanitizer }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { setHtml: [{
|
|
990
|
-
type: i0.Input,
|
|
991
|
-
args: ['html']
|
|
992
|
-
}] } });
|
|
993
|
-
|
|
994
|
-
var FsHtmlRendererModule = /** @class */ (function () {
|
|
995
|
-
function FsHtmlRendererModule() {
|
|
996
|
-
}
|
|
997
|
-
return FsHtmlRendererModule;
|
|
998
|
-
}());
|
|
999
|
-
FsHtmlRendererModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1000
|
-
FsHtmlRendererModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, declarations: [FsHtmlRendererComponent], imports: [i3.CommonModule], exports: [FsHtmlRendererComponent] });
|
|
1001
|
-
FsHtmlRendererModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, imports: [[
|
|
1002
|
-
i3.CommonModule,
|
|
1003
|
-
]] });
|
|
1004
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsHtmlRendererModule, decorators: [{
|
|
1005
|
-
type: i0.NgModule,
|
|
1006
|
-
args: [{
|
|
1007
|
-
imports: [
|
|
1008
|
-
i3.CommonModule,
|
|
1009
|
-
],
|
|
1010
|
-
exports: [
|
|
1011
|
-
FsHtmlRendererComponent,
|
|
1012
|
-
],
|
|
1013
|
-
declarations: [
|
|
1014
|
-
FsHtmlRendererComponent,
|
|
1015
|
-
],
|
|
1016
|
-
}]
|
|
1017
|
-
}] });
|
|
1018
|
-
|
|
1019
1032
|
var FsHtmlEditorModule = /** @class */ (function () {
|
|
1020
1033
|
function FsHtmlEditorModule() {
|
|
1021
1034
|
}
|