@piserve-tech/form-submission 1.3.89 → 1.3.90

package/esm2022/form-fields/rich-text-editor-fields/rich-text-editor-fields.component.mjs

@@ -17,27 +17,18 @@ export class RichTextEditorFieldsComponent {
         this.config = {
             editable: true,
             spellcheck: true,
-            height: '15rem',
-            minHeight: '5rem',
-            translate: 'no',
-            defaultParagraphSeparator: 'p',
-            defaultFontName: 'Arial',
-            toolbarHiddenButtons: [['bold']],
-            customClasses: [
-                {
-                    name: 'quote',
-                    class: 'quote',
-                },
-                {
-                    name: 'redText',
-                    class: 'redText',
-                },
-                {
-                    name: 'titleText',
-                    class: 'titleText',
-                    tag: 'h1',
-                },
-            ],
+            height: 'auto',
+            minHeight: '0',
+            maxHeight: 'auto',
+            width: 'auto',
+            translate: 'yes',
+            enableToolbar: true,
+            showToolbar: true,
+            sanitize: false,
+            toolbarHiddenButtons: [
+                ['bold', 'italic'],
+                ['fontSize']
+            ]
         };
     }
     ngOnInit() {
@@ -85,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
         }], propDecorators: { question: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0LWVkaXRvci1maWVsZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1zdWJtaXNzaW9uL3NyYy9mb3JtLWZpZWxkcy9yaWNoLXRleHQtZWRpdG9yLWZpZWxkcy9yaWNoLXRleHQtZWRpdG9yLWZpZWxkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mb3JtLXN1Ym1pc3Npb24vc3JjL2Zvcm0tZmllbGRzL3JpY2gtdGV4dC1lZGl0b3ItZmllbGRzL3JpY2gtdGV4dC1lZGl0b3ItZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVFqRCxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBTVcsYUFBUSxHQUFRLEVBQUUsQ0FBQztRQUM1QixVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBQ2xCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixzQkFBaUIsR0FBWSxLQUFLLENBQUM7UUFDbkMsV0FBTSxHQUFXLENBQUMsQ0FBQztRQUNuQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFDbEMsc0JBQWlCLEdBQVcsRUFBRSxDQUFDO1FBRS9CLFdBQU0sR0FBd0I7WUFDNUIsUUFBUSxFQUFFLElBQUk7WUFDZCxVQUFVLEVBQUUsSUFBSTtZQUNoQixNQUFNLEVBQUUsT0FBTztZQUNmLFNBQVMsRUFBRSxNQUFNO1lBQ2pCLFNBQVMsRUFBRSxJQUFJO1lBQ2YseUJBQXlCLEVBQUUsR0FBRztZQUM5QixlQUFlLEVBQUUsT0FBTztZQUN4QixvQkFBb0IsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUM7WUFDaEMsYUFBYSxFQUFFO2dCQUNiO29CQUNFLElBQUksRUFBRSxPQUFPO29CQUNiLEtBQUssRUFBRSxPQUFPO2lCQUNmO2dCQUNEO29CQUNFLElBQUksRUFBRSxTQUFTO29CQUNmLEtBQUssRUFBRSxTQUFTO2lCQUNqQjtnQkFDRDtvQkFDRSxJQUFJLEVBQUUsV0FBVztvQkFDakIsS0FBSyxFQUFFLFdBQVc7b0JBQ2xCLEdBQUcsRUFBRSxJQUFJO2lCQUNWO2FBQ0Y7U0FDRixDQUFDO0tBMENIO0lBeENDLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUM7UUFDdkMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUM7UUFDdEUsSUFBSSxDQUFDLGlCQUFpQjtZQUNwQixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsaUJBQWlCLENBQUM7UUFDekQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO1FBQ3pELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQztRQUN0RSxJQUFJLENBQUMsaUJBQWlCO1lBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQztRQUN6RCxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUMxQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUM7U0FDbEU7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO0lBQzNDLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDdEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztZQUM3QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsNkJBQTZCLENBQUM7U0FDeEQ7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ2xELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUN2RTtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUMsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFlO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQztJQUNqQyxDQUFDOytHQTlFVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixxR0NSMUMsaytGQW9GQTs7NEZENUVhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7OEJBSzlCLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmd1bGFyRWRpdG9yQ29uZmlnIH0gZnJvbSAnQGtvbGtvdi9hbmd1bGFyLWVkaXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1yaWNoLXRleHQtZWRpdG9yLWZpZWxkcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLXRleHQtZWRpdG9yLWZpZWxkcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JpY2gtdGV4dC1lZGl0b3ItZmllbGRzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hUZXh0RWRpdG9yRmllbGRzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcXVlc3Rpb246IGFueSA9IHt9O1xuICBjb3VudDogbnVtYmVyID0gMDtcbiAgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaGludDogc3RyaW5nID0gJyc7XG4gIG51bWJlck9mUm93cyE6IG51bWJlcjtcbiAgbGltaXRlZENoYXJhY3RlcnM6IGJvb2xlYW4gPSBmYWxzZTtcbiAgY291bnRzOiBudW1iZXIgPSAwO1xuICBodG1sQ29udGVudDogc3RyaW5nID0gJyc7XG4gIGNoYXJhY3RlckNvdW50ITogbnVtYmVyO1xuICB2YWxpZGF0aW9uRmFpbGVkOiBib29sZWFuID0gZmFsc2U7XG4gIHZhbGlkYXRpb25NZXNzYWdlOiBzdHJpbmcgPSAnJztcblxuICBjb25maWc6IEFuZ3VsYXJFZGl0b3JDb25maWcgPSB7XG4gICAgZWRpdGFibGU6IHRydWUsXG4gICAgc3BlbGxjaGVjazogdHJ1ZSxcbiAgICBoZWlnaHQ6ICcxNXJlbScsXG4gICAgbWluSGVpZ2h0OiAnNXJlbScsXG4gICAgdHJhbnNsYXRlOiAnbm8nLFxuICAgIGRlZmF1bHRQYXJhZ3JhcGhTZXBhcmF0b3I6ICdwJyxcbiAgICBkZWZhdWx0Rm9udE5hbWU6ICdBcmlhbCcsXG4gICAgdG9vbGJhckhpZGRlbkJ1dHRvbnM6IFtbJ2JvbGQnXV0sXG4gICAgY3VzdG9tQ2xhc3NlczogW1xuICAgICAge1xuICAgICAgICBuYW1lOiAncXVvdGUnLFxuICAgICAgICBjbGFzczogJ3F1b3RlJyxcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIG5hbWU6ICdyZWRUZXh0JyxcbiAgICAgICAgY2xhc3M6ICdyZWRUZXh0JyxcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIG5hbWU6ICd0aXRsZVRleHQnLFxuICAgICAgICBjbGFzczogJ3RpdGxlVGV4dCcsXG4gICAgICAgIHRhZzogJ2gxJyxcbiAgICAgIH0sXG4gICAgXSxcbiAgfTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnZhbHVlQXNzaWduZWQoKTsgICAgXG4gIH1cblxuICB2YWx1ZUFzc2lnbmVkKCkge1xuICAgIHRoaXMuY291bnQgPSB0aGlzLnF1ZXN0aW9uLmNvdW50O1xuICAgIHRoaXMucmVxdWlyZWQgPSB0aGlzLnF1ZXN0aW9uLnJlcXVpcmVkO1xuICAgIHRoaXMuaGludCA9IHRoaXMucXVlc3Rpb24uaGludDtcbiAgICB0aGlzLm51bWJlck9mUm93cyA9IHRoaXMucXVlc3Rpb24uZm9ybUVsZW1lbnQuYXBwZWFyYW5jZS5udW1iZXJPZlJvd3M7XG4gICAgdGhpcy5saW1pdGVkQ2hhcmFjdGVycyA9XG4gICAgICB0aGlzLnF1ZXN0aW9uLmZvcm1FbGVtZW50LnZhbGlkYXRpb24ubGltaXRlZENoYXJhY3RlcnM7XG4gICAgdGhpcy5jb3VudHMgPSB0aGlzLnF1ZXN0aW9uLmZvcm1FbGVtZW50LnZhbGlkYXRpb24uY291bnQ7XG4gICAgdGhpcy5udW1iZXJPZlJvd3MgPSB0aGlzLnF1ZXN0aW9uLmZvcm1FbGVtZW50LmFwcGVhcmFuY2UubnVtYmVyT2ZSb3dzO1xuICAgIHRoaXMubGltaXRlZENoYXJhY3RlcnMgPVxuICAgICAgdGhpcy5xdWVzdGlvbi5mb3JtRWxlbWVudC52YWxpZGF0aW9uLmxpbWl0ZWRDaGFyYWN0ZXJzO1xuICAgIGlmICh0aGlzLmxpbWl0ZWRDaGFyYWN0ZXJzKSB7XG4gICAgICB0aGlzLmNoYXJhY3RlckNvdW50ID0gdGhpcy5xdWVzdGlvbi5mb3JtRWxlbWVudC52YWxpZGF0aW9uLmNvdW50O1xuICAgIH1cbiAgICB0aGlzLmh0bWxDb250ZW50ID0gdGhpcy5xdWVzdGlvbj8uYW5zd2VyO1xuICB9XG5cbiAgdmFsaWRhdGVFZGl0b3IoKSB7XG4gICAgdGhpcy52YWxpZGF0aW9uRmFpbGVkID0gZmFsc2U7XG4gICAgdGhpcy52YWxpZGF0aW9uTWVzc2FnZSA9ICcnO1xuICAgIGlmICghdGhpcy5odG1sQ29udGVudCAmJiB0aGlzLnJlcXVpcmVkKSB7XG4gICAgICB0aGlzLnZhbGlkYXRpb25GYWlsZWQgPSB0cnVlO1xuICAgICAgdGhpcy52YWxpZGF0aW9uTWVzc2FnZSA9ICdUaGlzIGlzIGEgcmVxdWlyZWQgcXVlc3Rpb24nO1xuICAgIH1cbiAgfVxuXG4gIHZhbGlkYXRlSW5wdXQoZXZlbnQ6IGFueSkge1xuICAgIGlmICh0aGlzLmh0bWxDb250ZW50Lmxlbmd0aCA+PSB0aGlzLmNoYXJhY3RlckNvdW50KSB7XG4gICAgICB0aGlzLmh0bWxDb250ZW50ID0gdGhpcy5odG1sQ29udGVudC5zdWJzdHJpbmcoMCwgdGhpcy5jaGFyYWN0ZXJDb3VudCk7XG4gICAgfVxuICAgIHRoaXMucXVlc3Rpb24uYW5zd2VyID0gdGhpcy5odG1sQ29udGVudDsgICAgXG4gIH1cblxuICB1cGRhdGVBbnN3ZXIoY29udGVudDogc3RyaW5nKSB7XG4gICAgdGhpcy5xdWVzdGlvbi5hbnN3ZXIgPSBjb250ZW50O1xuICB9XG59XG4iLCI8ZGl2ICBjbGFzcz1cIm1iLTQgcHgtM1wiPlxuICA8ZGl2IGNsYXNzPVwiaW5wdXQtd3JhcHBlciBtYi0yXCI+XG4gICAgPGRpdiBbaW5uZXJIVE1MXT1cInF1ZXN0aW9uLnF1ZXN0aW9uTnVtYmVyXCI+PC9kaXY+XG4gICAgJm5ic3A7Jm5ic3A7IDxsYWJlbD57eyBxdWVzdGlvbi5xdWVzdGlvbiB9fTwvbGFiZWxcbiAgICA+Jm5ic3A7XG4gICAgPHNwYW4gY2xhc3M9XCJ0ZXh0LWRhbmdlclwiICpuZ0lmPVwicmVxdWlyZWRcIj4qPC9zcGFuPlxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwic3ZnLXdyYXBwZXIgbWItMiBoaW50SWNvblwiXG4gICAgICBbYXR0ci5kYXRhLXRpdGxlXT1cImhpbnRcIlxuICAgICAgKm5nSWY9XCJoaW50XCJcbiAgICA+XG4gICAgICA8c3ZnXG4gICAgICAgIGNsYXNzPVwiaGludFN2Z1wiXG4gICAgICAgIHZpZXdCb3g9XCIwIDAgMzAgMzBcIlxuICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgID5cbiAgICAgICAgPHBhdGhcbiAgICAgICAgICBmaWxsLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgICBkPVwiTTE1IDI2LjI1VjI2LjI1QzguNzg2MjUgMjYuMjUgMy43NSAyMS4yMTM4IDMuNzUgMTVWMTVDMy43NSA4Ljc4NjI1IDguNzg2MjUgMy43NSAxNSAzLjc1VjMuNzVDMjEuMjEzOCAzLjc1IDI2LjI1IDguNzg2MjUgMjYuMjUgMTVWMTVDMjYuMjUgMjEuMjEzOCAyMS4yMTM4IDI2LjI1IDE1IDI2LjI1WlwiXG4gICAgICAgICAgc3Ryb2tlPVwiIzMyMzIzMlwiXG4gICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS41XCJcbiAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0xNSAxNi41NjIzVjE2LjI0OThDMTUgMTUuMjI4NSAxNS42MzEyIDE0LjY3NDggMTYuMjYzNyAxNC4yNDk4QzE2Ljg4MTIgMTMuODMzNSAxNy41IDEzLjI5MSAxNy41IDEyLjI5MUMxNy41IDEwLjkwOTggMTYuMzgxMyA5Ljc5MTAyIDE1IDkuNzkxMDJDMTMuNjE4NyA5Ljc5MTAyIDEyLjUgMTAuOTA5OCAxMi41IDEyLjI5MVwiXG4gICAgICAgICAgc3Ryb2tlPVwiIzMyMzIzMlwiXG4gICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS41XCJcbiAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZD1cIk0xNC45OTg4IDIwQzE0LjgyNjMgMjAgMTQuNjg2MyAyMC4xNCAxNC42ODc1IDIwLjMxMjVDMTQuNjg3NSAyMC40ODUgMTQuODI3NSAyMC42MjUgMTUgMjAuNjI1QzE1LjE3MjUgMjAuNjI1IDE1LjMxMjUgMjAuNDg1IDE1LjMxMjUgMjAuMzEyNUMxNS4zMTI1IDIwLjE0IDE1LjE3MjUgMjAgMTQuOTk4OCAyMFwiXG4gICAgICAgICAgc3Ryb2tlPVwiIzMyMzIzMlwiXG4gICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS41XCJcbiAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgIC8+XG4gICAgICA8L3N2Zz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxhbmd1bGFyLWVkaXRvclxuICAgIFsobmdNb2RlbCldPVwiaHRtbENvbnRlbnRcIlxuICAgIFtjb25maWddPVwiY29uZmlnXCJcbiAgICAoaW5wdXQpPVwidmFsaWRhdGVJbnB1dCgkZXZlbnQpXCJcbiAgICAoYmx1cik9XCJ2YWxpZGF0ZUVkaXRvcigpXCJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJ1cGRhdGVBbnN3ZXIoJGV2ZW50KVwiXG4gID48L2FuZ3VsYXItZWRpdG9yPlxuICA8ZGl2ICpuZ0lmPVwidmFsaWRhdGlvbkZhaWxlZFwiIGNsYXNzPVwidGV4dC1kYW5nZXJcIj5cbiAgICA8c3ZnXG4gICAgICBjbGFzcz1cInZhbGlkYXRpb25TdmdcIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICA+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTEyLjAwMSAxNi43NUMxMi4xMzkgMTYuNzUgMTIuMjUxIDE2LjYzOCAxMi4yNSAxNi41QzEyLjI1IDE2LjM2MiAxMi4xMzggMTYuMjUgMTIgMTYuMjVDMTEuODYyIDE2LjI1IDExLjc1IDE2LjM2MiAxMS43NSAxNi41QzExLjc1IDE2LjYzOCAxMS44NjIgMTYuNzUgMTIuMDAxIDE2Ljc1XCJcbiAgICAgICAgc3Ryb2tlPVwid2hpdGVcIlxuICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjVcIlxuICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgLz5cbiAgICAgIDxwYXRoXG4gICAgICAgIGZpbGwtcnVsZT1cImV2ZW5vZGRcIlxuICAgICAgICBjbGlwLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgZD1cIk0xMiAyMUM3LjAyOSAyMSAzIDE2Ljk3MSAzIDEyQzMgNy4wMjkgNy4wMjkgMyAxMiAzQzE2Ljk3MSAzIDIxIDcuMDI5IDIxIDEyQzIxIDE2Ljk3MSAxNi45NzEgMjEgMTIgMjFaXCJcbiAgICAgICAgZmlsbD1cIiNGRjAwMDBcIlxuICAgICAgICBzdHJva2U9XCIjRkYwMDAwXCJcbiAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS41XCJcbiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBkPVwiTTEyIDEyLjc1TDEyIDcuNzVcIlxuICAgICAgICBzdHJva2U9XCJ3aGl0ZVwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAvPlxuICAgICAgPGNpcmNsZSBjeD1cIjEyXCIgY3k9XCIxNlwiIHI9XCIxXCIgZmlsbD1cIndoaXRlXCIgLz5cbiAgICA8L3N2Zz5cbiAgICB7eyB2YWxpZGF0aW9uTWVzc2FnZSB9fVxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmljaC10ZXh0LWVkaXRvci1maWVsZHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZm9ybS1zdWJtaXNzaW9uL3NyYy9mb3JtLWZpZWxkcy9yaWNoLXRleHQtZWRpdG9yLWZpZWxkcy9yaWNoLXRleHQtZWRpdG9yLWZpZWxkcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mb3JtLXN1Ym1pc3Npb24vc3JjL2Zvcm0tZmllbGRzL3JpY2gtdGV4dC1lZGl0b3ItZmllbGRzL3JpY2gtdGV4dC1lZGl0b3ItZmllbGRzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVFqRCxNQUFNLE9BQU8sNkJBQTZCO0lBTDFDO1FBTVcsYUFBUSxHQUFRLEVBQUUsQ0FBQztRQUM1QixVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBQ2xCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixzQkFBaUIsR0FBWSxLQUFLLENBQUM7UUFDbkMsV0FBTSxHQUFXLENBQUMsQ0FBQztRQUNuQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztRQUV6QixxQkFBZ0IsR0FBWSxLQUFLLENBQUM7UUFDbEMsc0JBQWlCLEdBQVcsRUFBRSxDQUFDO1FBRS9CLFdBQU0sR0FBd0I7WUFDNUIsUUFBUSxFQUFFLElBQUk7WUFDZCxVQUFVLEVBQUUsSUFBSTtZQUNoQixNQUFNLEVBQUUsTUFBTTtZQUNkLFNBQVMsRUFBRSxHQUFHO1lBQ2QsU0FBUyxFQUFFLE1BQU07WUFDakIsS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsS0FBSztZQUNoQixhQUFhLEVBQUUsSUFBSTtZQUNuQixXQUFXLEVBQUUsSUFBSTtZQUNqQixRQUFRLEVBQUUsS0FBSztZQUNmLG9CQUFvQixFQUFFO2dCQUNwQixDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUM7Z0JBQ2xCLENBQUMsVUFBVSxDQUFDO2FBQ2I7U0FDRixDQUFDO0tBMENIO0lBeENDLFFBQVE7UUFDTixJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUM7UUFDdkMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQztRQUMvQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxZQUFZLENBQUM7UUFDdEUsSUFBSSxDQUFDLGlCQUFpQjtZQUNwQixJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsaUJBQWlCLENBQUM7UUFDekQsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDO1FBQ3pELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUMsVUFBVSxDQUFDLFlBQVksQ0FBQztRQUN0RSxJQUFJLENBQUMsaUJBQWlCO1lBQ3BCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxpQkFBaUIsQ0FBQztRQUN6RCxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUMxQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUM7U0FDbEU7UUFDRCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDO0lBQzNDLENBQUM7SUFFRCxjQUFjO1FBQ1osSUFBSSxDQUFDLGdCQUFnQixHQUFHLEtBQUssQ0FBQztRQUM5QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsRUFBRSxDQUFDO1FBQzVCLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDdEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQztZQUM3QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsNkJBQTZCLENBQUM7U0FDeEQ7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ2xELElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLENBQUMsQ0FBQyxFQUFFLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztTQUN2RTtRQUNELElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUMsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUFlO1FBQzFCLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxHQUFHLE9BQU8sQ0FBQztJQUNqQyxDQUFDOytHQXJFVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixxR0NSMUMsaytGQW9GQTs7NEZENUVhLDZCQUE2QjtrQkFMekMsU0FBUzsrQkFDRSw2QkFBNkI7OEJBSzlCLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBbmd1bGFyRWRpdG9yQ29uZmlnIH0gZnJvbSAnQGtvbGtvdi9hbmd1bGFyLWVkaXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1yaWNoLXRleHQtZWRpdG9yLWZpZWxkcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yaWNoLXRleHQtZWRpdG9yLWZpZWxkcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3JpY2gtdGV4dC1lZGl0b3ItZmllbGRzLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFJpY2hUZXh0RWRpdG9yRmllbGRzQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcXVlc3Rpb246IGFueSA9IHt9O1xuICBjb3VudDogbnVtYmVyID0gMDtcbiAgcmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgaGludDogc3RyaW5nID0gJyc7XG4gIG51bWJlck9mUm93cyE6IG51bWJlcjtcbiAgbGltaXRlZENoYXJhY3RlcnM6IGJvb2xlYW4gPSBmYWxzZTtcbiAgY291bnRzOiBudW1iZXIgPSAwO1xuICBodG1sQ29udGVudDogc3RyaW5nID0gJyc7XG4gIGNoYXJhY3RlckNvdW50ITogbnVtYmVyO1xuICB2YWxpZGF0aW9uRmFpbGVkOiBib29sZWFuID0gZmFsc2U7XG4gIHZhbGlkYXRpb25NZXNzYWdlOiBzdHJpbmcgPSAnJztcblxuICBjb25maWc6IEFuZ3VsYXJFZGl0b3JDb25maWcgPSB7XG4gICAgZWRpdGFibGU6IHRydWUsXG4gICAgc3BlbGxjaGVjazogdHJ1ZSxcbiAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICBtaW5IZWlnaHQ6ICcwJyxcbiAgICBtYXhIZWlnaHQ6ICdhdXRvJyxcbiAgICB3aWR0aDogJ2F1dG8nLFxuICAgIHRyYW5zbGF0ZTogJ3llcycsXG4gICAgZW5hYmxlVG9vbGJhcjogdHJ1ZSxcbiAgICBzaG93VG9vbGJhcjogdHJ1ZSxcbiAgICBzYW5pdGl6ZTogZmFsc2UsIC8vIFByZXZlbnRzIHN0eWxlcyBmcm9tIGJlaW5nIHN0cmlwcGVkXG4gICAgdG9vbGJhckhpZGRlbkJ1dHRvbnM6IFtcbiAgICAgIFsnYm9sZCcsICdpdGFsaWMnXSxcbiAgICAgIFsnZm9udFNpemUnXVxuICAgIF1cbiAgfTsgXG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy52YWx1ZUFzc2lnbmVkKCk7ICAgIFxuICB9XG5cbiAgdmFsdWVBc3NpZ25lZCgpIHtcbiAgICB0aGlzLmNvdW50ID0gdGhpcy5xdWVzdGlvbi5jb3VudDtcbiAgICB0aGlzLnJlcXVpcmVkID0gdGhpcy5xdWVzdGlvbi5yZXF1aXJlZDtcbiAgICB0aGlzLmhpbnQgPSB0aGlzLnF1ZXN0aW9uLmhpbnQ7XG4gICAgdGhpcy5udW1iZXJPZlJvd3MgPSB0aGlzLnF1ZXN0aW9uLmZvcm1FbGVtZW50LmFwcGVhcmFuY2UubnVtYmVyT2ZSb3dzO1xuICAgIHRoaXMubGltaXRlZENoYXJhY3RlcnMgPVxuICAgICAgdGhpcy5xdWVzdGlvbi5mb3JtRWxlbWVudC52YWxpZGF0aW9uLmxpbWl0ZWRDaGFyYWN0ZXJzO1xuICAgIHRoaXMuY291bnRzID0gdGhpcy5xdWVzdGlvbi5mb3JtRWxlbWVudC52YWxpZGF0aW9uLmNvdW50O1xuICAgIHRoaXMubnVtYmVyT2ZSb3dzID0gdGhpcy5xdWVzdGlvbi5mb3JtRWxlbWVudC5hcHBlYXJhbmNlLm51bWJlck9mUm93cztcbiAgICB0aGlzLmxpbWl0ZWRDaGFyYWN0ZXJzID1cbiAgICAgIHRoaXMucXVlc3Rpb24uZm9ybUVsZW1lbnQudmFsaWRhdGlvbi5saW1pdGVkQ2hhcmFjdGVycztcbiAgICBpZiAodGhpcy5saW1pdGVkQ2hhcmFjdGVycykge1xuICAgICAgdGhpcy5jaGFyYWN0ZXJDb3VudCA9IHRoaXMucXVlc3Rpb24uZm9ybUVsZW1lbnQudmFsaWRhdGlvbi5jb3VudDtcbiAgICB9XG4gICAgdGhpcy5odG1sQ29udGVudCA9IHRoaXMucXVlc3Rpb24/LmFuc3dlcjtcbiAgfVxuXG4gIHZhbGlkYXRlRWRpdG9yKCkge1xuICAgIHRoaXMudmFsaWRhdGlvbkZhaWxlZCA9IGZhbHNlO1xuICAgIHRoaXMudmFsaWRhdGlvbk1lc3NhZ2UgPSAnJztcbiAgICBpZiAoIXRoaXMuaHRtbENvbnRlbnQgJiYgdGhpcy5yZXF1aXJlZCkge1xuICAgICAgdGhpcy52YWxpZGF0aW9uRmFpbGVkID0gdHJ1ZTtcbiAgICAgIHRoaXMudmFsaWRhdGlvbk1lc3NhZ2UgPSAnVGhpcyBpcyBhIHJlcXVpcmVkIHF1ZXN0aW9uJztcbiAgICB9XG4gIH1cblxuICB2YWxpZGF0ZUlucHV0KGV2ZW50OiBhbnkpIHtcbiAgICBpZiAodGhpcy5odG1sQ29udGVudC5sZW5ndGggPj0gdGhpcy5jaGFyYWN0ZXJDb3VudCkge1xuICAgICAgdGhpcy5odG1sQ29udGVudCA9IHRoaXMuaHRtbENvbnRlbnQuc3Vic3RyaW5nKDAsIHRoaXMuY2hhcmFjdGVyQ291bnQpO1xuICAgIH1cbiAgICB0aGlzLnF1ZXN0aW9uLmFuc3dlciA9IHRoaXMuaHRtbENvbnRlbnQ7ICAgIFxuICB9XG5cbiAgdXBkYXRlQW5zd2VyKGNvbnRlbnQ6IHN0cmluZykge1xuICAgIHRoaXMucXVlc3Rpb24uYW5zd2VyID0gY29udGVudDtcbiAgfVxufVxuIiwiPGRpdiAgY2xhc3M9XCJtYi00IHB4LTNcIj5cbiAgPGRpdiBjbGFzcz1cImlucHV0LXdyYXBwZXIgbWItMlwiPlxuICAgIDxkaXYgW2lubmVySFRNTF09XCJxdWVzdGlvbi5xdWVzdGlvbk51bWJlclwiPjwvZGl2PlxuICAgICZuYnNwOyZuYnNwOyA8bGFiZWw+e3sgcXVlc3Rpb24ucXVlc3Rpb24gfX08L2xhYmVsXG4gICAgPiZuYnNwO1xuICAgIDxzcGFuIGNsYXNzPVwidGV4dC1kYW5nZXJcIiAqbmdJZj1cInJlcXVpcmVkXCI+Kjwvc3Bhbj5cbiAgICA8ZGl2XG4gICAgICBjbGFzcz1cInN2Zy13cmFwcGVyIG1iLTIgaGludEljb25cIlxuICAgICAgW2F0dHIuZGF0YS10aXRsZV09XCJoaW50XCJcbiAgICAgICpuZ0lmPVwiaGludFwiXG4gICAgPlxuICAgICAgPHN2Z1xuICAgICAgICBjbGFzcz1cImhpbnRTdmdcIlxuICAgICAgICB2aWV3Qm94PVwiMCAwIDMwIDMwXCJcbiAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgICA+XG4gICAgICAgIDxwYXRoXG4gICAgICAgICAgZmlsbC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgICAgZD1cIk0xNSAyNi4yNVYyNi4yNUM4Ljc4NjI1IDI2LjI1IDMuNzUgMjEuMjEzOCAzLjc1IDE1VjE1QzMuNzUgOC43ODYyNSA4Ljc4NjI1IDMuNzUgMTUgMy43NVYzLjc1QzIxLjIxMzggMy43NSAyNi4yNSA4Ljc4NjI1IDI2LjI1IDE1VjE1QzI2LjI1IDIxLjIxMzggMjEuMjEzOCAyNi4yNSAxNSAyNi4yNVpcIlxuICAgICAgICAgIHN0cm9rZT1cIiMzMjMyMzJcIlxuICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMTUgMTYuNTYyM1YxNi4yNDk4QzE1IDE1LjIyODUgMTUuNjMxMiAxNC42NzQ4IDE2LjI2MzcgMTQuMjQ5OEMxNi44ODEyIDEzLjgzMzUgMTcuNSAxMy4yOTEgMTcuNSAxMi4yOTFDMTcuNSAxMC45MDk4IDE2LjM4MTMgOS43OTEwMiAxNSA5Ljc5MTAyQzEzLjYxODcgOS43OTEwMiAxMi41IDEwLjkwOTggMTIuNSAxMi4yOTFcIlxuICAgICAgICAgIHN0cm9rZT1cIiMzMjMyMzJcIlxuICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAvPlxuICAgICAgICA8cGF0aFxuICAgICAgICAgIGQ9XCJNMTQuOTk4OCAyMEMxNC44MjYzIDIwIDE0LjY4NjMgMjAuMTQgMTQuNjg3NSAyMC4zMTI1QzE0LjY4NzUgMjAuNDg1IDE0LjgyNzUgMjAuNjI1IDE1IDIwLjYyNUMxNS4xNzI1IDIwLjYyNSAxNS4zMTI1IDIwLjQ4NSAxNS4zMTI1IDIwLjMxMjVDMTUuMzEyNSAyMC4xNCAxNS4xNzI1IDIwIDE0Ljk5ODggMjBcIlxuICAgICAgICAgIHN0cm9rZT1cIiMzMjMyMzJcIlxuICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAvPlxuICAgICAgPC9zdmc+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8YW5ndWxhci1lZGl0b3JcbiAgICBbKG5nTW9kZWwpXT1cImh0bWxDb250ZW50XCJcbiAgICBbY29uZmlnXT1cImNvbmZpZ1wiXG4gICAgKGlucHV0KT1cInZhbGlkYXRlSW5wdXQoJGV2ZW50KVwiXG4gICAgKGJsdXIpPVwidmFsaWRhdGVFZGl0b3IoKVwiXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwidXBkYXRlQW5zd2VyKCRldmVudClcIlxuICA+PC9hbmd1bGFyLWVkaXRvcj5cbiAgPGRpdiAqbmdJZj1cInZhbGlkYXRpb25GYWlsZWRcIiBjbGFzcz1cInRleHQtZGFuZ2VyXCI+XG4gICAgPHN2Z1xuICAgICAgY2xhc3M9XCJ2YWxpZGF0aW9uU3ZnXCJcbiAgICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXG4gICAgPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xMi4wMDEgMTYuNzVDMTIuMTM5IDE2Ljc1IDEyLjI1MSAxNi42MzggMTIuMjUgMTYuNUMxMi4yNSAxNi4zNjIgMTIuMTM4IDE2LjI1IDEyIDE2LjI1QzExLjg2MiAxNi4yNSAxMS43NSAxNi4zNjIgMTEuNzUgMTYuNUMxMS43NSAxNi42MzggMTEuODYyIDE2Ljc1IDEyLjAwMSAxNi43NVwiXG4gICAgICAgIHN0cm9rZT1cIndoaXRlXCJcbiAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS41XCJcbiAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcbiAgICAgIC8+XG4gICAgICA8cGF0aFxuICAgICAgICBmaWxsLXJ1bGU9XCJldmVub2RkXCJcbiAgICAgICAgY2xpcC1ydWxlPVwiZXZlbm9kZFwiXG4gICAgICAgIGQ9XCJNMTIgMjFDNy4wMjkgMjEgMyAxNi45NzEgMyAxMkMzIDcuMDI5IDcuMDI5IDMgMTIgM0MxNi45NzEgMyAyMSA3LjAyOSAyMSAxMkMyMSAxNi45NzEgMTYuOTcxIDIxIDEyIDIxWlwiXG4gICAgICAgIGZpbGw9XCIjRkYwMDAwXCJcbiAgICAgICAgc3Ryb2tlPVwiI0ZGMDAwMFwiXG4gICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNVwiXG4gICAgICAgIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxuICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAvPlxuICAgICAgPHBhdGhcbiAgICAgICAgZD1cIk0xMiAxMi43NUwxMiA3Ljc1XCJcbiAgICAgICAgc3Ryb2tlPVwid2hpdGVcIlxuICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjVcIlxuICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcbiAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxuICAgICAgLz5cbiAgICAgIDxjaXJjbGUgY3g9XCIxMlwiIGN5PVwiMTZcIiByPVwiMVwiIGZpbGw9XCJ3aGl0ZVwiIC8+XG4gICAgPC9zdmc+XG4gICAge3sgdmFsaWRhdGlvbk1lc3NhZ2UgfX1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/form-fields/section-fields/section-fields.component.mjs

@@ -18,11 +18,11 @@ export class SectionFieldsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionFieldsComponent, selector: "lib-section-fields", inputs: { section: "section" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionFieldsComponent, selector: "lib-section-fields", inputs: { section: "section" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionFieldsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-section-fields', template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }]
+            args: [{ selector: 'lib-section-fields', template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }]
         }], propDecorators: { section: [{
                 type: Input
             }] } });

