@festo-ui/angular 4.0.3-pre-20221007.5 → 4.0.3-pre-20221026.2

package/fesm2020/festo-ui-angular.mjs

@@ -4840,12 +4840,12 @@ class PromptComponent {
         }
     }
 }
-PromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: PromptComponent, deps: [{ token: i1$4.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+PromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: PromptComponent, deps: [{ token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
 PromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: PromptComponent, selector: "fng-prompt", inputs: { data: "data" }, outputs: { close: "close", cancel: "cancel", ok: "ok" }, host: { listeners: { "window:keyup": "onKeyUp($event)" } }, viewQueries: [{ propertyName: "closeBtn", first: true, predicate: ["closeBtn"], descendants: true }], ngImport: i0, template: "<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n      <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  </div>\n  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">{{ data?.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data?.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input formControlName=\"text\" [label]=\"data?.label\" [hint]=\"data?.hint\" type=\"text\" [error]=\"error\"></fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data?.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data?.cancel }}\n      </button>\n      <button *ngIf=\"data?.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n        {{ data?.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: TextInputComponent, selector: "fng-text-input", inputs: ["label", "type", "readonly", "step", "min", "max", "tabindex", "placeholder", "name", "disabled", "value", "required", "error", "hint"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: PromptComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fng-prompt', encapsulation: ViewEncapsulation.None, template: "<div class=\"fwe-modal\">\n  <div class=\"fwe-modal-close\">\n    <button type=\"button\" aria-label=\"Close\" #closeBtn class=\"fwe-btn fwe-btn-link fwe-dark\" (click)=\"onClose()\">\n      <i aria-hidden=\"true\" class=\"fwe-icon fwe-icon-close-small\"></i>\n      <span class=\"fwe-sr-only\">Close</span>\n    </button>\n  </div>\n  <div class=\"fwe-modal-header\">\n    <h2 *ngIf=\"data?.subtitle\" class=\"fwe-modal-h2\">{{ data?.subtitle }}</h2>\n    <h1 class=\"fwe-modal-h1\">{{ data?.title }}</h1>\n  </div>\n  <form [formGroup]=\"form\" class=\"fwe-modal-body\">\n    <fng-text-input formControlName=\"text\" [label]=\"data?.label\" [hint]=\"data?.hint\" type=\"text\" [error]=\"error\"></fng-text-input>\n  </form>\n  <div class=\"fwe-modal-footer\" *ngIf=\"data?.cancel || data?.ok\">\n    <div class=\"fwe-modal-buttons\">\n      <button *ngIf=\"data?.cancel\" type=\"button\" aria-label=\"Cancel\" class=\"fwe-btn fwe-btn-lg\" (click)=\"onCancel()\">\n        {{ data?.cancel }}\n      </button>\n      <button *ngIf=\"data?.ok\" type=\"button\" aria-label=\"Ok\" class=\"fwe-btn fwe-btn-hero fwe-btn-lg\" (click)=\"onOk()\">\n        {{ data?.ok }}\n      </button>\n    </div>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i1$4.UntypedFormBuilder }]; }, propDecorators: { data: [{
+        }], ctorParameters: function () { return [{ type: i1$4.FormBuilder }]; }, propDecorators: { data: [{
                 type: Input
             }], close: [{
                 type: Output
@@ -5661,6 +5661,11 @@ class TextEditorComponent extends ValueAccessorBaseDirective {
                 orderedList: true,
                 image: true,
                 link: true
+            },
+            sanitizing: {
+                sanitizingFn: null,
+                skipDefaultSanitizing: false,
+                skipWhitespaceHandling: false
             }
         };
         this.fngChange = new EventEmitter();
@@ -5676,8 +5681,16 @@ class TextEditorComponent extends ValueAccessorBaseDirective {
         };
         // needed to access editor content
         this.valueSetter = (quillEditor, value) => {
-            value = this.domSanitizer.sanitize(SecurityContext.HTML, value);
-            value = this.handleWhitespace(value);
+            const sanitizeConfig = this.config?.sanitizing || this.defaultConfig.sanitizing;
+            if (sanitizeConfig.sanitizingFn) {
+                value = sanitizeConfig.sanitizingFn(this.domSanitizer);
+            }
+            if (!sanitizeConfig.skipDefaultSanitizing) {
+                value = this.domSanitizer.sanitize(SecurityContext.HTML, value);
+            }
+            if (!sanitizeConfig.skipWhitespaceHandling) {
+                value = this.handleWhitespace(value);
+            }
             return quillEditor.clipboard.convert(value);
         };
     }