package/esm2022/question/question-group/question-group.component.mjs

@@ -53,11 +53,11 @@ export class QuestionGroupComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QuestionGroupComponent, selector: "lib-question-group", inputs: { questionGroup: "questionGroup", edit: "edit", acceptedLanguage: "acceptedLanguage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: i3.DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: i4.DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: i5.FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: i6.LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: i7.MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: i8.MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: i9.NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: i10.PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: i11.RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: i12.RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: i13.SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i14.SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: i15.SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: i16.TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: i17.TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: i18.TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: i19.ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i20.UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QuestionGroupComponent, selector: "lib-question-group", inputs: { questionGroup: "questionGroup", edit: "edit", acceptedLanguage: "acceptedLanguage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: i3.DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: i4.DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: i5.FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: i6.LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: i7.MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: i8.MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: i9.NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: i10.PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: i11.RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: i12.RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: i13.SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i14.SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: i15.SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: i16.TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: i17.TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: i18.TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: i19.ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i20.UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-question-group', template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }]
+            args: [{ selector: 'lib-question-group', template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }]
         }], propDecorators: { questionGroup: [{
                 type: Input
             }], edit: [{

package/esm2022/question/sub-form/sub-form.component.mjs

@@ -90,11 +90,11 @@ export class SubFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubFormComponent, selector: "lib-sub-form", inputs: { subForm: "subForm", edit: "edit", acceptedLanguage: "acceptedLanguage" }, outputs: { subFormChange: "subFormChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: i3.DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: i4.DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: i5.FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: i6.LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: i7.MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: i8.MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: i9.NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: i10.PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: i11.RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: i12.RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: i13.SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i14.SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: i15.SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: i16.TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: i17.TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: i18.TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: i19.ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i20.UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "component", type: i21.SectionFieldsComponent, selector: "lib-section-fields", inputs: ["section"] }, { kind: "component", type: i22.MultipleSubformComponent, selector: "lib-multiple-subform", inputs: ["subForm", "acceptedLanguage"], outputs: ["subFormChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubFormComponent, selector: "lib-sub-form", inputs: { subForm: "subForm", edit: "edit", acceptedLanguage: "acceptedLanguage" }, outputs: { subFormChange: "subFormChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: i3.DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: i4.DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: i5.FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: i6.LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: i7.MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: i8.MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: i9.NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: i10.PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: i11.RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: i12.RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: i13.SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i14.SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: i15.SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: i16.TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: i17.TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: i18.TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: i19.ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: i20.UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "component", type: i21.SectionFieldsComponent, selector: "lib-section-fields", inputs: ["section"] }, { kind: "component", type: i22.MultipleSubformComponent, selector: "lib-multiple-subform", inputs: ["subForm", "acceptedLanguage"], outputs: ["subFormChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-sub-form', template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }]
+            args: [{ selector: 'lib-sub-form', template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }]
         }], propDecorators: { subForm: [{
                 type: Input
             }], edit: [{

package/fesm2022/piserve-tech-form-submission.mjs

@@ -711,11 +711,11 @@ class SectionFieldsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionFieldsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionFieldsComponent, selector: "lib-section-fields", inputs: { section: "section" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SectionFieldsComponent, selector: "lib-section-fields", inputs: { section: "section" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SectionFieldsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-section-fields', template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }]
+            args: [{ selector: 'lib-section-fields', template: "<div class=\"mb-4 px-3\">\n  <p class=\"sectionTitle\">{{ section.title }}</p>\n  <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n</div>\n", styles: [".sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }]
         }], propDecorators: { section: [{
                 type: Input
             }] } });
@@ -2700,27 +2700,18 @@ class RichTextEditorFieldsComponent {
         this.config = {
             editable: true,
             spellcheck: true,
-            height: '15rem',
-            minHeight: '5rem',
-            translate: 'no',
-            defaultParagraphSeparator: 'p',
-            defaultFontName: 'Arial',
-            toolbarHiddenButtons: [['bold']],
-            customClasses: [
-                {
-                    name: 'quote',
-                    class: 'quote',
-                },
-                {
-                    name: 'redText',
-                    class: 'redText',
-                },
-                {
-                    name: 'titleText',
-                    class: 'titleText',
-                    tag: 'h1',
-                },
-            ],
+            height: 'auto',
+            minHeight: '0',
+            maxHeight: 'auto',
+            width: 'auto',
+            translate: 'yes',
+            enableToolbar: true,
+            showToolbar: true,
+            sanitize: false,
+            toolbarHiddenButtons: [
+                ['bold', 'italic'],
+                ['fontSize']
+            ]
         };
     }
     ngOnInit() {
@@ -3795,11 +3786,11 @@ class SubFormComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubFormComponent, selector: "lib-sub-form", inputs: { subForm: "subForm", edit: "edit", acceptedLanguage: "acceptedLanguage" }, outputs: { subFormChange: "subFormChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "component", type: SectionFieldsComponent, selector: "lib-section-fields", inputs: ["section"] }, { kind: "component", type: MultipleSubformComponent, selector: "lib-multiple-subform", inputs: ["subForm", "acceptedLanguage"], outputs: ["subFormChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SubFormComponent, selector: "lib-sub-form", inputs: { subForm: "subForm", edit: "edit", acceptedLanguage: "acceptedLanguage" }, outputs: { subFormChange: "subFormChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "component", type: SectionFieldsComponent, selector: "lib-section-fields", inputs: ["section"] }, { kind: "component", type: MultipleSubformComponent, selector: "lib-multiple-subform", inputs: ["subForm", "acceptedLanguage"], outputs: ["subFormChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SubFormComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-sub-form', template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }]
+            args: [{ selector: 'lib-sub-form', template: "<div class=\"outer-container mb-4 px-3\">\n  <div class=\"body container pt-3 pb-3 px-3\">\n    <div class=\"tab-content pt-4 pb-3 px-3\">\n      <p class=\"sectionTitle\">{{ subForm.title }}</p>\n      <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n\n      <div *ngIf=\"subForm.subFormStructure == 'multiple'\">\n        <lib-multiple-subform\n          [subForm]=\"subForm\"\n          (subFormChange)=\"updateSubFormWithSubmissions($event)\"\n          [acceptedLanguage]=\"acceptedLanguage\"\n        ></lib-multiple-subform>\n      </div>\n      <div *ngIf=\"subForm.subFormStructure == 'single'\">\n        <div *ngFor=\"let row of subForm.rows\">\n          <div *ngFor=\"let grid of row.grid\">\n            <div *ngIf=\"grid.entityType === 'QUESTION'\">\n              <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n              </div>\n            \n              <ng-container *ngIf=\"grid.element.childLogics\">\n                <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n              </ng-container>\n            </div>\n            \n            <div *ngIf=\"grid.entityType === 'SECTION'\">\n              <lib-section-fields\n                [section]=\"grid.element\"\n              ></lib-section-fields>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }]
         }], propDecorators: { subForm: [{
                 type: Input
             }], edit: [{
@@ -3843,11 +3834,11 @@ class QuestionGroupComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QuestionGroupComponent, selector: "lib-question-group", inputs: { questionGroup: "questionGroup", edit: "edit", acceptedLanguage: "acceptedLanguage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: QuestionGroupComponent, selector: "lib-question-group", inputs: { questionGroup: "questionGroup", edit: "edit", acceptedLanguage: "acceptedLanguage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"], dependencies: [{ kind: "directive", type: i1$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CheckBoxFieldsComponent, selector: "lib-check-box-fields", inputs: ["question"] }, { kind: "component", type: DateTimeFieldsComponent, selector: "lib-date-time-fields", inputs: ["question"] }, { kind: "component", type: DropDownFieldsComponent, selector: "lib-drop-down-fields", inputs: ["question"] }, { kind: "component", type: FilePickerFieldsComponent, selector: "lib-file-picker-fields", inputs: ["question"] }, { kind: "component", type: LocationFieldsComponent, selector: "lib-location-fields", inputs: ["question"] }, { kind: "component", type: MailFieldsComponent, selector: "lib-mail-fields", inputs: ["question"] }, { kind: "component", type: MobileFieldsComponent, selector: "lib-mobile-fields", inputs: ["question"] }, { kind: "component", type: NumberFieldsComponent, selector: "lib-number-fields", inputs: ["question"] }, { kind: "component", type: PasswordFieldsComponent, selector: "lib-password-fields", inputs: ["question"] }, { kind: "component", type: RadioButtonFieldsComponent, selector: "lib-radio-button-fields", inputs: ["question"] }, { kind: "component", type: RichTextEditorFieldsComponent, selector: "lib-rich-text-editor-fields", inputs: ["question"] }, { kind: "component", type: SelectionMatrixFieldsComponent, selector: "lib-selection-matrix-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: SignatureFieldsComponent, selector: "lib-signature-fields", inputs: ["question"] }, { kind: "component", type: SliderFieldsComponent, selector: "lib-slider-fields", inputs: ["question"] }, { kind: "component", type: TermsAndConditionFieldsComponent, selector: "lib-terms-and-condition-fields", inputs: ["question"] }, { kind: "component", type: TextAreaFieldsComponent, selector: "lib-text-area-fields", inputs: ["question"] }, { kind: "component", type: TextFieldsComponent, selector: "lib-text-fields", inputs: ["question"] }, { kind: "component", type: ToggleSwitchFieldsComponent, selector: "lib-toggle-switch-fields", inputs: ["question", "acceptedLanguage"] }, { kind: "component", type: UrlFieldsComponent, selector: "lib-url-fields", inputs: ["question"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: QuestionGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-question-group', template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}\n"] }]
+            args: [{ selector: 'lib-question-group', template: "<div class=\"outer-container mb-4 px-3\">\n    <div class=\"body container pt-3 pb-3 px-3\">\n      <div class=\"tab-content pt-4 pb-3 px-3\">\n        <p class=\"sectionTitle\">{{ questionGroup.title }}</p>\n        <p [innerHTML]=\"decodedDescription\" class=\"description\"></p>\n  \n        <div class=\"mt-5\">\n          <div *ngFor=\"let row of questionGroup.rows\">\n            <div *ngFor=\"let grid of row.grid\">\n              <div *ngIf=\"grid.entityType === 'QUESTION'\">\n                <div [ngSwitch]=\"grid.element.formElement.elementType\">\n                  <lib-check-box-fields *ngSwitchCase=\"'CHECK_BOX'\" [question]=\"grid.element\"></lib-check-box-fields>\n                  <lib-date-time-fields *ngSwitchCase=\"'DATE_TIME'\" [question]=\"grid.element\"></lib-date-time-fields>\n                  <lib-drop-down-fields *ngSwitchCase=\"'DROP_DOWN'\" [question]=\"grid.element\"></lib-drop-down-fields>\n                  <lib-file-picker-fields *ngSwitchCase=\"'FILE_PICKER'\" [question]=\"grid.element\"></lib-file-picker-fields>\n                  <lib-location-fields *ngSwitchCase=\"'LOCATION'\" [question]=\"grid.element\"></lib-location-fields>\n                  <lib-mail-fields *ngSwitchCase=\"'EMAIL'\" [question]=\"grid.element\"></lib-mail-fields>\n                  <lib-mobile-fields *ngSwitchCase=\"'MOBILE'\" [question]=\"grid.element\"></lib-mobile-fields>\n                  <lib-number-fields *ngSwitchCase=\"'NUMBER'\" [question]=\"grid.element\"></lib-number-fields>\n                  <lib-password-fields *ngSwitchCase=\"'PASSWORD'\" [question]=\"grid.element\"></lib-password-fields>\n                  <lib-radio-button-fields *ngSwitchCase=\"'RADIO_BUTTON'\" [question]=\"grid.element\"></lib-radio-button-fields>\n                  <lib-rich-text-editor-fields *ngSwitchCase=\"'RICH_TEXT_EDITOR'\" [question]=\"grid.element\"></lib-rich-text-editor-fields>\n                  <lib-selection-matrix-fields *ngSwitchCase=\"'SELECTION_MATRIX'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-selection-matrix-fields>\n                  <lib-signature-fields *ngSwitchCase=\"'SIGNATURE'\" [question]=\"grid.element\"></lib-signature-fields>\n                  <lib-slider-fields *ngSwitchCase=\"'SLIDER'\" [question]=\"grid.element\"></lib-slider-fields>\n                  <lib-terms-and-condition-fields *ngSwitchCase=\"'TERMS_AND_CONDITION'\" [question]=\"grid.element\"></lib-terms-and-condition-fields>\n                  <lib-text-area-fields *ngSwitchCase=\"'TEXT_AREA'\" [question]=\"grid.element\"></lib-text-area-fields>\n                  <lib-text-fields *ngSwitchCase=\"'TEXT_BOX'\" [question]=\"grid.element\"></lib-text-fields>\n                  <lib-toggle-switch-fields *ngSwitchCase=\"'TOGGLE_SWITCH'\" [question]=\"grid.element\" [acceptedLanguage]=\"acceptedLanguage\"></lib-toggle-switch-fields>\n                  <lib-url-fields *ngSwitchCase=\"'URL'\" [question]=\"grid.element\"></lib-url-fields>\n                </div>\n              \n                <ng-container *ngIf=\"grid.element.childLogics\">\n                  <ng-container *ngComponentOutlet=\"loadFormElementsComponent(grid.element.childLogics) | async\"></ng-container>\n                </ng-container>\n              </div>\n              \n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [".outer-container{background-color:#fff;padding:20px;position:relative;margin-top:25px}@media (max-width: 576px){.outer-container{padding:8px}}.body{position:relative;z-index:1;background:#efefef;border-radius:6px}.tab-content{background-color:#fff}.sectionTitle{font-size:19px;font-weight:700;margin-bottom:20px;word-break:break-word}.description{font-size:17px;font-weight:500;margin-bottom:18px;word-break:break-word}::ng-deep .description img{max-width:100%}\n"] }]
         }], propDecorators: { questionGroup: [{
                 type: Input
             }], edit: [{