@wemake4u/form-player-se 1.0.24 → 1.0.26

package/fesm2022/wemake4u-form-player-se.mjs

@@ -1,18 +1,20 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, Optional, SkipSelf, Input, Host, ContentChild, forwardRef, ContentChildren, ViewEncapsulation, EventEmitter, Output } from '@angular/core';
-import * as i11 from '@angular/common';
+import { Injectable, Directive, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, Optional, SkipSelf, Input, Host, inject, DestroyRef, ContentChild, forwardRef, ContentChildren, ViewEncapsulation, EventEmitter, Output } from '@angular/core';
+import * as i13 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
-import { FormArray, FormControl as FormControl$1, FormGroup, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
-import { isObservable, take, tap, of, takeUntil, Subject, combineLatest, map as map$1, distinctUntilChanged, Observable } from 'rxjs';
-import { evaluate } from 'feelers';
+import { FormArray, FormGroup, FormControl as FormControl$1, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { isObservable, take, takeUntil, Subject, distinctUntilChanged, combineLatest, of, Subscription, map as map$1, Observable } from 'rxjs';
+import { shareReplay, tap, map, take as take$1, catchError, finalize, takeUntil as takeUntil$1 } from 'rxjs/operators';
+import { evaluate, buildSimpleTree, parser } from 'feelers';
 import { evaluate as evaluate$1, unaryTest, parseExpression } from 'feelin';
-import { shareReplay, map, takeUntil as takeUntil$1 } from 'rxjs/operators';
 import * as i1 from 'ngx-sirio-lib';
 import { SirioDialogElement, SirioDialogComponent, SirioDialogBodyComponent, SirioDialogHeaderComponent, SirioDialogFooterComponent, SirioButtonComponent, SirioDialogTitleComponent, SirioDialogActionDirective, SirioInputComponent, SirioCheckboxComponent, SirioCheckboxGroupComponent, SirioValidationDirective, SirioSelectComponent, SirioSelectOptionComponent, SirioSelectPanelComponent, SirioDatepickerComponent, SirioTimepickerComponent, SirioRadioGroupComponent, SirioRadioButtonComponent, SirioTabComponent, SirioTabItemComponent, SirioAccordionComponent, SirioAccordionPanelComponent, SirioAccordionHeaderComponent, SirioAccordionBodyComponent, SirioFileUploadComponent, SirioToggleComponent, SirioChipCheckboxGroupComponent, SirioChipRadioGroupComponent, SirioInputChipComponent, SirioAlertComponent, SirioAlertMessageComponent, SirioSliderComponent, SirioNotifyComponent, SirioNotifyBodyComponent, SirioTooltipDirective, SirioNotifyActionComponent, SirioNotifyLinkComponent, SirioSidenavMobileComponent, SirioSidenavComponent, SirioSidenavItemComponent, SirioStepperProgressBarComponent, SirioStepperProgressItemComponent } from 'ngx-sirio-lib';
+import * as i2 from '@wemake4u/interact';
 import { Datepicker } from 'vanillajs-datepicker';
 import { ClientSideRowModelModule, InfiniteRowModelModule, PaginationModule, LocaleModule, CellStyleModule, ClientSideRowModelApiModule, TextFilterModule, NumberFilterModule, DateFilterModule, ColumnAutoSizeModule, ColumnApiModule, RowSelectionModule, RowApiModule, RowAutoHeightModule, themeQuartz, iconSetAlpine } from 'ag-grid-community';
 import { AG_GRID_LOCALE_IT, AG_GRID_LOCALE_EN, AG_GRID_LOCALE_DE, AG_GRID_LOCALE_FR, AG_GRID_LOCALE_ES, AG_GRID_LOCALE_PT } from '@ag-grid-community/locale';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1$2 from 'ag-grid-angular';
 import { AgGridAngular } from 'ag-grid-angular';
 import { AgCharts } from 'ag-charts-angular';
@@ -54,6 +56,44 @@ function ToProxy(instance) {
     });
 }
 
+function toExpression(value) {
+    return "=" + toFeelable(value);
+}
+function toFeelable(value) {
+    if (value === null || typeof value === 'number' || typeof value === 'boolean') {
+        return JSON.stringify(value);
+    }
+    if (typeof value === 'string') {
+        if (value.startsWith('=')) {
+            return value.substring(1);
+        }
+        else {
+            return JSON.stringify(value);
+        }
+    }
+    if (Array.isArray(value)) {
+        const items = value.map(item => toFeelable(item));
+        return `[${items.join(', ')}]`;
+    }
+    if (typeof value === 'object') {
+        const entries = Object.entries(value).map(([key, val]) => {
+            return `"${key}": ${toFeelable(val)}`;
+        });
+        return `{ ${entries.join(', ')} }`;
+    }
+    return JSON.stringify(null);
+}
+
+const PathExpression = "PathExpression";
+const VariableName = "VariableName";
+const FunctionInvocation = "FunctionInvocation";
+const PositionalParameters = "PositionalParameters";
+const NamedParameters = "NamedParameters";
+const ParameterName = "ParameterName";
+const StringLiteral = "StringLiteral";
+const NumericLiteral = "NumericLiteral";
+const List = "List";
+const StatusDependency$1 = "$status";
 class FeelService {
     constructor() { }
     evalTemplate(template, context = {}) {
@@ -86,33 +126,190 @@ class FeelService {
                 return true;
             }
         };
+        const nodes = [{ type: "root", text: expression, children: [], parent: null }];
+        const peek = () => {
+            return nodes.length > 0 ? nodes[nodes.length - 1] : null;
+        };
+        const isAllowedPathExpression = (node) => {
+            if (node.type === VariableName) {
+                return true;
+            }
+            if (node.type !== PathExpression || !Array.isArray(node.children)) {
+                return false;
+            }
+            return node.children.every(isAllowedPathExpression);
+        };
+        const getPathExpression = (item) => {
+            if (item.type === VariableName) {
+                return [item.text];
+            }
+            if (item.type === PathExpression) {
+                return item.children.flatMap(getPathExpression);
+            }
+            return [];
+        };
         parseExpression(expression, context).iterate({
             enter: (node) => {
-                if (node.name === 'VariableName') {
-                    const text = expression.substring(node.from, node.to);
-                    if (addSet(text)) {
-                        dependencies.push(text);
-                    }
+                const type = node.name;
+                const text = expression.substring(node.from, node.to);
+                const parent = peek();
+                const item = { type, text, children: [], parent: parent };
+                if (parent) {
+                    parent.children.push(item);
                 }
-                else if (node.name === 'PathExpression') {
-                    const text = expression.substring(node.from, node.to);
-                    if (addSet(text)) {
-                        const path = [];
-                        node.iterate((subnode) => {
-                            if (subnode.name === 'VariableName') {
-                                const part = expression.substring(subnode.from, subnode.to);
-                                path.push(part);
+                nodes.push(item);
+            },
+            leave: (node) => {
+                if (nodes.length > 0) {
+                    const item = nodes.pop();
+                    if (!item)
+                        return;
+                    const parent = peek();
+                    if (item.type === PathExpression) {
+                        const ignore = (parent?.type === FunctionInvocation
+                            || parent?.type === PathExpression
+                            || item.children.length == 0
+                            || !isAllowedPathExpression(item));
+                        if (!ignore) {
+                            const pathExpression = getPathExpression(item);
+                            if (addSet(pathExpression.join('.'))) {
+                                dependencies.push(pathExpression);
                             }
-                        });
-                        dependencies.push(path);
+                        }
+                    }
+                    else if (item.type === VariableName) {
+                        const ignore = (parent?.type === FunctionInvocation
+                            || parent?.type === PathExpression);
+                        if (!ignore) {
+                            const pathExpression = item.text;
+                            if (addSet(pathExpression)) {
+                                dependencies.push(pathExpression);
+                            }
+                        }
+                    }
+                    else if (item.type === FunctionInvocation) {
+                        const functionName = this.getFunctionName(item, getPathExpression);
+                        if (functionName == "fn.status") {
+                            const statusDeps = this.getStatusDependencies(item);
+                            if (statusDeps && addSet(statusDeps.join('.'))) {
+                                dependencies.push(statusDeps);
+                            }
+                        }
                     }
-                    return false;
                 }
-                return true;
             }
         });
         return dependencies;
     }
+    getTemplateDependencies(expression, context = {}) {
+        if (!expression)
+            return [];
+        const simpleTree = buildSimpleTree(parser.parse(expression), expression);
+        const result = [];
+        function traverse(nodeArray) {
+            for (const node of nodeArray) {
+                if (node.name === 'FeelBlock' && node.content) {
+                    result.push(node.content);
+                }
+                if (node.children && node.children.length > 0) {
+                    traverse(node.children);
+                }
+            }
+        }
+        traverse([simpleTree]);
+        const arrayExpression = `[ ${result.join(', ')} ]`;
+        return this.getDependencies(arrayExpression, context);
+    }
+    //#region Private Members
+    findAncestor(node, predicate) {
+        let current = node.parent;
+        while (current !== null) {
+            if (predicate(current)) {
+                return current;
+            }
+            current = current.parent;
+        }
+        return null;
+    }
+    findDescendant(node, predicate) {
+        for (const child of node.children) {
+            if (predicate(child)) {
+                return child;
+            }
+            const found = this.findDescendant(child, predicate);
+            if (found !== null) {
+                return found;
+            }
+        }
+        return null;
+    }
+    findChild(node, predicate) {
+        for (const child of node.children) {
+            if (predicate(child)) {
+                return child;
+            }
+        }
+        return null;
+    }
+    findChildren(node, predicate) {
+        return node.children.filter(predicate);
+    }
+    getFunctionName(node, pathResolver) {
+        const pathExpression = this.findChild(node, (n) => n.type === PathExpression);
+        if (pathExpression) {
+            return pathResolver(pathExpression).join('.');
+        }
+        const variableName = this.findChild(node, (n) => n.type === VariableName);
+        if (variableName) {
+            return pathResolver(variableName).join('.');
+        }
+        return null;
+    }
+    getStatusDependencies(node) {
+        if (node.type != FunctionInvocation)
+            return [];
+        let pathParameter = null;
+        const namedParameters = this.findChild(node, (n) => n.type === NamedParameters);
+        if (namedParameters) {
+            const pathName = this.findDescendant(namedParameters, (n) => n.type == ParameterName && n.text === "path");
+            const namedParameter = pathName?.parent;
+            if (namedParameter && namedParameter.children.length > 1) {
+                pathParameter = namedParameter.children[1];
+            }
+        }
+        const positionalParameters = this.findChild(node, (n) => n.type === PositionalParameters);
+        if (positionalParameters) {
+            pathParameter = positionalParameters.children[0];
+        }
+        if (pathParameter) {
+            const getPathExpression = (item) => {
+                if (item.type === StringLiteral) {
+                    return this.splitQuoted(item.text);
+                }
+                else if (item.type === NumericLiteral) {
+                    return [item.text];
+                }
+                else if (item.type === List) {
+                    const items = this.findChildren(item, (n) => n.type !== "[" && n.type !== "]");
+                    if (items.every(n => n.type === StringLiteral || n.type === NumericLiteral)) {
+                        return items.flatMap(getPathExpression);
+                    }
+                }
+                return [];
+            };
+            const path = getPathExpression(pathParameter);
+            if (path.length > 0)
+                return [StatusDependency$1, ...path];
+        }
+        return null;
+    }
+    splitQuoted(input, separator = '.') {
+        input = (input ?? "").slice(1, -1);
+        return input
+            .split(separator)
+            .map(part => part.trim())
+            .filter(part => part.length > 0);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeelService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeelService, providedIn: 'root' });
 }
@@ -149,9 +346,7 @@ class WeakService {
         }
         const observable = isObservable(result);
         if (observable) {
-            result = result.pipe(take(1), tap((res) => {
-                cachedObject[key] = of(res);
-            }), shareReplay(1));
+            result = result.pipe(take(1), shareReplay(1));
         }
         cachedObject[key] = result;
         return result;
@@ -225,6 +420,7 @@ class DialogDirective {
                 focusEvents.apply(this.host);
             }
         };
+        host.onOutsideClick = () => { };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogDirective, deps: [{ token: i1.SirioDialogComponent }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DialogDirective, isStandalone: true, selector: "[dialog]", ngImport: i0 });
@@ -273,7 +469,8 @@ const Texts$6 = {
     NotBlank: "Non vuoto",
     Information: "Informazioni",
     OpenMenu: "Apri Menu",
-    CloseMenu: "Chiudi Menu"
+    CloseMenu: "Chiudi Menu",
+    LoadingFailed: "Si è verificato un errore durante il caricamento dei dati"
 };
 
 const Texts$5 = {
@@ -312,7 +509,8 @@ const Texts$5 = {
     NotBlank: "Not blank",
     Information: "Information",
     OpenMenu: "Open menu",
-    CloseMenu: "Close menu"
+    CloseMenu: "Close menu",
+    LoadingFailed: "An error occurred while loading data"
 };
 
 const Texts$4 = {
@@ -351,7 +549,8 @@ const Texts$4 = {
     NotBlank: "Nicht leer",
     Information: "Informationen",
     OpenMenu: "Menü öffnen",
-    CloseMenu: "Menü schließen"
+    CloseMenu: "Menü schließen",
+    LoadingFailed: "Beim Laden der Daten ist ein Fehler aufgetreten"
 };
 
 const Texts$3 = {
@@ -390,7 +589,8 @@ const Texts$3 = {
     NotBlank: "Non vide",
     Information: "Informations",
     OpenMenu: "Ouvrir le menu",
-    CloseMenu: "Fermer le menu"
+    CloseMenu: "Fermer le menu",
+    LoadingFailed: "Erreur lors du chargement des données"
 };
 
 const Texts$2 = {
@@ -429,7 +629,8 @@ const Texts$2 = {
     NotBlank: "No vacío",
     Information: "Información",
     OpenMenu: "Abrir menú",
-    CloseMenu: "Cerrar menú"
+    CloseMenu: "Cerrar menú",
+    LoadingFailed: "Error al cargar los datos"
 };
 
 const Texts$1 = {
@@ -468,7 +669,8 @@ const Texts$1 = {
     NotBlank: "Não vazio",
     Information: "Informações",
     OpenMenu: "Abrir menu",
-    CloseMenu: "Fechar menu"
+    CloseMenu: "Fechar menu",
+    LoadingFailed: "Erro ao carregar os dados"
 };
 
 const Texts = {
@@ -498,10 +700,15 @@ function localize(language, component, key) {
 }
 
 class DialogComponent extends SirioDialogElement {
+    languageService;
     formHost;
     formRef;
     dynamicFormType;
     Texts = Texts;
+    constructor(languageService) {
+        super();
+        this.languageService = languageService;
+    }
     ngOnInit() {
         this.options = this.data.options ?? {};
         this.currentValue = this.options.value;
@@ -514,7 +721,6 @@ class DialogComponent extends SirioDialogElement {
         const componentRef = this.formHost.createComponent(this.dynamicFormType, { injector });
         const instance = componentRef.instance;
         componentRef.setInput('schema', this.data.formSchema);
-        componentRef.setInput('language', this.data.language);
         componentRef.setInput('value', this.options.value ?? {});
         componentRef.setInput('showNav', this.options.showNav ?? false);
         componentRef.setInput('showNavButton', this.options.showNavButton ?? false);
@@ -553,13 +759,16 @@ class DialogComponent extends SirioDialogElement {
         return (this.formRef?.instance?.formGroup?.valid ?? true) !== true;
     }
     locale(component, key) {
-        return localize(this.options.language ?? '', component, key);
+        return localize(this.language, component, key);
     }
     destroy$ = new Subject();
     currentValue;
     setCurrentValue(value) {
         this.currentValue = value;
     }
+    get language() {
+        return this.languageService.getLanguage();
+    }
     SendResult(action) {
         if (typeof this.options.onResult === 'function') {
             const result = {
@@ -569,8 +778,8 @@ class DialogComponent extends SirioDialogElement {
             this.options.onResult(result);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DialogComponent, isStandalone: true, selector: "dynamic-dialog", viewQueries: [{ propertyName: "formHost", first: true, predicate: ["formHost"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ngx-sirio-dialog (closeEvent)=\"doClose()\"\r\n                  dialog\r\n                  [type]=\"options.type ?? 'info'\"\r\n                  [size]=\"options.size ?? 'default'\"\r\n                  [isDrawer]=\"options.isDrawer ?? false\"\r\n                  [withCloseButton]=\"showCloseButton()\">\r\n\r\n  <ngx-sirio-dialog-header [hidden]=\"!showHeader()\">\r\n    <ngx-sirio-dialog-title [hidden]=\"!showTitle()\">{{ options.title }}</ngx-sirio-dialog-title>\r\n  </ngx-sirio-dialog-header>\r\n\r\n  <ngx-sirio-dialog-body>\r\n    <ng-template #formHost></ng-template>\r\n  </ngx-sirio-dialog-body>\r\n\r\n  <ngx-sirio-dialog-footer *ngIf=\"showFooter()\">\r\n    <ng-container [ngSwitch]=\"options.buttons\">\r\n      <!-- OK -->\r\n      <ng-container *ngSwitchCase=\"'OK'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'OK' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: OKCancel -->\r\n      <ng-container *ngSwitchCase=\"'OKCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'OK' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: ConfirmClose -->\r\n      <ng-container *ngSwitchCase=\"'ConfirmCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Confirm' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: AbortRetryIgnore -->\r\n      <ng-container *ngSwitchCase=\"'AbortRetryIgnore'\">\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Abort' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Retry' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Ignore' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: YesNoCancel -->\r\n      <ng-container *ngSwitchCase=\"'YesNoCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Yes' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'No' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: YesNo -->\r\n      <ng-container *ngSwitchCase=\"'YesNo'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Yes' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'No' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: RetryCancel -->\r\n      <ng-container *ngSwitchCase=\"'RetryCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Retry' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: CancelTryContinue -->\r\n      <ng-container *ngSwitchCase=\"'CancelTryContinue'\">\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Try' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Continue' }\"></ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <!-- Templates -->\r\n    <ng-template #confirmTemplate let-action=\"action\">\r\n      <ngx-sirio-button (clickEvent)=\"doAction(action)\"\r\n                        [disabled]=\"isInvalid()\"\r\n                        color=\"primary\">\r\n        {{ locale(Texts, action) }}\r\n      </ngx-sirio-button>\r\n    </ng-template>\r\n    <ng-template #closeTemplate let-action=\"action\">\r\n      <ngx-sirio-button (clickEvent)=\"doAction(action)\"\r\n                        color=\"secondary\">\r\n        {{ locale(Texts, action) }}\r\n      </ngx-sirio-button>\r\n    </ng-template>\r\n\r\n  </ngx-sirio-dialog-footer>\r\n\r\n</ngx-sirio-dialog>\r\n", styles: ["::ng-deep .sirio-dialog{background-color:#0000007f!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: DialogDirective, selector: "[dialog]" }, { kind: "component", type: SirioDialogComponent, selector: "ngx-sirio-dialog", inputs: ["type", "size", "drawerContext", "withCloseButton", "isDrawer", "dialogId"], outputs: ["closeEvent", "confirmEvent"] }, { kind: "component", type: SirioDialogBodyComponent, selector: "ngx-sirio-dialog-body" }, { kind: "component", type: SirioDialogHeaderComponent, selector: "ngx-sirio-dialog-header", inputs: ["closeButtonAriaLabel"], outputs: ["closeEvent"] }, { kind: "component", type: SirioDialogFooterComponent, selector: "ngx-sirio-dialog-footer", inputs: ["actionsLabel"], outputs: ["closeEvent", "confirmEvent"] }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: SirioDialogTitleComponent, selector: "ngx-sirio-dialog-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogComponent, deps: [{ token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DialogComponent, isStandalone: true, selector: "dynamic-dialog", viewQueries: [{ propertyName: "formHost", first: true, predicate: ["formHost"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: "<ngx-sirio-dialog (closeEvent)=\"doClose()\"\r\n                  dialog\r\n                  [type]=\"options.type ?? 'info'\"\r\n                  [size]=\"options.size ?? 'default'\"\r\n                  [isDrawer]=\"options.isDrawer ?? false\"\r\n                  [withCloseButton]=\"showCloseButton()\">\r\n\r\n  <ngx-sirio-dialog-header [hidden]=\"!showHeader()\">\r\n    <ngx-sirio-dialog-title [hidden]=\"!showTitle()\">{{ options.title }}</ngx-sirio-dialog-title>\r\n  </ngx-sirio-dialog-header>\r\n\r\n  <ngx-sirio-dialog-body>\r\n    <ng-template #formHost></ng-template>\r\n  </ngx-sirio-dialog-body>\r\n\r\n  <ngx-sirio-dialog-footer *ngIf=\"showFooter()\">\r\n    <ng-container [ngSwitch]=\"options.buttons\">\r\n      <!-- OK -->\r\n      <ng-container *ngSwitchCase=\"'OK'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'OK' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: OKCancel -->\r\n      <ng-container *ngSwitchCase=\"'OKCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'OK' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: ConfirmClose -->\r\n      <ng-container *ngSwitchCase=\"'ConfirmCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Confirm' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: AbortRetryIgnore -->\r\n      <ng-container *ngSwitchCase=\"'AbortRetryIgnore'\">\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Abort' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Retry' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Ignore' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: YesNoCancel -->\r\n      <ng-container *ngSwitchCase=\"'YesNoCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Yes' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'No' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: YesNo -->\r\n      <ng-container *ngSwitchCase=\"'YesNo'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Yes' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'No' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: RetryCancel -->\r\n      <ng-container *ngSwitchCase=\"'RetryCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Retry' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: CancelTryContinue -->\r\n      <ng-container *ngSwitchCase=\"'CancelTryContinue'\">\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Try' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Continue' }\"></ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <!-- Templates -->\r\n    <ng-template #confirmTemplate let-action=\"action\">\r\n      <ngx-sirio-button (clickEvent)=\"doAction(action)\"\r\n                        [disabled]=\"isInvalid()\"\r\n                        color=\"primary\">\r\n        {{ locale(Texts, action) }}\r\n      </ngx-sirio-button>\r\n    </ng-template>\r\n    <ng-template #closeTemplate let-action=\"action\">\r\n      <ngx-sirio-button (clickEvent)=\"doAction(action)\"\r\n                        color=\"secondary\">\r\n        {{ locale(Texts, action) }}\r\n      </ngx-sirio-button>\r\n    </ng-template>\r\n\r\n  </ngx-sirio-dialog-footer>\r\n\r\n</ngx-sirio-dialog>\r\n", styles: ["::ng-deep .sirio-dialog{background-color:#0000007f!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i13.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i13.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: DialogDirective, selector: "[dialog]" }, { kind: "component", type: SirioDialogComponent, selector: "ngx-sirio-dialog", inputs: ["type", "size", "drawerContext", "withCloseButton", "isDrawer", "dialogId"], outputs: ["closeEvent", "confirmEvent"] }, { kind: "component", type: SirioDialogBodyComponent, selector: "ngx-sirio-dialog-body" }, { kind: "component", type: SirioDialogHeaderComponent, selector: "ngx-sirio-dialog-header", inputs: ["closeButtonAriaLabel"], outputs: ["closeEvent"] }, { kind: "component", type: SirioDialogFooterComponent, selector: "ngx-sirio-dialog-footer", inputs: ["actionsLabel"], outputs: ["closeEvent", "confirmEvent"] }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: SirioDialogTitleComponent, selector: "ngx-sirio-dialog-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
@@ -585,7 +794,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SirioDialogActionDirective,
                         SirioDialogTitleComponent
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ngx-sirio-dialog (closeEvent)=\"doClose()\"\r\n                  dialog\r\n                  [type]=\"options.type ?? 'info'\"\r\n                  [size]=\"options.size ?? 'default'\"\r\n                  [isDrawer]=\"options.isDrawer ?? false\"\r\n                  [withCloseButton]=\"showCloseButton()\">\r\n\r\n  <ngx-sirio-dialog-header [hidden]=\"!showHeader()\">\r\n    <ngx-sirio-dialog-title [hidden]=\"!showTitle()\">{{ options.title }}</ngx-sirio-dialog-title>\r\n  </ngx-sirio-dialog-header>\r\n\r\n  <ngx-sirio-dialog-body>\r\n    <ng-template #formHost></ng-template>\r\n  </ngx-sirio-dialog-body>\r\n\r\n  <ngx-sirio-dialog-footer *ngIf=\"showFooter()\">\r\n    <ng-container [ngSwitch]=\"options.buttons\">\r\n      <!-- OK -->\r\n      <ng-container *ngSwitchCase=\"'OK'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'OK' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: OKCancel -->\r\n      <ng-container *ngSwitchCase=\"'OKCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'OK' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: ConfirmClose -->\r\n      <ng-container *ngSwitchCase=\"'ConfirmCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Confirm' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: AbortRetryIgnore -->\r\n      <ng-container *ngSwitchCase=\"'AbortRetryIgnore'\">\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Abort' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Retry' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Ignore' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: YesNoCancel -->\r\n      <ng-container *ngSwitchCase=\"'YesNoCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Yes' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'No' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: YesNo -->\r\n      <ng-container *ngSwitchCase=\"'YesNo'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Yes' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'No' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: RetryCancel -->\r\n      <ng-container *ngSwitchCase=\"'RetryCancel'\">\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Retry' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n      </ng-container>\r\n      <!-- Caso: CancelTryContinue -->\r\n      <ng-container *ngSwitchCase=\"'CancelTryContinue'\">\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Cancel' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"confirmTemplate; context: { action: 'Try' }\"></ng-container>\r\n        <ng-container *ngTemplateOutlet=\"closeTemplate; context: { action: 'Continue' }\"></ng-container>\r\n      </ng-container>\r\n    </ng-container>\r\n    <!-- Templates -->\r\n    <ng-template #confirmTemplate let-action=\"action\">\r\n      <ngx-sirio-button (clickEvent)=\"doAction(action)\"\r\n                        [disabled]=\"isInvalid()\"\r\n                        color=\"primary\">\r\n        {{ locale(Texts, action) }}\r\n      </ngx-sirio-button>\r\n    </ng-template>\r\n    <ng-template #closeTemplate let-action=\"action\">\r\n      <ngx-sirio-button (clickEvent)=\"doAction(action)\"\r\n                        color=\"secondary\">\r\n        {{ locale(Texts, action) }}\r\n      </ngx-sirio-button>\r\n    </ng-template>\r\n\r\n  </ngx-sirio-dialog-footer>\r\n\r\n</ngx-sirio-dialog>\r\n", styles: ["::ng-deep .sirio-dialog{background-color:#0000007f!important}\n"] }]
-        }], propDecorators: { formHost: [{
+        }], ctorParameters: () => [{ type: i2.LanguageService }], propDecorators: { formHost: [{
                 type: ViewChild,
                 args: ['formHost', { read: ViewContainerRef, static: true }]
             }] } });
@@ -640,6 +849,20 @@ class DialogService {
         };
         this.showDialog(formSchema, formOptions);
     }
+    show(text, options) {
+        const formSchema = this.createTextSchema(text);
+        const formOptions = {
+            type: "info",
+            buttons: 'OK',
+            ...options,
+            isDrawer: false,
+            showNav: false,
+            showNavButton: false,
+            showProgress: false,
+            showFormTitle: false
+        };
+        this.showDialog(formSchema, formOptions);
+    }
     prompt(text, defaultValue, options) {
         const formSchema = this.createInputSchema(text, defaultValue);
         const formOptions = {
@@ -659,7 +882,8 @@ class DialogService {
             'openDialog',
             'alert',
             'info',
-            'confirm'
+            'confirm',
+            'show'
         ]);
     }
     showDialog(formSchema, options) {
@@ -727,6 +951,95 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.SirioDialogService }] });
 
+class FormatterService {
+    constructor() { }
+    formatDate(isoDate, options, locale = 'it-IT') {
+        if (!isoDate)
+            return '';
+        const date = new Date(isoDate);
+        if (isNaN(date.getTime()))
+            return '';
+        const formatOptions = {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric',
+            ...options
+        };
+        return new Intl.DateTimeFormat(locale, formatOptions).format(date);
+    }
+    formatTime(isoDate, options, locale = 'it-IT') {
+        if (!isoDate)
+            return '';
+        const date = new Date(isoDate);
+        if (isNaN(date.getTime()))
+            return '';
+        const formatOptions = {
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+            hour12: false,
+            ...options
+        };
+        return new Intl.DateTimeFormat(locale, formatOptions).format(date);
+    }
+    formatDateTime(isoDate, options, locale = 'it-IT') {
+        if (!isoDate)
+            return '';
+        const date = new Date(isoDate);
+        if (isNaN(date.getTime()))
+            return '';
+        const datePart = new Intl.DateTimeFormat(locale, {
+            day: '2-digit',
+            month: '2-digit',
+            year: 'numeric',
+            ...options
+        }).format(date);
+        const timePart = new Intl.DateTimeFormat(locale, {
+            hour: '2-digit',
+            minute: '2-digit',
+            second: '2-digit',
+            hour12: false,
+            ...options
+        }).format(date);
+        return `${datePart} ${timePart}`;
+    }
+    formatCurrency(value, currency = 'EUR', locale = 'it-IT') {
+        if (isNaN(value))
+            return '';
+        return new Intl.NumberFormat(locale, {
+            style: 'currency',
+            currency: currency,
+            currencyDisplay: 'symbol' // oppure: 'code' | 'name'
+        }).format(value);
+    }
+    formatNumber(value, decimals = 2, locale = 'it-IT') {
+        if (isNaN(value))
+            return '';
+        return new Intl.NumberFormat(locale, {
+            style: 'decimal',
+            minimumFractionDigits: decimals,
+            maximumFractionDigits: decimals
+        }).format(value);
+    }
+    getContext() {
+        return ToBoundArrows(this, [
+            'formatDate',
+            'formatTime',
+            'formatDateTime',
+            'formatCurrency',
+            'formatNumber'
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 class MetadataService {
     constructor() {
     }
@@ -765,15 +1078,8 @@ class MetadataService {
     getFormByName(name) {
         return this.forms.find(form => form.name === name);
     }
-    setLanguage(language) {
-        this.language = language ?? '';
-    }
-    getLanguage() {
-        return this.language;
-    }
     schema = { forms: [] };
     forms = [];
-    language = '';
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataService });
 }
@@ -791,8 +1097,7 @@ class FunctionService {
         this.injector = injector;
     }
     invokable(func) {
-        const className = Object.getPrototypeOf(func)?.constructor?.name;
-        if (className === 'FunctionWrapper') {
+        if (typeof func?.invoke === 'function') {
             return (...args) => func.invoke(args);
         }
         else {
@@ -810,7 +1115,6 @@ class FunctionService {
         if (formSchema) {
             const formOptions = {
                 ...options,
-                language: this.metadata.getLanguage(),
                 injector: this.injector
             };
             this.dialog.openDialog(formSchema, formOptions);
@@ -839,9 +1143,12 @@ class FormService {
         return true;
     }
     get(control, path, pathOptions) {
-        const result = this.applyPath(control, path, pathOptions);
+        const result = this.getControl(control, path, pathOptions);
         return result?.value;
     }
+    getControl(control, path, pathOptions) {
+        return this.applyPath(control, path, pathOptions);
+    }
     prepend(control, path, value, pathOptions, patchOptions) {
         const formArray = this.applyPath(control, path, pathOptions ?? { expected: "array", create: true });
         if (formArray instanceof FormArray) {
@@ -894,6 +1201,32 @@ class FormService {
         }
         return false;
     }
+    status(control, path, pathOptions) {
+        const result = this.applyPath(control, path, pathOptions);
+        return result?.status;
+    }
+    errors(controls) {
+        let errors = 0;
+        for (const control of controls) {
+            errors += this.collectErrors(control);
+        }
+        return errors;
+    }
+    getInvalidControls(control) {
+        const invalid = [];
+        if (control.disabled)
+            return invalid;
+        if (control instanceof FormGroup || control instanceof FormArray) {
+            const children = Object.values(control.controls);
+            for (const child of children) {
+                invalid.push(...this.getInvalidControls(child));
+            }
+        }
+        else if (control.invalid) {
+            invalid.push({ path: this.getPath(control).join("."), control });
+        }
+        return invalid;
+    }
     patch(control, value, options) {
         const defaultOptions = {
             emitEvent: true,
@@ -923,7 +1256,8 @@ class FormService {
             control.patchValue(value, { emitEvent });
         }
         else if (control instanceof FormGroup) {
-            Object.keys(value || {}).forEach((key) => {
+            const currentValue = this.asObject(value);
+            Object.keys(currentValue).forEach((key) => {
                 if (control.controls[key]) {
                     this.patch(control.controls[key], value[key], options);
                 }
@@ -937,12 +1271,20 @@ class FormService {
                     warn(`Key "${key}" not found in the FormGroup.`);
                 }
             });
+            Object.keys(control.controls).forEach((key) => {
+                if (!(key in currentValue)) {
+                    const childControl = control.get(key);
+                    if (childControl) {
+                        childControl.reset();
+                    }
+                }
+            });
         }
         else if (control instanceof FormArray) {
-            const valueArray = Array.isArray(value) ? value : [];
-            while (control.length < valueArray.length) {
+            const currentValue = this.asArray(value);
+            while (control.length < currentValue.length) {
                 const anyControl = control;
-                const itemToAdd = valueArray[control.length];
+                const itemToAdd = currentValue[control.length];
                 if (typeof (anyControl).addItem === 'function') {
                     anyControl.addItem();
                 }
@@ -950,10 +1292,10 @@ class FormService {
                     control.push(this.createControlFromValue(itemToAdd));
                 }
             }
-            while (control.length > valueArray.length) {
+            while (control.length > currentValue.length) {
                 control.removeAt(control.length - 1);
             }
-            valueArray.forEach((item, index) => {
+            currentValue.forEach((item, index) => {
                 this.patch(control.at(index), item, options);
             });
         }
@@ -961,6 +1303,25 @@ class FormService {
             error('Unsupported AbstractControl type.');
         }
     }
+    getPath(control) {
+        const path = [];
+        let current = control;
+        while (current?.parent) {
+            const parent = current.parent;
+            if (parent instanceof FormArray) {
+                const index = parent.controls.indexOf(current);
+                path.unshift(index);
+            }
+            else if (parent instanceof FormGroup) {
+                const key = Object.keys(parent.controls).find(k => parent.get(k) === current);
+                if (key) {
+                    path.unshift(key);
+                }
+            }
+            current = parent;
+        }
+        return path;
+    }
     getContext(formGroup) {
         if (!(formGroup instanceof FormGroup)) {
             throw new Error("Scope is not a FormGroup");
@@ -971,6 +1332,7 @@ class FormService {
         return {
             set: (path, value, pathOptions) => this.set(formGroup, path, value, pathOptions, patchOptions),
             get: (path, pathOptions) => this.get(formGroup, path, pathOptions),
+            status: (path, pathOptions) => this.status(formGroup, path, pathOptions),
             prepend: (path, value, pathOptions) => this.prepend(formGroup, path, value, pathOptions, patchOptions),
             append: (path, value, pathOptions) => this.append(formGroup, path, value, pathOptions, patchOptions),
             insert: (path, index, value, pathOptions) => this.insert(formGroup, path, index, value, pathOptions, patchOptions),
@@ -1027,7 +1389,10 @@ class FormService {
             if (!current) {
                 return error(`Control is null at segment "${getCurrentPath()}"`);
             }
-            if (typeof segment === 'number') {
+            if (!segment) {
+                continue;
+            }
+            else if (typeof segment === 'number') {
                 if (!(current instanceof FormArray)) {
                     return error(`Expected FormArray at segment [${getCurrentPath()}], got ${current.constructor.name}`);
                 }
@@ -1040,13 +1405,13 @@ class FormService {
             }
             else if (typeof segment === 'string') {
                 if (segment === 'parent') {
-                    current = (current instanceof FormGroup) && current.contains(segment)
+                    current = (current instanceof FormGroup) && current.get(segment)
                         ? current.get(segment)
                         : current.parent;
                     continue;
                 }
                 if (segment === 'root') {
-                    current = (current instanceof FormGroup && current.contains(segment))
+                    current = (current instanceof FormGroup && current.get(segment))
                         ? current.get(segment)
                         : current.root;
                     continue;
@@ -1054,7 +1419,7 @@ class FormService {
                 if (!(current instanceof FormGroup)) {
                     return error(`Expected FormGroup at segment "${getCurrentPath()}", got ${current.constructor.name}`);
                 }
-                if (current.contains(segment)) {
+                if (current.get(segment)) {
                     current = current.get(segment);
                 }
                 else {
@@ -1075,6 +1440,18 @@ class FormService {
         }
         return current ?? undefined;
     }
+    asObject(value) {
+        if (value && typeof value === 'object' && !Array.isArray(value)) {
+            return value;
+        }
+        return {};
+    }
+    asArray(value) {
+        if (value && Array.isArray(value)) {
+            return value;
+        }
+        return [];
+    }
     insertIntoArray(formArray, index, value, options) {
         const itemToAdd = this.createArrayItem(formArray);
         this.patch(itemToAdd, value, options);
@@ -1106,6 +1483,21 @@ class FormService {
     createControlFromArray(array) {
         return array.map(item => this.createControlFromValue(item));
     }
+    collectErrors(control) {
+        let errors = 0;
+        if (control.disabled)
+            return errors;
+        if (control instanceof FormGroup || control instanceof FormArray) {
+            const children = Object.values(control.controls);
+            for (const child of children) {
+                errors += this.collectErrors(child);
+            }
+        }
+        else if (control.invalid) {
+            errors++;
+        }
+        return errors;
+    }
     setUnknown(control) {
         control._unknown = true;
     }
@@ -1122,6 +1514,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class GlobalService {
+    constructor() { }
+    clearProperties() {
+        this.properties = {};
+    }
+    setProperties(properties) {
+        this.properties = { ...this.properties, ...properties };
+    }
+    getProperties() {
+        return this.properties || {};
+    }
+    getProperty(name, defaultValue = undefined) {
+        const properties = this.getProperties();
+        if (name in properties) {
+            return properties[name];
+        }
+        return defaultValue;
+    }
+    registerComponent(typeName, componentType) {
+        this.components[typeName] = componentType;
+    }
+    getComponents() {
+        return this.components || {};
+    }
+    getComponent(typeName) {
+        return this.getComponents()[typeName] ?? null;
+    }
+    //#region Private Members
+    properties = {};
+    components = {};
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GlobalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GlobalService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GlobalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
 class Control {
     name;
     metadata;
@@ -1288,26 +1720,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     type: SkipSelf
                 }] }] });
 
+const StatusDependency = "$status";
 class ProgrammabilityService {
     feelService;
     weakService;
     toastService;
     dialogService;
+    formatterService;
     functionService;
     formService;
+    globalService;
     register;
     scope;
-    constructor(feelService, weakService, toastService, dialogService, functionService, formService, register, scope) {
+    constructor(feelService, weakService, toastService, dialogService, formatterService, functionService, formService, globalService, register, scope) {
         this.feelService = feelService;
         this.weakService = weakService;
         this.toastService = toastService;
         this.dialogService = dialogService;
+        this.formatterService = formatterService;
         this.functionService = functionService;
         this.formService = formService;
+        this.globalService = globalService;
         this.register = register;
         this.scope = scope;
+        this.Init();
         this.predefinedFunctions = this.getPredefinedFunctions();
     }
+    /*
+      Global Properties:
+      - feel-diagnostics: "on", "off"
+      - feel-cacheable: "on", "off"
+    */
     predefinedFunctions;
     destroy$ = new Subject();
     ngOnDestroy() {
@@ -1315,7 +1758,7 @@ class ProgrammabilityService {
         this.destroy$.complete();
     }
     isExpression(text) {
-        return text != null && text.startsWith("=");
+        return typeof text === 'string' && text.startsWith("=");
     }
     ;
     getExpression(text) {
@@ -1324,26 +1767,6 @@ class ProgrammabilityService {
         return "";
     }
     ;
-    watchExpression(formGroup, value, callback) {
-        if (this.isExpression(value) && callback) {
-            const expression = this.getExpression(value);
-            const evaluateAndCall = () => {
-                const result = this.evalExpression(formGroup, expression, { cacheable: false });
-                if (isObservable(result)) {
-                    result.pipe(take(1)).subscribe((data) => {
-                        callback(data);
-                    });
-                }
-                else {
-                    callback(result);
-                }
-            };
-            this.watchingExpression(formGroup, expression, () => {
-                evaluateAndCall();
-            });
-            evaluateAndCall();
-        }
-    }
     evaluateString(formGroup, value) {
         if (this.isExpression(value)) {
             return this.evalExpression(formGroup, this.getExpression(value));
@@ -1388,7 +1811,9 @@ class ProgrammabilityService {
         else {
             template = value;
         }
-        return this.evalTemplate(formGroup, template ?? "");
+        if (!template)
+            return "";
+        return this.evalTemplate(formGroup, template);
     }
     evaluateUnary(formGroup, value, input) {
         if (this.isExpression(value)) {
@@ -1398,26 +1823,131 @@ class ProgrammabilityService {
     }
     invalidate(value) {
         if (this.isExpression(value)) {
-            this.weakService.invalidate(this, this.getExpression(value));
+            this.invalidateExpression(this.getExpression(value));
         }
     }
+    watch(formGroup, dependencies, callback) {
+        this.watchingDependencies(formGroup, dependencies, callback);
+    }
+    getDependencies(expression) {
+        return this.feelService.getDependencies(expression);
+    }
+    disable(formGroup, control, value) {
+        // se riabilito un FormGroup vengono riabilitato tutti i child
+        // mentre dovrebbero essere rivalutati se hanno una condizione o un valore static.
+        const logDisabled = (value) => {
+            if (!this.verbose)
+                return;
+            console.log(value ? "Disable" : "Enable", control, { path: this.getPath(control), formGroup });
+        };
+        const disableControl = (value) => {
+            if (value === true) {
+                if (control.disabled)
+                    return;
+                control.disable();
+                logDisabled(value);
+            }
+            else {
+                if (control.enabled)
+                    return;
+                control.enable();
+                logDisabled(value);
+            }
+        };
+        if (typeof value === 'boolean') {
+            disableControl(value);
+        }
+        else if (typeof value === 'string') {
+            if (this.isExpression(value)) {
+                const expression = this.getExpression(value);
+                const dependencies = this.getDependencies(expression);
+                const applyExpression = () => {
+                    const result = this.evaluateBoolean(formGroup, value, { cacheable: false });
+                    disableControl(result);
+                };
+                if (dependencies.length > 0) {
+                    this.watch(formGroup, dependencies, () => {
+                        applyExpression();
+                    });
+                }
+                applyExpression();
+            }
+        }
+    }
+    validate(formGroup, key, required, validations) {
+        const validators = [];
+        const noWatching = () => { };
+        if (required === true) {
+            validators.push(Validators.required);
+        }
+        if (!Array.isArray(validations)) {
+            return [validators, noWatching];
+        }
+        validations.forEach((item) => {
+            if (!this.isExpression(item.expression))
+                return;
+            if (item.type === "validate") {
+                validators.push(this.validateFn(formGroup, item));
+            }
+            else if (item.type === "invalidate") {
+                validators.push(this.invalidateFn(formGroup, item));
+            }
+        });
+        const watching = (control) => {
+            this.watchForValidation(formGroup, control, key, validations);
+        };
+        return [validators, watching];
+    }
     cacheable = true;
+    verbose = false;
+    onErrorHandler = this.onError.bind(this);
+    Init() {
+        this.cacheable = this.globalService.getProperty("feel-cacheable", "on") === "on";
+        this.verbose = this.globalService.getProperty("feel-diagnostics", "off") === "on";
+        if (this.verbose)
+            console.log("Programmability Service Initialized", { cacheable: this.cacheable, verbose: this.verbose });
+    }
     evalUnaryTest(formGroup, expression, input) {
+        const logError = (expression, error) => {
+            console.warn(expression, { formGroup, error });
+        };
+        const logEvaluation = (expression, result) => {
+            if (!this.verbose)
+                return;
+            console.log("Evaluate UnaryTest:", expression, result, { formGroup });
+        };
         try {
-            return this.feelService.evalUnaryTest(expression, this.getContext(formGroup), input);
+            const result = this.feelService.evalUnaryTest(expression, this.getContext(formGroup), input);
+            logEvaluation(expression, result);
+            return result;
         }
         catch (e) {
-            console.log(expression, e);
+            logError(expression, e);
             return null;
         }
     }
     evalExpression(formGroup, expression, options = {}) {
+        const logError = (expression, error) => {
+            console.warn(expression, { formGroup, options, error });
+        };
+        const logInvalidate = (expression) => {
+            if (!this.verbose)
+                return;
+            console.log("Invalidate Expression:", expression, { formGroup, options });
+        };
+        const logEvaluation = (expression, result) => {
+            if (!this.verbose)
+                return;
+            console.log("Evaluate Expression:", expression, result, { formGroup, options });
+        };
         const evaluate = () => {
             try {
-                return this.feelService.evalExpression(expression, this.getContext(formGroup, options));
+                const result = this.feelService.evalExpression(expression, this.getContext(formGroup, options));
+                logEvaluation(expression, result);
+                return result;
             }
             catch (e) {
-                console.log(expression, e);
+                logError(expression, e);
                 return null;
             }
         };
@@ -1425,7 +1955,51 @@ class ProgrammabilityService {
         if (cacheable) {
             const watchKey = `:watch(${expression})`;
             this.weakService.call(this, watchKey, () => {
-                this.watchingExpression(formGroup, expression, () => this.weakService.invalidate(this, expression));
+                this.watchingExpression(formGroup, expression, () => {
+                    this.invalidateExpression(expression);
+                    logInvalidate(expression);
+                });
+                return true;
+            });
+            return this.weakService.call(this, expression, evaluate, null, this.onErrorHandler);
+        }
+        else {
+            return evaluate();
+        }
+    }
+    evalTemplate(formGroup, expression, options = {}) {
+        const logError = (expression, error) => {
+            console.warn(expression, { formGroup, options, error });
+        };
+        const logInvalidate = (expression) => {
+            if (!this.verbose)
+                return;
+            console.log("Invalidate Template:", expression, { formGroup, options });
+        };
+        const logEvaluation = (expression, result) => {
+            if (!this.verbose)
+                return;
+            console.log("Evaluate Template:", expression, result, { formGroup, options });
+        };
+        const evaluate = () => {
+            try {
+                const result = this.feelService.evalTemplate(expression, this.getContext(formGroup));
+                logEvaluation(expression, result);
+                return result;
+            }
+            catch (e) {
+                logError(expression, e);
+                return null;
+            }
+        };
+        const cacheable = options.cacheable ?? this.cacheable;
+        if (cacheable) {
+            const watchKey = `:watchTemplate(${expression})`;
+            this.weakService.call(this, watchKey, () => {
+                this.watchingTemplateExpression(formGroup, expression, () => {
+                    this.invalidateExpression(expression);
+                    logInvalidate(expression);
+                });
                 return true;
             });
             return this.weakService.call(this, expression, evaluate);
@@ -1434,12 +2008,16 @@ class ProgrammabilityService {
             return evaluate();
         }
     }
-    evalTemplate(formGroup, expression) {
-        try {
-            return this.feelService.evalTemplate(expression, this.getContext(formGroup));
+    onError(result) {
+        if (isObservable(result)) {
+            return result.pipe(tap({
+                error: err => {
+                    this.toastService.notifyError(err.message);
+                }
+            }));
         }
-        catch (e) {
-            return null;
+        else {
+            return result;
         }
     }
     getPredefinedFunctions() {
@@ -1447,6 +2025,7 @@ class ProgrammabilityService {
             this.dialogService,
             this.toastService,
             this.functionService,
+            this.formatterService,
             this.register
         ];
         return providers.reduce((acc, provider) => {
@@ -1496,11 +2075,12 @@ class ProgrammabilityService {
         const baseContext = formGroup?.value ?? {};
         const self = this;
         let context = {
-            ...baseContext,
+            get console() { return ToProxy(console); },
             get parent() { return self.getParentContext(formGroup); },
             get root() { return self.getRootContext(formGroup); },
             formGroup: () => ToProxy(formGroup),
             _: this.scope?.getContext(),
+            ...baseContext,
             fn: {
                 ...this.predefinedFunctions,
                 ...this.getFormFunctions(formGroup),
@@ -1518,53 +2098,155 @@ class ProgrammabilityService {
         return context;
     }
     watchingExpression(formGroup, expression, callback) {
+        const logDependencies = (dependencies) => {
+            if (!this.verbose)
+                return;
+            console.log("Get Dependencies:", expression, dependencies, { formGroup });
+        };
         const context = this.getContext(formGroup);
         const dependencies = this.feelService.getDependencies(expression, context);
+        logDependencies(dependencies);
+        this.watchingDependencies(formGroup, dependencies, callback);
+    }
+    ;
+    watchingTemplateExpression(formGroup, expression, callback) {
+        const logDependencies = (dependencies) => {
+            if (!this.verbose)
+                return;
+            console.log("Get Template Dependencies:", expression, dependencies, { formGroup });
+        };
+        const context = this.getContext(formGroup);
+        const dependencies = this.feelService.getTemplateDependencies(expression, context);
+        logDependencies(dependencies);
         this.watchingDependencies(formGroup, dependencies, callback);
     }
     ;
     watchingDependencies(formGroup, dependencies, callback) {
-        const parentName = "parent";
-        const subscribe = (control) => {
+        const logWatching = (dependence) => {
+            if (!this.verbose)
+                return;
+            const text = Array.isArray(dependence) ? dependence.join(".") : dependence;
+            console.log("Watching dependence:", text, { formGroup });
+        };
+        const logValueChanged = (control) => {
+            if (!this.verbose)
+                return;
+            console.log("Value Changed:", control.value, { path: this.getPath(control), control });
+        };
+        const logStatusChanged = (control) => {
+            if (!this.verbose)
+                return;
+            console.log("Status Changed:", control.status, { path: this.getPath(control), control });
+        };
+        const valueSubscribe = (control) => {
             control.valueChanges
                 .pipe(takeUntil(this.destroy$))
                 .subscribe(() => {
                 setTimeout(() => {
                     callback();
+                    logValueChanged(control);
+                });
+            });
+        };
+        const statusSubscribe = (control) => {
+            control.statusChanges
+                .pipe(distinctUntilChanged(), takeUntil(this.destroy$))
+                .subscribe(() => {
+                setTimeout(() => {
+                    callback();
+                    logStatusChanged(control);
                 });
             });
         };
         for (const dependence of dependencies) {
-            if (Array.isArray(dependence)) {
-                let targetForm = formGroup;
-                let controlPath = dependence;
-                while (controlPath.length > 0 && controlPath[0] === parentName) {
-                    if (!targetForm.parent)
-                        break;
-                    targetForm = targetForm.parent;
-                    controlPath = controlPath.slice(1);
+            const [path, status] = this.processDependencies(dependence);
+            //potrei scrivere una funzione che mi restituisce i control da control
+            //risalendo fino al FormGroup
+            const control = this.formService.getControl(formGroup, path);
+            if (control) {
+                if (!status) {
+                    valueSubscribe(control);
+                    logWatching(dependence);
                 }
-                if (controlPath.length > 0 && targetForm) {
-                    const control = targetForm.get(controlPath);
-                    if (control) {
-                        subscribe(control);
-                    }
+                else {
+                    statusSubscribe(control);
+                    logWatching(dependence);
                 }
             }
+        }
+    }
+    invalidateExpression(expression) {
+        this.weakService.invalidate(this, expression);
+    }
+    processDependencies(dependency) {
+        const statusDependency = Array.isArray(dependency)
+            && dependency.length > 1
+            && dependency[0] === StatusDependency;
+        return statusDependency
+            ? [dependency.slice(1), true]
+            : [dependency, false];
+    }
+    getPath(control) {
+        return this.formService.getPath(control).join(".");
+    }
+    validateFn(formGroup, item) {
+        return (control) => {
+            return this.validateRule(formGroup, control, item, (result) => !result);
+        };
+    }
+    invalidateFn(formGroup, item) {
+        return (control) => {
+            return this.validateRule(formGroup, control, item, (result) => result);
+        };
+    }
+    validateRule(formGroup, control, item, predicate) {
+        //if (!control.touched)
+        //  return null;
+        const logValidation = (value) => {
+            if (!this.verbose)
+                return;
+            if (value === null) {
+                console.log("Validate successfully", control.value, { path: this.getPath(control), item, control, formGroup });
+            }
             else {
-                const control = formGroup.get(dependence);
-                if (control) {
-                    subscribe(control);
-                }
+                console.log("Validation failed", control.value, { resut: value, path: this.getPath(control), item, control, formGroup });
             }
+        };
+        var result = this.evaluateUnary(formGroup, item.expression, control.value);
+        if (predicate(result)) {
+            const message = this.evaluateString(formGroup, item.message);
+            const validationError = { error: true, message };
+            logValidation(validationError);
+            return validationError;
+        }
+        logValidation(null);
+        return null;
+    }
+    watchForValidation(formGroup, control, key, validations) {
+        if (Array.isArray(validations)) {
+            const expressions = validations
+                .filter(item => this.isExpression(item.expression))
+                .map(item => "=" + this.getExpression(item.expression));
+            if (expressions.length === 0)
+                return;
+            const feelable = toFeelable(expressions);
+            const dependencies = this.getDependencies(feelable)
+                .filter(dep => dep !== key);
+            if (dependencies.length === 0)
+                return;
+            this.watch(formGroup, dependencies, () => {
+                setTimeout(() => {
+                    control.updateValueAndValidity();
+                });
+            });
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgrammabilityService, deps: [{ token: FeelService }, { token: WeakService }, { token: ToastService }, { token: DialogService }, { token: FunctionService }, { token: FormService }, { token: RegisterService, optional: true }, { token: ScopeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgrammabilityService, deps: [{ token: FeelService }, { token: WeakService }, { token: ToastService }, { token: DialogService }, { token: FormatterService }, { token: FunctionService }, { token: FormService }, { token: GlobalService }, { token: RegisterService, optional: true }, { token: ScopeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgrammabilityService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgrammabilityService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FeelService }, { type: WeakService }, { type: ToastService }, { type: DialogService }, { type: FunctionService }, { type: FormService }, { type: RegisterService, decorators: [{
+        }], ctorParameters: () => [{ type: FeelService }, { type: WeakService }, { type: ToastService }, { type: DialogService }, { type: FormatterService }, { type: FunctionService }, { type: FormService }, { type: GlobalService }, { type: RegisterService, decorators: [{
                     type: Optional
                 }] }, { type: ScopeService, decorators: [{
                     type: Optional
@@ -1577,7 +2259,9 @@ function groupByRow(forms) {
         name: form.name,
         title: form.title,
         disabled: form.disabled,
+        inactive: form.inactive,
         path: form.path,
+        verticalAlignment: form.verticalAlignment,
         isTemplate: form.isTemplate,
         i18n: form.i18n,
         rows: groupRowsRecursively(form.components)
@@ -1719,7 +2403,7 @@ class ActionsCellRendererComponent {
         return this.params.formGroup;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsCellRendererComponent, deps: [{ token: ProgrammabilityService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ActionsCellRendererComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"btn-small-group\">\r\n  <ng-container *ngFor=\"let action of params.component.actions\">\r\n    <ngx-sirio-button class=\"btn-small\"\r\n                      [ariaLabel]=\"evaluateString(action.label)\"\r\n                      [title]=\"evaluateString(action.label)\"\r\n                      [color]=\"null\"\r\n                      [disabled]=\"evaluateBoolean(action.disabled)\"\r\n                      (clickEvent)=\"clickButton(action, $event)\"\r\n                      [icon]=\"evaluateString(action.icon)\">\r\n    </ngx-sirio-button>\r\n  </ng-container>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ActionsCellRendererComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"btn-small-group\">\r\n  <ng-container *ngFor=\"let action of params.component.actions\">\r\n    <ngx-sirio-button class=\"btn-small\"\r\n                      [ariaLabel]=\"evaluateString(action.label)\"\r\n                      [title]=\"evaluateString(action.label)\"\r\n                      [color]=\"null\"\r\n                      [disabled]=\"evaluateBoolean(action.disabled)\"\r\n                      (clickEvent)=\"clickButton(action, $event)\"\r\n                      [icon]=\"evaluateString(action.icon)\">\r\n    </ngx-sirio-button>\r\n  </ng-container>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ActionsCellRendererComponent, decorators: [{
             type: Component,
@@ -1848,7 +2532,7 @@ class SetFilterComponent {
         return path.split('.').reduce((acc, part) => acc?.[part], obj);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SetFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SetFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div style=\"padding: 5px;background-color: white;\">\r\n\r\n  <div style=\"padding: 5px\">\r\n    <ngx-sirio-input type=\"text\"\r\n                     [placeholder]=\"Texts.TypeToSearch\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     (ngModelChange)=\"onSearchChange()\">\r\n    </ngx-sirio-input>\r\n  </div>\r\n\r\n  <div style=\"padding: 5px; max-height: 200px; overflow-y: auto;\">\r\n    <ngx-sirio-checkbox [(ngModel)]=\"selectAll\" (ngModelChange)=\"onSelectAllChange()\">{{Texts.SelectAll}}</ngx-sirio-checkbox>\r\n\r\n    <ngx-sirio-checkbox-group>\r\n      <ngx-sirio-checkbox *ngFor=\"let option of filteredOptions\"\r\n                          [(ngModel)]=\"option.selected\"\r\n                          [value]=\"option.value\"\r\n                          (change)=\"onSelectionChange()\">\r\n        {{ option.label }}\r\n      </ngx-sirio-checkbox>\r\n    </ngx-sirio-checkbox-group>\r\n  </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SirioInputComponent, selector: "ngx-sirio-input", inputs: ["disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "type", "name", "placeholder", "textHelp", "textFeedback", "rows", "cols", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "role"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "component", type: SirioCheckboxComponent, selector: "ngx-sirio-checkbox", inputs: ["disabled", "name", "textHelp", "textFeedback", "value", "ariaInvalid", "ariaDescribedBy", "disabledState", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioCheckboxGroupComponent, selector: "ngx-sirio-checkbox-group", inputs: ["textHelp", "textFeedback", "label", "labelPopover", "ariaLabelPopoverButton", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SetFilterComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div style=\"padding: 5px;background-color: white;\">\r\n\r\n  <div style=\"padding: 5px\">\r\n    <ngx-sirio-input type=\"text\"\r\n                     [placeholder]=\"Texts.TypeToSearch\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     (ngModelChange)=\"onSearchChange()\">\r\n    </ngx-sirio-input>\r\n  </div>\r\n\r\n  <div style=\"padding: 5px; max-height: 200px; overflow-y: auto;\">\r\n    <ngx-sirio-checkbox [(ngModel)]=\"selectAll\" (ngModelChange)=\"onSelectAllChange()\">{{Texts.SelectAll}}</ngx-sirio-checkbox>\r\n\r\n    <ngx-sirio-checkbox-group>\r\n      <ngx-sirio-checkbox *ngFor=\"let option of filteredOptions\"\r\n                          [(ngModel)]=\"option.selected\"\r\n                          [value]=\"option.value\"\r\n                          (change)=\"onSelectionChange()\">\r\n        {{ option.label }}\r\n      </ngx-sirio-checkbox>\r\n    </ngx-sirio-checkbox-group>\r\n  </div>\r\n\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SirioInputComponent, selector: "ngx-sirio-input", inputs: ["disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "type", "name", "placeholder", "textHelp", "textFeedback", "rows", "cols", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "role"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "component", type: SirioCheckboxComponent, selector: "ngx-sirio-checkbox", inputs: ["disabled", "name", "textHelp", "textFeedback", "value", "ariaInvalid", "ariaDescribedBy", "disabledState", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioCheckboxGroupComponent, selector: "ngx-sirio-checkbox-group", inputs: ["textHelp", "textFeedback", "label", "labelPopover", "ariaLabelPopoverButton", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SetFilterComponent, decorators: [{
             type: Component,
@@ -1857,46 +2541,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SirioButtonComponent], template: "<div style=\"padding: 5px;background-color: white;\">\r\n\r\n  <div style=\"padding: 5px\">\r\n    <ngx-sirio-input type=\"text\"\r\n                     [placeholder]=\"Texts.TypeToSearch\"\r\n                     [(ngModel)]=\"searchText\"\r\n                     (ngModelChange)=\"onSearchChange()\">\r\n    </ngx-sirio-input>\r\n  </div>\r\n\r\n  <div style=\"padding: 5px; max-height: 200px; overflow-y: auto;\">\r\n    <ngx-sirio-checkbox [(ngModel)]=\"selectAll\" (ngModelChange)=\"onSelectAllChange()\">{{Texts.SelectAll}}</ngx-sirio-checkbox>\r\n\r\n    <ngx-sirio-checkbox-group>\r\n      <ngx-sirio-checkbox *ngFor=\"let option of filteredOptions\"\r\n                          [(ngModel)]=\"option.selected\"\r\n                          [value]=\"option.value\"\r\n                          (change)=\"onSelectionChange()\">\r\n        {{ option.label }}\r\n      </ngx-sirio-checkbox>\r\n    </ngx-sirio-checkbox-group>\r\n  </div>\r\n\r\n</div>\r\n" }]
         }] });
 
-class GlobalService {
-    constructor() { }
-    clearProperties() {
-        this.properties = {};
-    }
-    setProperties(properties) {
-        this.properties = { ...this.properties, ...properties };
-    }
-    getProperties() {
-        return this.properties || {};
-    }
-    getProperty(name, defaultValue = undefined) {
-        const properties = this.getProperties();
-        if (name in properties) {
-            return properties[name];
-        }
-        return defaultValue;
-    }
-    registerComponent(typeName, componentType) {
-        this.components[typeName] = componentType;
-    }
-    getComponents() {
-        return this.components || {};
-    }
-    getComponent(typeName) {
-        return this.getComponents()[typeName] ?? null;
-    }
-    //#region Private Members
-    properties = {};
-    components = {};
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GlobalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GlobalService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GlobalService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
 class HostCellRendererComponent {
     injector;
     programmability;
@@ -2038,87 +2682,13 @@ function setFocus(el) {
     return true;
 }
 
-//import { FeelService } from '../services/feel.service';
-class FormatterService {
-    //constructor(private feelService: FeelService) { }
-    constructor() { }
-    formatCurrency(value, symbol = null) {
-        if (isNaN(value) || value === null || value === undefined) {
-            return value;
-        }
-        const numberValue = parseFloat(value);
-        if (isNaN(numberValue)) {
-            return value;
-        }
-        const result = numberValue.toFixed(2).replace(".", ",").replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-        if (symbol) {
-            return symbol + ' ' + result;
-        }
-        else {
-            return result;
-        }
-    }
-    formatDate(value) {
-        if (!value)
-            return '';
-        const date = new Date(value);
-        if (isNaN(date.getTime()))
-            return '';
-        const day = String(date.getDate()).padStart(2, '0');
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const year = date.getFullYear();
-        return `${day}/${month}/${year}`;
-    }
-    formatDateTime(value) {
-        if (!value)
-            return '';
-        const date = new Date(value);
-        if (isNaN(date.getTime()))
-            return '';
-        const hasTime = typeof value === 'string' && value.includes('T');
-        const day = String(date.getDate()).padStart(2, '0');
-        const month = String(date.getMonth() + 1).padStart(2, '0');
-        const year = date.getFullYear();
-        if (!hasTime) {
-            return `${day}/${month}/${year} 00:00:00`;
-        }
-        else {
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            return `${day}/${month}/${year} ${hours}:${minutes}:${seconds}`;
-        }
-    }
-    formatInteger(value) {
-        if (isNaN(value) || value === null || value === undefined) {
-            return value;
-        }
-        const numberValue = parseInt(value, 10);
-        if (isNaN(numberValue)) {
-            return value;
-        }
-        return numberValue.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
-    }
-    formatExpression(value, expression) {
-        return value;
-        //const result = this.feelService.evalExpression(expression, { value: value }) as string;
-        //return result;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
 class GridService {
     formatter;
+    languageService;
     programmability;
-    constructor(formatter, programmability) {
+    constructor(formatter, languageService, programmability) {
         this.formatter = formatter;
+        this.languageService = languageService;
         this.programmability = programmability;
     }
     getModules() {
@@ -2141,11 +2711,11 @@ class GridService {
         ];
     }
     ;
-    getOptions(component, formGroup, language) {
+    getOptions(component, formGroup) {
         const selection = this.getRowSelection(component, formGroup);
         const pagination = this.getPaginable(component);
         const pageSize = this.getPageSize(component);
-        const texts = this.getTexts(language);
+        const texts = this.getTexts();
         const theme = this.getTheme();
         return {
             defaultColDef: {
@@ -2166,20 +2736,68 @@ class GridService {
             enableCellTextSelection: true,
             theme: theme,
             onGridSizeChanged: (params) => {
-                this.resizeGrid(params.api);
+                this.resizeGrid(component, params.api);
             },
             onModelUpdated: (params) => {
-                this.resizeGrid(params.api);
+                this.resizeGrid(component, params.api);
                 this.onRowSelecting(component, formGroup, params);
             }
         };
     }
-    getColumnDefs(component, columns, formGroup, language) {
+    getColumnDefs(component, columns, formGroup) {
+        if (Array.isArray(columns)) {
+            const groupedColumns = this.groupColumns(columns);
+            const columnDefs = this.groupsToColumnDefs(groupedColumns, (cs) => this.createColumnDefs(component, cs, formGroup));
+            this.addActionColumnDef(component, columnDefs, formGroup);
+            this.addRowNumbersColumnDef(component, columnDefs);
+            return columnDefs;
+        }
+        else {
+            return [];
+        }
+    }
+    onSelectionChanged(component, formGroup, event) {
+        if (component.selectionChanged) {
+            return this.programmability.evaluate(formGroup, component.selectionChanged, {
+                cacheable: false,
+                extendContext: () => ({
+                    "event": {
+                        selectedRows: event.api.getSelectedRows()
+                    }
+                })
+            });
+        }
+    }
+    get language() {
+        return this.languageService.getLanguage();
+    }
+    locale(component, key) {
+        return localize(this.language, component, key);
+    }
+    resizeGrid(component, api) {
+        const columnsToResize = [];
+        if (this.hasActions(component)) {
+            columnsToResize.push('actions');
+        }
+        if (this.hasRowNumbers(component)) {
+            columnsToResize.push('rowNumbers');
+        }
+        if (columnsToResize.length > 0) {
+            api.autoSizeColumns(columnsToResize);
+        }
+    }
+    hasActions(component) {
+        return Array.isArray(component.actions) && component.actions.length > 0;
+    }
+    hasRowNumbers(component) {
+        return (component.rowNumbers);
+    }
+    createColumnDefs(component, columns, formGroup) {
         if (Array.isArray(columns)) {
             const columnDefs = columns.map((column) => {
                 const colDef = {
                     field: column.key,
-                    headerName: this.locale(column, 'label', language)
+                    headerName: this.locale(column, 'label')
                 };
                 this.setCellDataType(column, colDef);
                 const map = this.getMap(column, colDef, formGroup);
@@ -2197,46 +2815,90 @@ class GridService {
                 this.setValueFormatter(column, colDef, map);
                 return colDef;
             });
-            if (Array.isArray(component.actions) && component.actions.length > 0) {
-                columnDefs.push({
-                    colId: 'actions',
-                    headerName: this.locale(Texts, 'Actions', language),
-                    resizable: false,
-                    sortable: false,
-                    filter: false,
-                    cellDataType: false,
-                    pinned: "right",
-                    cellRendererParams: {
-                        component: component,
-                        formGroup: formGroup
-                    },
-                    cellRenderer: ActionsCellRendererComponent,
-                    suppressKeyboardEvent: this.navigateInsideCell.bind(this)
-                });
-            }
             return columnDefs;
         }
         else {
             return [];
         }
     }
-    onSelectionChanged(component, formGroup, event) {
-        if (component.selectionChanged) {
-            return this.programmability.evaluate(formGroup, component.selectionChanged, {
-                cacheable: false,
-                extendContext: () => ({
-                    "event": {
-                        selectedRows: event.api.getSelectedRows()
-                    }
-                })
+    addActionColumnDef(component, columnDefs, formGroup) {
+        if (this.hasActions(component)) {
+            columnDefs.push({
+                colId: 'actions',
+                headerName: this.locale(Texts, 'Actions'),
+                resizable: false,
+                sortable: false,
+                filter: false,
+                cellDataType: false,
+                pinned: "right",
+                cellRendererParams: {
+                    component: component,
+                    formGroup: formGroup
+                },
+                cellRenderer: ActionsCellRendererComponent,
+                suppressKeyboardEvent: this.navigateInsideCell.bind(this)
+            });
+        }
+    }
+    addRowNumbersColumnDef(component, columnDefs) {
+        if (this.hasRowNumbers(component)) {
+            columnDefs.unshift({
+                colId: 'rowNumbers',
+                headerName: "#",
+                pinned: "left",
+                headerClass: 'row-numbers-header',
+                cellClass: 'row-numbers-cell',
+                resizable: false,
+                valueGetter: (n) => n.node.rowIndex + 1
             });
         }
     }
-    locale(component, key, language) {
-        return localize(language, component, key);
+    groupColumns(columns) {
+        const rootItemsOrdered = [];
+        function findOrCreateGroup(groups, name) {
+            let group = groups.find(item => item.type === "group" && item.name === name);
+            if (!group) {
+                group = {
+                    name,
+                    type: "group",
+                    columns: [],
+                };
+                groups.push(group);
+            }
+            return group;
+        }
+        for (const column of columns) {
+            const groupParts = (column.group ?? "")
+                .split(/[\\/]/)
+                .map((part) => part.trim())
+                .filter((part) => part.length > 0);
+            if (groupParts.length === 0) {
+                rootItemsOrdered.push(column);
+            }
+            else {
+                let currentLevel = rootItemsOrdered;
+                for (let i = 0; i < groupParts.length; i++) {
+                    const part = groupParts[i];
+                    const group = findOrCreateGroup(currentLevel, part);
+                    currentLevel = group.columns;
+                }
+                currentLevel.push(column);
+            }
+        }
+        return rootItemsOrdered;
     }
-    resizeGrid(api) {
-        api.autoSizeColumns(["actions"]);
+    groupsToColumnDefs(grouped, getColumnsDef) {
+        return grouped.map(item => {
+            if ('type' in item && item.type === 'group') {
+                return {
+                    headerName: item.name,
+                    children: this.groupsToColumnDefs(item.columns, getColumnsDef)
+                };
+            }
+            else {
+                return getColumnsDef([item])[0];
+            }
+        });
     }
     setCellDataType(column, colDef) {
         if (column.dataType === "component"
@@ -2475,26 +3137,26 @@ class GridService {
             return component.rowCount;
         }
     }
-    getTexts(language) {
-        if (language === 'it') {
+    getTexts() {
+        if (this.language === 'it') {
             return AG_GRID_LOCALE_IT;
         }
-        else if (language === 'en') {
+        else if (this.language === 'en') {
             return AG_GRID_LOCALE_EN;
         }
-        else if (language === 'de') {
+        else if (this.language === 'de') {
             return AG_GRID_LOCALE_DE;
         }
-        else if (language === 'fr') {
+        else if (this.language === 'fr') {
             return AG_GRID_LOCALE_FR;
         }
-        else if (language === 'es') {
+        else if (this.language === 'es') {
             return AG_GRID_LOCALE_ES;
         }
-        else if (language === 'pt') {
+        else if (this.language === 'pt') {
             return AG_GRID_LOCALE_PT;
         }
-        else if (language === '') {
+        else if (this.language === '') {
             return AG_GRID_LOCALE_IT; // neutral
         }
         else {
@@ -2518,7 +3180,7 @@ class GridService {
             headerColumnResizeHandleWidth: 2,
             headerFontSize: 16,
             headerFontWeight: 600,
-            headerRowBorder: false,
+            headerRowBorder: true,
             headerTextColor: "#F2F6FC",
             rowBorder: true
         });
@@ -2549,6 +3211,16 @@ class GridService {
                     return this.formatter.formatDateTime(params.value);
                 }
             },
+            time: {
+                baseDataType: 'dateString',
+                extendsDataType: 'dateString',
+                dateParser: (value) => {
+                    return value ? new Date(value) : undefined;
+                },
+                valueFormatter: params => {
+                    return this.formatter.formatTime(params.value);
+                }
+            },
             currency: {
                 extendsDataType: 'number',
                 baseDataType: 'number',
@@ -2556,12 +3228,19 @@ class GridService {
                     ? ''
                     : this.formatter.formatCurrency(params.value)
             },
+            decimal: {
+                extendsDataType: 'number',
+                baseDataType: 'number',
+                valueFormatter: params => params.value == null
+                    ? ''
+                    : this.formatter.formatNumber(params.value)
+            },
             integer: {
                 extendsDataType: 'number',
                 baseDataType: 'number',
                 valueFormatter: params => params.value == null
                     ? ''
-                    : this.formatter.formatInteger(params.value)
+                    : this.formatter.formatNumber(params.value, 0)
             },
             percentage: {
                 extendsDataType: 'number',
@@ -2703,12 +3382,12 @@ class GridService {
         }
         return path;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridService, deps: [{ token: FormatterService }, { token: ProgrammabilityService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridService, deps: [{ token: FormatterService }, { token: i2.LanguageService }, { token: ProgrammabilityService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: FormatterService }, { type: ProgrammabilityService }] });
+        }], ctorParameters: () => [{ type: FormatterService }, { type: i2.LanguageService }, { type: ProgrammabilityService }] });
 
 function observableAll(obj) {
     function collect(value) {
@@ -2736,14 +3415,16 @@ function observableAll(obj) {
 
 class ChartService {
     programmability;
-    constructor(programmability) {
+    languageService;
+    constructor(programmability, languageService) {
         this.programmability = programmability;
+        this.languageService = languageService;
     }
-    getOptions(component, formGroup, language) {
+    getOptions(component, formGroup) {
         const expression = this.getDataExpression(component);
         const data = this.programmability.evaluate(formGroup, expression);
         return observableAll(data).pipe(map((chartData) => {
-            const series = this.getSeries(component, formGroup, language);
+            const series = this.getSeries(component, formGroup);
             const options = {
                 theme: this.getTheme(),
                 series: series,
@@ -2778,8 +3459,11 @@ class ChartService {
             });
         }
     }
-    locale(component, key, language) {
-        return localize(language, component, key);
+    get language() {
+        return this.languageService.getLanguage();
+    }
+    locale(component, key) {
+        return localize(this.language, component, key);
     }
     getTheme() {
         return {
@@ -2800,24 +3484,24 @@ class ChartService {
             }
         };
     }
-    getSeries(component, formGroup, language) {
+    getSeries(component, formGroup) {
         if (Array.isArray(component.series)) {
             const series = component.series.map((serie) => {
                 switch (serie.type) {
                     case "bar":
-                        return this.getBarSeriesOptions(serie, formGroup, language);
+                        return this.getBarSeriesOptions(serie, formGroup);
                     case "line":
-                        return this.getLineSeriesOptions(serie, formGroup, language);
+                        return this.getLineSeriesOptions(serie, formGroup);
                     case "area":
-                        return this.getAreaSeriesOptions(serie, formGroup, language);
+                        return this.getAreaSeriesOptions(serie, formGroup);
                     case "scatter":
-                        return this.getScatterSeriesOptions(serie, formGroup, language);
+                        return this.getScatterSeriesOptions(serie, formGroup);
                     case "bubble":
-                        return this.getBubbleSeriesOptions(serie, formGroup, language);
+                        return this.getBubbleSeriesOptions(serie, formGroup);
                     case "pie":
-                        return this.getPieSeriesOptions(serie, formGroup, language);
+                        return this.getPieSeriesOptions(serie, formGroup);
                     case "donut":
-                        return this.getDonutSeriesOptions(serie, formGroup, language);
+                        return this.getDonutSeriesOptions(serie, formGroup);
                     default:
                         return {};
                 }
@@ -2828,14 +3512,14 @@ class ChartService {
             return [];
         }
     }
-    getSeriesOptionsNames(serie, language) {
+    getSeriesOptionsNames(serie) {
         const options = {};
         if (this.isString(serie.xName))
-            options.xName = this.locale(serie, "xName", language);
+            options.xName = this.locale(serie, "xName");
         if (this.isString(serie.yName))
-            options.yName = this.locale(serie, "yName", language);
+            options.yName = this.locale(serie, "yName");
         if (this.isString(serie.legendItemName))
-            options.legendItemName = this.locale(serie, "legendItemName", language);
+            options.legendItemName = this.locale(serie, "legendItemName");
         return options;
     }
     getBaseSeriesOptions(serie, formGroup) {
@@ -2844,13 +3528,13 @@ class ChartService {
             options.visible = serie.visible;
         return options;
     }
-    getBarSeriesOptions(serie, formGroup, language) {
+    getBarSeriesOptions(serie, formGroup) {
         const options = {
             type: "bar",
             xKey: serie.xKey,
             yKey: serie.yKey,
             ...this.getBaseSeriesOptions(serie, formGroup),
-            ...this.getSeriesOptionsNames(serie, language)
+            ...this.getSeriesOptionsNames(serie)
         };
         if (this.isDirection(serie.direction))
             options.direction = serie.direction;
@@ -2862,13 +3546,13 @@ class ChartService {
             options.stackGroup = serie.stackGroup;
         return options;
     }
-    getLineSeriesOptions(serie, formGroup, language) {
+    getLineSeriesOptions(serie, formGroup) {
         const options = {
             type: "line",
             xKey: serie.xKey,
             yKey: serie.yKey,
             ...this.getBaseSeriesOptions(serie, formGroup),
-            ...this.getSeriesOptionsNames(serie, language)
+            ...this.getSeriesOptionsNames(serie)
         };
         if (this.isInterpolation(serie.interpolation)) {
             options.interpolation = {
@@ -2877,13 +3561,13 @@ class ChartService {
         }
         return options;
     }
-    getAreaSeriesOptions(serie, formGroup, language) {
+    getAreaSeriesOptions(serie, formGroup) {
         const options = {
             type: "area",
             xKey: serie.xKey,
             yKey: serie.yKey,
             ...this.getBaseSeriesOptions(serie, formGroup),
-            ...this.getAreaSeriesOptionsNames(serie, language)
+            ...this.getAreaSeriesOptionsNames(serie)
         };
         if (this.isBoolean(serie.stacked))
             options.stacked = serie.stacked;
@@ -2891,35 +3575,35 @@ class ChartService {
             options.normalizedTo = serie.normalizedTo;
         return options;
     }
-    getAreaSeriesOptionsNames(serie, language) {
+    getAreaSeriesOptionsNames(serie) {
         const options = {};
         if (serie.xName)
-            options.xName = this.locale(serie, "xName", language);
+            options.xName = this.locale(serie, "xName");
         if (serie.yName)
-            options.yName = this.locale(serie, "yName", language);
+            options.yName = this.locale(serie, "yName");
         return options;
     }
-    getScatterSeriesOptions(serie, formGroup, language) {
+    getScatterSeriesOptions(serie, formGroup) {
         return {
             type: "scatter",
             xKey: serie.xKey,
             yKey: serie.yKey,
             labelKey: serie.labelKey,
             ...this.getBaseSeriesOptions(serie, formGroup),
-            ...this.getScatterSeriesOptionsNames(serie, language)
+            ...this.getScatterSeriesOptionsNames(serie)
         };
     }
-    getScatterSeriesOptionsNames(serie, language) {
+    getScatterSeriesOptionsNames(serie) {
         const options = {};
         if (serie.xName)
-            options.xName = this.locale(serie, "xName", language);
+            options.xName = this.locale(serie, "xName");
         if (serie.yName)
-            options.yName = this.locale(serie, "yName", language);
+            options.yName = this.locale(serie, "yName");
         if (serie.labelName)
-            options.labelName = this.locale(serie, "labelName", language);
+            options.labelName = this.locale(serie, "labelName");
         return options;
     }
-    getBubbleSeriesOptions(serie, formGroup, language) {
+    getBubbleSeriesOptions(serie, formGroup) {
         return {
             type: "bubble",
             xKey: serie.xKey,
@@ -2927,27 +3611,27 @@ class ChartService {
             sizeKey: serie.sizeKey,
             labelKey: serie.labelKey,
             ...this.getBaseSeriesOptions(serie, formGroup),
-            ...this.getBubbleSeriesOptionsNames(serie, language)
+            ...this.getBubbleSeriesOptionsNames(serie)
         };
     }
-    getBubbleSeriesOptionsNames(serie, language) {
+    getBubbleSeriesOptionsNames(serie) {
         const options = {};
         if (serie.xName)
-            options.xName = this.locale(serie, "xName", language);
+            options.xName = this.locale(serie, "xName");
         if (serie.yName)
-            options.yName = this.locale(serie, "yName", language);
+            options.yName = this.locale(serie, "yName");
         if (serie.sizeName)
-            options.sizeName = this.locale(serie, "sizeName", language);
+            options.sizeName = this.locale(serie, "sizeName");
         if (serie.labelName)
-            options.labelName = this.locale(serie, "labelName", language);
+            options.labelName = this.locale(serie, "labelName");
         return options;
     }
-    getPieSeriesOptions(serie, formGroup, language) {
+    getPieSeriesOptions(serie, formGroup) {
         const options = {
             type: "pie",
             angleKey: serie.angleKey,
             ...this.getBaseSeriesOptions(serie, formGroup),
-            ...this.getPieSeriesOptionsNames(serie, language)
+            ...this.getPieSeriesOptionsNames(serie)
         };
         if (this.isString(serie.radiusKey))
             options.radiusKey = serie.radiusKey;
@@ -2959,24 +3643,24 @@ class ChartService {
             options.legendItemKey = serie.legendItemKey;
         return options;
     }
-    getPieSeriesOptionsNames(serie, language) {
+    getPieSeriesOptionsNames(serie) {
         const options = {};
         if (serie.angleName)
-            options.angleName = this.locale(serie, "angleName", language);
+            options.angleName = this.locale(serie, "angleName");
         if (serie.radiusName)
-            options.radiusName = this.locale(serie, "radiusName", language);
+            options.radiusName = this.locale(serie, "radiusName");
         if (serie.calloutLabelName)
-            options.calloutLabelName = this.locale(serie, "calloutLabelName", language);
+            options.calloutLabelName = this.locale(serie, "calloutLabelName");
         if (serie.sectorLabelName)
-            options.sectorLabelName = this.locale(serie, "sectorLabelName", language);
+            options.sectorLabelName = this.locale(serie, "sectorLabelName");
         return options;
     }
-    getDonutSeriesOptions(serie, formGroup, language) {
+    getDonutSeriesOptions(serie, formGroup) {
         const options = {
             type: "donut",
             angleKey: serie.angleKey,
             ...this.getBaseSeriesOptions(serie, formGroup),
-            ...this.getDonutSeriesOptionsNames(serie, language)
+            ...this.getDonutSeriesOptionsNames(serie)
         };
         if (this.isString(serie.radiusKey))
             options.radiusKey = serie.radiusKey;
@@ -2988,16 +3672,16 @@ class ChartService {
             options.legendItemKey = serie.legendItemKey;
         return options;
     }
-    getDonutSeriesOptionsNames(serie, language) {
+    getDonutSeriesOptionsNames(serie) {
         const options = {};
         if (serie.angleName)
-            options.angleName = this.locale(serie, "angleName", language);
+            options.angleName = this.locale(serie, "angleName");
         if (serie.radiusName)
-            options.radiusName = this.locale(serie, "radiusName", language);
+            options.radiusName = this.locale(serie, "radiusName");
         if (serie.calloutLabelName)
-            options.calloutLabelName = this.locale(serie, "calloutLabelName", language);
+            options.calloutLabelName = this.locale(serie, "calloutLabelName");
         if (serie.sectorLabelName)
-            options.sectorLabelName = this.locale(serie, "sectorLabelName", language);
+            options.sectorLabelName = this.locale(serie, "sectorLabelName");
         return options;
     }
     getProps(component) {
@@ -3025,12 +3709,12 @@ class ChartService {
     isInterpolation(value) {
         return value === 'linear' || value === 'smooth' || value === 'step';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartService, deps: [{ token: ProgrammabilityService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartService, deps: [{ token: ProgrammabilityService }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ChartService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: ProgrammabilityService }] });
+        }], ctorParameters: () => [{ type: ProgrammabilityService }, { type: i2.LanguageService }] });
 
 class AdornerDirective {
     el;
@@ -3160,12 +3844,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class DisableDirective {
+class ReadOnlyDirective {
     ngControl;
     global;
     el;
     renderer;
-    disableControl = null;
     readonly = null;
     placeholder = null;
     componentRef;
@@ -3179,27 +3862,41 @@ class DisableDirective {
     disableClass = "is-disabled";
     readonlyClass = "is-readonly";
     lightReadonlyClass = "light-readonly";
+    sub;
+    ngOnInit() {
+        const control = this.ngControl.control;
+        if (control) {
+            this.sub = control.statusChanges.subscribe(_ => {
+                this.apply();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.sub?.unsubscribe();
+    }
     ngOnChanges(changes) {
-        if (changes["disableControl"] || changes["readonly"]) {
-            if (this.ngControl.control) {
-                if (this.disableControl) {
-                    this.ngControl.control.disable();
-                    this.toggleClass(true, this.disableClass);
-                    this.overridePlaceholder(false);
-                }
-                else {
-                    this.ngControl.control.enable();
-                    this.toggleClass(false, this.disableClass);
-                    const disabled = this.readonly === true;
-                    this.ngControl.valueAccessor?.setDisabledState(disabled);
-                    if (this.useLightReadonly()) {
-                        this.toggleClass(disabled, this.lightReadonlyClass);
-                        this.overridePlaceholder(disabled);
-                    }
-                    else {
-                        this.toggleClass(disabled, this.readonlyClass);
-                    }
-                }
+        if (changes["readonly"]) {
+            this.apply();
+        }
+    }
+    apply() {
+        const control = this.ngControl.control;
+        if (!control)
+            return;
+        if (control.disabled) {
+            this.toggleClass(true, this.disableClass);
+            this.overridePlaceholder(false);
+        }
+        else {
+            this.toggleClass(false, this.disableClass);
+            const readonly = this.readonly === true;
+            this.ngControl.valueAccessor?.setDisabledState(readonly);
+            if (this.useLightReadonly()) {
+                this.toggleClass(readonly, this.lightReadonlyClass);
+                this.overridePlaceholder(readonly);
+            }
+            else {
+                this.toggleClass(readonly, this.readonlyClass);
             }
         }
     }
@@ -3225,18 +3922,16 @@ class DisableDirective {
             return true;
         return (value === "yes");
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisableDirective, deps: [{ token: i1$1.NgControl }, { token: GlobalService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DisableDirective, isStandalone: true, selector: "[disableControl], [readonly]", inputs: { disableControl: "disableControl", readonly: "readonly", placeholder: "placeholder", componentRef: "componentRef", properties: "properties" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReadOnlyDirective, deps: [{ token: i1$1.NgControl }, { token: GlobalService }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ReadOnlyDirective, isStandalone: true, selector: "[readonly]", inputs: { readonly: "readonly", placeholder: "placeholder", componentRef: "componentRef", properties: "properties" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReadOnlyDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[disableControl], [readonly]',
+                    selector: '[readonly]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i1$1.NgControl }, { type: GlobalService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { disableControl: [{
-                type: Input
-            }], readonly: [{
+        }], ctorParameters: () => [{ type: i1$1.NgControl }, { type: GlobalService }, { type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { readonly: [{
                 type: Input
             }], placeholder: [{
                 type: Input
@@ -3401,9 +4096,11 @@ class DropdownDirective {
         this.handleValue();
         this.handleSearchable();
         this.handleOptionsChanges();
+        this.addValidator();
     }
     ngOnDestroy() {
         this.optionsSubscription?.unsubscribe();
+        this.removeValidator();
     }
     handleValue() {
         const falsyValues = [null, false, 0, ""];
@@ -3443,12 +4140,28 @@ class DropdownDirective {
     }
     handleOptionsChanges() {
         this.optionsSubscription = this.sirioSelect.panel.options.changes.subscribe(() => {
-            const valueOption = this.sirioSelect.options.find(option => option.value === this.sirioSelect.value);
-            if (!valueOption && this.sirioSelect.value) {
-                this.sirioSelect.control?.reset();
-            }
+            this.sirioSelect.control?.updateValueAndValidity();
         });
     }
+    validator = this.validateOptions.bind(this);
+    addValidator() {
+        this.sirioSelect.control?.addValidators(this.validator);
+        this.sirioSelect.control?.updateValueAndValidity();
+    }
+    removeValidator() {
+        this.sirioSelect.control?.removeValidators(this.validator);
+        this.sirioSelect.control?.updateValueAndValidity();
+    }
+    validateOptions(control) {
+        const value = control.value;
+        if (value) {
+            const valueOption = this.sirioSelect.options.find(option => option.value === value);
+            if (!valueOption) {
+                return { error: true, message: `"${value}" non è un valore valido` };
+            }
+        }
+        return null;
+    }
     deactivate(element) {
         this.renderer.setStyle(element, 'display', 'none');
     }
@@ -3740,14 +4453,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class GridDirective {
     grid;
     gridService;
-    rowSource = null;
+    languageService;
+    rowSource;
     columnDefs = null;
     formGroup;
-    language;
     component = null;
-    constructor(grid, gridService) {
+    destroyRef = inject(DestroyRef);
+    constructor(grid, gridService, languageService) {
         this.grid = grid;
         this.gridService = gridService;
+        this.languageService = languageService;
         grid.gridReady.subscribe((params) => {
             this.gridApi = params.api;
             this.isGridReady = true;
@@ -3756,8 +4471,23 @@ class GridDirective {
     }
     //https://www.ag-grid.com/angular-data-grid/column-updating-definitions/
     ngOnChanges(changes) {
-        if (changes["rowSource"]) {
-            this.onRowChanges(this.rowSource);
+        if (changes['rowSource']) {
+            if (isObservable(this.rowSource)) {
+                this.showLoading(true);
+                this.rowSource
+                    .pipe(take$1(1), tap(() => this.showLoadError(false)), catchError(err => {
+                    this.showLoadError(true);
+                    return this.noData;
+                }), finalize(() => {
+                    this.showLoading(false);
+                }), takeUntilDestroyed(this.destroyRef))
+                    .subscribe(value => {
+                    this.applyResult(value ?? []);
+                });
+            }
+            else {
+                this.applyResult(this.rowSource);
+            }
         }
         if (changes["columnDefs"]) {
             this.onColumnsChanges();
@@ -3765,12 +4495,13 @@ class GridDirective {
     }
     gridApi;
     isGridReady = false;
-    onRowChanges(rowSource) {
-        if (this.isArray(rowSource)) {
-            this.setRowData(rowSource);
+    noData = of([]);
+    applyResult(data) {
+        if (this.isArray(data)) {
+            this.setRowData(data);
         }
-        else if (this.isDataSource(rowSource)) {
-            this.setDataSource(rowSource);
+        else if (this.isDataSource(data)) {
+            this.setDataSource(data);
         }
         else {
             this.setRowData([]);
@@ -3798,19 +4529,41 @@ class GridDirective {
         return Array.isArray(rowSource);
     }
     isDataSource(obj) {
-        return typeof obj.getRows === "function";
+        return obj && typeof obj.getRows === "function";
     }
     onGridReady() {
         this.onColumnsChanges();
     }
     onColumnsChanges() {
         if (this.gridApi) {
-            const columnDef = this.gridService.getColumnDefs(this.component, this.columnDefs, this.formGroup, this.language);
+            const columnDef = this.gridService.getColumnDefs(this.component, this.columnDefs, this.formGroup);
             this.gridApi.setGridOption("columnDefs", columnDef);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridDirective, deps: [{ token: i1$2.AgGridAngular, host: true }, { token: GridService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: GridDirective, isStandalone: true, selector: "[rowSource], [columnDefs]", inputs: { rowSource: "rowSource", columnDefs: "columnDefs", formGroup: "formGroup", language: "language", component: ["register", "component"] }, usesOnChanges: true, ngImport: i0 });
+    showLoading(value) {
+        if (this.gridApi) {
+            this.gridApi.setGridOption('loading', value);
+        }
+    }
+    showLoadError(value) {
+        if (!this.gridApi)
+            return;
+        if (value) {
+            this.grid.api.setGridOption('overlayNoRowsTemplate', this.locale(Texts, 'LoadingFailed'));
+            this.grid.api.showNoRowsOverlay();
+        }
+        else {
+            this.grid.api.setGridOption('overlayNoRowsTemplate', undefined);
+        }
+    }
+    get language() {
+        return this.languageService.getLanguage();
+    }
+    locale(component, key) {
+        return localize(this.language, component, key);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridDirective, deps: [{ token: i1$2.AgGridAngular, host: true }, { token: GridService }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: GridDirective, isStandalone: true, selector: "[rowSource], [columnDefs]", inputs: { rowSource: "rowSource", columnDefs: "columnDefs", formGroup: "formGroup", component: ["register", "component"] }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridDirective, decorators: [{
             type: Directive,
@@ -3820,14 +4573,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1$2.AgGridAngular, decorators: [{
                     type: Host
-                }] }, { type: GridService }], propDecorators: { rowSource: [{
+                }] }, { type: GridService }, { type: i2.LanguageService }], propDecorators: { rowSource: [{
                 type: Input
             }], columnDefs: [{
                 type: Input
             }], formGroup: [{
                 type: Input
-            }], language: [{
-                type: Input
             }], component: [{
                 type: Input,
                 args: ["register"]
@@ -4332,7 +5083,7 @@ function parseDisplay(value) {
     }
 }
 function parseStore(value) {
-    const regex = /^(\d{4})-(\d{2})-(\d{2})(T\d{2}:\d{2}:\d{2}(Z|[+-]\d{2}:\d{2})?)?$/;
+    const regex = /^(\d{4})-(\d{2})-(\d{2})(T\d{2}:\d{2}:\d{2}(\.\d+)?(Z|[+-]\d{2}:\d{2})?)?$/;
     const match = value.match(regex);
     if (!match) {
         return null;
@@ -4559,43 +5310,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class DisablePathDirective {
-    viewContainer;
-    config;
-    constructor(viewContainer) {
-        this.viewContainer = viewContainer;
-    }
-    ngOnChanges(changes) {
-        if (this.hasValue(this.config.path) && this.config.formGroup) {
-            var formGroup = this.config.formGroup.get(this.config.path);
-            if (formGroup instanceof FormGroup) {
-                if (this.config.disabled) {
-                    formGroup.disable();
-                }
-                else {
-                    formGroup.enable();
-                }
-            }
-        }
-        this.viewContainer.clear();
-    }
-    hasValue(value) {
-        return value != null && value.trim().length > 0;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisablePathDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DisablePathDirective, isStandalone: true, selector: "[disablePath]", inputs: { config: ["disablePath", "config"] }, usesOnChanges: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisablePathDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[disablePath]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { config: [{
-                type: Input,
-                args: ['disablePath']
-            }] } });
-
 class TabControlDirective {
     sirioTab;
     constructor(sirioTab) {
@@ -4642,8 +5356,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class CollapseDirective {
     el;
     renderer;
+    languageService;
     maxHeight = null;
-    language;
     currentHeight = null;
     button = null;
     iconSpan = null;
@@ -4651,9 +5365,18 @@ class CollapseDirective {
     viewInitialized = false;
     timeoutFocusOut;
     unlistenFocusOut;
-    constructor(el, renderer) {
+    subscription = new Subscription();
+    constructor(el, renderer, languageService) {
         this.el = el;
         this.renderer = renderer;
+        this.languageService = languageService;
+        this.subscription = languageService.onLanguageChanged()
+            .subscribe(() => this.applyCollapseLogic());
+    }
+    ngOnDestroy() {
+        this.resetButton();
+        this.resetFocusHandler();
+        this.subscription.unsubscribe();
     }
     ngAfterViewInit() {
         this.viewInitialized = true;
@@ -4668,6 +5391,9 @@ class CollapseDirective {
             }
         }
     }
+    get language() {
+        return this.languageService.getLanguage();
+    }
     applyCollapseLogic() {
         this.resetStyles();
         this.resetButton();
@@ -4767,12 +5493,8 @@ class CollapseDirective {
     locale(component, key) {
         return localize(this.language, component, key);
     }
-    ngOnDestroy() {
-        this.resetButton();
-        this.resetFocusHandler();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CollapseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CollapseDirective, isStandalone: true, selector: "[collapse]", inputs: { maxHeight: ["collapse", "maxHeight"], language: "language" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CollapseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i2.LanguageService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: CollapseDirective, isStandalone: true, selector: "[collapse]", inputs: { maxHeight: ["collapse", "maxHeight"] }, usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CollapseDirective, decorators: [{
             type: Directive,
@@ -4780,11 +5502,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[collapse]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { maxHeight: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i2.LanguageService }], propDecorators: { maxHeight: [{
                 type: Input,
                 args: ['collapse']
-            }], language: [{
-                type: Input
             }] } });
 
 class AccordionPanelDirective {
@@ -4960,34 +5680,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['container', { read: ViewContainerRef, static: true }]
             }] } });
 
-function toExpression(value) {
-    return "=" + toFeelable(value);
-}
-function toFeelable(value) {
-    if (value === null || typeof value === 'number' || typeof value === 'boolean') {
-        return JSON.stringify(value);
-    }
-    if (typeof value === 'string') {
-        if (value.startsWith('=')) {
-            return value.substring(1);
-        }
-        else {
-            return JSON.stringify(value);
-        }
-    }
-    if (Array.isArray(value)) {
-        const items = value.map(item => toFeelable(item));
-        return `[${items.join(', ')}]`;
-    }
-    if (typeof value === 'object') {
-        const entries = Object.entries(value).map(([key, val]) => {
-            return `"${key}": ${toFeelable(val)}`;
-        });
-        return `{ ${entries.join(', ')} }`;
-    }
-    return JSON.stringify(null);
-}
-
 class SanitizeService {
     sanitizer;
     constructor(sanitizer) {
@@ -5090,15 +5782,17 @@ class DynamicFieldsComponent {
     weak;
     register;
     metadata;
+    languageService;
+    formService;
     grid;
     chart;
     el;
     cdr;
     rows;
     formGroup;
-    language;
+    alignment = "";
     Texts = Texts;
-    constructor(sanitizer, markdown, mime, programmability, events, weak, register, metadata, grid, chart, el, cdr) {
+    constructor(sanitizer, markdown, mime, programmability, events, weak, register, metadata, languageService, formService, grid, chart, el, cdr) {
         this.sanitizer = sanitizer;
         this.markdown = markdown;
         this.mime = mime;
@@ -5107,6 +5801,8 @@ class DynamicFieldsComponent {
         this.weak = weak;
         this.register = register;
         this.metadata = metadata;
+        this.languageService = languageService;
+        this.formService = formService;
         this.grid = grid;
         this.chart = chart;
         this.el = el;
@@ -5134,13 +5830,13 @@ class DynamicFieldsComponent {
         }
     }
     getTextFeedback(component) {
-        const control = this.formGroup.get(component.key);
+        const control = this.formService.getControl(this.formGroup, [component.path, component.key]);
         return !control || control.valid || !control.errors
             ? ''
             : control.errors['message'];
     }
     isWarning(component) {
-        const control = this.formGroup.get(component.key);
+        const control = this.formService.getControl(this.formGroup, [component.path, component.key]);
         return (control && control.errors && control.errors['warning']) || false;
     }
     locale(component, key) {
@@ -5250,7 +5946,7 @@ class DynamicFieldsComponent {
         }
         else {
             // Nothing
-            return of([]);
+            return this.noData;
         }
     }
     refreshValues(component) {
@@ -5264,7 +5960,7 @@ class DynamicFieldsComponent {
         };
     }
     getChartOptions(component) {
-        return this.weak.call(component, `getChartOptions_${this.language}`, () => this.chart.getOptions(component, this.formGroup, this.language));
+        return this.weak.call(component, `getChartOptions_${this.language}`, () => this.chart.getOptions(component, this.formGroup));
     }
     invalidateChart(component) {
         return () => this.weak.invalidate(component, `getChartOptions_${this.language}`);
@@ -5274,7 +5970,7 @@ class DynamicFieldsComponent {
         return this.programmability.evaluate(this.formGroup, expression);
     }
     getGridOptions(component) {
-        return this.weak.call(component, `getGridOptions_${this.language}`, () => this.grid.getOptions(component, this.formGroup, this.language));
+        return this.weak.call(component, `getGridOptions_${this.language}`, () => this.grid.getOptions(component, this.formGroup));
     }
     getGridModules(component) {
         return this.weak.call(component, 'getGridModules', () => this.grid.getModules());
@@ -5285,12 +5981,11 @@ class DynamicFieldsComponent {
     getRowSource(component) {
         if (component.dataSource) {
             // Expression
-            const result = this.evaluate(component.dataSource, true);
-            return this.getAsObservable(result);
+            return this.evaluate(component.dataSource, true);
         }
         else {
             // Nothing
-            return of([]);
+            return this.noData;
         }
     }
     refreshRowSource(component) {
@@ -5391,6 +6086,28 @@ class DynamicFieldsComponent {
             return null;
         }
     }
+    getGroupOutline(component) {
+        return {
+            'group-outline': component.showOutline === true
+        };
+    }
+    getFormAlignment() {
+        return this.getAlignmentRules("valign", this.alignment);
+    }
+    getComponentAlignment(component) {
+        return this.getAlignmentRules("component", component.selfAlignment);
+    }
+    noData = of([]);
+    get language() {
+        return this.languageService.getLanguage();
+    }
+    getAlignmentRules(ruleName, alignment) {
+        return {
+            [`${ruleName}-start`]: alignment === 'start',
+            [`${ruleName}-center`]: alignment === 'center',
+            [`${ruleName}-end`]: alignment === 'end'
+        };
+    }
     invalidate(text) {
         return this.programmability.invalidate(text);
     }
@@ -5464,21 +6181,21 @@ class DynamicFieldsComponent {
         };
     }
     ;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFieldsComponent, deps: [{ token: SanitizeService }, { token: MarkdownService }, { token: MimeService }, { token: ProgrammabilityService }, { token: EventService }, { token: WeakService }, { token: RegisterService }, { token: MetadataService }, { token: GridService }, { token: ChartService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DynamicFieldsComponent, isStandalone: true, selector: "app-dynamic-fields", inputs: { rows: "rows", formGroup: "formGroup", language: "language" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFieldsComponent, deps: [{ token: SanitizeService }, { token: MarkdownService }, { token: MimeService }, { token: ProgrammabilityService }, { token: EventService }, { token: WeakService }, { token: RegisterService }, { token: MetadataService }, { token: i2.LanguageService }, { token: FormService }, { token: GridService }, { token: ChartService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DynamicFieldsComponent, isStandalone: true, selector: "app-dynamic-fields", inputs: { rows: "rows", formGroup: "formGroup", alignment: "alignment" }, providers: [
             RegisterService,
             ProgrammabilityService,
             GridService,
             ChartService
-        ], ngImport: i0, template: "<ng-container *ngFor=\"let row of rows\" [formGroup]=\"formGroup\">\r\n  <div class=\"row field-set\">\r\n    <ng-container *ngFor=\"let component of row.components\">\r\n      <ng-container [ngSwitch]=\"component.type\">\r\n        <div [class]=\"getClass(component)\">\r\n          <div [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n               [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n            <!-- #region textfield -->\r\n            <ng-container *ngSwitchCase=\"'textfield'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-input type=\"text\"\r\n                               [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                               [label]=\"evaluateString(locale(component, 'label'))\"\r\n                               [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                               [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                               [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                               [textFeedback]=\"getTextFeedback(component)\"\r\n                               [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                               [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                               [properties]=\"component.properties\"\r\n                               [formControlName]=\"component.key\"\r\n                               [textcase]=\"component.textCase\"\r\n                               [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                               updateBlur\r\n                               validation\r\n                               [canValidate]=\"true\"\r\n                               [isWarning]=\"isWarning(component)\"\r\n                               [showWhenValid]=\"false\"\r\n                               #textfield\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"textfield\">\r\n              </ngx-sirio-input>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region select -->\r\n            <ng-container *ngSwitchCase=\"'select'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                [properties]=\"component.properties\"\r\n                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\r\n                                [refresh]=\"refreshValues(component)\"\r\n                                dropdown\r\n                                #select\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"select\">\r\n                <ngx-sirio-select-panel>\r\n                  <ngx-sirio-input *ngIf=\"component.searchable\" class=\"searchable\" type=\"text\" [placeholder]=\"locale(Texts, 'TypeToSearch')\"></ngx-sirio-input>\r\n                  <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                </ngx-sirio-select-panel>\r\n              </ngx-sirio-select>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region taglist -->\r\n            <ng-container *ngSwitchCase=\"'taglist'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                [properties]=\"component.properties\"\r\n                                [isMultiple]=\"true\"\r\n                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\r\n                                [refresh]=\"refreshValues(component)\"\r\n                                #taglist\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"taglist\">\r\n                <ngx-sirio-select-panel>\r\n                  <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                </ngx-sirio-select-panel>\r\n              </ngx-sirio-select>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region number -->\r\n            <ng-container *ngSwitchCase=\"'number'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-input type=\"number\"\r\n                               [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                               [label]=\"evaluateString(locale(component, 'label'))\"\r\n                               [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                               [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                               [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                               [textFeedback]=\"getTextFeedback(component)\"\r\n                               [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                               [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                               [properties]=\"component.properties\"\r\n                               [formControlName]=\"component.key\"\r\n                               number\r\n                               [defaultValue]=\"evaluateNumber(component.defaultValue)\"\r\n                               [minimum]=\"evaluateNumber(component.minimum)\"\r\n                               [maximum]=\"evaluateNumber(component.maximum)\"\r\n                               [decimalDigits]=\"evaluateNumber(component.decimalDigits)\"\r\n                               updateBlur\r\n                               validation\r\n                               [canValidate]=\"true\"\r\n                               [isWarning]=\"isWarning(component)\"\r\n                               [showWhenValid]=\"false\"\r\n                               #number\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"number\">\r\n              </ngx-sirio-input>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region datetime -->\r\n            <ng-container *ngSwitchCase=\"'datetime'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region date -->\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                  <ngx-sirio-datepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaDateLabel') || locale(component, 'dateLabel'))\"\r\n                                        [label]=\"evaluateString(locale(component, 'dateLabel'))\"\r\n                                        [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                        [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                        [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                        [textFeedback]=\"getTextFeedback(component)\"\r\n                                        [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                        [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                        [properties]=\"component.properties\"\r\n                                        [formControlName]=\"component.key\"\r\n                                        isoDate\r\n                                        validation\r\n                                        [canValidate]=\"true\"\r\n                                        [isWarning]=\"isWarning(component)\"\r\n                                        [showWhenValid]=\"false\"\r\n                                        #date\r\n                                        [register]=\"component\"\r\n                                        [componentRef]=\"date\">\r\n                  </ngx-sirio-datepicker>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region time -->\r\n                <ng-container *ngSwitchCase=\"'time'\">\r\n                  <ngx-sirio-timepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaTimeLabel') || locale(component, 'timeLabel'))\"\r\n                                        [label]=\"evaluateString(locale(component, 'timeLabel'))\"\r\n                                        [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                        [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                        [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                        [textFeedback]=\"getTextFeedback(component)\"\r\n                                        [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                        [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                        [properties]=\"component.properties\"\r\n                                        [formControlName]=\"component.key\"\r\n                                        validation\r\n                                        [canValidate]=\"true\"\r\n                                        [isWarning]=\"isWarning(component)\"\r\n                                        [showWhenValid]=\"false\"\r\n                                        #time\r\n                                        [register]=\"component\"\r\n                                        [componentRef]=\"time\">\r\n                  </ngx-sirio-timepicker>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region checkbox -->\r\n            <ng-container *ngSwitchCase=\"'checkbox'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region toggle -->\r\n                <ng-container *ngSwitchCase=\"'toggle'\">\r\n                  <ngx-sirio-toggle [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                    [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                    [textFeedback]=\"getTextFeedback(component)\"\r\n                                    [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                    [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                    [properties]=\"component.properties\"\r\n                                    [formControlName]=\"component.key\"\r\n                                    validation\r\n                                    [canValidate]=\"true\"\r\n                                    [isWarning]=\"isWarning(component)\"\r\n                                    [showWhenValid]=\"false\"\r\n                                    #toggle\r\n                                    [register]=\"component\"\r\n                                    [componentRef]=\"toggle\">\r\n                    {{ evaluateString(locale(component, 'label')) }}\r\n                  </ngx-sirio-toggle>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region default -->\r\n                <ng-container *ngSwitchDefault>\r\n                  <ngx-sirio-checkbox [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                      [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                      [properties]=\"component.properties\"\r\n                                      [formControlName]=\"component.key\"\r\n                                      validation\r\n                                      [canValidate]=\"true\"\r\n                                      [isWarning]=\"isWarning(component)\"\r\n                                      [showWhenValid]=\"false\"\r\n                                      #checkbox\r\n                                      [register]=\"component\"\r\n                                      [componentRef]=\"checkbox\">\r\n                    {{ evaluateString(locale(component, 'label')) }}\r\n                  </ngx-sirio-checkbox>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region radio -->\r\n            <ng-container *ngSwitchCase=\"'radio'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region chip -->\r\n                <ng-container *ngSwitchCase=\"'chip'\">\r\n                  <ngx-sirio-chip-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                              [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                              [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                              [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                              [textFeedback]=\"getTextFeedback(component)\"\r\n                                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                              [properties]=\"component.properties\"\r\n                                              [formControlName]=\"component.key\"\r\n                                              validation\r\n                                              [canValidate]=\"true\"\r\n                                              [isWarning]=\"isWarning(component)\"\r\n                                              [showWhenValid]=\"false\"\r\n                                              [refresh]=\"refreshValues(component)\"\r\n                                              #chipradio\r\n                                              [register]=\"component\"\r\n                                              [componentRef]=\"chipradio\">\r\n                    <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                          type=\"radio\"\r\n                                          [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-input-chip>\r\n                  </ngx-sirio-chip-radio-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region default -->\r\n                <ng-container *ngSwitchDefault>\r\n                  <ngx-sirio-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                         [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                         [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                         [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                         [textFeedback]=\"getTextFeedback(component)\"\r\n                                         [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                         [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                         [properties]=\"component.properties\"\r\n                                         [formControlName]=\"component.key\"\r\n                                         validation\r\n                                         [canValidate]=\"true\"\r\n                                         [isWarning]=\"isWarning(component)\"\r\n                                         [showWhenValid]=\"false\"\r\n                                         [refresh]=\"refreshValues(component)\"\r\n                                         #radio\r\n                                         [register]=\"component\"\r\n                                         [componentRef]=\"radio\">\r\n                    <ngx-sirio-radio-button *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-radio-button>\r\n                  </ngx-sirio-radio-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region checklist -->\r\n            <ng-container *ngSwitchCase=\"'checklist'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region chip -->\r\n                <ng-container *ngSwitchCase=\"'chip'\">\r\n                  <ngx-sirio-chip-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                                 [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                                 [properties]=\"component.properties\"\r\n                                                 [formControlName]=\"component.key\"\r\n                                                 validation\r\n                                                 [canValidate]=\"true\"\r\n                                                 [isWarning]=\"isWarning(component)\"\r\n                                                 [showWhenValid]=\"false\"\r\n                                                 [refresh]=\"refreshValues(component)\"\r\n                                                 #chipcheckbox\r\n                                                 [register]=\"component\"\r\n                                                 [componentRef]=\"chipcheckbox\">\r\n                    <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                          type=\"checkbox\"\r\n                                          [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-input-chip>\r\n                  </ngx-sirio-chip-checkbox-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region default -->\r\n                <ng-container *ngSwitchDefault>\r\n                  <ngx-sirio-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                            [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                            [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                            [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                            [textFeedback]=\"getTextFeedback(component)\"\r\n                                            [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                            [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                            [properties]=\"component.properties\"\r\n                                            [formControlName]=\"component.key\"\r\n                                            validation\r\n                                            [canValidate]=\"true\"\r\n                                            [isWarning]=\"isWarning(component)\"\r\n                                            [showWhenValid]=\"false\"\r\n                                            [refresh]=\"refreshValues(component)\"\r\n                                            #checkbox\r\n                                            [register]=\"component\"\r\n                                            [componentRef]=\"checkbox\">\r\n                    <ngx-sirio-checkbox *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-checkbox>\r\n                  </ngx-sirio-checkbox-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region textarea -->\r\n            <ng-container *ngSwitchCase=\"'textarea'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-input type=\"textarea\"\r\n                               [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                               [label]=\"evaluateString(locale(component, 'label'))\"\r\n                               [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                               [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                               [properties]=\"component.properties\"\r\n                               [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                               [textFeedback]=\"getTextFeedback(component)\"\r\n                               [formControlName]=\"component.key\"\r\n                               [textcase]=\"component.textCase\"\r\n                               [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                               updateBlur\r\n                               validation\r\n                               [canValidate]=\"true\"\r\n                               [isWarning]=\"isWarning(component)\"\r\n                               [showWhenValid]=\"false\"\r\n                               #textarea\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"textarea\">\r\n              </ngx-sirio-input>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region filepicker -->\r\n            <ng-container *ngSwitchCase=\"'filepicker'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-file-upload [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                     [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                     [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                     [accept]=\"getMimeTypes(component.accept)\"\r\n                                     [multiple]=\"evaluateBoolean(component.multiple)\"\r\n                                     (fileUploadedEvent)=\"fileUploaded($event)\"\r\n                                     [showFilelist]=\"!component.showDetails\"\r\n                                     [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                     [textFeedback]=\"getTextFeedback(component)\"\r\n                                     [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                     [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                     [properties]=\"component.properties\"\r\n                                     [formControlName]=\"component.key\"\r\n                                     validation\r\n                                     [canValidate]=\"true\"\r\n                                     [isWarning]=\"isWarning(component)\"\r\n                                     [showWhenValid]=\"false\"\r\n                                     #filepicker\r\n                                     [register]=\"component\"\r\n                                     [componentRef]=\"filepicker\">\r\n                <span class=\"fas fa-arrow-up\" aria-hidden=\"true\"></span>\r\n                {{ locale(Texts, 'Upload') }}\r\n              </ngx-sirio-file-upload>\r\n              <ng-container *ngIf=\"component.showDetails\">\r\n                <app-dynamic-fields [formGroup]=\"formGroup\"\r\n                                    [rows]=\"createUploadTables(component)\"\r\n                                    [language]=\"language\"></app-dynamic-fields>\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region range -->\r\n            <ng-container *ngSwitchCase=\"'range'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-slider [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                [properties]=\"component.properties\"\r\n                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\r\n                                [min]=\"evaluateNumber(component.range?.min) ?? 0\"\r\n                                [max]=\"evaluateNumber(component.range?.max) ?? 0\"\r\n                                #range\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"range\">\r\n              </ngx-sirio-slider>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region dynamiclist -->\r\n            <ng-container *ngSwitchCase=\"'dynamiclist'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [formArrayName]=\"component.key\"\r\n                            [repeat]=\"evaluateNumber(component.repetitions)\"\r\n                            [allowAddRemove]=\"evaluateBoolean(component.allowAddRemove)\">\r\n                <p *ngIf=\"component.description\">{{ evaluateString(locale(component, 'description')) }}</p>\r\n                <ng-container *ngIf=\"getFormArray(resolvePath(component.path).get(component.key)) as formArray\">\r\n                  <ng-container *ngIf=\"formArray.controls.length > 0\">\r\n                    <ng-container [ngSwitch]=\"component.subtype\">\r\n                      <!-- #region tab -->\r\n                      <ng-container *ngSwitchCase=\"'tab'\">\r\n                        <div [register]=\"component\"\r\n                             [componentRef]=\"dynamiclisttab\">\r\n                          <ngx-sirio-tab [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                                         [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                                         [tabCount]=\"formArray.controls.length\"\r\n                                         #dynamiclisttab>\r\n                            <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                              <ngx-sirio-tab-item [label]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\">\r\n                                <ng-container *ngIf=\"i === dynamiclisttab.activeIndex\">\r\n                                  <div [ngClass]=\"{\r\n'group-top': component.verticalAlignment === 'start',\r\n'group-center': component.verticalAlignment === 'center',\r\n'group-bottom': component.verticalAlignment === 'end'}\">\r\n                                    <div>\r\n                                      <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                          [rows]=\"component.rows\"\r\n                                                          [language]=\"language\"></app-dynamic-fields>\r\n                                    </div>\r\n                                    <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                      <div style=\"text-align:right\">\r\n                                        <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                      </div>\r\n                                    </ng-container>\r\n                                  </div>\r\n                                </ng-container>\r\n                              </ngx-sirio-tab-item>\r\n                            </ng-container>\r\n                          </ngx-sirio-tab>\r\n                        </div>\r\n                      </ng-container>\r\n                      <!-- #endregion -->\r\n                      <!-- #region accordion -->\r\n                      <ng-container *ngSwitchCase=\"'accordion'\">\r\n                        <div [register]=\"component\"\r\n                             [componentRef]=\"dynamiclistaccordion\">\r\n                          <ngx-sirio-accordion [accordionCount]=\"formArray.controls.length\"\r\n                                               #dynamiclistaccordion>\r\n                            <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                              <ngx-sirio-accordion-panel #panel accordionPanel>\r\n                                <ngx-sirio-accordion-header>\r\n                                  <span [innerText]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\"></span>\r\n                                </ngx-sirio-accordion-header>\r\n                                <ngx-sirio-accordion-body>\r\n                                  <ng-container *ngIf=\"panel.panelIsOpen\">\r\n                                    <div [ngClass]=\"{\r\n'group-top': component.verticalAlignment === 'start',\r\n'group-center': component.verticalAlignment === 'center',\r\n'group-bottom': component.verticalAlignment === 'end'}\">\r\n                                      <div>\r\n                                        <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                            [rows]=\"component.rows\"\r\n                                                            [language]=\"language\"></app-dynamic-fields>\r\n                                      </div>\r\n                                      <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                        <div style=\"text-align:right\">\r\n                                          <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                        </div>\r\n                                      </ng-container>\r\n                                    </div>\r\n                                  </ng-container>\r\n                                </ngx-sirio-accordion-body>\r\n                              </ngx-sirio-accordion-panel>\r\n                            </ng-container>\r\n                          </ngx-sirio-accordion>\r\n                        </div>\r\n                      </ng-container>\r\n                      <!-- #endregion -->\r\n                      <!-- #region default -->\r\n                      <ng-container *ngSwitchDefault>\r\n                        <div #dynamiclist\r\n                             [register]=\"component\"\r\n                             [componentRef]=\"dynamiclist\">\r\n                          <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                            <div [ngClass]=\"{'group-outline': component.showOutline === true, 'group-outline-repeat': true }\">\r\n                              <div [ngClass]=\"{\r\n'group-top': component.verticalAlignment === 'start',\r\n'group-center': component.verticalAlignment === 'center',\r\n'group-bottom': component.verticalAlignment === 'end'}\">\r\n                                <label>{{ evaluateString(locale(component, 'label')) + ' ' + (i + 1) }}</label>\r\n                                <div>\r\n                                  <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                      [rows]=\"component.rows\"\r\n                                                      [language]=\"language\"></app-dynamic-fields>\r\n                                </div>\r\n                                <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                  <div style=\"text-align:right\">\r\n                                    <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                  </div>\r\n                                </ng-container>\r\n                              </div>\r\n                            </div>\r\n                          </ng-container>\r\n                        </div>\r\n                      </ng-container>\r\n                      <!-- #endregion -->\r\n                    </ng-container>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"component.allowAddRemove\">\r\n                    <ngx-sirio-button (click)=\"addItem(formArray)\" class=\"add-item\" [color]=\"null\" icon=\"fas fa-plus\">{{ evaluateString(locale(component, 'addLabel') || locale(Texts, 'AddItem')) }}</ngx-sirio-button>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region group -->\r\n            <ng-container *ngSwitchCase=\"'group'\">\r\n              <div [ngClass]=\"{\r\n     'group-outline': component.showOutline === true,\r\n     'group-top': component.verticalAlignment === 'start',\r\n     'group-center': component.verticalAlignment === 'center',\r\n     'group-bottom': component.verticalAlignment === 'end'}\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <div #group\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"group\">\r\n                  <ng-container *disablePath=\"{\r\n                      disabled: evaluateBoolean(component.disabled),\r\n                      formGroup: formGroup,\r\n                      path: component.path\r\n                    }\">\r\n                  </ng-container>\r\n                  <app-dynamic-fields [formGroup]=\"resolvePath(component.path)\"\r\n                                      [rows]=\"component.rows\"\r\n                                      [language]=\"language\"></app-dynamic-fields>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region tab -->\r\n            <ng-container *ngSwitchCase=\"'tab'\">\r\n\r\n              <ng-container *ngFor=\"let panel of component.panels\">\r\n                <ng-container *disablePath=\"{\r\n                  disabled: evaluateBoolean(panel.disabled),\r\n                  formGroup: formGroup,\r\n                  path: panel.path\r\n                }\">\r\n                </ng-container>\r\n              </ng-container>\r\n\r\n              <ngx-sirio-tab #tab\r\n                             [register]=\"component\"\r\n                             [componentRef]=\"tab\"\r\n                             [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                             [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                             [isNavLine]=\"component.navigation\"\r\n                             [isVertical]=\"component.vertical\"\r\n                             tabControl>\r\n                <ng-container *ngFor=\"let panel of component.panels; let i = index;\">\r\n                  <ngx-sirio-tab-item [label]=\"evaluateString(locale(panel, 'label'))\"\r\n                                      [icon]=\"evaluateString(panel.icon)\"\r\n                                      [disabled]=\"evaluateBoolean(panel.disabled) ?? false\"\r\n                                      *ngIf=\"evaluateConditional(panel.conditional)\">\r\n                    <div *ngIf=\"i === tab.activeIndex\" [ngClass]=\"{\r\n          'group-top': component.verticalAlignment === 'start',\r\n          'group-center': component.verticalAlignment === 'center',\r\n          'group-bottom': component.verticalAlignment === 'end'}\">\r\n                      <div>\r\n                        <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                            [rows]=\"getTemplate(panel.template)?.rows\"\r\n                                            [language]=\"language\"></app-dynamic-fields>\r\n                      </div>\r\n                    </div>\r\n                  </ngx-sirio-tab-item>\r\n                </ng-container>\r\n              </ngx-sirio-tab>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region accordion -->\r\n            <ng-container *ngSwitchCase=\"'accordion'\">\r\n\r\n              <ng-container *ngFor=\"let panel of component.panels\">\r\n                <ng-container *disablePath=\"{\r\n    disabled: evaluateBoolean(panel.disabled),\r\n    formGroup: formGroup,\r\n    path: panel.path\r\n  }\">\r\n                </ng-container>\r\n              </ng-container>\r\n\r\n              <ngx-sirio-accordion #accordion\r\n                                   [register]=\"component\"\r\n                                   [componentRef]=\"accordion\">\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ngx-sirio-accordion-panel *ngIf=\"evaluateConditional(panel.conditional)\"\r\n                                             [disabled]=\"evaluateBoolean(panel.disabled)\">\r\n                    <ngx-sirio-accordion-header>\r\n                      <span [innerText]=\"evaluateString(locale(panel, 'label'))\"></span>\r\n                    </ngx-sirio-accordion-header>\r\n                    <ngx-sirio-accordion-body>\r\n                      <div [ngClass]=\"{\r\n          'group-top': component.verticalAlignment === 'start',\r\n          'group-center': component.verticalAlignment === 'center',\r\n          'group-bottom': component.verticalAlignment === 'end'}\">\r\n                        <div>\r\n                          <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                              [rows]=\"getTemplate(panel.template)?.rows\"\r\n                                              [language]=\"language\"></app-dynamic-fields>\r\n                        </div>\r\n                      </div>\r\n                    </ngx-sirio-accordion-body>\r\n                  </ngx-sirio-accordion-panel>\r\n                </ng-container>\r\n              </ngx-sirio-accordion>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region text -->\r\n            <ng-container *ngSwitchCase=\"'text'\">\r\n              <div [collapse]=\"component.collapseTo\"\r\n                   [language]=\"language\"\r\n                   #text\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"text\">\r\n                <!--Reset View Context-->\r\n                <div tabindex=\"0\" style=\"display:none\"></div>\r\n                <div class=\"flex\">\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                  <ng-container *ngIf=\"component.tooltip\">\r\n                    <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n                    <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                            sirioTooltip\r\n                            [attr.aria-label]=\"locale(Texts, 'Information')\"\r\n                            [hasPopover]=\"true\"\r\n                            [customTemplate]=\"tooltipWrapper.getTemplateRef()\"></button>\r\n                    <ng-template #tooltipTemplate let-component=\"component\">\r\n                      <div class=\"sirio-tooltip-body\">\r\n                        <div class=\"text-paragraph\"\r\n                             [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'tooltip')))\">\r\n                        </div>\r\n                      </div>\r\n                    </ng-template>\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region html -->\r\n            <ng-container *ngSwitchCase=\"'html'\">\r\n              <div class=\"html-paragraph\"\r\n                   [innerHTML]=\"sanitize(evaluateTemplate(locale(component, 'content')))\"\r\n                   #html\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"html\">\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region image -->\r\n            <ng-container *ngSwitchCase=\"'image'\">\r\n              <img [src]=\"evaluateString(component.source)\"\r\n                   [alt]=\"evaluateString(locale(component, 'alt'))\"\r\n                   style=\"width: 100%;height: 100%;\"\r\n                   #image\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"image\">\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region table -->\r\n            <ng-container *ngSwitchCase=\"'table'\">\r\n              <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n              <ag-grid-angular [modules]=\"getGridModules(component)\"\r\n                               [gridOptions]=\"getGridOptions(component)\"\r\n                               (selectionChanged)=\"onGridSelectionChanged(component, $event)\"\r\n                               [columnDefs]=\"component.columns || evaluate(component.columnsExpression) || []\"\r\n                               [rowSource]=\"(getRowSource(component) | async) || []\"\r\n                               [refresh]=\"refreshRowSource(component)\"\r\n                               [style.height.px]=\"component.height\"\r\n                               [formGroup]=\"formGroup\"\r\n                               [language]=\"language\"\r\n                               #table\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"table\" />\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region button -->\r\n            <ng-container *ngSwitchCase=\"'button'\">\r\n              <ngx-sirio-button (clickEvent)=\"clickButton(component, $event)\"\r\n                                [color]=\"evaluateColor(component.color)\"\r\n                                [icon]=\"evaluateString(component.icon)\"\r\n                                [disabled]=\"evaluateBoolean(component.disabled)\"\r\n                                #button\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"button\">\r\n                {{ evaluateString(locale(component, 'label')) }}\r\n              </ngx-sirio-button>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region separator -->\r\n            <ng-container *ngSwitchCase=\"'separator'\">\r\n              <div class=\"separator\"\r\n                   #separator\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"separator\">\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region spacer -->\r\n            <ng-container *ngSwitchCase=\"'spacer'\">\r\n              <div style=\"width: 100%\"\r\n                   [style.height.px]=\"component.height\"\r\n                   #spacer\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"spacer\">\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region iframe -->\r\n            <ng-container *ngSwitchCase=\"'iframe'\">\r\n              <label [for]=\"component.id\">{{ evaluateString(locale(component, 'label')) }}</label>\r\n              <iframe [src]=\"evaluateUrl(component.url)\"\r\n                      [title]=\"evaluateString(locale(component, 'label'))\"\r\n                      [style.width]=\"'100%'\"\r\n                      [style.height.px]=\"component.height\"\r\n                      [frameSecurity]=\"component.security\"\r\n                      #iframe\r\n                      [register]=\"component\"\r\n                      [componentRef]=\"iframe\">\r\n              </iframe>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region alert -->\r\n            <ng-container *ngSwitchCase=\"'alert'\">\r\n              <ngx-sirio-alert [type]=\"component.role\"\r\n                               [labelClose]=\"locale(Texts, 'Close')\"\r\n                               #alert\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"alert\">\r\n                <ngx-sirio-alert-message>\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                </ngx-sirio-alert-message>\r\n              </ngx-sirio-alert>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region notice -->\r\n            <ng-container *ngSwitchCase=\"'notice'\">\r\n              <ngx-sirio-notify #notice\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"notice\">\r\n                <ngx-sirio-notify-body [title]=\"evaluateString(locale(component, 'title'))\">\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                </ngx-sirio-notify-body>\r\n              </ngx-sirio-notify>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region tooltip -->\r\n            <ng-container *ngSwitchCase=\"'tooltip'\">\r\n              <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n              <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                      sirioTooltip\r\n                      [hasPopover]=\"true\"\r\n                      [customTemplate]=\"tooltipWrapper.getTemplateRef()\"\r\n                      #tooltip\r\n                      [register]=\"component\"\r\n                      [componentRef]=\"tooltip\"></button>\r\n              <ng-template #tooltipTemplate let-component=\"component\">\r\n                <div class=\"sirio-tooltip-body\">\r\n                  <p *ngIf=\"component.title\" class=\"sirio-tooltip-heading sirio-space-down\">\r\n                    {{ evaluateString(locale(component, 'title')) }}\r\n                  </p>\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region chart -->\r\n            <ng-container *ngSwitchCase=\"'chart'\">\r\n              <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n              <ag-charts [options]=\"(getChartOptions(component) | async) ?? {}\"\r\n                         [observe]=\"getChartData(component)\"\r\n                         [callback]=\"invalidateChart(component)\"\r\n                         [style.height.px]=\"component.height\"\r\n                         #chart\r\n                         [register]=\"component\"\r\n                         [componentRef]=\"chart\" />\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region component -->\r\n            <ng-container *ngSwitchCase=\"'component'\">\r\n              <ng-container *ngIf=\"component.isInput; else noInputTemplate\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <!--aggiungere disabled-->\r\n                <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                  [formGroup]=\"resolvePath(component.path)\"\r\n                                  #componentHost\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"componentHost\" />\r\n              </ng-container>\r\n              <ng-template #noInputTemplate>\r\n                <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                  #componentHost\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"componentHost\" />\r\n              </ng-template>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flex{display:flex}.field-set{align-items:start}.field-set>.col-host>*{margin-bottom:10px}.separator{border-bottom:2px solid #d9e4f7;width:100%;margin:10px 0}.group-outline{border:1px solid #d9e4f7;padding:15px;margin-top:2px;margin-bottom:2px}.group-outline-repeat{margin-top:8px;margin-bottom:8px}.group-top .row{align-items:baseline}.group-center .row{align-items:center}.group-bottom .row{align-items:end}.text-paragraph p{margin-bottom:0!important}.sirio-tab.sirio-tab-vertical .sirio-tab-body{margin-left:10px;margin-right:10px}.sirio-tab:not(.sirio-tab-vertical) .sirio-tab-body{margin-top:10px;margin-bottom:10px}.sirio-control.ng-invalid .sirio-form-feedback{color:#aa224f;display:inline-block}.sirio-control.ng-invalid .sirio-input-group-text{color:#aa224f;border-color:#aa224f}.sirio-control.is-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.is-readonly .sirio-form-control{background-color:#fff!important;color:#454d56}.sirio-control.light-readonly label:hover{color:#454d56}.sirio-control.light-readonly input.sirio-form-control,.sirio-control.light-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.light-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.light-readonly label,.sirio-upload.sirio-control.is-disabled label{pointer-events:none}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label{color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label:before,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label{color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:before,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:after,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:after{background-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-upload.sirio-is-invalid button{background-color:#aa224f;border-color:#aa224f}.col-host .sirio-accordion .sirio-accordion-body .sirio-accordion-content{padding:16px}.col-host .sirio-accordion-body{overflow:unset!important}.ag-header-cell.hide-filter .ag-header-cell-filter-button{display:none}.sirio-tab.sirio-tab-scroll{display:block}.sirio-dropdown .searchable{position:absolute;width:100%;display:none;left:0}.ag-cell-value .btn-small-group{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ag-cell-value .btn-small .sirio-btn{padding:.25rem .0625rem;margin:2px}.ag-selection-checkbox .ag-checkbox-input-wrapper.ag-disabled{display:none}ag-charts{display:block;height:100%;border-radius:8px;background-color:var(--chart-bg);border:1px solid var(--chart-border);overflow:hidden}.ag-cell.cell-component{padding:1px}\n"], dependencies: [{ kind: "component", type: DynamicFieldsComponent, selector: "app-dynamic-fields", inputs: ["rows", "formGroup", "language"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i11.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i11.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i11.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: AdornerDirective, selector: "[prefixAdorner], [suffixAdorner]", inputs: ["prefixAdorner", "suffixAdorner"] }, { kind: "directive", type: DisableDirective, selector: "[disableControl], [readonly]", inputs: ["disableControl", "readonly", "placeholder", "componentRef", "properties"] }, { kind: "directive", type: DisplayDirective, selector: "[hide], [show]", inputs: ["hide", "show"] }, { kind: "directive", type: FrameSecurityDirective, selector: "[frameSecurity]", inputs: ["frameSecurity"] }, { kind: "directive", type: DropdownDirective, selector: "[dropdown]" }, { kind: "directive", type: UpdateBlurDirective, selector: "[updateBlur]" }, { kind: "directive", type: RepeatDirective, selector: "[repeat], [allowAddRemove]", inputs: ["repeat", "allowAddRemove"] }, { kind: "directive", type: TabDirective, selector: "[tabCount]", inputs: ["tabCount"] }, { kind: "directive", type: GridDirective, selector: "[rowSource], [columnDefs]", inputs: ["rowSource", "columnDefs", "formGroup", "language", "register"] }, { kind: "directive", type: ChangeDirective, selector: "[observe]", inputs: ["observe", "callback"] }, { kind: "directive", type: RegisterDirective, selector: "[register]", inputs: ["register", "componentRef"] }, { kind: "directive", type: RefreshDirective, selector: "[refresh]", inputs: ["refresh", "componentRef"] }, { kind: "directive", type: AccordionDirective, selector: "[accordionCount]", inputs: ["accordionCount"] }, { kind: "directive", type: DateDirective, selector: "[isoDate]" }, { kind: "directive", type: NumberDirective, selector: "[number]", inputs: ["defaultValue", "minimum", "maximum", "decimalDigits"] }, { kind: "directive", type: TextDirective, selector: "[textcase], [maxlength]", inputs: ["textcase", "maxlength"] }, { kind: "directive", type: DisablePathDirective, selector: "[disablePath]", inputs: ["disablePath"] }, { kind: "directive", type: TabControlDirective, selector: "[tabControl]" }, { kind: "directive", type: CollapseDirective, selector: "[collapse]", inputs: ["collapse", "language"] }, { kind: "directive", type: AccordionPanelDirective, selector: "[accordionPanel]" }, { kind: "component", type: SirioInputComponent, selector: "ngx-sirio-input", inputs: ["disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "type", "name", "placeholder", "textHelp", "textFeedback", "rows", "cols", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "role"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "directive", type: SirioValidationDirective, selector: "[validation]", inputs: ["canValidate", "isWarning", "showWhenValid"] }, { kind: "component", type: SirioSelectComponent, selector: "ngx-sirio-select", inputs: ["placeholder", "disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "isMultiple", "textHelp", "textFeedback", "ariaLabel", "ariaInvalid", "ariaDescribedBy"], outputs: ["focusEvent", "blurEvent", "keydownEvent"] }, { kind: "component", type: SirioSelectOptionComponent, selector: "ngx-sirio-select-option", inputs: ["value"], outputs: ["optionSelected", "blurEvent"] }, { kind: "component", type: SirioSelectPanelComponent, selector: "ngx-sirio-select-panel", outputs: ["optionSelected", "panelOpened", "panelClosed"] }, { kind: "component", type: SirioCheckboxGroupComponent, selector: "ngx-sirio-checkbox-group", inputs: ["textHelp", "textFeedback", "label", "labelPopover", "ariaLabelPopoverButton", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioCheckboxComponent, selector: "ngx-sirio-checkbox", inputs: ["disabled", "name", "textHelp", "textFeedback", "value", "ariaInvalid", "ariaDescribedBy", "disabledState", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioDatepickerComponent, selector: "ngx-sirio-datepicker", inputs: ["name", "placeholder", "textHelp", "textFeedback", "label", "labelPopover", "ariaLabelPopoverButton", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "value", "disabledState"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent", "datechangeEvent"] }, { kind: "component", type: SirioTimepickerComponent, selector: "ngx-sirio-timepicker", inputs: ["name", "label", "labelPopover", "ariaLabelPopoverButton", "placeholder", "textHelp", "textFeedback", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "component", type: SirioRadioGroupComponent, selector: "ngx-sirio-radio-group", inputs: ["label", "labelPopover", "ariaLabelPopoverButton", "textHelp", "textFeedback", "items", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioRadioButtonComponent, selector: "ngx-sirio-radio-button", inputs: ["disabledState", "label", "name", "textHelp", "textFeedback", "ariaInvalid", "ariaDescribedBy", "value", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioTabComponent, selector: "ngx-sirio-tab", inputs: ["isVertical", "isNavLine", "leftArrowLabel", "rightArrowLabel", "tabActive"], outputs: ["tabChange"] }, { kind: "component", type: SirioTabItemComponent, selector: "ngx-sirio-tab-item", inputs: ["label", "disabled", "icon"] }, { kind: "component", type: SirioAccordionComponent, selector: "ngx-sirio-accordion", inputs: ["dark"] }, { kind: "component", type: SirioAccordionPanelComponent, selector: "ngx-sirio-accordion-panel", inputs: ["active", "disabled"], outputs: ["opened", "closed"] }, { kind: "component", type: SirioAccordionHeaderComponent, selector: "ngx-sirio-accordion-header" }, { kind: "component", type: SirioAccordionBodyComponent, selector: "ngx-sirio-accordion-body" }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: SirioFileUploadComponent, selector: "ngx-sirio-file-upload", inputs: ["multiple", "color", "accept", "maxFiles", "showFilelist", "label", "labelPopover", "ariaLabelPopoverButton", "name", "textHelp", "textFeedback", "ariaLabel", "ariaLabelDeleteFileButton", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "fileUploadedEvent", "fileDeletedEvent", "uploadErrorEvent", "blurEvent"] }, { kind: "component", type: SirioToggleComponent, selector: "ngx-sirio-toggle", inputs: ["name", "textHelp", "textFeedback", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioChipCheckboxGroupComponent, selector: "ngx-sirio-chip-checkbox-group", inputs: ["label", "labelPopover", "ariaLabelPopoverButton", "textHelp", "textFeedback", "items", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioChipRadioGroupComponent, selector: "ngx-sirio-chip-radio-group", inputs: ["label", "labelPopover", "ariaLabelPopoverButton", "textHelp", "textFeedback", "items", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioInputChipComponent, selector: "ngx-sirio-input-chip", inputs: ["disabledState", "name", "textHelp", "textFeedback", "value", "ariaInvalid", "ariaDescribedBy", "type", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioAlertComponent, selector: "ngx-sirio-alert", inputs: ["type", "labelClose", "isVisible"], outputs: ["closeEvent"] }, { kind: "component", type: SirioAlertMessageComponent, selector: "ngx-sirio-alert-message" }, { kind: "component", type: SirioSliderComponent, selector: "ngx-sirio-slider", inputs: ["disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "description", "min", "max", "ariaInvalid", "ariaDescribedBy", "textHelp", "textFeedback"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "component", type: SirioNotifyComponent, selector: "ngx-sirio-notify", inputs: ["isDark"] }, { kind: "component", type: SirioNotifyBodyComponent, selector: "ngx-sirio-notify-body", inputs: ["title"] }, { kind: "directive", type: SirioTooltipDirective, selector: "[sirioTooltip]", inputs: ["sirioTooltip", "content", "hasAction", "hasPopover", "actionLabel", "actionIconClass", "clickOutside", "position", "customTemplate"], outputs: ["clickEvent"] }, { kind: "component", type: TemplateWrapperComponent, selector: "app-template-wrapper", inputs: ["template", "context"] }, { kind: "component", type: DynamicHostComponent, selector: "app-dynamic-host", inputs: ["register", "properties", "formGroup"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AgCharts, selector: "ag-charts", inputs: ["options"], outputs: ["onChartReady"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], ngImport: i0, template: "<div [ngClass]=\"getFormAlignment()\">\r\n  <ng-container *ngFor=\"let row of rows\" [formGroup]=\"formGroup\">\r\n    <div class=\"row field-set\">\r\n      <ng-container *ngFor=\"let component of row.components\">\r\n        <ng-container [ngSwitch]=\"component.type\">\r\n          <div [class]=\"getClass(component)\"\r\n               [ngClass]=\"getComponentAlignment(component)\">\r\n            <div [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n              <!-- #region textfield -->\r\n              <ng-container *ngSwitchCase=\"'textfield'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-input type=\"text\"\r\n                                 [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                 [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                 [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                                 [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                 [properties]=\"component.properties\"\r\n                                 [formControlName]=\"component.key\"\r\n                                 [textcase]=\"component.textCase\"\r\n                                 [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                                 updateBlur\r\n                                 validation\r\n                                 [canValidate]=\"true\"\r\n                                 [isWarning]=\"isWarning(component)\"\r\n                                 [showWhenValid]=\"false\"\r\n                                 #textfield\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"textfield\">\r\n                </ngx-sirio-input>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region select -->\r\n              <ng-container *ngSwitchCase=\"'select'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                  [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                  [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                  [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                  [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [properties]=\"component.properties\"\r\n                                  [formControlName]=\"component.key\"\r\n                                  validation\r\n                                  [canValidate]=\"true\"\r\n                                  [isWarning]=\"isWarning(component)\"\r\n                                  [showWhenValid]=\"false\"\r\n                                  [refresh]=\"refreshValues(component)\"\r\n                                  dropdown\r\n                                  #select\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"select\">\r\n                  <ngx-sirio-select-panel>\r\n                    <ngx-sirio-input *ngIf=\"component.searchable\" class=\"searchable\" type=\"text\" [placeholder]=\"locale(Texts, 'TypeToSearch')\"></ngx-sirio-input>\r\n                    <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                  </ngx-sirio-select-panel>\r\n                </ngx-sirio-select>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region taglist -->\r\n              <ng-container *ngSwitchCase=\"'taglist'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                  [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                  [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                  [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                  [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [properties]=\"component.properties\"\r\n                                  [isMultiple]=\"true\"\r\n                                  [formControlName]=\"component.key\"\r\n                                  validation\r\n                                  [canValidate]=\"true\"\r\n                                  [isWarning]=\"isWarning(component)\"\r\n                                  [showWhenValid]=\"false\"\r\n                                  [refresh]=\"refreshValues(component)\"\r\n                                  #taglist\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"taglist\">\r\n                  <ngx-sirio-select-panel>\r\n                    <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                  </ngx-sirio-select-panel>\r\n                </ngx-sirio-select>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region number -->\r\n              <ng-container *ngSwitchCase=\"'number'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-input type=\"number\"\r\n                                 [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                 [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                 [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                                 [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                 [properties]=\"component.properties\"\r\n                                 [formControlName]=\"component.key\"\r\n                                 number\r\n                                 [defaultValue]=\"evaluateNumber(component.defaultValue)\"\r\n                                 [minimum]=\"evaluateNumber(component.minimum)\"\r\n                                 [maximum]=\"evaluateNumber(component.maximum)\"\r\n                                 [decimalDigits]=\"evaluateNumber(component.decimalDigits)\"\r\n                                 updateBlur\r\n                                 validation\r\n                                 [canValidate]=\"true\"\r\n                                 [isWarning]=\"isWarning(component)\"\r\n                                 [showWhenValid]=\"false\"\r\n                                 #number\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"number\">\r\n                </ngx-sirio-input>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region datetime -->\r\n              <ng-container *ngSwitchCase=\"'datetime'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region date -->\r\n                  <ng-container *ngSwitchCase=\"'date'\">\r\n                    <ngx-sirio-datepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaDateLabel') || locale(component, 'dateLabel'))\"\r\n                                          [label]=\"evaluateString(locale(component, 'dateLabel'))\"\r\n                                          [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                          [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                          [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                          [textFeedback]=\"getTextFeedback(component)\"\r\n                                          [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                          [properties]=\"component.properties\"\r\n                                          [formControlName]=\"component.key\"\r\n                                          isoDate\r\n                                          validation\r\n                                          [canValidate]=\"true\"\r\n                                          [isWarning]=\"isWarning(component)\"\r\n                                          [showWhenValid]=\"false\"\r\n                                          #date\r\n                                          [register]=\"component\"\r\n                                          [componentRef]=\"date\">\r\n                    </ngx-sirio-datepicker>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region time -->\r\n                  <ng-container *ngSwitchCase=\"'time'\">\r\n                    <ngx-sirio-timepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaTimeLabel') || locale(component, 'timeLabel'))\"\r\n                                          [label]=\"evaluateString(locale(component, 'timeLabel'))\"\r\n                                          [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                          [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                          [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                          [textFeedback]=\"getTextFeedback(component)\"\r\n                                          [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                          [properties]=\"component.properties\"\r\n                                          [formControlName]=\"component.key\"\r\n                                          validation\r\n                                          [canValidate]=\"true\"\r\n                                          [isWarning]=\"isWarning(component)\"\r\n                                          [showWhenValid]=\"false\"\r\n                                          #time\r\n                                          [register]=\"component\"\r\n                                          [componentRef]=\"time\">\r\n                    </ngx-sirio-timepicker>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region checkbox -->\r\n              <ng-container *ngSwitchCase=\"'checkbox'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region toggle -->\r\n                  <ng-container *ngSwitchCase=\"'toggle'\">\r\n                    <ngx-sirio-toggle [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                      [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [properties]=\"component.properties\"\r\n                                      [formControlName]=\"component.key\"\r\n                                      validation\r\n                                      [canValidate]=\"true\"\r\n                                      [isWarning]=\"isWarning(component)\"\r\n                                      [showWhenValid]=\"false\"\r\n                                      #toggle\r\n                                      [register]=\"component\"\r\n                                      [componentRef]=\"toggle\">\r\n                      {{ evaluateString(locale(component, 'label')) }}\r\n                    </ngx-sirio-toggle>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <ngx-sirio-checkbox [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                        [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                        [textFeedback]=\"getTextFeedback(component)\"\r\n                                        [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                        [properties]=\"component.properties\"\r\n                                        [formControlName]=\"component.key\"\r\n                                        validation\r\n                                        [canValidate]=\"true\"\r\n                                        [isWarning]=\"isWarning(component)\"\r\n                                        [showWhenValid]=\"false\"\r\n                                        #checkbox\r\n                                        [register]=\"component\"\r\n                                        [componentRef]=\"checkbox\">\r\n                      {{ evaluateString(locale(component, 'label')) }}\r\n                    </ngx-sirio-checkbox>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region radio -->\r\n              <ng-container *ngSwitchCase=\"'radio'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region chip -->\r\n                  <ng-container *ngSwitchCase=\"'chip'\">\r\n                    <ngx-sirio-chip-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                                [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                                [properties]=\"component.properties\"\r\n                                                [formControlName]=\"component.key\"\r\n                                                validation\r\n                                                [canValidate]=\"true\"\r\n                                                [isWarning]=\"isWarning(component)\"\r\n                                                [showWhenValid]=\"false\"\r\n                                                [refresh]=\"refreshValues(component)\"\r\n                                                #chipradio\r\n                                                [register]=\"component\"\r\n                                                [componentRef]=\"chipradio\">\r\n                      <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                            type=\"radio\"\r\n                                            [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-input-chip>\r\n                    </ngx-sirio-chip-radio-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <ngx-sirio-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                           [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                           [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                           [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                           [textFeedback]=\"getTextFeedback(component)\"\r\n                                           [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                           [properties]=\"component.properties\"\r\n                                           [formControlName]=\"component.key\"\r\n                                           validation\r\n                                           [canValidate]=\"true\"\r\n                                           [isWarning]=\"isWarning(component)\"\r\n                                           [showWhenValid]=\"false\"\r\n                                           [refresh]=\"refreshValues(component)\"\r\n                                           #radio\r\n                                           [register]=\"component\"\r\n                                           [componentRef]=\"radio\">\r\n                      <ngx-sirio-radio-button *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-radio-button>\r\n                    </ngx-sirio-radio-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region checklist -->\r\n              <ng-container *ngSwitchCase=\"'checklist'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region chip -->\r\n                  <ng-container *ngSwitchCase=\"'chip'\">\r\n                    <ngx-sirio-chip-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                                   [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                                   [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                                   [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                                   [textFeedback]=\"getTextFeedback(component)\"\r\n                                                   [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                                   [properties]=\"component.properties\"\r\n                                                   [formControlName]=\"component.key\"\r\n                                                   validation\r\n                                                   [canValidate]=\"true\"\r\n                                                   [isWarning]=\"isWarning(component)\"\r\n                                                   [showWhenValid]=\"false\"\r\n                                                   [refresh]=\"refreshValues(component)\"\r\n                                                   #chipcheckbox\r\n                                                   [register]=\"component\"\r\n                                                   [componentRef]=\"chipcheckbox\">\r\n                      <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                            type=\"checkbox\"\r\n                                            [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-input-chip>\r\n                    </ngx-sirio-chip-checkbox-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <ngx-sirio-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                              [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                              [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                              [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                              [textFeedback]=\"getTextFeedback(component)\"\r\n                                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                              [properties]=\"component.properties\"\r\n                                              [formControlName]=\"component.key\"\r\n                                              validation\r\n                                              [canValidate]=\"true\"\r\n                                              [isWarning]=\"isWarning(component)\"\r\n                                              [showWhenValid]=\"false\"\r\n                                              [refresh]=\"refreshValues(component)\"\r\n                                              #checkbox\r\n                                              [register]=\"component\"\r\n                                              [componentRef]=\"checkbox\">\r\n                      <ngx-sirio-checkbox *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-checkbox>\r\n                    </ngx-sirio-checkbox-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region textarea -->\r\n              <ng-container *ngSwitchCase=\"'textarea'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-input type=\"textarea\"\r\n                                 [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                 [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                 [properties]=\"component.properties\"\r\n                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                 [formControlName]=\"component.key\"\r\n                                 [textcase]=\"component.textCase\"\r\n                                 [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                                 updateBlur\r\n                                 validation\r\n                                 [canValidate]=\"true\"\r\n                                 [isWarning]=\"isWarning(component)\"\r\n                                 [showWhenValid]=\"false\"\r\n                                 #textarea\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"textarea\">\r\n                </ngx-sirio-input>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region filepicker -->\r\n              <ng-container *ngSwitchCase=\"'filepicker'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-file-upload [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                       [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                       [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                       [accept]=\"getMimeTypes(component.accept)\"\r\n                                       [multiple]=\"evaluateBoolean(component.multiple)\"\r\n                                       (fileUploadedEvent)=\"fileUploaded($event)\"\r\n                                       [showFilelist]=\"!component.showDetails\"\r\n                                       [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                       [textFeedback]=\"getTextFeedback(component)\"\r\n                                       [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                       [properties]=\"component.properties\"\r\n                                       [formControlName]=\"component.key\"\r\n                                       validation\r\n                                       [canValidate]=\"true\"\r\n                                       [isWarning]=\"isWarning(component)\"\r\n                                       [showWhenValid]=\"false\"\r\n                                       #filepicker\r\n                                       [register]=\"component\"\r\n                                       [componentRef]=\"filepicker\">\r\n                  <span class=\"fas fa-arrow-up\" aria-hidden=\"true\"></span>\r\n                  {{ locale(Texts, 'Upload') }}\r\n                </ngx-sirio-file-upload>\r\n                <ng-container *ngIf=\"component.showDetails\">\r\n                  <app-dynamic-fields [formGroup]=\"formGroup\"\r\n                                      [rows]=\"createUploadTables(component)\"></app-dynamic-fields>\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region range -->\r\n              <ng-container *ngSwitchCase=\"'range'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-slider [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                  [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                  [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [properties]=\"component.properties\"\r\n                                  [formControlName]=\"component.key\"\r\n                                  validation\r\n                                  [canValidate]=\"true\"\r\n                                  [isWarning]=\"isWarning(component)\"\r\n                                  [showWhenValid]=\"false\"\r\n                                  [min]=\"evaluateNumber(component.range?.min) ?? 0\"\r\n                                  [max]=\"evaluateNumber(component.range?.max) ?? 0\"\r\n                                  #range\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"range\">\r\n                </ngx-sirio-slider>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region dynamiclist -->\r\n              <ng-container *ngSwitchCase=\"'dynamiclist'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [formArrayName]=\"component.key\"\r\n                              [repeat]=\"evaluateNumber(component.repetitions)\"\r\n                              [allowAddRemove]=\"evaluateBoolean(component.allowAddRemove)\">\r\n                  <p *ngIf=\"component.description\">{{ evaluateString(locale(component, 'description')) }}</p>\r\n                  <ng-container *ngIf=\"getFormArray(resolvePath(component.path).get(component.key)) as formArray\">\r\n                    <ng-container *ngIf=\"formArray.controls.length > 0\">\r\n                      <ng-container [ngSwitch]=\"component.subtype\">\r\n                        <!-- #region tab -->\r\n                        <ng-container *ngSwitchCase=\"'tab'\">\r\n                          <div [register]=\"component\"\r\n                               [componentRef]=\"dynamiclisttab\">\r\n                            <ngx-sirio-tab [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                                           [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                                           [tabCount]=\"formArray.controls.length\"\r\n                                           #dynamiclisttab>\r\n                              <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                                <ngx-sirio-tab-item [label]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\">\r\n                                  <ng-container *ngIf=\"i === dynamiclisttab.activeIndex\">\r\n                                    <div>\r\n                                      <div>\r\n                                        <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                            [rows]=\"component.rows\"\r\n                                                            [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                                      </div>\r\n                                      <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                        <div style=\"text-align:right\">\r\n                                          <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                        </div>\r\n                                      </ng-container>\r\n                                    </div>\r\n                                  </ng-container>\r\n                                </ngx-sirio-tab-item>\r\n                              </ng-container>\r\n                            </ngx-sirio-tab>\r\n                          </div>\r\n                        </ng-container>\r\n                        <!-- #endregion -->\r\n                        <!-- #region accordion -->\r\n                        <ng-container *ngSwitchCase=\"'accordion'\">\r\n                          <div [register]=\"component\"\r\n                               [componentRef]=\"dynamiclistaccordion\">\r\n                            <ngx-sirio-accordion [accordionCount]=\"formArray.controls.length\"\r\n                                                 #dynamiclistaccordion>\r\n                              <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                                <ngx-sirio-accordion-panel #panel accordionPanel>\r\n                                  <ngx-sirio-accordion-header>\r\n                                    <span [innerText]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\"></span>\r\n                                  </ngx-sirio-accordion-header>\r\n                                  <ngx-sirio-accordion-body>\r\n                                    <ng-container *ngIf=\"panel.panelIsOpen\">\r\n                                      <div>\r\n                                        <div>\r\n                                          <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                              [rows]=\"component.rows\"\r\n                                                              [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                                        </div>\r\n                                        <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                          <div style=\"text-align:right\">\r\n                                            <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                          </div>\r\n                                        </ng-container>\r\n                                      </div>\r\n                                    </ng-container>\r\n                                  </ngx-sirio-accordion-body>\r\n                                </ngx-sirio-accordion-panel>\r\n                              </ng-container>\r\n                            </ngx-sirio-accordion>\r\n                          </div>\r\n                        </ng-container>\r\n                        <!-- #endregion -->\r\n                        <!-- #region default -->\r\n                        <ng-container *ngSwitchDefault>\r\n                          <div #dynamiclist\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"dynamiclist\">\r\n                            <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                              <div [ngClass]=\"{'group-outline': component.showOutline === true, 'group-outline-repeat': true }\">\r\n                                <div>\r\n                                  <label>{{ evaluateString(locale(component, 'label')) + ' ' + (i + 1) }}</label>\r\n                                  <div>\r\n                                    <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                        [rows]=\"component.rows\"\r\n                                                        [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                                  </div>\r\n                                  <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                    <div style=\"text-align:right\">\r\n                                      <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                    </div>\r\n                                  </ng-container>\r\n                                </div>\r\n                              </div>\r\n                            </ng-container>\r\n                          </div>\r\n                        </ng-container>\r\n                        <!-- #endregion -->\r\n                      </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"component.allowAddRemove\">\r\n                      <ngx-sirio-button (click)=\"addItem(formArray)\" class=\"add-item\" [color]=\"null\" icon=\"fas fa-plus\">{{ evaluateString(locale(component, 'addLabel') || locale(Texts, 'AddItem')) }}</ngx-sirio-button>\r\n                    </ng-container>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region group -->\r\n              <ng-container *ngSwitchCase=\"'group'\">\r\n                <div [ngClass]=\"getGroupOutline(component)\">\r\n                  <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                  <div #group\r\n                       [register]=\"component\"\r\n                       [componentRef]=\"group\">                    \r\n                    <app-dynamic-fields [formGroup]=\"resolvePath(component.path)\"\r\n                                        [rows]=\"component.rows\"\r\n                                        [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region tab -->\r\n              <ng-container *ngSwitchCase=\"'tab'\">\r\n                  <ngx-sirio-tab #tab\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"tab\"\r\n                               [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                               [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                               [isNavLine]=\"component.navigation\"\r\n                               [isVertical]=\"component.vertical\"\r\n                               tabControl>\r\n                  <ng-container *ngFor=\"let panel of component.panels; let i = index;\">\r\n                    <ngx-sirio-tab-item [label]=\"evaluateString(locale(panel, 'label'))\"\r\n                                        [icon]=\"evaluateString(panel.icon)\"\r\n                                        [disabled]=\"evaluateBoolean(panel.disabled) ?? false\"\r\n                                        *ngIf=\"evaluateConditional(panel.conditional)\">\r\n                      <ng-container *ngIf=\"getTemplate(panel.template) as template\">\r\n                        <div *ngIf=\"i === tab.activeIndex\">\r\n                          <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                              [rows]=\"template?.rows\"\r\n                                              [alignment]=\"template?.verticalAlignment\"></app-dynamic-fields>\r\n                        </div>\r\n                      </ng-container>                      \r\n                    </ngx-sirio-tab-item>\r\n                  </ng-container>\r\n                </ngx-sirio-tab>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region accordion -->\r\n              <ng-container *ngSwitchCase=\"'accordion'\">\r\n                <ngx-sirio-accordion #accordion\r\n                                     [register]=\"component\"\r\n                                     [componentRef]=\"accordion\">\r\n                  <ng-container *ngFor=\"let panel of component.panels\">\r\n                    <ngx-sirio-accordion-panel *ngIf=\"evaluateConditional(panel.conditional)\"\r\n                                               [disabled]=\"evaluateBoolean(panel.disabled)\">\r\n                      <ngx-sirio-accordion-header>\r\n                        <span [innerText]=\"evaluateString(locale(panel, 'label'))\"></span>\r\n                      </ngx-sirio-accordion-header>\r\n                      <ngx-sirio-accordion-body>\r\n                        <div>\r\n                          <ng-container *ngIf=\"getTemplate(panel.template) as template\">\r\n                            <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                                [rows]=\"template?.rows\"\r\n                                                [alignment]=\"template?.verticalAlignment\"></app-dynamic-fields>\r\n                          </ng-container>                          \r\n                        </div>\r\n                      </ngx-sirio-accordion-body>\r\n                    </ngx-sirio-accordion-panel>\r\n                  </ng-container>\r\n                </ngx-sirio-accordion>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region text -->\r\n              <ng-container *ngSwitchCase=\"'text'\">\r\n                <div [collapse]=\"component.collapseTo\"\r\n                     #text\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"text\">\r\n                  <!--Reset View Context-->\r\n                  <div tabindex=\"0\" style=\"display:none\"></div>\r\n                  <div class=\"flex\">\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                    <ng-container *ngIf=\"component.tooltip\">\r\n                      <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n                      <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                              sirioTooltip\r\n                              [attr.aria-label]=\"locale(Texts, 'Information')\"\r\n                              [hasPopover]=\"true\"\r\n                              [customTemplate]=\"tooltipWrapper.getTemplateRef()\"></button>\r\n                      <ng-template #tooltipTemplate let-component=\"component\">\r\n                        <div class=\"sirio-tooltip-body\">\r\n                          <div class=\"text-paragraph\"\r\n                               [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'tooltip')))\">\r\n                          </div>\r\n                        </div>\r\n                      </ng-template>\r\n                    </ng-container>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region html -->\r\n              <ng-container *ngSwitchCase=\"'html'\">\r\n                <div class=\"html-paragraph\"\r\n                     [innerHTML]=\"sanitize(evaluateTemplate(locale(component, 'content')))\"\r\n                     #html\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"html\">\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region image -->\r\n              <ng-container *ngSwitchCase=\"'image'\">\r\n                <img [src]=\"evaluateString(component.source)\"\r\n                     [alt]=\"evaluateString(locale(component, 'alt'))\"\r\n                     style=\"width: 100%;height: 100%;\"\r\n                     #image\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"image\">\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region table -->\r\n              <ng-container *ngSwitchCase=\"'table'\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <ag-grid-angular [modules]=\"getGridModules(component)\"\r\n                                 [gridOptions]=\"getGridOptions(component)\"\r\n                                 (selectionChanged)=\"onGridSelectionChanged(component, $event)\"\r\n                                 [columnDefs]=\"component.columns || evaluate(component.columnsExpression) || []\"\r\n                                 [rowSource]=\"getRowSource(component)\"\r\n                                 [refresh]=\"refreshRowSource(component)\"\r\n                                 [style.height.px]=\"component.height\"\r\n                                 [formGroup]=\"formGroup\"\r\n                                 #table\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"table\" />\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region button -->\r\n              <ng-container *ngSwitchCase=\"'button'\">\r\n                <ngx-sirio-button (clickEvent)=\"clickButton(component, $event)\"\r\n                                  [color]=\"evaluateColor(component.color)\"\r\n                                  [icon]=\"evaluateString(component.icon)\"\r\n                                  [disabled]=\"evaluateBoolean(component.disabled)\"\r\n                                  #button\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"button\">\r\n                  {{ evaluateString(locale(component, 'label')) }}\r\n                </ngx-sirio-button>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region separator -->\r\n              <ng-container *ngSwitchCase=\"'separator'\">\r\n                <div class=\"separator\"\r\n                     #separator\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"separator\">\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region spacer -->\r\n              <ng-container *ngSwitchCase=\"'spacer'\">\r\n                <div style=\"width: 100%\"\r\n                     [style.height.px]=\"component.height\"\r\n                     #spacer\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"spacer\">\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region iframe -->\r\n              <ng-container *ngSwitchCase=\"'iframe'\">\r\n                <label [for]=\"component.id\">{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <iframe [src]=\"evaluateUrl(component.url)\"\r\n                        [title]=\"evaluateString(locale(component, 'label'))\"\r\n                        [style.width]=\"'100%'\"\r\n                        [style.height.px]=\"component.height\"\r\n                        [frameSecurity]=\"component.security\"\r\n                        #iframe\r\n                        [register]=\"component\"\r\n                        [componentRef]=\"iframe\">\r\n                </iframe>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region alert -->\r\n              <ng-container *ngSwitchCase=\"'alert'\">\r\n                <ngx-sirio-alert [type]=\"component.role\"\r\n                                 [labelClose]=\"locale(Texts, 'Close')\"\r\n                                 #alert\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"alert\">\r\n                  <ngx-sirio-alert-message>\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                  </ngx-sirio-alert-message>\r\n                </ngx-sirio-alert>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region notice -->\r\n              <ng-container *ngSwitchCase=\"'notice'\">\r\n                <ngx-sirio-notify #notice\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"notice\">\r\n                  <ngx-sirio-notify-body [title]=\"evaluateString(locale(component, 'title'))\">\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                  </ngx-sirio-notify-body>\r\n                </ngx-sirio-notify>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region tooltip -->\r\n              <ng-container *ngSwitchCase=\"'tooltip'\">\r\n                <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n                <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                        sirioTooltip\r\n                        [hasPopover]=\"true\"\r\n                        [customTemplate]=\"tooltipWrapper.getTemplateRef()\"\r\n                        #tooltip\r\n                        [register]=\"component\"\r\n                        [componentRef]=\"tooltip\"></button>\r\n                <ng-template #tooltipTemplate let-component=\"component\">\r\n                  <div class=\"sirio-tooltip-body\">\r\n                    <p *ngIf=\"component.title\" class=\"sirio-tooltip-heading sirio-space-down\">\r\n                      {{ evaluateString(locale(component, 'title')) }}\r\n                    </p>\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                  </div>\r\n                </ng-template>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region chart -->\r\n              <ng-container *ngSwitchCase=\"'chart'\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <ag-charts [options]=\"(getChartOptions(component) | async) ?? {}\"\r\n                           [observe]=\"getChartData(component)\"\r\n                           [callback]=\"invalidateChart(component)\"\r\n                           [style.height.px]=\"component.height\"\r\n                           #chart\r\n                           [register]=\"component\"\r\n                           [componentRef]=\"chart\" />\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region component -->\r\n              <ng-container *ngSwitchCase=\"'component'\">\r\n                <ng-container *ngIf=\"component.isInput; else noInputTemplate\">\r\n                  <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                  <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                    [formGroup]=\"resolvePath(component.path)\"\r\n                                    #componentHost\r\n                                    [register]=\"component\"\r\n                                    [componentRef]=\"componentHost\" />\r\n                </ng-container>\r\n                <ng-template #noInputTemplate>\r\n                  <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                    #componentHost\r\n                                    [register]=\"component\"\r\n                                    [componentRef]=\"componentHost\" />\r\n                </ng-template>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n", styles: [".flex{display:flex}.field-set{align-items:start}.field-set>.col-host>*{margin-bottom:10px}.separator{border-bottom:2px solid #d9e4f7;width:100%;margin:10px 0}.group-outline{border:1px solid #d9e4f7;padding:15px;margin-top:2px;margin-bottom:2px}.group-outline-repeat{margin-top:8px;margin-bottom:8px}.valign-start>.row{align-items:start}.valign-center>.row{align-items:center}.valign-end>.row{align-items:end}.component-start{align-self:start}.component-center{align-self:center}.component-end{align-self:end}.text-paragraph p{margin-bottom:0!important}.sirio-tab.sirio-tab-vertical .sirio-tab-body{margin-left:10px;margin-right:10px}.sirio-tab:not(.sirio-tab-vertical) .sirio-tab-body{margin-top:10px;margin-bottom:10px}.sirio-control.ng-invalid .sirio-form-feedback{color:#aa224f;display:inline-block}.sirio-control.ng-invalid .sirio-input-group-text{color:#aa224f;border-color:#aa224f}.sirio-control.is-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.is-readonly .sirio-form-control{background-color:#fff!important;color:#454d56}.sirio-form-control[type=number]:disabled{background-image:none}.sirio-control.light-readonly label:hover{color:#454d56}.sirio-control.light-readonly input.sirio-form-control,.sirio-control.light-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.light-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.light-readonly label,.sirio-upload.sirio-control.is-disabled label{pointer-events:none}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label{color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label:before,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label{color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:before,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:after,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:after{background-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-upload.sirio-is-invalid button{background-color:#aa224f;border-color:#aa224f}.col-host .sirio-accordion .sirio-accordion-body .sirio-accordion-content{padding:16px}.col-host .sirio-accordion-body{overflow:unset!important}.sirio-dialog-title{display:flex;margin-top:0}.sirio-dialog-title span{margin-right:10px;margin-bottom:0!important}.ag-header-cell.hide-filter .ag-header-cell-filter-button{display:none}.sirio-tab.sirio-tab-scroll{display:block}.sirio-dropdown .searchable{position:absolute;width:100%;display:none;left:0}.ag-cell-value .btn-small-group{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ag-cell-value .btn-small .sirio-btn{padding:.25rem .0625rem;margin:2px}.ag-selection-checkbox .ag-checkbox-input-wrapper.ag-disabled{display:none}ag-charts{display:block;height:100%;border-radius:8px;background-color:var(--chart-bg);border:1px solid var(--chart-border);overflow:hidden}.ag-cell.cell-component{padding:1px}.ag-cell.row-numbers-cell{text-align:center;background:#f2f6fc}.ag-header-cell.row-numbers-header .ag-header-cell-label{justify-content:center;text-align:center}\n"], dependencies: [{ kind: "component", type: DynamicFieldsComponent, selector: "app-dynamic-fields", inputs: ["rows", "formGroup", "alignment"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i13.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i13.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i13.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "directive", type: i1$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: AdornerDirective, selector: "[prefixAdorner], [suffixAdorner]", inputs: ["prefixAdorner", "suffixAdorner"] }, { kind: "directive", type: ReadOnlyDirective, selector: "[readonly]", inputs: ["readonly", "placeholder", "componentRef", "properties"] }, { kind: "directive", type: DisplayDirective, selector: "[hide], [show]", inputs: ["hide", "show"] }, { kind: "directive", type: FrameSecurityDirective, selector: "[frameSecurity]", inputs: ["frameSecurity"] }, { kind: "directive", type: DropdownDirective, selector: "[dropdown]" }, { kind: "directive", type: UpdateBlurDirective, selector: "[updateBlur]" }, { kind: "directive", type: RepeatDirective, selector: "[repeat], [allowAddRemove]", inputs: ["repeat", "allowAddRemove"] }, { kind: "directive", type: TabDirective, selector: "[tabCount]", inputs: ["tabCount"] }, { kind: "directive", type: GridDirective, selector: "[rowSource], [columnDefs]", inputs: ["rowSource", "columnDefs", "formGroup", "register"] }, { kind: "directive", type: ChangeDirective, selector: "[observe]", inputs: ["observe", "callback"] }, { kind: "directive", type: RegisterDirective, selector: "[register]", inputs: ["register", "componentRef"] }, { kind: "directive", type: RefreshDirective, selector: "[refresh]", inputs: ["refresh", "componentRef"] }, { kind: "directive", type: AccordionDirective, selector: "[accordionCount]", inputs: ["accordionCount"] }, { kind: "directive", type: DateDirective, selector: "[isoDate]" }, { kind: "directive", type: NumberDirective, selector: "[number]", inputs: ["defaultValue", "minimum", "maximum", "decimalDigits"] }, { kind: "directive", type: TextDirective, selector: "[textcase], [maxlength]", inputs: ["textcase", "maxlength"] }, { kind: "directive", type: TabControlDirective, selector: "[tabControl]" }, { kind: "directive", type: CollapseDirective, selector: "[collapse]", inputs: ["collapse"] }, { kind: "directive", type: AccordionPanelDirective, selector: "[accordionPanel]" }, { kind: "component", type: SirioInputComponent, selector: "ngx-sirio-input", inputs: ["disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "type", "name", "placeholder", "textHelp", "textFeedback", "rows", "cols", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "role"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "directive", type: SirioValidationDirective, selector: "[validation]", inputs: ["canValidate", "isWarning", "showWhenValid"] }, { kind: "component", type: SirioSelectComponent, selector: "ngx-sirio-select", inputs: ["placeholder", "disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "isMultiple", "textHelp", "textFeedback", "ariaLabel", "ariaInvalid", "ariaDescribedBy"], outputs: ["focusEvent", "blurEvent", "keydownEvent"] }, { kind: "component", type: SirioSelectOptionComponent, selector: "ngx-sirio-select-option", inputs: ["value"], outputs: ["optionSelected", "blurEvent"] }, { kind: "component", type: SirioSelectPanelComponent, selector: "ngx-sirio-select-panel", outputs: ["optionSelected", "panelOpened", "panelClosed"] }, { kind: "component", type: SirioCheckboxGroupComponent, selector: "ngx-sirio-checkbox-group", inputs: ["textHelp", "textFeedback", "label", "labelPopover", "ariaLabelPopoverButton", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioCheckboxComponent, selector: "ngx-sirio-checkbox", inputs: ["disabled", "name", "textHelp", "textFeedback", "value", "ariaInvalid", "ariaDescribedBy", "disabledState", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioDatepickerComponent, selector: "ngx-sirio-datepicker", inputs: ["name", "placeholder", "textHelp", "textFeedback", "label", "labelPopover", "ariaLabelPopoverButton", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "value", "disabledState"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent", "datechangeEvent"] }, { kind: "component", type: SirioTimepickerComponent, selector: "ngx-sirio-timepicker", inputs: ["name", "label", "labelPopover", "ariaLabelPopoverButton", "placeholder", "textHelp", "textFeedback", "ariaLabel", "ariaAutocomplete", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "component", type: SirioRadioGroupComponent, selector: "ngx-sirio-radio-group", inputs: ["label", "labelPopover", "ariaLabelPopoverButton", "textHelp", "textFeedback", "items", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioRadioButtonComponent, selector: "ngx-sirio-radio-button", inputs: ["disabledState", "label", "name", "textHelp", "textFeedback", "ariaInvalid", "ariaDescribedBy", "value", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioTabComponent, selector: "ngx-sirio-tab", inputs: ["isVertical", "isNavLine", "leftArrowLabel", "rightArrowLabel", "tabActive"], outputs: ["tabChange"] }, { kind: "component", type: SirioTabItemComponent, selector: "ngx-sirio-tab-item", inputs: ["label", "disabled", "icon"] }, { kind: "component", type: SirioAccordionComponent, selector: "ngx-sirio-accordion", inputs: ["dark"] }, { kind: "component", type: SirioAccordionPanelComponent, selector: "ngx-sirio-accordion-panel", inputs: ["active", "disabled"], outputs: ["opened", "closed"] }, { kind: "component", type: SirioAccordionHeaderComponent, selector: "ngx-sirio-accordion-header" }, { kind: "component", type: SirioAccordionBodyComponent, selector: "ngx-sirio-accordion-body" }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: SirioFileUploadComponent, selector: "ngx-sirio-file-upload", inputs: ["multiple", "color", "accept", "maxFiles", "showFilelist", "label", "labelPopover", "ariaLabelPopoverButton", "name", "textHelp", "textFeedback", "ariaLabel", "ariaLabelDeleteFileButton", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "fileUploadedEvent", "fileDeletedEvent", "uploadErrorEvent", "blurEvent"] }, { kind: "component", type: SirioToggleComponent, selector: "ngx-sirio-toggle", inputs: ["name", "textHelp", "textFeedback", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioChipCheckboxGroupComponent, selector: "ngx-sirio-chip-checkbox-group", inputs: ["label", "labelPopover", "ariaLabelPopoverButton", "textHelp", "textFeedback", "items", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioChipRadioGroupComponent, selector: "ngx-sirio-chip-radio-group", inputs: ["label", "labelPopover", "ariaLabelPopoverButton", "textHelp", "textFeedback", "items", "ariaLabel", "ariaInvalid", "ariaDescribedBy", "disabledState", "value"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioInputChipComponent, selector: "ngx-sirio-input-chip", inputs: ["disabledState", "name", "textHelp", "textFeedback", "value", "ariaInvalid", "ariaDescribedBy", "type", "checked"], outputs: ["focusEvent", "blurEvent", "changeEvent"] }, { kind: "component", type: SirioAlertComponent, selector: "ngx-sirio-alert", inputs: ["type", "labelClose", "isVisible"], outputs: ["closeEvent"] }, { kind: "component", type: SirioAlertMessageComponent, selector: "ngx-sirio-alert-message" }, { kind: "component", type: SirioSliderComponent, selector: "ngx-sirio-slider", inputs: ["disabledState", "value", "label", "labelPopover", "ariaLabelPopoverButton", "description", "min", "max", "ariaInvalid", "ariaDescribedBy", "textHelp", "textFeedback"], outputs: ["focusEvent", "inputEvent", "blurEvent", "keyupEvent", "keydownEvent"] }, { kind: "component", type: SirioNotifyComponent, selector: "ngx-sirio-notify", inputs: ["isDark"] }, { kind: "component", type: SirioNotifyBodyComponent, selector: "ngx-sirio-notify-body", inputs: ["title"] }, { kind: "directive", type: SirioTooltipDirective, selector: "[sirioTooltip]", inputs: ["sirioTooltip", "content", "hasAction", "hasPopover", "actionLabel", "actionIconClass", "clickOutside", "position", "customTemplate"], outputs: ["clickEvent"] }, { kind: "component", type: TemplateWrapperComponent, selector: "app-template-wrapper", inputs: ["template", "context"] }, { kind: "component", type: DynamicHostComponent, selector: "app-dynamic-host", inputs: ["register", "properties", "formGroup"] }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: AgCharts, selector: "ag-charts", inputs: ["options"], outputs: ["onChartReady"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFieldsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-dynamic-fields', standalone: true, imports: [CommonModule, ReactiveFormsModule,
-                        AdornerDirective, DisableDirective, DisplayDirective, FrameSecurityDirective,
+                        AdornerDirective, ReadOnlyDirective, DisplayDirective, FrameSecurityDirective,
                         DropdownDirective, UpdateBlurDirective, RepeatDirective, TabDirective, GridDirective, ChangeDirective,
                         RegisterDirective, RefreshDirective, AccordionDirective, DateDirective, NumberDirective, TextDirective,
-                        DisablePathDirective, TabControlDirective, CollapseDirective, AccordionPanelDirective,
+                        TabControlDirective, CollapseDirective, AccordionPanelDirective,
                         SirioInputComponent, SirioValidationDirective,
                         SirioSelectComponent, SirioSelectOptionComponent, SirioSelectPanelComponent,
                         SirioCheckboxGroupComponent, SirioCheckboxComponent, SirioDatepickerComponent, SirioTimepickerComponent,
@@ -5495,12 +6212,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         ProgrammabilityService,
                         GridService,
                         ChartService
-                    ], encapsulation: ViewEncapsulation.None, template: "<ng-container *ngFor=\"let row of rows\" [formGroup]=\"formGroup\">\r\n  <div class=\"row field-set\">\r\n    <ng-container *ngFor=\"let component of row.components\">\r\n      <ng-container [ngSwitch]=\"component.type\">\r\n        <div [class]=\"getClass(component)\">\r\n          <div [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n               [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n            <!-- #region textfield -->\r\n            <ng-container *ngSwitchCase=\"'textfield'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-input type=\"text\"\r\n                               [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                               [label]=\"evaluateString(locale(component, 'label'))\"\r\n                               [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                               [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                               [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                               [textFeedback]=\"getTextFeedback(component)\"\r\n                               [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                               [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                               [properties]=\"component.properties\"\r\n                               [formControlName]=\"component.key\"\r\n                               [textcase]=\"component.textCase\"\r\n                               [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                               updateBlur\r\n                               validation\r\n                               [canValidate]=\"true\"\r\n                               [isWarning]=\"isWarning(component)\"\r\n                               [showWhenValid]=\"false\"\r\n                               #textfield\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"textfield\">\r\n              </ngx-sirio-input>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region select -->\r\n            <ng-container *ngSwitchCase=\"'select'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                [properties]=\"component.properties\"\r\n                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\r\n                                [refresh]=\"refreshValues(component)\"\r\n                                dropdown\r\n                                #select\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"select\">\r\n                <ngx-sirio-select-panel>\r\n                  <ngx-sirio-input *ngIf=\"component.searchable\" class=\"searchable\" type=\"text\" [placeholder]=\"locale(Texts, 'TypeToSearch')\"></ngx-sirio-input>\r\n                  <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                </ngx-sirio-select-panel>\r\n              </ngx-sirio-select>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region taglist -->\r\n            <ng-container *ngSwitchCase=\"'taglist'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                [properties]=\"component.properties\"\r\n                                [isMultiple]=\"true\"\r\n                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\r\n                                [refresh]=\"refreshValues(component)\"\r\n                                #taglist\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"taglist\">\r\n                <ngx-sirio-select-panel>\r\n                  <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                </ngx-sirio-select-panel>\r\n              </ngx-sirio-select>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region number -->\r\n            <ng-container *ngSwitchCase=\"'number'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-input type=\"number\"\r\n                               [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                               [label]=\"evaluateString(locale(component, 'label'))\"\r\n                               [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                               [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                               [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                               [textFeedback]=\"getTextFeedback(component)\"\r\n                               [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                               [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                               [properties]=\"component.properties\"\r\n                               [formControlName]=\"component.key\"\r\n                               number\r\n                               [defaultValue]=\"evaluateNumber(component.defaultValue)\"\r\n                               [minimum]=\"evaluateNumber(component.minimum)\"\r\n                               [maximum]=\"evaluateNumber(component.maximum)\"\r\n                               [decimalDigits]=\"evaluateNumber(component.decimalDigits)\"\r\n                               updateBlur\r\n                               validation\r\n                               [canValidate]=\"true\"\r\n                               [isWarning]=\"isWarning(component)\"\r\n                               [showWhenValid]=\"false\"\r\n                               #number\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"number\">\r\n              </ngx-sirio-input>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region datetime -->\r\n            <ng-container *ngSwitchCase=\"'datetime'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region date -->\r\n                <ng-container *ngSwitchCase=\"'date'\">\r\n                  <ngx-sirio-datepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaDateLabel') || locale(component, 'dateLabel'))\"\r\n                                        [label]=\"evaluateString(locale(component, 'dateLabel'))\"\r\n                                        [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                        [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                        [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                        [textFeedback]=\"getTextFeedback(component)\"\r\n                                        [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                        [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                        [properties]=\"component.properties\"\r\n                                        [formControlName]=\"component.key\"\r\n                                        isoDate\r\n                                        validation\r\n                                        [canValidate]=\"true\"\r\n                                        [isWarning]=\"isWarning(component)\"\r\n                                        [showWhenValid]=\"false\"\r\n                                        #date\r\n                                        [register]=\"component\"\r\n                                        [componentRef]=\"date\">\r\n                  </ngx-sirio-datepicker>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region time -->\r\n                <ng-container *ngSwitchCase=\"'time'\">\r\n                  <ngx-sirio-timepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaTimeLabel') || locale(component, 'timeLabel'))\"\r\n                                        [label]=\"evaluateString(locale(component, 'timeLabel'))\"\r\n                                        [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                        [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                        [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                        [textFeedback]=\"getTextFeedback(component)\"\r\n                                        [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                        [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                        [properties]=\"component.properties\"\r\n                                        [formControlName]=\"component.key\"\r\n                                        validation\r\n                                        [canValidate]=\"true\"\r\n                                        [isWarning]=\"isWarning(component)\"\r\n                                        [showWhenValid]=\"false\"\r\n                                        #time\r\n                                        [register]=\"component\"\r\n                                        [componentRef]=\"time\">\r\n                  </ngx-sirio-timepicker>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region checkbox -->\r\n            <ng-container *ngSwitchCase=\"'checkbox'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region toggle -->\r\n                <ng-container *ngSwitchCase=\"'toggle'\">\r\n                  <ngx-sirio-toggle [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                    [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                    [textFeedback]=\"getTextFeedback(component)\"\r\n                                    [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                    [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                    [properties]=\"component.properties\"\r\n                                    [formControlName]=\"component.key\"\r\n                                    validation\r\n                                    [canValidate]=\"true\"\r\n                                    [isWarning]=\"isWarning(component)\"\r\n                                    [showWhenValid]=\"false\"\r\n                                    #toggle\r\n                                    [register]=\"component\"\r\n                                    [componentRef]=\"toggle\">\r\n                    {{ evaluateString(locale(component, 'label')) }}\r\n                  </ngx-sirio-toggle>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region default -->\r\n                <ng-container *ngSwitchDefault>\r\n                  <ngx-sirio-checkbox [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                      [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                      [properties]=\"component.properties\"\r\n                                      [formControlName]=\"component.key\"\r\n                                      validation\r\n                                      [canValidate]=\"true\"\r\n                                      [isWarning]=\"isWarning(component)\"\r\n                                      [showWhenValid]=\"false\"\r\n                                      #checkbox\r\n                                      [register]=\"component\"\r\n                                      [componentRef]=\"checkbox\">\r\n                    {{ evaluateString(locale(component, 'label')) }}\r\n                  </ngx-sirio-checkbox>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region radio -->\r\n            <ng-container *ngSwitchCase=\"'radio'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region chip -->\r\n                <ng-container *ngSwitchCase=\"'chip'\">\r\n                  <ngx-sirio-chip-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                              [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                              [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                              [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                              [textFeedback]=\"getTextFeedback(component)\"\r\n                                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                              [properties]=\"component.properties\"\r\n                                              [formControlName]=\"component.key\"\r\n                                              validation\r\n                                              [canValidate]=\"true\"\r\n                                              [isWarning]=\"isWarning(component)\"\r\n                                              [showWhenValid]=\"false\"\r\n                                              [refresh]=\"refreshValues(component)\"\r\n                                              #chipradio\r\n                                              [register]=\"component\"\r\n                                              [componentRef]=\"chipradio\">\r\n                    <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                          type=\"radio\"\r\n                                          [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-input-chip>\r\n                  </ngx-sirio-chip-radio-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region default -->\r\n                <ng-container *ngSwitchDefault>\r\n                  <ngx-sirio-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                         [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                         [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                         [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                         [textFeedback]=\"getTextFeedback(component)\"\r\n                                         [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                         [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                         [properties]=\"component.properties\"\r\n                                         [formControlName]=\"component.key\"\r\n                                         validation\r\n                                         [canValidate]=\"true\"\r\n                                         [isWarning]=\"isWarning(component)\"\r\n                                         [showWhenValid]=\"false\"\r\n                                         [refresh]=\"refreshValues(component)\"\r\n                                         #radio\r\n                                         [register]=\"component\"\r\n                                         [componentRef]=\"radio\">\r\n                    <ngx-sirio-radio-button *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-radio-button>\r\n                  </ngx-sirio-radio-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region checklist -->\r\n            <ng-container *ngSwitchCase=\"'checklist'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <!-- #region chip -->\r\n                <ng-container *ngSwitchCase=\"'chip'\">\r\n                  <ngx-sirio-chip-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                                 [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                                 [properties]=\"component.properties\"\r\n                                                 [formControlName]=\"component.key\"\r\n                                                 validation\r\n                                                 [canValidate]=\"true\"\r\n                                                 [isWarning]=\"isWarning(component)\"\r\n                                                 [showWhenValid]=\"false\"\r\n                                                 [refresh]=\"refreshValues(component)\"\r\n                                                 #chipcheckbox\r\n                                                 [register]=\"component\"\r\n                                                 [componentRef]=\"chipcheckbox\">\r\n                    <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                          type=\"checkbox\"\r\n                                          [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-input-chip>\r\n                  </ngx-sirio-chip-checkbox-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n                <!-- #region default -->\r\n                <ng-container *ngSwitchDefault>\r\n                  <ngx-sirio-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                            [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                            [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                            [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                            [textFeedback]=\"getTextFeedback(component)\"\r\n                                            [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                            [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                            [properties]=\"component.properties\"\r\n                                            [formControlName]=\"component.key\"\r\n                                            validation\r\n                                            [canValidate]=\"true\"\r\n                                            [isWarning]=\"isWarning(component)\"\r\n                                            [showWhenValid]=\"false\"\r\n                                            [refresh]=\"refreshValues(component)\"\r\n                                            #checkbox\r\n                                            [register]=\"component\"\r\n                                            [componentRef]=\"checkbox\">\r\n                    <ngx-sirio-checkbox *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                      {{ locale(option, 'label') }}\r\n                    </ngx-sirio-checkbox>\r\n                  </ngx-sirio-checkbox-group>\r\n                </ng-container>\r\n                <!-- #endregion -->\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region textarea -->\r\n            <ng-container *ngSwitchCase=\"'textarea'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-input type=\"textarea\"\r\n                               [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                               [label]=\"evaluateString(locale(component, 'label'))\"\r\n                               [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                               [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                               [properties]=\"component.properties\"\r\n                               [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                               [textFeedback]=\"getTextFeedback(component)\"\r\n                               [formControlName]=\"component.key\"\r\n                               [textcase]=\"component.textCase\"\r\n                               [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                               updateBlur\r\n                               validation\r\n                               [canValidate]=\"true\"\r\n                               [isWarning]=\"isWarning(component)\"\r\n                               [showWhenValid]=\"false\"\r\n                               #textarea\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"textarea\">\r\n              </ngx-sirio-input>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region filepicker -->\r\n            <ng-container *ngSwitchCase=\"'filepicker'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-file-upload [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                     [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                     [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                     [accept]=\"getMimeTypes(component.accept)\"\r\n                                     [multiple]=\"evaluateBoolean(component.multiple)\"\r\n                                     (fileUploadedEvent)=\"fileUploaded($event)\"\r\n                                     [showFilelist]=\"!component.showDetails\"\r\n                                     [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                     [textFeedback]=\"getTextFeedback(component)\"\r\n                                     [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                     [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                     [properties]=\"component.properties\"\r\n                                     [formControlName]=\"component.key\"\r\n                                     validation\r\n                                     [canValidate]=\"true\"\r\n                                     [isWarning]=\"isWarning(component)\"\r\n                                     [showWhenValid]=\"false\"\r\n                                     #filepicker\r\n                                     [register]=\"component\"\r\n                                     [componentRef]=\"filepicker\">\r\n                <span class=\"fas fa-arrow-up\" aria-hidden=\"true\"></span>\r\n                {{ locale(Texts, 'Upload') }}\r\n              </ngx-sirio-file-upload>\r\n              <ng-container *ngIf=\"component.showDetails\">\r\n                <app-dynamic-fields [formGroup]=\"formGroup\"\r\n                                    [rows]=\"createUploadTables(component)\"\r\n                                    [language]=\"language\"></app-dynamic-fields>\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region range -->\r\n            <ng-container *ngSwitchCase=\"'range'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ngx-sirio-slider [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                [properties]=\"component.properties\"\r\n                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\r\n                                [min]=\"evaluateNumber(component.range?.min) ?? 0\"\r\n                                [max]=\"evaluateNumber(component.range?.max) ?? 0\"\r\n                                #range\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"range\">\r\n              </ngx-sirio-slider>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region dynamiclist -->\r\n            <ng-container *ngSwitchCase=\"'dynamiclist'\" [formGroup]=\"resolvePath(component.path)\">\r\n              <ng-container [formArrayName]=\"component.key\"\r\n                            [repeat]=\"evaluateNumber(component.repetitions)\"\r\n                            [allowAddRemove]=\"evaluateBoolean(component.allowAddRemove)\">\r\n                <p *ngIf=\"component.description\">{{ evaluateString(locale(component, 'description')) }}</p>\r\n                <ng-container *ngIf=\"getFormArray(resolvePath(component.path).get(component.key)) as formArray\">\r\n                  <ng-container *ngIf=\"formArray.controls.length > 0\">\r\n                    <ng-container [ngSwitch]=\"component.subtype\">\r\n                      <!-- #region tab -->\r\n                      <ng-container *ngSwitchCase=\"'tab'\">\r\n                        <div [register]=\"component\"\r\n                             [componentRef]=\"dynamiclisttab\">\r\n                          <ngx-sirio-tab [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                                         [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                                         [tabCount]=\"formArray.controls.length\"\r\n                                         #dynamiclisttab>\r\n                            <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                              <ngx-sirio-tab-item [label]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\">\r\n                                <ng-container *ngIf=\"i === dynamiclisttab.activeIndex\">\r\n                                  <div [ngClass]=\"{\r\n'group-top': component.verticalAlignment === 'start',\r\n'group-center': component.verticalAlignment === 'center',\r\n'group-bottom': component.verticalAlignment === 'end'}\">\r\n                                    <div>\r\n                                      <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                          [rows]=\"component.rows\"\r\n                                                          [language]=\"language\"></app-dynamic-fields>\r\n                                    </div>\r\n                                    <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                      <div style=\"text-align:right\">\r\n                                        <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                      </div>\r\n                                    </ng-container>\r\n                                  </div>\r\n                                </ng-container>\r\n                              </ngx-sirio-tab-item>\r\n                            </ng-container>\r\n                          </ngx-sirio-tab>\r\n                        </div>\r\n                      </ng-container>\r\n                      <!-- #endregion -->\r\n                      <!-- #region accordion -->\r\n                      <ng-container *ngSwitchCase=\"'accordion'\">\r\n                        <div [register]=\"component\"\r\n                             [componentRef]=\"dynamiclistaccordion\">\r\n                          <ngx-sirio-accordion [accordionCount]=\"formArray.controls.length\"\r\n                                               #dynamiclistaccordion>\r\n                            <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                              <ngx-sirio-accordion-panel #panel accordionPanel>\r\n                                <ngx-sirio-accordion-header>\r\n                                  <span [innerText]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\"></span>\r\n                                </ngx-sirio-accordion-header>\r\n                                <ngx-sirio-accordion-body>\r\n                                  <ng-container *ngIf=\"panel.panelIsOpen\">\r\n                                    <div [ngClass]=\"{\r\n'group-top': component.verticalAlignment === 'start',\r\n'group-center': component.verticalAlignment === 'center',\r\n'group-bottom': component.verticalAlignment === 'end'}\">\r\n                                      <div>\r\n                                        <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                            [rows]=\"component.rows\"\r\n                                                            [language]=\"language\"></app-dynamic-fields>\r\n                                      </div>\r\n                                      <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                        <div style=\"text-align:right\">\r\n                                          <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                        </div>\r\n                                      </ng-container>\r\n                                    </div>\r\n                                  </ng-container>\r\n                                </ngx-sirio-accordion-body>\r\n                              </ngx-sirio-accordion-panel>\r\n                            </ng-container>\r\n                          </ngx-sirio-accordion>\r\n                        </div>\r\n                      </ng-container>\r\n                      <!-- #endregion -->\r\n                      <!-- #region default -->\r\n                      <ng-container *ngSwitchDefault>\r\n                        <div #dynamiclist\r\n                             [register]=\"component\"\r\n                             [componentRef]=\"dynamiclist\">\r\n                          <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                            <div [ngClass]=\"{'group-outline': component.showOutline === true, 'group-outline-repeat': true }\">\r\n                              <div [ngClass]=\"{\r\n'group-top': component.verticalAlignment === 'start',\r\n'group-center': component.verticalAlignment === 'center',\r\n'group-bottom': component.verticalAlignment === 'end'}\">\r\n                                <label>{{ evaluateString(locale(component, 'label')) + ' ' + (i + 1) }}</label>\r\n                                <div>\r\n                                  <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                      [rows]=\"component.rows\"\r\n                                                      [language]=\"language\"></app-dynamic-fields>\r\n                                </div>\r\n                                <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                  <div style=\"text-align:right\">\r\n                                    <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                  </div>\r\n                                </ng-container>\r\n                              </div>\r\n                            </div>\r\n                          </ng-container>\r\n                        </div>\r\n                      </ng-container>\r\n                      <!-- #endregion -->\r\n                    </ng-container>\r\n                  </ng-container>\r\n                  <ng-container *ngIf=\"component.allowAddRemove\">\r\n                    <ngx-sirio-button (click)=\"addItem(formArray)\" class=\"add-item\" [color]=\"null\" icon=\"fas fa-plus\">{{ evaluateString(locale(component, 'addLabel') || locale(Texts, 'AddItem')) }}</ngx-sirio-button>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region group -->\r\n            <ng-container *ngSwitchCase=\"'group'\">\r\n              <div [ngClass]=\"{\r\n     'group-outline': component.showOutline === true,\r\n     'group-top': component.verticalAlignment === 'start',\r\n     'group-center': component.verticalAlignment === 'center',\r\n     'group-bottom': component.verticalAlignment === 'end'}\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <div #group\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"group\">\r\n                  <ng-container *disablePath=\"{\r\n                      disabled: evaluateBoolean(component.disabled),\r\n                      formGroup: formGroup,\r\n                      path: component.path\r\n                    }\">\r\n                  </ng-container>\r\n                  <app-dynamic-fields [formGroup]=\"resolvePath(component.path)\"\r\n                                      [rows]=\"component.rows\"\r\n                                      [language]=\"language\"></app-dynamic-fields>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region tab -->\r\n            <ng-container *ngSwitchCase=\"'tab'\">\r\n\r\n              <ng-container *ngFor=\"let panel of component.panels\">\r\n                <ng-container *disablePath=\"{\r\n                  disabled: evaluateBoolean(panel.disabled),\r\n                  formGroup: formGroup,\r\n                  path: panel.path\r\n                }\">\r\n                </ng-container>\r\n              </ng-container>\r\n\r\n              <ngx-sirio-tab #tab\r\n                             [register]=\"component\"\r\n                             [componentRef]=\"tab\"\r\n                             [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                             [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                             [isNavLine]=\"component.navigation\"\r\n                             [isVertical]=\"component.vertical\"\r\n                             tabControl>\r\n                <ng-container *ngFor=\"let panel of component.panels; let i = index;\">\r\n                  <ngx-sirio-tab-item [label]=\"evaluateString(locale(panel, 'label'))\"\r\n                                      [icon]=\"evaluateString(panel.icon)\"\r\n                                      [disabled]=\"evaluateBoolean(panel.disabled) ?? false\"\r\n                                      *ngIf=\"evaluateConditional(panel.conditional)\">\r\n                    <div *ngIf=\"i === tab.activeIndex\" [ngClass]=\"{\r\n          'group-top': component.verticalAlignment === 'start',\r\n          'group-center': component.verticalAlignment === 'center',\r\n          'group-bottom': component.verticalAlignment === 'end'}\">\r\n                      <div>\r\n                        <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                            [rows]=\"getTemplate(panel.template)?.rows\"\r\n                                            [language]=\"language\"></app-dynamic-fields>\r\n                      </div>\r\n                    </div>\r\n                  </ngx-sirio-tab-item>\r\n                </ng-container>\r\n              </ngx-sirio-tab>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region accordion -->\r\n            <ng-container *ngSwitchCase=\"'accordion'\">\r\n\r\n              <ng-container *ngFor=\"let panel of component.panels\">\r\n                <ng-container *disablePath=\"{\r\n    disabled: evaluateBoolean(panel.disabled),\r\n    formGroup: formGroup,\r\n    path: panel.path\r\n  }\">\r\n                </ng-container>\r\n              </ng-container>\r\n\r\n              <ngx-sirio-accordion #accordion\r\n                                   [register]=\"component\"\r\n                                   [componentRef]=\"accordion\">\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ngx-sirio-accordion-panel *ngIf=\"evaluateConditional(panel.conditional)\"\r\n                                             [disabled]=\"evaluateBoolean(panel.disabled)\">\r\n                    <ngx-sirio-accordion-header>\r\n                      <span [innerText]=\"evaluateString(locale(panel, 'label'))\"></span>\r\n                    </ngx-sirio-accordion-header>\r\n                    <ngx-sirio-accordion-body>\r\n                      <div [ngClass]=\"{\r\n          'group-top': component.verticalAlignment === 'start',\r\n          'group-center': component.verticalAlignment === 'center',\r\n          'group-bottom': component.verticalAlignment === 'end'}\">\r\n                        <div>\r\n                          <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                              [rows]=\"getTemplate(panel.template)?.rows\"\r\n                                              [language]=\"language\"></app-dynamic-fields>\r\n                        </div>\r\n                      </div>\r\n                    </ngx-sirio-accordion-body>\r\n                  </ngx-sirio-accordion-panel>\r\n                </ng-container>\r\n              </ngx-sirio-accordion>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region text -->\r\n            <ng-container *ngSwitchCase=\"'text'\">\r\n              <div [collapse]=\"component.collapseTo\"\r\n                   [language]=\"language\"\r\n                   #text\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"text\">\r\n                <!--Reset View Context-->\r\n                <div tabindex=\"0\" style=\"display:none\"></div>\r\n                <div class=\"flex\">\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                  <ng-container *ngIf=\"component.tooltip\">\r\n                    <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n                    <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                            sirioTooltip\r\n                            [attr.aria-label]=\"locale(Texts, 'Information')\"\r\n                            [hasPopover]=\"true\"\r\n                            [customTemplate]=\"tooltipWrapper.getTemplateRef()\"></button>\r\n                    <ng-template #tooltipTemplate let-component=\"component\">\r\n                      <div class=\"sirio-tooltip-body\">\r\n                        <div class=\"text-paragraph\"\r\n                             [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'tooltip')))\">\r\n                        </div>\r\n                      </div>\r\n                    </ng-template>\r\n                  </ng-container>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region html -->\r\n            <ng-container *ngSwitchCase=\"'html'\">\r\n              <div class=\"html-paragraph\"\r\n                   [innerHTML]=\"sanitize(evaluateTemplate(locale(component, 'content')))\"\r\n                   #html\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"html\">\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region image -->\r\n            <ng-container *ngSwitchCase=\"'image'\">\r\n              <img [src]=\"evaluateString(component.source)\"\r\n                   [alt]=\"evaluateString(locale(component, 'alt'))\"\r\n                   style=\"width: 100%;height: 100%;\"\r\n                   #image\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"image\">\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region table -->\r\n            <ng-container *ngSwitchCase=\"'table'\">\r\n              <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n              <ag-grid-angular [modules]=\"getGridModules(component)\"\r\n                               [gridOptions]=\"getGridOptions(component)\"\r\n                               (selectionChanged)=\"onGridSelectionChanged(component, $event)\"\r\n                               [columnDefs]=\"component.columns || evaluate(component.columnsExpression) || []\"\r\n                               [rowSource]=\"(getRowSource(component) | async) || []\"\r\n                               [refresh]=\"refreshRowSource(component)\"\r\n                               [style.height.px]=\"component.height\"\r\n                               [formGroup]=\"formGroup\"\r\n                               [language]=\"language\"\r\n                               #table\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"table\" />\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region button -->\r\n            <ng-container *ngSwitchCase=\"'button'\">\r\n              <ngx-sirio-button (clickEvent)=\"clickButton(component, $event)\"\r\n                                [color]=\"evaluateColor(component.color)\"\r\n                                [icon]=\"evaluateString(component.icon)\"\r\n                                [disabled]=\"evaluateBoolean(component.disabled)\"\r\n                                #button\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"button\">\r\n                {{ evaluateString(locale(component, 'label')) }}\r\n              </ngx-sirio-button>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region separator -->\r\n            <ng-container *ngSwitchCase=\"'separator'\">\r\n              <div class=\"separator\"\r\n                   #separator\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"separator\">\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region spacer -->\r\n            <ng-container *ngSwitchCase=\"'spacer'\">\r\n              <div style=\"width: 100%\"\r\n                   [style.height.px]=\"component.height\"\r\n                   #spacer\r\n                   [register]=\"component\"\r\n                   [componentRef]=\"spacer\">\r\n              </div>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region iframe -->\r\n            <ng-container *ngSwitchCase=\"'iframe'\">\r\n              <label [for]=\"component.id\">{{ evaluateString(locale(component, 'label')) }}</label>\r\n              <iframe [src]=\"evaluateUrl(component.url)\"\r\n                      [title]=\"evaluateString(locale(component, 'label'))\"\r\n                      [style.width]=\"'100%'\"\r\n                      [style.height.px]=\"component.height\"\r\n                      [frameSecurity]=\"component.security\"\r\n                      #iframe\r\n                      [register]=\"component\"\r\n                      [componentRef]=\"iframe\">\r\n              </iframe>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region alert -->\r\n            <ng-container *ngSwitchCase=\"'alert'\">\r\n              <ngx-sirio-alert [type]=\"component.role\"\r\n                               [labelClose]=\"locale(Texts, 'Close')\"\r\n                               #alert\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"alert\">\r\n                <ngx-sirio-alert-message>\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                </ngx-sirio-alert-message>\r\n              </ngx-sirio-alert>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region notice -->\r\n            <ng-container *ngSwitchCase=\"'notice'\">\r\n              <ngx-sirio-notify #notice\r\n                                [register]=\"component\"\r\n                                [componentRef]=\"notice\">\r\n                <ngx-sirio-notify-body [title]=\"evaluateString(locale(component, 'title'))\">\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                </ngx-sirio-notify-body>\r\n              </ngx-sirio-notify>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region tooltip -->\r\n            <ng-container *ngSwitchCase=\"'tooltip'\">\r\n              <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n              <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                      sirioTooltip\r\n                      [hasPopover]=\"true\"\r\n                      [customTemplate]=\"tooltipWrapper.getTemplateRef()\"\r\n                      #tooltip\r\n                      [register]=\"component\"\r\n                      [componentRef]=\"tooltip\"></button>\r\n              <ng-template #tooltipTemplate let-component=\"component\">\r\n                <div class=\"sirio-tooltip-body\">\r\n                  <p *ngIf=\"component.title\" class=\"sirio-tooltip-heading sirio-space-down\">\r\n                    {{ evaluateString(locale(component, 'title')) }}\r\n                  </p>\r\n                  <div class=\"text-paragraph\"\r\n                       [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region chart -->\r\n            <ng-container *ngSwitchCase=\"'chart'\">\r\n              <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n              <ag-charts [options]=\"(getChartOptions(component) | async) ?? {}\"\r\n                         [observe]=\"getChartData(component)\"\r\n                         [callback]=\"invalidateChart(component)\"\r\n                         [style.height.px]=\"component.height\"\r\n                         #chart\r\n                         [register]=\"component\"\r\n                         [componentRef]=\"chart\" />\r\n            </ng-container>\r\n            <!-- #endregion -->\r\n            <!-- #region component -->\r\n            <ng-container *ngSwitchCase=\"'component'\">\r\n              <ng-container *ngIf=\"component.isInput; else noInputTemplate\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <!--aggiungere disabled-->\r\n                <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                  [formGroup]=\"resolvePath(component.path)\"\r\n                                  #componentHost\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"componentHost\" />\r\n              </ng-container>\r\n              <ng-template #noInputTemplate>\r\n                <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                  #componentHost\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"componentHost\" />\r\n              </ng-template>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".flex{display:flex}.field-set{align-items:start}.field-set>.col-host>*{margin-bottom:10px}.separator{border-bottom:2px solid #d9e4f7;width:100%;margin:10px 0}.group-outline{border:1px solid #d9e4f7;padding:15px;margin-top:2px;margin-bottom:2px}.group-outline-repeat{margin-top:8px;margin-bottom:8px}.group-top .row{align-items:baseline}.group-center .row{align-items:center}.group-bottom .row{align-items:end}.text-paragraph p{margin-bottom:0!important}.sirio-tab.sirio-tab-vertical .sirio-tab-body{margin-left:10px;margin-right:10px}.sirio-tab:not(.sirio-tab-vertical) .sirio-tab-body{margin-top:10px;margin-bottom:10px}.sirio-control.ng-invalid .sirio-form-feedback{color:#aa224f;display:inline-block}.sirio-control.ng-invalid .sirio-input-group-text{color:#aa224f;border-color:#aa224f}.sirio-control.is-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.is-readonly .sirio-form-control{background-color:#fff!important;color:#454d56}.sirio-control.light-readonly label:hover{color:#454d56}.sirio-control.light-readonly input.sirio-form-control,.sirio-control.light-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.light-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.light-readonly label,.sirio-upload.sirio-control.is-disabled label{pointer-events:none}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label{color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label:before,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label{color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:before,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:after,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:after{background-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-upload.sirio-is-invalid button{background-color:#aa224f;border-color:#aa224f}.col-host .sirio-accordion .sirio-accordion-body .sirio-accordion-content{padding:16px}.col-host .sirio-accordion-body{overflow:unset!important}.ag-header-cell.hide-filter .ag-header-cell-filter-button{display:none}.sirio-tab.sirio-tab-scroll{display:block}.sirio-dropdown .searchable{position:absolute;width:100%;display:none;left:0}.ag-cell-value .btn-small-group{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ag-cell-value .btn-small .sirio-btn{padding:.25rem .0625rem;margin:2px}.ag-selection-checkbox .ag-checkbox-input-wrapper.ag-disabled{display:none}ag-charts{display:block;height:100%;border-radius:8px;background-color:var(--chart-bg);border:1px solid var(--chart-border);overflow:hidden}.ag-cell.cell-component{padding:1px}\n"] }]
-        }], ctorParameters: () => [{ type: SanitizeService }, { type: MarkdownService }, { type: MimeService }, { type: ProgrammabilityService }, { type: EventService }, { type: WeakService }, { type: RegisterService }, { type: MetadataService }, { type: GridService }, { type: ChartService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { rows: [{
+                    ], encapsulation: ViewEncapsulation.None, template: "<div [ngClass]=\"getFormAlignment()\">\r\n  <ng-container *ngFor=\"let row of rows\" [formGroup]=\"formGroup\">\r\n    <div class=\"row field-set\">\r\n      <ng-container *ngFor=\"let component of row.components\">\r\n        <ng-container [ngSwitch]=\"component.type\">\r\n          <div [class]=\"getClass(component)\"\r\n               [ngClass]=\"getComponentAlignment(component)\">\r\n            <div [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n              <!-- #region textfield -->\r\n              <ng-container *ngSwitchCase=\"'textfield'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-input type=\"text\"\r\n                                 [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                 [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                 [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                                 [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                 [properties]=\"component.properties\"\r\n                                 [formControlName]=\"component.key\"\r\n                                 [textcase]=\"component.textCase\"\r\n                                 [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                                 updateBlur\r\n                                 validation\r\n                                 [canValidate]=\"true\"\r\n                                 [isWarning]=\"isWarning(component)\"\r\n                                 [showWhenValid]=\"false\"\r\n                                 #textfield\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"textfield\">\r\n                </ngx-sirio-input>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region select -->\r\n              <ng-container *ngSwitchCase=\"'select'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                  [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                  [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                  [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                  [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [properties]=\"component.properties\"\r\n                                  [formControlName]=\"component.key\"\r\n                                  validation\r\n                                  [canValidate]=\"true\"\r\n                                  [isWarning]=\"isWarning(component)\"\r\n                                  [showWhenValid]=\"false\"\r\n                                  [refresh]=\"refreshValues(component)\"\r\n                                  dropdown\r\n                                  #select\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"select\">\r\n                  <ngx-sirio-select-panel>\r\n                    <ngx-sirio-input *ngIf=\"component.searchable\" class=\"searchable\" type=\"text\" [placeholder]=\"locale(Texts, 'TypeToSearch')\"></ngx-sirio-input>\r\n                    <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                  </ngx-sirio-select-panel>\r\n                </ngx-sirio-select>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region taglist -->\r\n              <ng-container *ngSwitchCase=\"'taglist'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-select [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                  [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                  [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                  [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                  [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [properties]=\"component.properties\"\r\n                                  [isMultiple]=\"true\"\r\n                                  [formControlName]=\"component.key\"\r\n                                  validation\r\n                                  [canValidate]=\"true\"\r\n                                  [isWarning]=\"isWarning(component)\"\r\n                                  [showWhenValid]=\"false\"\r\n                                  [refresh]=\"refreshValues(component)\"\r\n                                  #taglist\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"taglist\">\r\n                  <ngx-sirio-select-panel>\r\n                    <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ locale(option, 'label') }}</ngx-sirio-select-option>\r\n                  </ngx-sirio-select-panel>\r\n                </ngx-sirio-select>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region number -->\r\n              <ng-container *ngSwitchCase=\"'number'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-input type=\"number\"\r\n                                 [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                 [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                 [prefixAdorner]=\"evaluateString(component.appearance?.prefixAdorner)\"\r\n                                 [suffixAdorner]=\"evaluateString(component.appearance?.suffixAdorner)\"\r\n                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                 [properties]=\"component.properties\"\r\n                                 [formControlName]=\"component.key\"\r\n                                 number\r\n                                 [defaultValue]=\"evaluateNumber(component.defaultValue)\"\r\n                                 [minimum]=\"evaluateNumber(component.minimum)\"\r\n                                 [maximum]=\"evaluateNumber(component.maximum)\"\r\n                                 [decimalDigits]=\"evaluateNumber(component.decimalDigits)\"\r\n                                 updateBlur\r\n                                 validation\r\n                                 [canValidate]=\"true\"\r\n                                 [isWarning]=\"isWarning(component)\"\r\n                                 [showWhenValid]=\"false\"\r\n                                 #number\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"number\">\r\n                </ngx-sirio-input>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region datetime -->\r\n              <ng-container *ngSwitchCase=\"'datetime'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region date -->\r\n                  <ng-container *ngSwitchCase=\"'date'\">\r\n                    <ngx-sirio-datepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaDateLabel') || locale(component, 'dateLabel'))\"\r\n                                          [label]=\"evaluateString(locale(component, 'dateLabel'))\"\r\n                                          [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                          [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                          [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                          [textFeedback]=\"getTextFeedback(component)\"\r\n                                          [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                          [properties]=\"component.properties\"\r\n                                          [formControlName]=\"component.key\"\r\n                                          isoDate\r\n                                          validation\r\n                                          [canValidate]=\"true\"\r\n                                          [isWarning]=\"isWarning(component)\"\r\n                                          [showWhenValid]=\"false\"\r\n                                          #date\r\n                                          [register]=\"component\"\r\n                                          [componentRef]=\"date\">\r\n                    </ngx-sirio-datepicker>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region time -->\r\n                  <ng-container *ngSwitchCase=\"'time'\">\r\n                    <ngx-sirio-timepicker [ariaLabel]=\"evaluateString(locale(component, 'ariaTimeLabel') || locale(component, 'timeLabel'))\"\r\n                                          [label]=\"evaluateString(locale(component, 'timeLabel'))\"\r\n                                          [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                          [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                          [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                          [textFeedback]=\"getTextFeedback(component)\"\r\n                                          [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                          [properties]=\"component.properties\"\r\n                                          [formControlName]=\"component.key\"\r\n                                          validation\r\n                                          [canValidate]=\"true\"\r\n                                          [isWarning]=\"isWarning(component)\"\r\n                                          [showWhenValid]=\"false\"\r\n                                          #time\r\n                                          [register]=\"component\"\r\n                                          [componentRef]=\"time\">\r\n                    </ngx-sirio-timepicker>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region checkbox -->\r\n              <ng-container *ngSwitchCase=\"'checkbox'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region toggle -->\r\n                  <ng-container *ngSwitchCase=\"'toggle'\">\r\n                    <ngx-sirio-toggle [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                      [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [properties]=\"component.properties\"\r\n                                      [formControlName]=\"component.key\"\r\n                                      validation\r\n                                      [canValidate]=\"true\"\r\n                                      [isWarning]=\"isWarning(component)\"\r\n                                      [showWhenValid]=\"false\"\r\n                                      #toggle\r\n                                      [register]=\"component\"\r\n                                      [componentRef]=\"toggle\">\r\n                      {{ evaluateString(locale(component, 'label')) }}\r\n                    </ngx-sirio-toggle>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <ngx-sirio-checkbox [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                        [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                        [textFeedback]=\"getTextFeedback(component)\"\r\n                                        [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                        [properties]=\"component.properties\"\r\n                                        [formControlName]=\"component.key\"\r\n                                        validation\r\n                                        [canValidate]=\"true\"\r\n                                        [isWarning]=\"isWarning(component)\"\r\n                                        [showWhenValid]=\"false\"\r\n                                        #checkbox\r\n                                        [register]=\"component\"\r\n                                        [componentRef]=\"checkbox\">\r\n                      {{ evaluateString(locale(component, 'label')) }}\r\n                    </ngx-sirio-checkbox>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region radio -->\r\n              <ng-container *ngSwitchCase=\"'radio'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region chip -->\r\n                  <ng-container *ngSwitchCase=\"'chip'\">\r\n                    <ngx-sirio-chip-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                                [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                                [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                                [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                                [textFeedback]=\"getTextFeedback(component)\"\r\n                                                [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                                [properties]=\"component.properties\"\r\n                                                [formControlName]=\"component.key\"\r\n                                                validation\r\n                                                [canValidate]=\"true\"\r\n                                                [isWarning]=\"isWarning(component)\"\r\n                                                [showWhenValid]=\"false\"\r\n                                                [refresh]=\"refreshValues(component)\"\r\n                                                #chipradio\r\n                                                [register]=\"component\"\r\n                                                [componentRef]=\"chipradio\">\r\n                      <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                            type=\"radio\"\r\n                                            [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-input-chip>\r\n                    </ngx-sirio-chip-radio-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <ngx-sirio-radio-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                           [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                           [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                           [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                           [textFeedback]=\"getTextFeedback(component)\"\r\n                                           [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                           [properties]=\"component.properties\"\r\n                                           [formControlName]=\"component.key\"\r\n                                           validation\r\n                                           [canValidate]=\"true\"\r\n                                           [isWarning]=\"isWarning(component)\"\r\n                                           [showWhenValid]=\"false\"\r\n                                           [refresh]=\"refreshValues(component)\"\r\n                                           #radio\r\n                                           [register]=\"component\"\r\n                                           [componentRef]=\"radio\">\r\n                      <ngx-sirio-radio-button *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-radio-button>\r\n                    </ngx-sirio-radio-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region checklist -->\r\n              <ng-container *ngSwitchCase=\"'checklist'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [ngSwitch]=\"component.subtype\">\r\n                  <!-- #region chip -->\r\n                  <ng-container *ngSwitchCase=\"'chip'\">\r\n                    <ngx-sirio-chip-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                                   [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                                   [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                                   [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                                   [textFeedback]=\"getTextFeedback(component)\"\r\n                                                   [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                                   [properties]=\"component.properties\"\r\n                                                   [formControlName]=\"component.key\"\r\n                                                   validation\r\n                                                   [canValidate]=\"true\"\r\n                                                   [isWarning]=\"isWarning(component)\"\r\n                                                   [showWhenValid]=\"false\"\r\n                                                   [refresh]=\"refreshValues(component)\"\r\n                                                   #chipcheckbox\r\n                                                   [register]=\"component\"\r\n                                                   [componentRef]=\"chipcheckbox\">\r\n                      <ngx-sirio-input-chip *ngFor=\"let option of (getValues(component) | async) || []\"\r\n                                            type=\"checkbox\"\r\n                                            [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-input-chip>\r\n                    </ngx-sirio-chip-checkbox-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <ngx-sirio-checkbox-group [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                              [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                              [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                              [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                              [textFeedback]=\"getTextFeedback(component)\"\r\n                                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                              [properties]=\"component.properties\"\r\n                                              [formControlName]=\"component.key\"\r\n                                              validation\r\n                                              [canValidate]=\"true\"\r\n                                              [isWarning]=\"isWarning(component)\"\r\n                                              [showWhenValid]=\"false\"\r\n                                              [refresh]=\"refreshValues(component)\"\r\n                                              #checkbox\r\n                                              [register]=\"component\"\r\n                                              [componentRef]=\"checkbox\">\r\n                      <ngx-sirio-checkbox *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">\r\n                        {{ locale(option, 'label') }}\r\n                      </ngx-sirio-checkbox>\r\n                    </ngx-sirio-checkbox-group>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region textarea -->\r\n              <ng-container *ngSwitchCase=\"'textarea'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-input type=\"textarea\"\r\n                                 [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                 [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                 [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                 [placeholder]=\"locale(component, 'placeholder') || ''\"\r\n                                 [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                 [properties]=\"component.properties\"\r\n                                 [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                 [textFeedback]=\"getTextFeedback(component)\"\r\n                                 [formControlName]=\"component.key\"\r\n                                 [textcase]=\"component.textCase\"\r\n                                 [maxlength]=\"evaluateNumber(component.maxLength)\"\r\n                                 updateBlur\r\n                                 validation\r\n                                 [canValidate]=\"true\"\r\n                                 [isWarning]=\"isWarning(component)\"\r\n                                 [showWhenValid]=\"false\"\r\n                                 #textarea\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"textarea\">\r\n                </ngx-sirio-input>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region filepicker -->\r\n              <ng-container *ngSwitchCase=\"'filepicker'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-file-upload [ariaLabel]=\"evaluateString(locale(component, 'ariaLabel') || locale(component, 'label'))\"\r\n                                       [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                       [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                       [accept]=\"getMimeTypes(component.accept)\"\r\n                                       [multiple]=\"evaluateBoolean(component.multiple)\"\r\n                                       (fileUploadedEvent)=\"fileUploaded($event)\"\r\n                                       [showFilelist]=\"!component.showDetails\"\r\n                                       [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                       [textFeedback]=\"getTextFeedback(component)\"\r\n                                       [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                       [properties]=\"component.properties\"\r\n                                       [formControlName]=\"component.key\"\r\n                                       validation\r\n                                       [canValidate]=\"true\"\r\n                                       [isWarning]=\"isWarning(component)\"\r\n                                       [showWhenValid]=\"false\"\r\n                                       #filepicker\r\n                                       [register]=\"component\"\r\n                                       [componentRef]=\"filepicker\">\r\n                  <span class=\"fas fa-arrow-up\" aria-hidden=\"true\"></span>\r\n                  {{ locale(Texts, 'Upload') }}\r\n                </ngx-sirio-file-upload>\r\n                <ng-container *ngIf=\"component.showDetails\">\r\n                  <app-dynamic-fields [formGroup]=\"formGroup\"\r\n                                      [rows]=\"createUploadTables(component)\"></app-dynamic-fields>\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region range -->\r\n              <ng-container *ngSwitchCase=\"'range'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ngx-sirio-slider [label]=\"evaluateString(locale(component, 'label'))\"\r\n                                  [labelPopover]=\"evaluateString(locale(component, 'tooltip'))\"\r\n                                  [textHelp]=\"evaluateString(locale(component, 'description'))\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [properties]=\"component.properties\"\r\n                                  [formControlName]=\"component.key\"\r\n                                  validation\r\n                                  [canValidate]=\"true\"\r\n                                  [isWarning]=\"isWarning(component)\"\r\n                                  [showWhenValid]=\"false\"\r\n                                  [min]=\"evaluateNumber(component.range?.min) ?? 0\"\r\n                                  [max]=\"evaluateNumber(component.range?.max) ?? 0\"\r\n                                  #range\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"range\">\r\n                </ngx-sirio-slider>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region dynamiclist -->\r\n              <ng-container *ngSwitchCase=\"'dynamiclist'\" [formGroup]=\"resolvePath(component.path)\">\r\n                <ng-container [formArrayName]=\"component.key\"\r\n                              [repeat]=\"evaluateNumber(component.repetitions)\"\r\n                              [allowAddRemove]=\"evaluateBoolean(component.allowAddRemove)\">\r\n                  <p *ngIf=\"component.description\">{{ evaluateString(locale(component, 'description')) }}</p>\r\n                  <ng-container *ngIf=\"getFormArray(resolvePath(component.path).get(component.key)) as formArray\">\r\n                    <ng-container *ngIf=\"formArray.controls.length > 0\">\r\n                      <ng-container [ngSwitch]=\"component.subtype\">\r\n                        <!-- #region tab -->\r\n                        <ng-container *ngSwitchCase=\"'tab'\">\r\n                          <div [register]=\"component\"\r\n                               [componentRef]=\"dynamiclisttab\">\r\n                            <ngx-sirio-tab [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                                           [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                                           [tabCount]=\"formArray.controls.length\"\r\n                                           #dynamiclisttab>\r\n                              <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                                <ngx-sirio-tab-item [label]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\">\r\n                                  <ng-container *ngIf=\"i === dynamiclisttab.activeIndex\">\r\n                                    <div>\r\n                                      <div>\r\n                                        <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                            [rows]=\"component.rows\"\r\n                                                            [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                                      </div>\r\n                                      <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                        <div style=\"text-align:right\">\r\n                                          <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                        </div>\r\n                                      </ng-container>\r\n                                    </div>\r\n                                  </ng-container>\r\n                                </ngx-sirio-tab-item>\r\n                              </ng-container>\r\n                            </ngx-sirio-tab>\r\n                          </div>\r\n                        </ng-container>\r\n                        <!-- #endregion -->\r\n                        <!-- #region accordion -->\r\n                        <ng-container *ngSwitchCase=\"'accordion'\">\r\n                          <div [register]=\"component\"\r\n                               [componentRef]=\"dynamiclistaccordion\">\r\n                            <ngx-sirio-accordion [accordionCount]=\"formArray.controls.length\"\r\n                                                 #dynamiclistaccordion>\r\n                              <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                                <ngx-sirio-accordion-panel #panel accordionPanel>\r\n                                  <ngx-sirio-accordion-header>\r\n                                    <span [innerText]=\"evaluateString(locale(component, 'label')) + ' ' + (i + 1)\"></span>\r\n                                  </ngx-sirio-accordion-header>\r\n                                  <ngx-sirio-accordion-body>\r\n                                    <ng-container *ngIf=\"panel.panelIsOpen\">\r\n                                      <div>\r\n                                        <div>\r\n                                          <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                              [rows]=\"component.rows\"\r\n                                                              [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                                        </div>\r\n                                        <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                          <div style=\"text-align:right\">\r\n                                            <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                          </div>\r\n                                        </ng-container>\r\n                                      </div>\r\n                                    </ng-container>\r\n                                  </ngx-sirio-accordion-body>\r\n                                </ngx-sirio-accordion-panel>\r\n                              </ng-container>\r\n                            </ngx-sirio-accordion>\r\n                          </div>\r\n                        </ng-container>\r\n                        <!-- #endregion -->\r\n                        <!-- #region default -->\r\n                        <ng-container *ngSwitchDefault>\r\n                          <div #dynamiclist\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"dynamiclist\">\r\n                            <ng-container *ngFor=\"let item of formArray.controls; let i = index;\" [formGroupName]=\"i\">\r\n                              <div [ngClass]=\"{'group-outline': component.showOutline === true, 'group-outline-repeat': true }\">\r\n                                <div>\r\n                                  <label>{{ evaluateString(locale(component, 'label')) + ' ' + (i + 1) }}</label>\r\n                                  <div>\r\n                                    <app-dynamic-fields [formGroup]=\"getFormGroup(item)\"\r\n                                                        [rows]=\"component.rows\"\r\n                                                        [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                                  </div>\r\n                                  <ng-container *ngIf=\"component.allowAddRemove\">\r\n                                    <div style=\"text-align:right\">\r\n                                      <ngx-sirio-button (click)=\"removeItem(formArray, i)\" class=\"remove-item\" [color]=\"null\" icon=\"fas fa-trash\">{{ evaluateString(locale(component, 'removeLabel') || locale(Texts, 'RemoveItem')) }}</ngx-sirio-button>\r\n                                    </div>\r\n                                  </ng-container>\r\n                                </div>\r\n                              </div>\r\n                            </ng-container>\r\n                          </div>\r\n                        </ng-container>\r\n                        <!-- #endregion -->\r\n                      </ng-container>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"component.allowAddRemove\">\r\n                      <ngx-sirio-button (click)=\"addItem(formArray)\" class=\"add-item\" [color]=\"null\" icon=\"fas fa-plus\">{{ evaluateString(locale(component, 'addLabel') || locale(Texts, 'AddItem')) }}</ngx-sirio-button>\r\n                    </ng-container>\r\n                  </ng-container>\r\n                </ng-container>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region group -->\r\n              <ng-container *ngSwitchCase=\"'group'\">\r\n                <div [ngClass]=\"getGroupOutline(component)\">\r\n                  <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                  <div #group\r\n                       [register]=\"component\"\r\n                       [componentRef]=\"group\">                    \r\n                    <app-dynamic-fields [formGroup]=\"resolvePath(component.path)\"\r\n                                        [rows]=\"component.rows\"\r\n                                        [alignment]=\"component.verticalAlignment\"></app-dynamic-fields>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region tab -->\r\n              <ng-container *ngSwitchCase=\"'tab'\">\r\n                  <ngx-sirio-tab #tab\r\n                               [register]=\"component\"\r\n                               [componentRef]=\"tab\"\r\n                               [leftArrowLabel]=\"locale(Texts, 'ScrollLeft')\"\r\n                               [rightArrowLabel]=\"locale(Texts, 'ScrollRight')\"\r\n                               [isNavLine]=\"component.navigation\"\r\n                               [isVertical]=\"component.vertical\"\r\n                               tabControl>\r\n                  <ng-container *ngFor=\"let panel of component.panels; let i = index;\">\r\n                    <ngx-sirio-tab-item [label]=\"evaluateString(locale(panel, 'label'))\"\r\n                                        [icon]=\"evaluateString(panel.icon)\"\r\n                                        [disabled]=\"evaluateBoolean(panel.disabled) ?? false\"\r\n                                        *ngIf=\"evaluateConditional(panel.conditional)\">\r\n                      <ng-container *ngIf=\"getTemplate(panel.template) as template\">\r\n                        <div *ngIf=\"i === tab.activeIndex\">\r\n                          <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                              [rows]=\"template?.rows\"\r\n                                              [alignment]=\"template?.verticalAlignment\"></app-dynamic-fields>\r\n                        </div>\r\n                      </ng-container>                      \r\n                    </ngx-sirio-tab-item>\r\n                  </ng-container>\r\n                </ngx-sirio-tab>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region accordion -->\r\n              <ng-container *ngSwitchCase=\"'accordion'\">\r\n                <ngx-sirio-accordion #accordion\r\n                                     [register]=\"component\"\r\n                                     [componentRef]=\"accordion\">\r\n                  <ng-container *ngFor=\"let panel of component.panels\">\r\n                    <ngx-sirio-accordion-panel *ngIf=\"evaluateConditional(panel.conditional)\"\r\n                                               [disabled]=\"evaluateBoolean(panel.disabled)\">\r\n                      <ngx-sirio-accordion-header>\r\n                        <span [innerText]=\"evaluateString(locale(panel, 'label'))\"></span>\r\n                      </ngx-sirio-accordion-header>\r\n                      <ngx-sirio-accordion-body>\r\n                        <div>\r\n                          <ng-container *ngIf=\"getTemplate(panel.template) as template\">\r\n                            <app-dynamic-fields [formGroup]=\"resolvePath(panel.path)\"\r\n                                                [rows]=\"template?.rows\"\r\n                                                [alignment]=\"template?.verticalAlignment\"></app-dynamic-fields>\r\n                          </ng-container>                          \r\n                        </div>\r\n                      </ngx-sirio-accordion-body>\r\n                    </ngx-sirio-accordion-panel>\r\n                  </ng-container>\r\n                </ngx-sirio-accordion>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region text -->\r\n              <ng-container *ngSwitchCase=\"'text'\">\r\n                <div [collapse]=\"component.collapseTo\"\r\n                     #text\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"text\">\r\n                  <!--Reset View Context-->\r\n                  <div tabindex=\"0\" style=\"display:none\"></div>\r\n                  <div class=\"flex\">\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                    <ng-container *ngIf=\"component.tooltip\">\r\n                      <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n                      <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                              sirioTooltip\r\n                              [attr.aria-label]=\"locale(Texts, 'Information')\"\r\n                              [hasPopover]=\"true\"\r\n                              [customTemplate]=\"tooltipWrapper.getTemplateRef()\"></button>\r\n                      <ng-template #tooltipTemplate let-component=\"component\">\r\n                        <div class=\"sirio-tooltip-body\">\r\n                          <div class=\"text-paragraph\"\r\n                               [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'tooltip')))\">\r\n                          </div>\r\n                        </div>\r\n                      </ng-template>\r\n                    </ng-container>\r\n                  </div>\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region html -->\r\n              <ng-container *ngSwitchCase=\"'html'\">\r\n                <div class=\"html-paragraph\"\r\n                     [innerHTML]=\"sanitize(evaluateTemplate(locale(component, 'content')))\"\r\n                     #html\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"html\">\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region image -->\r\n              <ng-container *ngSwitchCase=\"'image'\">\r\n                <img [src]=\"evaluateString(component.source)\"\r\n                     [alt]=\"evaluateString(locale(component, 'alt'))\"\r\n                     style=\"width: 100%;height: 100%;\"\r\n                     #image\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"image\">\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region table -->\r\n              <ng-container *ngSwitchCase=\"'table'\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <ag-grid-angular [modules]=\"getGridModules(component)\"\r\n                                 [gridOptions]=\"getGridOptions(component)\"\r\n                                 (selectionChanged)=\"onGridSelectionChanged(component, $event)\"\r\n                                 [columnDefs]=\"component.columns || evaluate(component.columnsExpression) || []\"\r\n                                 [rowSource]=\"getRowSource(component)\"\r\n                                 [refresh]=\"refreshRowSource(component)\"\r\n                                 [style.height.px]=\"component.height\"\r\n                                 [formGroup]=\"formGroup\"\r\n                                 #table\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"table\" />\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region button -->\r\n              <ng-container *ngSwitchCase=\"'button'\">\r\n                <ngx-sirio-button (clickEvent)=\"clickButton(component, $event)\"\r\n                                  [color]=\"evaluateColor(component.color)\"\r\n                                  [icon]=\"evaluateString(component.icon)\"\r\n                                  [disabled]=\"evaluateBoolean(component.disabled)\"\r\n                                  #button\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"button\">\r\n                  {{ evaluateString(locale(component, 'label')) }}\r\n                </ngx-sirio-button>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region separator -->\r\n              <ng-container *ngSwitchCase=\"'separator'\">\r\n                <div class=\"separator\"\r\n                     #separator\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"separator\">\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region spacer -->\r\n              <ng-container *ngSwitchCase=\"'spacer'\">\r\n                <div style=\"width: 100%\"\r\n                     [style.height.px]=\"component.height\"\r\n                     #spacer\r\n                     [register]=\"component\"\r\n                     [componentRef]=\"spacer\">\r\n                </div>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region iframe -->\r\n              <ng-container *ngSwitchCase=\"'iframe'\">\r\n                <label [for]=\"component.id\">{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <iframe [src]=\"evaluateUrl(component.url)\"\r\n                        [title]=\"evaluateString(locale(component, 'label'))\"\r\n                        [style.width]=\"'100%'\"\r\n                        [style.height.px]=\"component.height\"\r\n                        [frameSecurity]=\"component.security\"\r\n                        #iframe\r\n                        [register]=\"component\"\r\n                        [componentRef]=\"iframe\">\r\n                </iframe>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region alert -->\r\n              <ng-container *ngSwitchCase=\"'alert'\">\r\n                <ngx-sirio-alert [type]=\"component.role\"\r\n                                 [labelClose]=\"locale(Texts, 'Close')\"\r\n                                 #alert\r\n                                 [register]=\"component\"\r\n                                 [componentRef]=\"alert\">\r\n                  <ngx-sirio-alert-message>\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                  </ngx-sirio-alert-message>\r\n                </ngx-sirio-alert>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region notice -->\r\n              <ng-container *ngSwitchCase=\"'notice'\">\r\n                <ngx-sirio-notify #notice\r\n                                  [register]=\"component\"\r\n                                  [componentRef]=\"notice\">\r\n                  <ngx-sirio-notify-body [title]=\"evaluateString(locale(component, 'title'))\">\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                  </ngx-sirio-notify-body>\r\n                </ngx-sirio-notify>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region tooltip -->\r\n              <ng-container *ngSwitchCase=\"'tooltip'\">\r\n                <app-template-wrapper #tooltipWrapper [template]=\"tooltipTemplate\" [context]=\"{ component: component }\"></app-template-wrapper>\r\n                <button class=\"sirio-label-popover fas fa-info-circle\"\r\n                        sirioTooltip\r\n                        [hasPopover]=\"true\"\r\n                        [customTemplate]=\"tooltipWrapper.getTemplateRef()\"\r\n                        #tooltip\r\n                        [register]=\"component\"\r\n                        [componentRef]=\"tooltip\"></button>\r\n                <ng-template #tooltipTemplate let-component=\"component\">\r\n                  <div class=\"sirio-tooltip-body\">\r\n                    <p *ngIf=\"component.title\" class=\"sirio-tooltip-heading sirio-space-down\">\r\n                      {{ evaluateString(locale(component, 'title')) }}\r\n                    </p>\r\n                    <div class=\"text-paragraph\"\r\n                         [innerHTML]=\"toHTML(evaluateTemplate(locale(component, 'text')))\">\r\n                    </div>\r\n                  </div>\r\n                </ng-template>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region chart -->\r\n              <ng-container *ngSwitchCase=\"'chart'\">\r\n                <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                <ag-charts [options]=\"(getChartOptions(component) | async) ?? {}\"\r\n                           [observe]=\"getChartData(component)\"\r\n                           [callback]=\"invalidateChart(component)\"\r\n                           [style.height.px]=\"component.height\"\r\n                           #chart\r\n                           [register]=\"component\"\r\n                           [componentRef]=\"chart\" />\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n              <!-- #region component -->\r\n              <ng-container *ngSwitchCase=\"'component'\">\r\n                <ng-container *ngIf=\"component.isInput; else noInputTemplate\">\r\n                  <label>{{ evaluateString(locale(component, 'label')) }}</label>\r\n                  <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                    [formGroup]=\"resolvePath(component.path)\"\r\n                                    #componentHost\r\n                                    [register]=\"component\"\r\n                                    [componentRef]=\"componentHost\" />\r\n                </ng-container>\r\n                <ng-template #noInputTemplate>\r\n                  <app-dynamic-host [properties]=\"getFeelableProperties(component)\"\r\n                                    #componentHost\r\n                                    [register]=\"component\"\r\n                                    [componentRef]=\"componentHost\" />\r\n                </ng-template>\r\n              </ng-container>\r\n              <!-- #endregion -->\r\n            </div>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n  </ng-container>\r\n</div>\r\n\r\n", styles: [".flex{display:flex}.field-set{align-items:start}.field-set>.col-host>*{margin-bottom:10px}.separator{border-bottom:2px solid #d9e4f7;width:100%;margin:10px 0}.group-outline{border:1px solid #d9e4f7;padding:15px;margin-top:2px;margin-bottom:2px}.group-outline-repeat{margin-top:8px;margin-bottom:8px}.valign-start>.row{align-items:start}.valign-center>.row{align-items:center}.valign-end>.row{align-items:end}.component-start{align-self:start}.component-center{align-self:center}.component-end{align-self:end}.text-paragraph p{margin-bottom:0!important}.sirio-tab.sirio-tab-vertical .sirio-tab-body{margin-left:10px;margin-right:10px}.sirio-tab:not(.sirio-tab-vertical) .sirio-tab-body{margin-top:10px;margin-bottom:10px}.sirio-control.ng-invalid .sirio-form-feedback{color:#aa224f;display:inline-block}.sirio-control.ng-invalid .sirio-input-group-text{color:#aa224f;border-color:#aa224f}.sirio-control.is-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.is-readonly .sirio-form-control{background-color:#fff!important;color:#454d56}.sirio-form-control[type=number]:disabled{background-image:none}.sirio-control.light-readonly label:hover{color:#454d56}.sirio-control.light-readonly input.sirio-form-control,.sirio-control.light-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.light-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.light-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.light-readonly label,.sirio-upload.sirio-control.is-disabled label{pointer-events:none}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label{color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]~label:before,.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-is-invalid input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label{color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:before,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:before{border-color:#aa224f}.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid~label:after,.sirio-form-check.sirio-form-toggle input[type=checkbox].sirio-is-invalid:checked~label:after{background-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=checkbox]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=checkbox]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label{color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]~label:before,.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:before{border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-form-check input[type=radio]:checked~label:after{background-image:url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'%3e%3cpath fill='%23AA224F' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3e%3c/svg%3e\");background-size:12px}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]+label{color:#aa224f;border-color:#aa224f}.sirio-control.sirio-is-invalid fieldset .sirio-chip-selection input[type=radio]:checked+label{color:#fff;background-color:#aa224f;border-color:#aa224f}.sirio-upload.sirio-is-invalid button{background-color:#aa224f;border-color:#aa224f}.col-host .sirio-accordion .sirio-accordion-body .sirio-accordion-content{padding:16px}.col-host .sirio-accordion-body{overflow:unset!important}.sirio-dialog-title{display:flex;margin-top:0}.sirio-dialog-title span{margin-right:10px;margin-bottom:0!important}.ag-header-cell.hide-filter .ag-header-cell-filter-button{display:none}.sirio-tab.sirio-tab-scroll{display:block}.sirio-dropdown .searchable{position:absolute;width:100%;display:none;left:0}.ag-cell-value .btn-small-group{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ag-cell-value .btn-small .sirio-btn{padding:.25rem .0625rem;margin:2px}.ag-selection-checkbox .ag-checkbox-input-wrapper.ag-disabled{display:none}ag-charts{display:block;height:100%;border-radius:8px;background-color:var(--chart-bg);border:1px solid var(--chart-border);overflow:hidden}.ag-cell.cell-component{padding:1px}.ag-cell.row-numbers-cell{text-align:center;background:#f2f6fc}.ag-header-cell.row-numbers-header .ag-header-cell-label{justify-content:center;text-align:center}\n"] }]
+        }], ctorParameters: () => [{ type: SanitizeService }, { type: MarkdownService }, { type: MimeService }, { type: ProgrammabilityService }, { type: EventService }, { type: WeakService }, { type: RegisterService }, { type: MetadataService }, { type: i2.LanguageService }, { type: FormService }, { type: GridService }, { type: ChartService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { rows: [{
                 type: Input
             }], formGroup: [{
                 type: Input
-            }], language: [{
+            }], alignment: [{
+                type: Input
+            }] } });
+
+class FormIndexDirective {
+    formIndex;
+    componentRef;
+    constructor() {
+    }
+    ngAfterContentInit() {
+        this.componentRef.formIndex = this.formIndex;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormIndexDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FormIndexDirective, isStandalone: true, selector: "[formIndex]", inputs: { formIndex: "formIndex", componentRef: "componentRef" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormIndexDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[formIndex]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [], propDecorators: { formIndex: [{
+                type: Input
+            }], componentRef: [{
                 type: Input
             }] } });
 
@@ -5510,6 +6250,7 @@ class DynamicFormComponent {
     programmability;
     events;
     registerService;
+    languageService;
     metadata;
     formService;
     dialog;
@@ -5528,11 +6269,12 @@ class DynamicFormComponent {
     onCommand = new EventEmitter();
     activeNavChange = new EventEmitter();
     formDiv;
-    constructor(fb, programmability, events, registerService, metadata, formService, dialog, injector) {
+    constructor(fb, programmability, events, registerService, languageService, metadata, formService, dialog, injector) {
         this.fb = fb;
         this.programmability = programmability;
         this.events = events;
         this.registerService = registerService;
+        this.languageService = languageService;
         this.metadata = metadata;
         this.formService = formService;
         this.dialog = dialog;
@@ -5584,21 +6326,16 @@ class DynamicFormComponent {
     }
     set activeNav(value) {
         if (value >= 0 && value < this.getMaxNav()) {
+            if (this.isDisabled(value) || this.isInactive(value))
+                return;
             this._activeNav = value;
+            setTimeout(() => {
+                if (this.formDiv?.nativeElement) {
+                    setFocus(this.formDiv.nativeElement);
+                }
+                this.activeNavChange.emit(this._activeNav);
+            });
         }
-        setTimeout(() => {
-            if (this.formDiv?.nativeElement) {
-                setFocus(this.formDiv.nativeElement);
-            }
-            this.activeNavChange.emit(this._activeNav);
-        });
-    }
-    get language() {
-        return this._language;
-    }
-    set language(value) {
-        this._language = value ?? '';
-        this.metadata.setLanguage(this._language);
     }
     getFormGroup(path) {
         const control = path ? this.formGroup.get(path) : this.formGroup;
@@ -5609,18 +6346,29 @@ class DynamicFormComponent {
     }
     getFormStatus(form, index) {
         const current = index == this.activeNav;
-        if (this.progressStatus && !current && this.hasValue(form.path)) {
-            const formGroup = this.getFormGroup(form.path);
-            return formGroup.valid ? "success" : "error";
+        if (this.isInactive(index)) {
+            return "inactive";
+        }
+        else if (this.progressStatus && !current) {
+            const errors = this.getErrors(form);
+            return errors > 0 ? "error" : "success";
         }
         else {
             return "active";
         }
     }
-    activateForm(title) {
-        const index = this.forms.findIndex(form => form.title === title);
-        if (index != -1)
-            this.activeNav = index;
+    getErrors(form) {
+        const controls = this.controlMap.get(form);
+        if (!controls) {
+            return 0;
+        }
+        return this.formService.errors(controls);
+    }
+    activateForm(event) {
+        const formIndex = event.component.formIndex;
+        if (typeof formIndex === 'number') {
+            this.activeNav = formIndex;
+        }
     }
     evaluateBoolean(value) {
         return this.programmability.evaluateBoolean(this.formGroup, value);
@@ -5633,8 +6381,7 @@ class DynamicFormComponent {
         if (formSchema) {
             options = {
                 ...options,
-                injector: this.injector,
-                language: this.language,
+                injector: this.injector
             };
             this.dialog.openDialog(formSchema, options);
         }
@@ -5648,8 +6395,11 @@ class DynamicFormComponent {
     onCommandSubscription = null;
     _forms = [];
     _activeNav = 0;
-    _language = "";
     defaultValue = {};
+    controlMap = new Map();
+    get language() {
+        return this.languageService.getLanguage();
+    }
     onChangeSchema() {
         if (!this.formGroup) {
             this.formGroup = this.fb.group({});
@@ -5678,10 +6428,10 @@ class DynamicFormComponent {
             this.internalChange = false;
         }
         else {
-            this.formGroup.reset(this.defaultValue, { emitEvent: false });
+            this.formGroup.reset(this.defaultValue, { emitEvent: true });
             this.clearFormArrays(this.formGroup);
             this.formService.patch(this.formGroup, this.value, {
-                emitEvent: false,
+                emitEvent: true,
                 strict: this.strict
             });
         }
@@ -5690,7 +6440,7 @@ class DynamicFormComponent {
         let index = this.activeNav + 1;
         const max = this.getMaxNav();
         while (index < max) {
-            if (!this.isDisabled(index)) {
+            if (!this.isDisabled(index) && !this.isInactive(index)) {
                 return index;
             }
             index++;
@@ -5700,7 +6450,7 @@ class DynamicFormComponent {
     getPrevious() {
         let index = this.activeNav - 1;
         while (index >= 0) {
-            if (!this.isDisabled(index)) {
+            if (!this.isDisabled(index) && !this.isInactive(index)) {
                 return index;
             }
             index--;
@@ -5717,6 +6467,12 @@ class DynamicFormComponent {
             return false;
         return this.evaluateBoolean(form.disabled) ?? false;
     }
+    isInactive(index) {
+        var form = this._forms[index];
+        if (!form)
+            return false;
+        return this.evaluateBoolean(form.inactive) ?? false;
+    }
     clearControls() {
         Object.keys(this.formGroup.controls).forEach(key => {
             this.formGroup.removeControl(key);
@@ -5754,33 +6510,53 @@ class DynamicFormComponent {
         }
     }
     buildForm() {
+        const map = new Map();
         this.forms.forEach((form) => {
+            const set = new Set();
             const currentGroup = this.applyPath(this.fb, this.formGroup, form.path);
+            if (this.hasPath(form.path)) {
+                this.programmability.disable(this.formGroup, currentGroup, form.disabled);
+            }
             form.rows?.forEach((row) => {
-                this.addControls(this.fb, currentGroup, row.components);
+                this.addControls(this.fb, currentGroup, row.components, set.add.bind(set));
             });
+            map.set(form, set);
         });
+        this.controlMap = map;
     }
-    addControls(formBuilder, formGroup, components) {
+    addControls(formBuilder, formGroup, components, use) {
         let formComponent = this;
         components?.forEach((component) => {
             if (this.isFormComponent(component)) {
                 const currentGroup = this.applyPath(this.fb, formGroup, component.path);
-                let defaultValue = this.getDefaultValue(component);
-                const validators = this.getValidators(currentGroup, component);
-                const options = {
-                    validators: validators || [],
-                    updateOn: this.getUpdateOn(component) || "change"
-                };
-                const control = formBuilder.control(defaultValue, options);
-                currentGroup.addControl(component.key, control);
+                if (currentGroup.contains(component.key)) {
+                    use(currentGroup.get(component.key));
+                    return;
+                }
+                else {
+                    let defaultValue = this.getDefaultValue(component);
+                    const [validators, watching] = this.programmability.validate(currentGroup, component.key, component?.validate?.required, this.getValidationRules(component));
+                    const options = {
+                        validators: validators,
+                        updateOn: this.getUpdateOn(component) || "change",
+                        nonNullable: (defaultValue !== null && defaultValue !== undefined)
+                    };
+                    const control = formBuilder.control(defaultValue, options);
+                    watching(control);
+                    this.programmability.disable(formGroup, control, component.disabled);
+                    currentGroup.addControl(component.key, control);
+                    use(control);
+                }
             }
             else if (this.isContainerComponent(component)) {
                 const containers = this.getContainers(component);
                 containers?.forEach((container) => {
                     const currentGroup = this.applyPath(formBuilder, formGroup, container.path);
+                    if (this.hasPath(container.path)) {
+                        this.programmability.disable(formGroup, currentGroup, container.disabled);
+                    }
                     container.rows?.forEach((row) => {
-                        formComponent.addControls(formBuilder, currentGroup, row.components);
+                        formComponent.addControls(formBuilder, currentGroup, row.components, use);
                     });
                 });
             }
@@ -5788,16 +6564,35 @@ class DynamicFormComponent {
                 const itemComponent = this.getArrayItem(component);
                 if (itemComponent.key) {
                     const currentGroup = this.applyPath(formBuilder, formGroup, itemComponent.path);
-                    this.createFormArray(formBuilder, currentGroup, itemComponent);
+                    const formArray = this.createFormArray(formBuilder, currentGroup, itemComponent);
+                    use(formArray);
                 }
             }
             else if (this.isComponentWithInput(component)) {
                 const currentGroup = this.applyPath(this.fb, formGroup, component.path);
-                const control = formBuilder.control(null);
-                currentGroup.addControl(component.key, control);
+                if (currentGroup.contains(component.key)) {
+                    use(currentGroup.get(component.key));
+                    return;
+                }
+                else {
+                    const control = formBuilder.control(null);
+                    currentGroup.addControl(component.key, control);
+                    use(control);
+                }
             }
         });
     }
+    getValidationRules(component) {
+        if (!Array.isArray(component.validations))
+            return [];
+        return component.validations?.map((rule) => {
+            return {
+                expression: rule.expression,
+                type: rule.type,
+                message: this.locale(rule, 'message')
+            };
+        });
+    }
     createFormArray(formBuilder, formGroup, itemComponent) {
         const formComponent = this;
         const formArray = formBuilder.array([]);
@@ -5805,7 +6600,7 @@ class DynamicFormComponent {
         const createItem = function () {
             let newGroup = formBuilder.group({});
             itemComponent.rows?.forEach((row) => {
-                formComponent.addControls(formBuilder, newGroup, row.components);
+                formComponent.addControls(formBuilder, newGroup, row.components, () => { });
             });
             return newGroup;
         };
@@ -5843,8 +6638,11 @@ class DynamicFormComponent {
             return formArray;
         }
     }
+    hasPath(value) {
+        return value != null && value.trim().length > 0;
+    }
     applyPath(formBuilder, formGroup, path) {
-        if (!path) {
+        if (!this.hasPath(path)) {
             return formGroup;
         }
         let currentGroup = formGroup;
@@ -5865,52 +6663,6 @@ class DynamicFormComponent {
         });
         return currentGroup;
     }
-    getValidators(formGroup, component) {
-        const validators = [];
-        if (component?.validate?.required === true) {
-            validators.push(Validators.required);
-        }
-        if (!Array.isArray(component.validations)) {
-            if (validators.length == 0)
-                return null;
-            return validators;
-        }
-        component.validations?.forEach((item) => {
-            if (!this.programmability.isExpression(item.expression))
-                return;
-            if (item.type === "validate") {
-                validators.push(this.validateFn(formGroup, item));
-            }
-            else if (item.type === "invalidate") {
-                validators.push(this.invalidateFn(formGroup, item));
-            }
-        });
-        if (validators.length == 0)
-            return null;
-        return validators;
-    }
-    validateFn(formGroup, item) {
-        return (control) => {
-            //if (!control.touched)
-            //  return null;
-            var valid = this.programmability.evaluateUnary(formGroup, item.expression, control.value);
-            if (!valid) {
-                return { error: true, message: this.locale(item, 'message') };
-            }
-            return null;
-        };
-    }
-    invalidateFn(formGroup, item) {
-        return (control) => {
-            //if (!control.touched)
-            //  return null;
-            var invalid = this.programmability.evaluateUnary(formGroup, item.expression, control.value);
-            if (invalid) {
-                return { error: true, message: this.locale(item, 'message') };
-            }
-            return null;
-        };
-    }
     isFormComponent(component) {
         switch (component.type) {
             case "checkbox":
@@ -5962,13 +6714,18 @@ class DynamicFormComponent {
     }
     getContainers(component) {
         if (component.type === 'group') {
-            return [{ path: component.path, rows: component.rows }];
+            return [{
+                    path: component.path,
+                    rows: component.rows,
+                    disabled: component.disabled
+                }];
         }
         else if (component.type === 'tab'
             || component.type === 'accordion') {
             return component.panels.map((panel) => ({
                 path: panel.path,
-                rows: this.metadata.getFormByName(panel.template)?.rows ?? []
+                rows: this.metadata.getFormByName(panel.template)?.rows ?? [],
+                disabled: panel.disabled
             }));
         }
         else {
@@ -6012,19 +6769,19 @@ class DynamicFormComponent {
     hasValue(value) {
         return value != null && value.trim().length > 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: ProgrammabilityService }, { token: EventService }, { token: RegisterService }, { token: MetadataService }, { token: FormService }, { token: DialogService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DynamicFormComponent, isStandalone: true, selector: "app-dynamic-form", inputs: { schema: "schema", formGroup: "formGroup", value: "value", strict: "strict", showNav: "showNav", showNavButton: "showNavButton", showProgress: "showProgress", showFormTitle: "showFormTitle", progressStatus: "progressStatus", activeNav: "activeNav", language: "language" }, outputs: { valueChange: "valueChange", initialized: "initialized", onCommand: "onCommand", activeNavChange: "activeNavChange" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormComponent, deps: [{ token: i1$1.FormBuilder }, { token: ProgrammabilityService }, { token: EventService }, { token: RegisterService }, { token: i2.LanguageService }, { token: MetadataService }, { token: FormService }, { token: DialogService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DynamicFormComponent, isStandalone: true, selector: "app-dynamic-form", inputs: { schema: "schema", formGroup: "formGroup", value: "value", strict: "strict", showNav: "showNav", showNavButton: "showNavButton", showProgress: "showProgress", showFormTitle: "showFormTitle", progressStatus: "progressStatus", activeNav: "activeNav" }, outputs: { valueChange: "valueChange", initialized: "initialized", onCommand: "onCommand", activeNavChange: "activeNavChange" }, providers: [
             EventService,
             ProgrammabilityService,
             RegisterService,
             MetadataService,
             FunctionService
-        ], viewQueries: [{ propertyName: "formDiv", first: true, predicate: ["default"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"formGroup\" class=\"ngs\">\r\n\r\n  <div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n\r\n      <!-- #region progress -->\r\n      <ngx-sirio-stepper-progress-bar *ngIf=\"showProgress\"\r\n                                      (eventClick)=\"activateForm($event.data.label)\"\r\n                                      [hasDropdown]=\"true\"\r\n                                      [dropDownLabel]=\"locale(Texts, 'Show')\">\r\n        <ng-container *ngFor=\"let form of forms, let formIndex = index\">\r\n          <ngx-sirio-stepper-progress-item *ngIf=\"!evaluateBoolean(form.disabled)\"\r\n                                           [hasNavigation]=\"true\"\r\n                                           [status]=\"getFormStatus(form,formIndex)\"\r\n                                           [label]=\"evaluateTemplate(locale(form, 'title'))\" />\r\n        </ng-container>\r\n      </ngx-sirio-stepper-progress-bar>\r\n      <!-- #endregion -->\r\n\r\n      <!-- #region form disable -->\r\n      <ng-container *ngFor=\"let form of forms\">\r\n        <ng-container *disablePath=\"{\r\n            disabled: evaluateBoolean(form.disabled),\r\n            formGroup: formGroup,\r\n            path: form.path\r\n          }\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <!-- #endregion -->\r\n\r\n      <ng-container *ngIf=\"showNav\">\r\n\r\n        <div class=\"col-md-4\">\r\n\r\n          <!-- #region sidenav -->\r\n          <ng-template #sidenavTemplate>\r\n            <ngx-sirio-sidenav>\r\n              <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n                <ng-container *ngIf=\"!evaluateBoolean(form.disabled)\">\r\n                  <ngx-sirio-sidenav-item [isActive]=\"activeNav == sectionIndex\"\r\n                                          (click)=\"activeNav = sectionIndex\"\r\n                                          (keydown.enter)=\"activeNav = sectionIndex\"\r\n                                          tabindex=\"0\">\r\n                    {{ evaluateTemplate(locale(form, 'title')) }}\r\n                  </ngx-sirio-sidenav-item>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ngx-sirio-sidenav>\r\n          </ng-template>\r\n\r\n          <ngx-sirio-sidenav-mobile class=\"d-block d-lg-none\"\r\n                                    [openMenuLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [openMenuAriaLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [closeMenuLabel]=\"locale(Texts, 'CloseMenu')\"\r\n                                    closeMenuAriaLabel=\"locale(Texts, 'CloseMenu')\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </ngx-sirio-sidenav-mobile>\r\n          <div class=\"d-none d-lg-block\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </div>\r\n          <!-- #endregion -->\r\n\r\n        </div>\r\n\r\n        <div class=\"col-md-1\">\r\n          <div class=\"separator-horizontal\"></div>\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n      <div class=\"content-element-form\" [ngClass]=\"showNav ? 'col-md-11' : 'col-md-16'\">\r\n\r\n        <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n          <div *ngIf=\"activeNav == sectionIndex && !evaluateBoolean(form.disabled)\"\r\n               #default\r\n               [register]=\"form\"\r\n               [componentRef]=\"default\">\r\n            <h1 *ngIf=\"showFormTitle && form.title\" class=\"h3 form-title\">{{ evaluateTemplate(locale(form, 'title')) }}</h1>\r\n            <app-dynamic-fields [formGroup]=\"getFormGroup(form.path)\"\r\n                                [rows]=\"form.rows\"\r\n                                [language]=\"language\"></app-dynamic-fields>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"showNavButton && (canNext() || canPrevious())\">\r\n\r\n          <div class=\"row section-navs\">\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canNext()\" (click)=\"goNext()\" class=\"nextSection\">\r\n                {{ locale(Texts, 'NextSection') }}\r\n                <span class=\"fa-solid fa-chevron-right\" style=\"margin-left: 10px\"></span>\r\n              </ngx-sirio-button>\r\n            </div>\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canPrevious()\" (click)=\"goPrevious()\" class=\"prevSection\">\r\n                <span class=\"fa-solid fa-chevron-left\" style=\"margin-right: 10px\"></span>\r\n                {{ locale(Texts, 'PreviousSection') }}\r\n              </ngx-sirio-button>\r\n            </div>\r\n          </div>\r\n\r\n        </ng-container>\r\n\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</form>\r\n\r\n\r\n\r\n", styles: [".ngs .container,.ngs .container-fluid,.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.ngs .container-sm,.ngs .container{max-width:540px}}@media (min-width: 768px){.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:720px}}@media (min-width: 992px){.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:960px}}@media (min-width: 1200px){.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1140px}}@media (min-width: 1400px){.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1320px}}.ngs :root{--ngsbreakpoint-xs: 0;--ngsbreakpoint-sm: 576px;--ngsbreakpoint-md: 768px;--ngsbreakpoint-lg: 992px;--ngsbreakpoint-xl: 1200px;--ngsbreakpoint-xxl: 1400px}.ngs .row{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ngsgutter-y));margin-right:calc(-.5 * var(--ngsgutter-x));margin-left:calc(-.5 * var(--ngsgutter-x))}.ngs .row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-top:var(--ngsgutter-y)}.ngs .col{flex:1 0 0%}.ngs .row-cols-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-auto{flex:0 0 auto;width:auto}.ngs .col-1{flex:0 0 auto;width:6.25%}.ngs .col-2{flex:0 0 auto;width:12.5%}.ngs .col-3{flex:0 0 auto;width:18.75%}.ngs .col-4{flex:0 0 auto;width:25%}.ngs .col-5{flex:0 0 auto;width:31.25%}.ngs .col-6{flex:0 0 auto;width:37.5%}.ngs .col-7{flex:0 0 auto;width:43.75%}.ngs .col-8{flex:0 0 auto;width:50%}.ngs .col-9{flex:0 0 auto;width:56.25%}.ngs .col-10{flex:0 0 auto;width:62.5%}.ngs .col-11{flex:0 0 auto;width:68.75%}.ngs .col-12{flex:0 0 auto;width:75%}.ngs .col-13{flex:0 0 auto;width:81.25%}.ngs .col-14{flex:0 0 auto;width:87.5%}.ngs .col-15{flex:0 0 auto;width:93.75%}.ngs .col-16{flex:0 0 auto;width:100%}.ngs .offset-1{margin-left:6.25%}.ngs .offset-2{margin-left:12.5%}.ngs .offset-3{margin-left:18.75%}.ngs .offset-4{margin-left:25%}.ngs .offset-5{margin-left:31.25%}.ngs .offset-6{margin-left:37.5%}.ngs .offset-7{margin-left:43.75%}.ngs .offset-8{margin-left:50%}.ngs .offset-9{margin-left:56.25%}.ngs .offset-10{margin-left:62.5%}.ngs .offset-11{margin-left:68.75%}.ngs .offset-12{margin-left:75%}.ngs .offset-13{margin-left:81.25%}.ngs .offset-14{margin-left:87.5%}.ngs .offset-15{margin-left:93.75%}.ngs .g-0,.ngs .gx-0{--ngsgutter-x: 0}.ngs .g-0,.ngs .gy-0{--ngsgutter-y: 0}.ngs .g-1,.ngs .gx-1{--ngsgutter-x: .25rem}.ngs .g-1,.ngs .gy-1{--ngsgutter-y: .25rem}.ngs .g-2,.ngs .gx-2{--ngsgutter-x: .5rem}.ngs .g-2,.ngs .gy-2{--ngsgutter-y: .5rem}.ngs .g-3,.ngs .gx-3{--ngsgutter-x: 1rem}.ngs .g-3,.ngs .gy-3{--ngsgutter-y: 1rem}.ngs .g-4,.ngs .gx-4{--ngsgutter-x: 1.5rem}.ngs .g-4,.ngs .gy-4{--ngsgutter-y: 1.5rem}.ngs .g-5,.ngs .gx-5{--ngsgutter-x: 3rem}.ngs .g-5,.ngs .gy-5{--ngsgutter-y: 3rem}@media (min-width: 576px){.ngs .col-sm{flex:1 0 0%}.ngs .row-cols-sm-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-sm-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-sm-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-sm-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-sm-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-sm-auto{flex:0 0 auto;width:auto}.ngs .col-sm-1{flex:0 0 auto;width:6.25%}.ngs .col-sm-2{flex:0 0 auto;width:12.5%}.ngs .col-sm-3{flex:0 0 auto;width:18.75%}.ngs .col-sm-4{flex:0 0 auto;width:25%}.ngs .col-sm-5{flex:0 0 auto;width:31.25%}.ngs .col-sm-6{flex:0 0 auto;width:37.5%}.ngs .col-sm-7{flex:0 0 auto;width:43.75%}.ngs .col-sm-8{flex:0 0 auto;width:50%}.ngs .col-sm-9{flex:0 0 auto;width:56.25%}.ngs .col-sm-10{flex:0 0 auto;width:62.5%}.ngs .col-sm-11{flex:0 0 auto;width:68.75%}.ngs .col-sm-12{flex:0 0 auto;width:75%}.ngs .col-sm-13{flex:0 0 auto;width:81.25%}.ngs .col-sm-14{flex:0 0 auto;width:87.5%}.ngs .col-sm-15{flex:0 0 auto;width:93.75%}.ngs .col-sm-16{flex:0 0 auto;width:100%}.ngs .offset-sm-0{margin-left:0}.ngs .offset-sm-1{margin-left:6.25%}.ngs .offset-sm-2{margin-left:12.5%}.ngs .offset-sm-3{margin-left:18.75%}.ngs .offset-sm-4{margin-left:25%}.ngs .offset-sm-5{margin-left:31.25%}.ngs .offset-sm-6{margin-left:37.5%}.ngs .offset-sm-7{margin-left:43.75%}.ngs .offset-sm-8{margin-left:50%}.ngs .offset-sm-9{margin-left:56.25%}.ngs .offset-sm-10{margin-left:62.5%}.ngs .offset-sm-11{margin-left:68.75%}.ngs .offset-sm-12{margin-left:75%}.ngs .offset-sm-13{margin-left:81.25%}.ngs .offset-sm-14{margin-left:87.5%}.ngs .offset-sm-15{margin-left:93.75%}.ngs .g-sm-0,.ngs .gx-sm-0{--ngsgutter-x: 0}.ngs .g-sm-0,.ngs .gy-sm-0{--ngsgutter-y: 0}.ngs .g-sm-1,.ngs .gx-sm-1{--ngsgutter-x: .25rem}.ngs .g-sm-1,.ngs .gy-sm-1{--ngsgutter-y: .25rem}.ngs .g-sm-2,.ngs .gx-sm-2{--ngsgutter-x: .5rem}.ngs .g-sm-2,.ngs .gy-sm-2{--ngsgutter-y: .5rem}.ngs .g-sm-3,.ngs .gx-sm-3{--ngsgutter-x: 1rem}.ngs .g-sm-3,.ngs .gy-sm-3{--ngsgutter-y: 1rem}.ngs .g-sm-4,.ngs .gx-sm-4{--ngsgutter-x: 1.5rem}.ngs .g-sm-4,.ngs .gy-sm-4{--ngsgutter-y: 1.5rem}.ngs .g-sm-5,.ngs .gx-sm-5{--ngsgutter-x: 3rem}.ngs .g-sm-5,.ngs .gy-sm-5{--ngsgutter-y: 3rem}}@media (min-width: 768px){.ngs .col-md{flex:1 0 0%}.ngs .row-cols-md-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-md-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-md-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-md-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-md-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-md-auto{flex:0 0 auto;width:auto}.ngs .col-md-1{flex:0 0 auto;width:6.25%}.ngs .col-md-2{flex:0 0 auto;width:12.5%}.ngs .col-md-3{flex:0 0 auto;width:18.75%}.ngs .col-md-4{flex:0 0 auto;width:25%}.ngs .col-md-5{flex:0 0 auto;width:31.25%}.ngs .col-md-6{flex:0 0 auto;width:37.5%}.ngs .col-md-7{flex:0 0 auto;width:43.75%}.ngs .col-md-8{flex:0 0 auto;width:50%}.ngs .col-md-9{flex:0 0 auto;width:56.25%}.ngs .col-md-10{flex:0 0 auto;width:62.5%}.ngs .col-md-11{flex:0 0 auto;width:68.75%}.ngs .col-md-12{flex:0 0 auto;width:75%}.ngs .col-md-13{flex:0 0 auto;width:81.25%}.ngs .col-md-14{flex:0 0 auto;width:87.5%}.ngs .col-md-15{flex:0 0 auto;width:93.75%}.ngs .col-md-16{flex:0 0 auto;width:100%}.ngs .offset-md-0{margin-left:0}.ngs .offset-md-1{margin-left:6.25%}.ngs .offset-md-2{margin-left:12.5%}.ngs .offset-md-3{margin-left:18.75%}.ngs .offset-md-4{margin-left:25%}.ngs .offset-md-5{margin-left:31.25%}.ngs .offset-md-6{margin-left:37.5%}.ngs .offset-md-7{margin-left:43.75%}.ngs .offset-md-8{margin-left:50%}.ngs .offset-md-9{margin-left:56.25%}.ngs .offset-md-10{margin-left:62.5%}.ngs .offset-md-11{margin-left:68.75%}.ngs .offset-md-12{margin-left:75%}.ngs .offset-md-13{margin-left:81.25%}.ngs .offset-md-14{margin-left:87.5%}.ngs .offset-md-15{margin-left:93.75%}.ngs .g-md-0,.ngs .gx-md-0{--ngsgutter-x: 0}.ngs .g-md-0,.ngs .gy-md-0{--ngsgutter-y: 0}.ngs .g-md-1,.ngs .gx-md-1{--ngsgutter-x: .25rem}.ngs .g-md-1,.ngs .gy-md-1{--ngsgutter-y: .25rem}.ngs .g-md-2,.ngs .gx-md-2{--ngsgutter-x: .5rem}.ngs .g-md-2,.ngs .gy-md-2{--ngsgutter-y: .5rem}.ngs .g-md-3,.ngs .gx-md-3{--ngsgutter-x: 1rem}.ngs .g-md-3,.ngs .gy-md-3{--ngsgutter-y: 1rem}.ngs .g-md-4,.ngs .gx-md-4{--ngsgutter-x: 1.5rem}.ngs .g-md-4,.ngs .gy-md-4{--ngsgutter-y: 1.5rem}.ngs .g-md-5,.ngs .gx-md-5{--ngsgutter-x: 3rem}.ngs .g-md-5,.ngs .gy-md-5{--ngsgutter-y: 3rem}}@media (min-width: 992px){.ngs .col-lg{flex:1 0 0%}.ngs .row-cols-lg-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-lg-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-lg-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-lg-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-lg-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-lg-auto{flex:0 0 auto;width:auto}.ngs .col-lg-1{flex:0 0 auto;width:6.25%}.ngs .col-lg-2{flex:0 0 auto;width:12.5%}.ngs .col-lg-3{flex:0 0 auto;width:18.75%}.ngs .col-lg-4{flex:0 0 auto;width:25%}.ngs .col-lg-5{flex:0 0 auto;width:31.25%}.ngs .col-lg-6{flex:0 0 auto;width:37.5%}.ngs .col-lg-7{flex:0 0 auto;width:43.75%}.ngs .col-lg-8{flex:0 0 auto;width:50%}.ngs .col-lg-9{flex:0 0 auto;width:56.25%}.ngs .col-lg-10{flex:0 0 auto;width:62.5%}.ngs .col-lg-11{flex:0 0 auto;width:68.75%}.ngs .col-lg-12{flex:0 0 auto;width:75%}.ngs .col-lg-13{flex:0 0 auto;width:81.25%}.ngs .col-lg-14{flex:0 0 auto;width:87.5%}.ngs .col-lg-15{flex:0 0 auto;width:93.75%}.ngs .col-lg-16{flex:0 0 auto;width:100%}.ngs .offset-lg-0{margin-left:0}.ngs .offset-lg-1{margin-left:6.25%}.ngs .offset-lg-2{margin-left:12.5%}.ngs .offset-lg-3{margin-left:18.75%}.ngs .offset-lg-4{margin-left:25%}.ngs .offset-lg-5{margin-left:31.25%}.ngs .offset-lg-6{margin-left:37.5%}.ngs .offset-lg-7{margin-left:43.75%}.ngs .offset-lg-8{margin-left:50%}.ngs .offset-lg-9{margin-left:56.25%}.ngs .offset-lg-10{margin-left:62.5%}.ngs .offset-lg-11{margin-left:68.75%}.ngs .offset-lg-12{margin-left:75%}.ngs .offset-lg-13{margin-left:81.25%}.ngs .offset-lg-14{margin-left:87.5%}.ngs .offset-lg-15{margin-left:93.75%}.ngs .g-lg-0,.ngs .gx-lg-0{--ngsgutter-x: 0}.ngs .g-lg-0,.ngs .gy-lg-0{--ngsgutter-y: 0}.ngs .g-lg-1,.ngs .gx-lg-1{--ngsgutter-x: .25rem}.ngs .g-lg-1,.ngs .gy-lg-1{--ngsgutter-y: .25rem}.ngs .g-lg-2,.ngs .gx-lg-2{--ngsgutter-x: .5rem}.ngs .g-lg-2,.ngs .gy-lg-2{--ngsgutter-y: .5rem}.ngs .g-lg-3,.ngs .gx-lg-3{--ngsgutter-x: 1rem}.ngs .g-lg-3,.ngs .gy-lg-3{--ngsgutter-y: 1rem}.ngs .g-lg-4,.ngs .gx-lg-4{--ngsgutter-x: 1.5rem}.ngs .g-lg-4,.ngs .gy-lg-4{--ngsgutter-y: 1.5rem}.ngs .g-lg-5,.ngs .gx-lg-5{--ngsgutter-x: 3rem}.ngs .g-lg-5,.ngs .gy-lg-5{--ngsgutter-y: 3rem}}@media (min-width: 1200px){.ngs .col-xl{flex:1 0 0%}.ngs .row-cols-xl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xl-auto{flex:0 0 auto;width:auto}.ngs .col-xl-1{flex:0 0 auto;width:6.25%}.ngs .col-xl-2{flex:0 0 auto;width:12.5%}.ngs .col-xl-3{flex:0 0 auto;width:18.75%}.ngs .col-xl-4{flex:0 0 auto;width:25%}.ngs .col-xl-5{flex:0 0 auto;width:31.25%}.ngs .col-xl-6{flex:0 0 auto;width:37.5%}.ngs .col-xl-7{flex:0 0 auto;width:43.75%}.ngs .col-xl-8{flex:0 0 auto;width:50%}.ngs .col-xl-9{flex:0 0 auto;width:56.25%}.ngs .col-xl-10{flex:0 0 auto;width:62.5%}.ngs .col-xl-11{flex:0 0 auto;width:68.75%}.ngs .col-xl-12{flex:0 0 auto;width:75%}.ngs .col-xl-13{flex:0 0 auto;width:81.25%}.ngs .col-xl-14{flex:0 0 auto;width:87.5%}.ngs .col-xl-15{flex:0 0 auto;width:93.75%}.ngs .col-xl-16{flex:0 0 auto;width:100%}.ngs .offset-xl-0{margin-left:0}.ngs .offset-xl-1{margin-left:6.25%}.ngs .offset-xl-2{margin-left:12.5%}.ngs .offset-xl-3{margin-left:18.75%}.ngs .offset-xl-4{margin-left:25%}.ngs .offset-xl-5{margin-left:31.25%}.ngs .offset-xl-6{margin-left:37.5%}.ngs .offset-xl-7{margin-left:43.75%}.ngs .offset-xl-8{margin-left:50%}.ngs .offset-xl-9{margin-left:56.25%}.ngs .offset-xl-10{margin-left:62.5%}.ngs .offset-xl-11{margin-left:68.75%}.ngs .offset-xl-12{margin-left:75%}.ngs .offset-xl-13{margin-left:81.25%}.ngs .offset-xl-14{margin-left:87.5%}.ngs .offset-xl-15{margin-left:93.75%}.ngs .g-xl-0,.ngs .gx-xl-0{--ngsgutter-x: 0}.ngs .g-xl-0,.ngs .gy-xl-0{--ngsgutter-y: 0}.ngs .g-xl-1,.ngs .gx-xl-1{--ngsgutter-x: .25rem}.ngs .g-xl-1,.ngs .gy-xl-1{--ngsgutter-y: .25rem}.ngs .g-xl-2,.ngs .gx-xl-2{--ngsgutter-x: .5rem}.ngs .g-xl-2,.ngs .gy-xl-2{--ngsgutter-y: .5rem}.ngs .g-xl-3,.ngs .gx-xl-3{--ngsgutter-x: 1rem}.ngs .g-xl-3,.ngs .gy-xl-3{--ngsgutter-y: 1rem}.ngs .g-xl-4,.ngs .gx-xl-4{--ngsgutter-x: 1.5rem}.ngs .g-xl-4,.ngs .gy-xl-4{--ngsgutter-y: 1.5rem}.ngs .g-xl-5,.ngs .gx-xl-5{--ngsgutter-x: 3rem}.ngs .g-xl-5,.ngs .gy-xl-5{--ngsgutter-y: 3rem}}@media (min-width: 1400px){.ngs .col-xxl{flex:1 0 0%}.ngs .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xxl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xxl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xxl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xxl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xxl-auto{flex:0 0 auto;width:auto}.ngs .col-xxl-1{flex:0 0 auto;width:6.25%}.ngs .col-xxl-2{flex:0 0 auto;width:12.5%}.ngs .col-xxl-3{flex:0 0 auto;width:18.75%}.ngs .col-xxl-4{flex:0 0 auto;width:25%}.ngs .col-xxl-5{flex:0 0 auto;width:31.25%}.ngs .col-xxl-6{flex:0 0 auto;width:37.5%}.ngs .col-xxl-7{flex:0 0 auto;width:43.75%}.ngs .col-xxl-8{flex:0 0 auto;width:50%}.ngs .col-xxl-9{flex:0 0 auto;width:56.25%}.ngs .col-xxl-10{flex:0 0 auto;width:62.5%}.ngs .col-xxl-11{flex:0 0 auto;width:68.75%}.ngs .col-xxl-12{flex:0 0 auto;width:75%}.ngs .col-xxl-13{flex:0 0 auto;width:81.25%}.ngs .col-xxl-14{flex:0 0 auto;width:87.5%}.ngs .col-xxl-15{flex:0 0 auto;width:93.75%}.ngs .col-xxl-16{flex:0 0 auto;width:100%}.ngs .offset-xxl-0{margin-left:0}.ngs .offset-xxl-1{margin-left:6.25%}.ngs .offset-xxl-2{margin-left:12.5%}.ngs .offset-xxl-3{margin-left:18.75%}.ngs .offset-xxl-4{margin-left:25%}.ngs .offset-xxl-5{margin-left:31.25%}.ngs .offset-xxl-6{margin-left:37.5%}.ngs .offset-xxl-7{margin-left:43.75%}.ngs .offset-xxl-8{margin-left:50%}.ngs .offset-xxl-9{margin-left:56.25%}.ngs .offset-xxl-10{margin-left:62.5%}.ngs .offset-xxl-11{margin-left:68.75%}.ngs .offset-xxl-12{margin-left:75%}.ngs .offset-xxl-13{margin-left:81.25%}.ngs .offset-xxl-14{margin-left:87.5%}.ngs .offset-xxl-15{margin-left:93.75%}.ngs .g-xxl-0,.ngs .gx-xxl-0{--ngsgutter-x: 0}.ngs .g-xxl-0,.ngs .gy-xxl-0{--ngsgutter-y: 0}.ngs .g-xxl-1,.ngs .gx-xxl-1{--ngsgutter-x: .25rem}.ngs .g-xxl-1,.ngs .gy-xxl-1{--ngsgutter-y: .25rem}.ngs .g-xxl-2,.ngs .gx-xxl-2{--ngsgutter-x: .5rem}.ngs .g-xxl-2,.ngs .gy-xxl-2{--ngsgutter-y: .5rem}.ngs .g-xxl-3,.ngs .gx-xxl-3{--ngsgutter-x: 1rem}.ngs .g-xxl-3,.ngs .gy-xxl-3{--ngsgutter-y: 1rem}.ngs .g-xxl-4,.ngs .gx-xxl-4{--ngsgutter-x: 1.5rem}.ngs .g-xxl-4,.ngs .gy-xxl-4{--ngsgutter-y: 1.5rem}.ngs .g-xxl-5,.ngs .gx-xxl-5{--ngsgutter-x: 3rem}.ngs .g-xxl-5,.ngs .gy-xxl-5{--ngsgutter-y: 3rem}}.ngs .d-inline{display:inline!important}.ngs .d-inline-block{display:inline-block!important}.ngs .d-block{display:block!important}.ngs .d-grid{display:grid!important}.ngs .d-inline-grid{display:inline-grid!important}.ngs .d-table{display:table!important}.ngs .d-table-row{display:table-row!important}.ngs .d-table-cell{display:table-cell!important}.ngs .d-flex{display:flex!important}.ngs .d-inline-flex{display:inline-flex!important}.ngs .d-none{display:none!important}.ngs .flex-fill{flex:1 1 auto!important}.ngs .flex-row{flex-direction:row!important}.ngs .flex-column{flex-direction:column!important}.ngs .flex-row-reverse{flex-direction:row-reverse!important}.ngs .flex-column-reverse{flex-direction:column-reverse!important}.ngs .flex-grow-0{flex-grow:0!important}.ngs .flex-grow-1{flex-grow:1!important}.ngs .flex-shrink-0{flex-shrink:0!important}.ngs .flex-shrink-1{flex-shrink:1!important}.ngs .flex-wrap{flex-wrap:wrap!important}.ngs .flex-nowrap{flex-wrap:nowrap!important}.ngs .flex-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-start{justify-content:flex-start!important}.ngs .justify-content-end{justify-content:flex-end!important}.ngs .justify-content-center{justify-content:center!important}.ngs .justify-content-between{justify-content:space-between!important}.ngs .justify-content-around{justify-content:space-around!important}.ngs .justify-content-evenly{justify-content:space-evenly!important}.ngs .align-items-start{align-items:flex-start!important}.ngs .align-items-end{align-items:flex-end!important}.ngs .align-items-center{align-items:center!important}.ngs .align-items-baseline{align-items:baseline!important}.ngs .align-items-stretch{align-items:stretch!important}.ngs .align-content-start{align-content:flex-start!important}.ngs .align-content-end{align-content:flex-end!important}.ngs .align-content-center{align-content:center!important}.ngs .align-content-between{align-content:space-between!important}.ngs .align-content-around{align-content:space-around!important}.ngs .align-content-stretch{align-content:stretch!important}.ngs .align-self-auto{align-self:auto!important}.ngs .align-self-start{align-self:flex-start!important}.ngs .align-self-end{align-self:flex-end!important}.ngs .align-self-center{align-self:center!important}.ngs .align-self-baseline{align-self:baseline!important}.ngs .align-self-stretch{align-self:stretch!important}.ngs .order-first{order:-1!important}.ngs .order-0{order:0!important}.ngs .order-1{order:1!important}.ngs .order-2{order:2!important}.ngs .order-3{order:3!important}.ngs .order-4{order:4!important}.ngs .order-5{order:5!important}.ngs .order-last{order:6!important}.ngs .m-0{margin:0!important}.ngs .m-1{margin:.25rem!important}.ngs .m-2{margin:.5rem!important}.ngs .m-3{margin:1rem!important}.ngs .m-4{margin:1.5rem!important}.ngs .m-5{margin:3rem!important}.ngs .m-auto{margin:auto!important}.ngs .mx-0{margin-right:0!important;margin-left:0!important}.ngs .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-0{margin-top:0!important}.ngs .mt-1{margin-top:.25rem!important}.ngs .mt-2{margin-top:.5rem!important}.ngs .mt-3{margin-top:1rem!important}.ngs .mt-4{margin-top:1.5rem!important}.ngs .mt-5{margin-top:3rem!important}.ngs .mt-auto{margin-top:auto!important}.ngs .me-0{margin-right:0!important}.ngs .me-1{margin-right:.25rem!important}.ngs .me-2{margin-right:.5rem!important}.ngs .me-3{margin-right:1rem!important}.ngs .me-4{margin-right:1.5rem!important}.ngs .me-5{margin-right:3rem!important}.ngs .me-auto{margin-right:auto!important}.ngs .mb-0{margin-bottom:0!important}.ngs .mb-1{margin-bottom:.25rem!important}.ngs .mb-2{margin-bottom:.5rem!important}.ngs .mb-3{margin-bottom:1rem!important}.ngs .mb-4{margin-bottom:1.5rem!important}.ngs .mb-5{margin-bottom:3rem!important}.ngs .mb-auto{margin-bottom:auto!important}.ngs .ms-0{margin-left:0!important}.ngs .ms-1{margin-left:.25rem!important}.ngs .ms-2{margin-left:.5rem!important}.ngs .ms-3{margin-left:1rem!important}.ngs .ms-4{margin-left:1.5rem!important}.ngs .ms-5{margin-left:3rem!important}.ngs .ms-auto{margin-left:auto!important}.ngs .p-0{padding:0!important}.ngs .p-1{padding:.25rem!important}.ngs .p-2{padding:.5rem!important}.ngs .p-3{padding:1rem!important}.ngs .p-4{padding:1.5rem!important}.ngs .p-5{padding:3rem!important}.ngs .px-0{padding-right:0!important;padding-left:0!important}.ngs .px-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-0{padding-top:0!important}.ngs .pt-1{padding-top:.25rem!important}.ngs .pt-2{padding-top:.5rem!important}.ngs .pt-3{padding-top:1rem!important}.ngs .pt-4{padding-top:1.5rem!important}.ngs .pt-5{padding-top:3rem!important}.ngs .pe-0{padding-right:0!important}.ngs .pe-1{padding-right:.25rem!important}.ngs .pe-2{padding-right:.5rem!important}.ngs .pe-3{padding-right:1rem!important}.ngs .pe-4{padding-right:1.5rem!important}.ngs .pe-5{padding-right:3rem!important}.ngs .pb-0{padding-bottom:0!important}.ngs .pb-1{padding-bottom:.25rem!important}.ngs .pb-2{padding-bottom:.5rem!important}.ngs .pb-3{padding-bottom:1rem!important}.ngs .pb-4{padding-bottom:1.5rem!important}.ngs .pb-5{padding-bottom:3rem!important}.ngs .ps-0{padding-left:0!important}.ngs .ps-1{padding-left:.25rem!important}.ngs .ps-2{padding-left:.5rem!important}.ngs .ps-3{padding-left:1rem!important}.ngs .ps-4{padding-left:1.5rem!important}.ngs .ps-5{padding-left:3rem!important}@media (min-width: 576px){.ngs .d-sm-inline{display:inline!important}.ngs .d-sm-inline-block{display:inline-block!important}.ngs .d-sm-block{display:block!important}.ngs .d-sm-grid{display:grid!important}.ngs .d-sm-inline-grid{display:inline-grid!important}.ngs .d-sm-table{display:table!important}.ngs .d-sm-table-row{display:table-row!important}.ngs .d-sm-table-cell{display:table-cell!important}.ngs .d-sm-flex{display:flex!important}.ngs .d-sm-inline-flex{display:inline-flex!important}.ngs .d-sm-none{display:none!important}.ngs .flex-sm-fill{flex:1 1 auto!important}.ngs .flex-sm-row{flex-direction:row!important}.ngs .flex-sm-column{flex-direction:column!important}.ngs .flex-sm-row-reverse{flex-direction:row-reverse!important}.ngs .flex-sm-column-reverse{flex-direction:column-reverse!important}.ngs .flex-sm-grow-0{flex-grow:0!important}.ngs .flex-sm-grow-1{flex-grow:1!important}.ngs .flex-sm-shrink-0{flex-shrink:0!important}.ngs .flex-sm-shrink-1{flex-shrink:1!important}.ngs .flex-sm-wrap{flex-wrap:wrap!important}.ngs .flex-sm-nowrap{flex-wrap:nowrap!important}.ngs .flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-sm-start{justify-content:flex-start!important}.ngs .justify-content-sm-end{justify-content:flex-end!important}.ngs .justify-content-sm-center{justify-content:center!important}.ngs .justify-content-sm-between{justify-content:space-between!important}.ngs .justify-content-sm-around{justify-content:space-around!important}.ngs .justify-content-sm-evenly{justify-content:space-evenly!important}.ngs .align-items-sm-start{align-items:flex-start!important}.ngs .align-items-sm-end{align-items:flex-end!important}.ngs .align-items-sm-center{align-items:center!important}.ngs .align-items-sm-baseline{align-items:baseline!important}.ngs .align-items-sm-stretch{align-items:stretch!important}.ngs .align-content-sm-start{align-content:flex-start!important}.ngs .align-content-sm-end{align-content:flex-end!important}.ngs .align-content-sm-center{align-content:center!important}.ngs .align-content-sm-between{align-content:space-between!important}.ngs .align-content-sm-around{align-content:space-around!important}.ngs .align-content-sm-stretch{align-content:stretch!important}.ngs .align-self-sm-auto{align-self:auto!important}.ngs .align-self-sm-start{align-self:flex-start!important}.ngs .align-self-sm-end{align-self:flex-end!important}.ngs .align-self-sm-center{align-self:center!important}.ngs .align-self-sm-baseline{align-self:baseline!important}.ngs .align-self-sm-stretch{align-self:stretch!important}.ngs .order-sm-first{order:-1!important}.ngs .order-sm-0{order:0!important}.ngs .order-sm-1{order:1!important}.ngs .order-sm-2{order:2!important}.ngs .order-sm-3{order:3!important}.ngs .order-sm-4{order:4!important}.ngs .order-sm-5{order:5!important}.ngs .order-sm-last{order:6!important}.ngs .m-sm-0{margin:0!important}.ngs .m-sm-1{margin:.25rem!important}.ngs .m-sm-2{margin:.5rem!important}.ngs .m-sm-3{margin:1rem!important}.ngs .m-sm-4{margin:1.5rem!important}.ngs .m-sm-5{margin:3rem!important}.ngs .m-sm-auto{margin:auto!important}.ngs .mx-sm-0{margin-right:0!important;margin-left:0!important}.ngs .mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-sm-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-sm-0{margin-top:0!important}.ngs .mt-sm-1{margin-top:.25rem!important}.ngs .mt-sm-2{margin-top:.5rem!important}.ngs .mt-sm-3{margin-top:1rem!important}.ngs .mt-sm-4{margin-top:1.5rem!important}.ngs .mt-sm-5{margin-top:3rem!important}.ngs .mt-sm-auto{margin-top:auto!important}.ngs .me-sm-0{margin-right:0!important}.ngs .me-sm-1{margin-right:.25rem!important}.ngs .me-sm-2{margin-right:.5rem!important}.ngs .me-sm-3{margin-right:1rem!important}.ngs .me-sm-4{margin-right:1.5rem!important}.ngs .me-sm-5{margin-right:3rem!important}.ngs .me-sm-auto{margin-right:auto!important}.ngs .mb-sm-0{margin-bottom:0!important}.ngs .mb-sm-1{margin-bottom:.25rem!important}.ngs .mb-sm-2{margin-bottom:.5rem!important}.ngs .mb-sm-3{margin-bottom:1rem!important}.ngs .mb-sm-4{margin-bottom:1.5rem!important}.ngs .mb-sm-5{margin-bottom:3rem!important}.ngs .mb-sm-auto{margin-bottom:auto!important}.ngs .ms-sm-0{margin-left:0!important}.ngs .ms-sm-1{margin-left:.25rem!important}.ngs .ms-sm-2{margin-left:.5rem!important}.ngs .ms-sm-3{margin-left:1rem!important}.ngs .ms-sm-4{margin-left:1.5rem!important}.ngs .ms-sm-5{margin-left:3rem!important}.ngs .ms-sm-auto{margin-left:auto!important}.ngs .p-sm-0{padding:0!important}.ngs .p-sm-1{padding:.25rem!important}.ngs .p-sm-2{padding:.5rem!important}.ngs .p-sm-3{padding:1rem!important}.ngs .p-sm-4{padding:1.5rem!important}.ngs .p-sm-5{padding:3rem!important}.ngs .px-sm-0{padding-right:0!important;padding-left:0!important}.ngs .px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-sm-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-sm-0{padding-top:0!important}.ngs .pt-sm-1{padding-top:.25rem!important}.ngs .pt-sm-2{padding-top:.5rem!important}.ngs .pt-sm-3{padding-top:1rem!important}.ngs .pt-sm-4{padding-top:1.5rem!important}.ngs .pt-sm-5{padding-top:3rem!important}.ngs .pe-sm-0{padding-right:0!important}.ngs .pe-sm-1{padding-right:.25rem!important}.ngs .pe-sm-2{padding-right:.5rem!important}.ngs .pe-sm-3{padding-right:1rem!important}.ngs .pe-sm-4{padding-right:1.5rem!important}.ngs .pe-sm-5{padding-right:3rem!important}.ngs .pb-sm-0{padding-bottom:0!important}.ngs .pb-sm-1{padding-bottom:.25rem!important}.ngs .pb-sm-2{padding-bottom:.5rem!important}.ngs .pb-sm-3{padding-bottom:1rem!important}.ngs .pb-sm-4{padding-bottom:1.5rem!important}.ngs .pb-sm-5{padding-bottom:3rem!important}.ngs .ps-sm-0{padding-left:0!important}.ngs .ps-sm-1{padding-left:.25rem!important}.ngs .ps-sm-2{padding-left:.5rem!important}.ngs .ps-sm-3{padding-left:1rem!important}.ngs .ps-sm-4{padding-left:1.5rem!important}.ngs .ps-sm-5{padding-left:3rem!important}}@media (min-width: 768px){.ngs .d-md-inline{display:inline!important}.ngs .d-md-inline-block{display:inline-block!important}.ngs .d-md-block{display:block!important}.ngs .d-md-grid{display:grid!important}.ngs .d-md-inline-grid{display:inline-grid!important}.ngs .d-md-table{display:table!important}.ngs .d-md-table-row{display:table-row!important}.ngs .d-md-table-cell{display:table-cell!important}.ngs .d-md-flex{display:flex!important}.ngs .d-md-inline-flex{display:inline-flex!important}.ngs .d-md-none{display:none!important}.ngs .flex-md-fill{flex:1 1 auto!important}.ngs .flex-md-row{flex-direction:row!important}.ngs .flex-md-column{flex-direction:column!important}.ngs .flex-md-row-reverse{flex-direction:row-reverse!important}.ngs .flex-md-column-reverse{flex-direction:column-reverse!important}.ngs .flex-md-grow-0{flex-grow:0!important}.ngs .flex-md-grow-1{flex-grow:1!important}.ngs .flex-md-shrink-0{flex-shrink:0!important}.ngs .flex-md-shrink-1{flex-shrink:1!important}.ngs .flex-md-wrap{flex-wrap:wrap!important}.ngs .flex-md-nowrap{flex-wrap:nowrap!important}.ngs .flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-md-start{justify-content:flex-start!important}.ngs .justify-content-md-end{justify-content:flex-end!important}.ngs .justify-content-md-center{justify-content:center!important}.ngs .justify-content-md-between{justify-content:space-between!important}.ngs .justify-content-md-around{justify-content:space-around!important}.ngs .justify-content-md-evenly{justify-content:space-evenly!important}.ngs .align-items-md-start{align-items:flex-start!important}.ngs .align-items-md-end{align-items:flex-end!important}.ngs .align-items-md-center{align-items:center!important}.ngs .align-items-md-baseline{align-items:baseline!important}.ngs .align-items-md-stretch{align-items:stretch!important}.ngs .align-content-md-start{align-content:flex-start!important}.ngs .align-content-md-end{align-content:flex-end!important}.ngs .align-content-md-center{align-content:center!important}.ngs .align-content-md-between{align-content:space-between!important}.ngs .align-content-md-around{align-content:space-around!important}.ngs .align-content-md-stretch{align-content:stretch!important}.ngs .align-self-md-auto{align-self:auto!important}.ngs .align-self-md-start{align-self:flex-start!important}.ngs .align-self-md-end{align-self:flex-end!important}.ngs .align-self-md-center{align-self:center!important}.ngs .align-self-md-baseline{align-self:baseline!important}.ngs .align-self-md-stretch{align-self:stretch!important}.ngs .order-md-first{order:-1!important}.ngs .order-md-0{order:0!important}.ngs .order-md-1{order:1!important}.ngs .order-md-2{order:2!important}.ngs .order-md-3{order:3!important}.ngs .order-md-4{order:4!important}.ngs .order-md-5{order:5!important}.ngs .order-md-last{order:6!important}.ngs .m-md-0{margin:0!important}.ngs .m-md-1{margin:.25rem!important}.ngs .m-md-2{margin:.5rem!important}.ngs .m-md-3{margin:1rem!important}.ngs .m-md-4{margin:1.5rem!important}.ngs .m-md-5{margin:3rem!important}.ngs .m-md-auto{margin:auto!important}.ngs .mx-md-0{margin-right:0!important;margin-left:0!important}.ngs .mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-md-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-md-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-md-0{margin-top:0!important}.ngs .mt-md-1{margin-top:.25rem!important}.ngs .mt-md-2{margin-top:.5rem!important}.ngs .mt-md-3{margin-top:1rem!important}.ngs .mt-md-4{margin-top:1.5rem!important}.ngs .mt-md-5{margin-top:3rem!important}.ngs .mt-md-auto{margin-top:auto!important}.ngs .me-md-0{margin-right:0!important}.ngs .me-md-1{margin-right:.25rem!important}.ngs .me-md-2{margin-right:.5rem!important}.ngs .me-md-3{margin-right:1rem!important}.ngs .me-md-4{margin-right:1.5rem!important}.ngs .me-md-5{margin-right:3rem!important}.ngs .me-md-auto{margin-right:auto!important}.ngs .mb-md-0{margin-bottom:0!important}.ngs .mb-md-1{margin-bottom:.25rem!important}.ngs .mb-md-2{margin-bottom:.5rem!important}.ngs .mb-md-3{margin-bottom:1rem!important}.ngs .mb-md-4{margin-bottom:1.5rem!important}.ngs .mb-md-5{margin-bottom:3rem!important}.ngs .mb-md-auto{margin-bottom:auto!important}.ngs .ms-md-0{margin-left:0!important}.ngs .ms-md-1{margin-left:.25rem!important}.ngs .ms-md-2{margin-left:.5rem!important}.ngs .ms-md-3{margin-left:1rem!important}.ngs .ms-md-4{margin-left:1.5rem!important}.ngs .ms-md-5{margin-left:3rem!important}.ngs .ms-md-auto{margin-left:auto!important}.ngs .p-md-0{padding:0!important}.ngs .p-md-1{padding:.25rem!important}.ngs .p-md-2{padding:.5rem!important}.ngs .p-md-3{padding:1rem!important}.ngs .p-md-4{padding:1.5rem!important}.ngs .p-md-5{padding:3rem!important}.ngs .px-md-0{padding-right:0!important;padding-left:0!important}.ngs .px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-md-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-md-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-md-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-md-0{padding-top:0!important}.ngs .pt-md-1{padding-top:.25rem!important}.ngs .pt-md-2{padding-top:.5rem!important}.ngs .pt-md-3{padding-top:1rem!important}.ngs .pt-md-4{padding-top:1.5rem!important}.ngs .pt-md-5{padding-top:3rem!important}.ngs .pe-md-0{padding-right:0!important}.ngs .pe-md-1{padding-right:.25rem!important}.ngs .pe-md-2{padding-right:.5rem!important}.ngs .pe-md-3{padding-right:1rem!important}.ngs .pe-md-4{padding-right:1.5rem!important}.ngs .pe-md-5{padding-right:3rem!important}.ngs .pb-md-0{padding-bottom:0!important}.ngs .pb-md-1{padding-bottom:.25rem!important}.ngs .pb-md-2{padding-bottom:.5rem!important}.ngs .pb-md-3{padding-bottom:1rem!important}.ngs .pb-md-4{padding-bottom:1.5rem!important}.ngs .pb-md-5{padding-bottom:3rem!important}.ngs .ps-md-0{padding-left:0!important}.ngs .ps-md-1{padding-left:.25rem!important}.ngs .ps-md-2{padding-left:.5rem!important}.ngs .ps-md-3{padding-left:1rem!important}.ngs .ps-md-4{padding-left:1.5rem!important}.ngs .ps-md-5{padding-left:3rem!important}}@media (min-width: 992px){.ngs .d-lg-inline{display:inline!important}.ngs .d-lg-inline-block{display:inline-block!important}.ngs .d-lg-block{display:block!important}.ngs .d-lg-grid{display:grid!important}.ngs .d-lg-inline-grid{display:inline-grid!important}.ngs .d-lg-table{display:table!important}.ngs .d-lg-table-row{display:table-row!important}.ngs .d-lg-table-cell{display:table-cell!important}.ngs .d-lg-flex{display:flex!important}.ngs .d-lg-inline-flex{display:inline-flex!important}.ngs .d-lg-none{display:none!important}.ngs .flex-lg-fill{flex:1 1 auto!important}.ngs .flex-lg-row{flex-direction:row!important}.ngs .flex-lg-column{flex-direction:column!important}.ngs .flex-lg-row-reverse{flex-direction:row-reverse!important}.ngs .flex-lg-column-reverse{flex-direction:column-reverse!important}.ngs .flex-lg-grow-0{flex-grow:0!important}.ngs .flex-lg-grow-1{flex-grow:1!important}.ngs .flex-lg-shrink-0{flex-shrink:0!important}.ngs .flex-lg-shrink-1{flex-shrink:1!important}.ngs .flex-lg-wrap{flex-wrap:wrap!important}.ngs .flex-lg-nowrap{flex-wrap:nowrap!important}.ngs .flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-lg-start{justify-content:flex-start!important}.ngs .justify-content-lg-end{justify-content:flex-end!important}.ngs .justify-content-lg-center{justify-content:center!important}.ngs .justify-content-lg-between{justify-content:space-between!important}.ngs .justify-content-lg-around{justify-content:space-around!important}.ngs .justify-content-lg-evenly{justify-content:space-evenly!important}.ngs .align-items-lg-start{align-items:flex-start!important}.ngs .align-items-lg-end{align-items:flex-end!important}.ngs .align-items-lg-center{align-items:center!important}.ngs .align-items-lg-baseline{align-items:baseline!important}.ngs .align-items-lg-stretch{align-items:stretch!important}.ngs .align-content-lg-start{align-content:flex-start!important}.ngs .align-content-lg-end{align-content:flex-end!important}.ngs .align-content-lg-center{align-content:center!important}.ngs .align-content-lg-between{align-content:space-between!important}.ngs .align-content-lg-around{align-content:space-around!important}.ngs .align-content-lg-stretch{align-content:stretch!important}.ngs .align-self-lg-auto{align-self:auto!important}.ngs .align-self-lg-start{align-self:flex-start!important}.ngs .align-self-lg-end{align-self:flex-end!important}.ngs .align-self-lg-center{align-self:center!important}.ngs .align-self-lg-baseline{align-self:baseline!important}.ngs .align-self-lg-stretch{align-self:stretch!important}.ngs .order-lg-first{order:-1!important}.ngs .order-lg-0{order:0!important}.ngs .order-lg-1{order:1!important}.ngs .order-lg-2{order:2!important}.ngs .order-lg-3{order:3!important}.ngs .order-lg-4{order:4!important}.ngs .order-lg-5{order:5!important}.ngs .order-lg-last{order:6!important}.ngs .m-lg-0{margin:0!important}.ngs .m-lg-1{margin:.25rem!important}.ngs .m-lg-2{margin:.5rem!important}.ngs .m-lg-3{margin:1rem!important}.ngs .m-lg-4{margin:1.5rem!important}.ngs .m-lg-5{margin:3rem!important}.ngs .m-lg-auto{margin:auto!important}.ngs .mx-lg-0{margin-right:0!important;margin-left:0!important}.ngs .mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-lg-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-lg-0{margin-top:0!important}.ngs .mt-lg-1{margin-top:.25rem!important}.ngs .mt-lg-2{margin-top:.5rem!important}.ngs .mt-lg-3{margin-top:1rem!important}.ngs .mt-lg-4{margin-top:1.5rem!important}.ngs .mt-lg-5{margin-top:3rem!important}.ngs .mt-lg-auto{margin-top:auto!important}.ngs .me-lg-0{margin-right:0!important}.ngs .me-lg-1{margin-right:.25rem!important}.ngs .me-lg-2{margin-right:.5rem!important}.ngs .me-lg-3{margin-right:1rem!important}.ngs .me-lg-4{margin-right:1.5rem!important}.ngs .me-lg-5{margin-right:3rem!important}.ngs .me-lg-auto{margin-right:auto!important}.ngs .mb-lg-0{margin-bottom:0!important}.ngs .mb-lg-1{margin-bottom:.25rem!important}.ngs .mb-lg-2{margin-bottom:.5rem!important}.ngs .mb-lg-3{margin-bottom:1rem!important}.ngs .mb-lg-4{margin-bottom:1.5rem!important}.ngs .mb-lg-5{margin-bottom:3rem!important}.ngs .mb-lg-auto{margin-bottom:auto!important}.ngs .ms-lg-0{margin-left:0!important}.ngs .ms-lg-1{margin-left:.25rem!important}.ngs .ms-lg-2{margin-left:.5rem!important}.ngs .ms-lg-3{margin-left:1rem!important}.ngs .ms-lg-4{margin-left:1.5rem!important}.ngs .ms-lg-5{margin-left:3rem!important}.ngs .ms-lg-auto{margin-left:auto!important}.ngs .p-lg-0{padding:0!important}.ngs .p-lg-1{padding:.25rem!important}.ngs .p-lg-2{padding:.5rem!important}.ngs .p-lg-3{padding:1rem!important}.ngs .p-lg-4{padding:1.5rem!important}.ngs .p-lg-5{padding:3rem!important}.ngs .px-lg-0{padding-right:0!important;padding-left:0!important}.ngs .px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-lg-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-lg-0{padding-top:0!important}.ngs .pt-lg-1{padding-top:.25rem!important}.ngs .pt-lg-2{padding-top:.5rem!important}.ngs .pt-lg-3{padding-top:1rem!important}.ngs .pt-lg-4{padding-top:1.5rem!important}.ngs .pt-lg-5{padding-top:3rem!important}.ngs .pe-lg-0{padding-right:0!important}.ngs .pe-lg-1{padding-right:.25rem!important}.ngs .pe-lg-2{padding-right:.5rem!important}.ngs .pe-lg-3{padding-right:1rem!important}.ngs .pe-lg-4{padding-right:1.5rem!important}.ngs .pe-lg-5{padding-right:3rem!important}.ngs .pb-lg-0{padding-bottom:0!important}.ngs .pb-lg-1{padding-bottom:.25rem!important}.ngs .pb-lg-2{padding-bottom:.5rem!important}.ngs .pb-lg-3{padding-bottom:1rem!important}.ngs .pb-lg-4{padding-bottom:1.5rem!important}.ngs .pb-lg-5{padding-bottom:3rem!important}.ngs .ps-lg-0{padding-left:0!important}.ngs .ps-lg-1{padding-left:.25rem!important}.ngs .ps-lg-2{padding-left:.5rem!important}.ngs .ps-lg-3{padding-left:1rem!important}.ngs .ps-lg-4{padding-left:1.5rem!important}.ngs .ps-lg-5{padding-left:3rem!important}}@media (min-width: 1200px){.ngs .d-xl-inline{display:inline!important}.ngs .d-xl-inline-block{display:inline-block!important}.ngs .d-xl-block{display:block!important}.ngs .d-xl-grid{display:grid!important}.ngs .d-xl-inline-grid{display:inline-grid!important}.ngs .d-xl-table{display:table!important}.ngs .d-xl-table-row{display:table-row!important}.ngs .d-xl-table-cell{display:table-cell!important}.ngs .d-xl-flex{display:flex!important}.ngs .d-xl-inline-flex{display:inline-flex!important}.ngs .d-xl-none{display:none!important}.ngs .flex-xl-fill{flex:1 1 auto!important}.ngs .flex-xl-row{flex-direction:row!important}.ngs .flex-xl-column{flex-direction:column!important}.ngs .flex-xl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xl-grow-0{flex-grow:0!important}.ngs .flex-xl-grow-1{flex-grow:1!important}.ngs .flex-xl-shrink-0{flex-shrink:0!important}.ngs .flex-xl-shrink-1{flex-shrink:1!important}.ngs .flex-xl-wrap{flex-wrap:wrap!important}.ngs .flex-xl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xl-start{justify-content:flex-start!important}.ngs .justify-content-xl-end{justify-content:flex-end!important}.ngs .justify-content-xl-center{justify-content:center!important}.ngs .justify-content-xl-between{justify-content:space-between!important}.ngs .justify-content-xl-around{justify-content:space-around!important}.ngs .justify-content-xl-evenly{justify-content:space-evenly!important}.ngs .align-items-xl-start{align-items:flex-start!important}.ngs .align-items-xl-end{align-items:flex-end!important}.ngs .align-items-xl-center{align-items:center!important}.ngs .align-items-xl-baseline{align-items:baseline!important}.ngs .align-items-xl-stretch{align-items:stretch!important}.ngs .align-content-xl-start{align-content:flex-start!important}.ngs .align-content-xl-end{align-content:flex-end!important}.ngs .align-content-xl-center{align-content:center!important}.ngs .align-content-xl-between{align-content:space-between!important}.ngs .align-content-xl-around{align-content:space-around!important}.ngs .align-content-xl-stretch{align-content:stretch!important}.ngs .align-self-xl-auto{align-self:auto!important}.ngs .align-self-xl-start{align-self:flex-start!important}.ngs .align-self-xl-end{align-self:flex-end!important}.ngs .align-self-xl-center{align-self:center!important}.ngs .align-self-xl-baseline{align-self:baseline!important}.ngs .align-self-xl-stretch{align-self:stretch!important}.ngs .order-xl-first{order:-1!important}.ngs .order-xl-0{order:0!important}.ngs .order-xl-1{order:1!important}.ngs .order-xl-2{order:2!important}.ngs .order-xl-3{order:3!important}.ngs .order-xl-4{order:4!important}.ngs .order-xl-5{order:5!important}.ngs .order-xl-last{order:6!important}.ngs .m-xl-0{margin:0!important}.ngs .m-xl-1{margin:.25rem!important}.ngs .m-xl-2{margin:.5rem!important}.ngs .m-xl-3{margin:1rem!important}.ngs .m-xl-4{margin:1.5rem!important}.ngs .m-xl-5{margin:3rem!important}.ngs .m-xl-auto{margin:auto!important}.ngs .mx-xl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xl-0{margin-top:0!important}.ngs .mt-xl-1{margin-top:.25rem!important}.ngs .mt-xl-2{margin-top:.5rem!important}.ngs .mt-xl-3{margin-top:1rem!important}.ngs .mt-xl-4{margin-top:1.5rem!important}.ngs .mt-xl-5{margin-top:3rem!important}.ngs .mt-xl-auto{margin-top:auto!important}.ngs .me-xl-0{margin-right:0!important}.ngs .me-xl-1{margin-right:.25rem!important}.ngs .me-xl-2{margin-right:.5rem!important}.ngs .me-xl-3{margin-right:1rem!important}.ngs .me-xl-4{margin-right:1.5rem!important}.ngs .me-xl-5{margin-right:3rem!important}.ngs .me-xl-auto{margin-right:auto!important}.ngs .mb-xl-0{margin-bottom:0!important}.ngs .mb-xl-1{margin-bottom:.25rem!important}.ngs .mb-xl-2{margin-bottom:.5rem!important}.ngs .mb-xl-3{margin-bottom:1rem!important}.ngs .mb-xl-4{margin-bottom:1.5rem!important}.ngs .mb-xl-5{margin-bottom:3rem!important}.ngs .mb-xl-auto{margin-bottom:auto!important}.ngs .ms-xl-0{margin-left:0!important}.ngs .ms-xl-1{margin-left:.25rem!important}.ngs .ms-xl-2{margin-left:.5rem!important}.ngs .ms-xl-3{margin-left:1rem!important}.ngs .ms-xl-4{margin-left:1.5rem!important}.ngs .ms-xl-5{margin-left:3rem!important}.ngs .ms-xl-auto{margin-left:auto!important}.ngs .p-xl-0{padding:0!important}.ngs .p-xl-1{padding:.25rem!important}.ngs .p-xl-2{padding:.5rem!important}.ngs .p-xl-3{padding:1rem!important}.ngs .p-xl-4{padding:1.5rem!important}.ngs .p-xl-5{padding:3rem!important}.ngs .px-xl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xl-0{padding-top:0!important}.ngs .pt-xl-1{padding-top:.25rem!important}.ngs .pt-xl-2{padding-top:.5rem!important}.ngs .pt-xl-3{padding-top:1rem!important}.ngs .pt-xl-4{padding-top:1.5rem!important}.ngs .pt-xl-5{padding-top:3rem!important}.ngs .pe-xl-0{padding-right:0!important}.ngs .pe-xl-1{padding-right:.25rem!important}.ngs .pe-xl-2{padding-right:.5rem!important}.ngs .pe-xl-3{padding-right:1rem!important}.ngs .pe-xl-4{padding-right:1.5rem!important}.ngs .pe-xl-5{padding-right:3rem!important}.ngs .pb-xl-0{padding-bottom:0!important}.ngs .pb-xl-1{padding-bottom:.25rem!important}.ngs .pb-xl-2{padding-bottom:.5rem!important}.ngs .pb-xl-3{padding-bottom:1rem!important}.ngs .pb-xl-4{padding-bottom:1.5rem!important}.ngs .pb-xl-5{padding-bottom:3rem!important}.ngs .ps-xl-0{padding-left:0!important}.ngs .ps-xl-1{padding-left:.25rem!important}.ngs .ps-xl-2{padding-left:.5rem!important}.ngs .ps-xl-3{padding-left:1rem!important}.ngs .ps-xl-4{padding-left:1.5rem!important}.ngs .ps-xl-5{padding-left:3rem!important}}@media (min-width: 1400px){.ngs .d-xxl-inline{display:inline!important}.ngs .d-xxl-inline-block{display:inline-block!important}.ngs .d-xxl-block{display:block!important}.ngs .d-xxl-grid{display:grid!important}.ngs .d-xxl-inline-grid{display:inline-grid!important}.ngs .d-xxl-table{display:table!important}.ngs .d-xxl-table-row{display:table-row!important}.ngs .d-xxl-table-cell{display:table-cell!important}.ngs .d-xxl-flex{display:flex!important}.ngs .d-xxl-inline-flex{display:inline-flex!important}.ngs .d-xxl-none{display:none!important}.ngs .flex-xxl-fill{flex:1 1 auto!important}.ngs .flex-xxl-row{flex-direction:row!important}.ngs .flex-xxl-column{flex-direction:column!important}.ngs .flex-xxl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xxl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xxl-grow-0{flex-grow:0!important}.ngs .flex-xxl-grow-1{flex-grow:1!important}.ngs .flex-xxl-shrink-0{flex-shrink:0!important}.ngs .flex-xxl-shrink-1{flex-shrink:1!important}.ngs .flex-xxl-wrap{flex-wrap:wrap!important}.ngs .flex-xxl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xxl-start{justify-content:flex-start!important}.ngs .justify-content-xxl-end{justify-content:flex-end!important}.ngs .justify-content-xxl-center{justify-content:center!important}.ngs .justify-content-xxl-between{justify-content:space-between!important}.ngs .justify-content-xxl-around{justify-content:space-around!important}.ngs .justify-content-xxl-evenly{justify-content:space-evenly!important}.ngs .align-items-xxl-start{align-items:flex-start!important}.ngs .align-items-xxl-end{align-items:flex-end!important}.ngs .align-items-xxl-center{align-items:center!important}.ngs .align-items-xxl-baseline{align-items:baseline!important}.ngs .align-items-xxl-stretch{align-items:stretch!important}.ngs .align-content-xxl-start{align-content:flex-start!important}.ngs .align-content-xxl-end{align-content:flex-end!important}.ngs .align-content-xxl-center{align-content:center!important}.ngs .align-content-xxl-between{align-content:space-between!important}.ngs .align-content-xxl-around{align-content:space-around!important}.ngs .align-content-xxl-stretch{align-content:stretch!important}.ngs .align-self-xxl-auto{align-self:auto!important}.ngs .align-self-xxl-start{align-self:flex-start!important}.ngs .align-self-xxl-end{align-self:flex-end!important}.ngs .align-self-xxl-center{align-self:center!important}.ngs .align-self-xxl-baseline{align-self:baseline!important}.ngs .align-self-xxl-stretch{align-self:stretch!important}.ngs .order-xxl-first{order:-1!important}.ngs .order-xxl-0{order:0!important}.ngs .order-xxl-1{order:1!important}.ngs .order-xxl-2{order:2!important}.ngs .order-xxl-3{order:3!important}.ngs .order-xxl-4{order:4!important}.ngs .order-xxl-5{order:5!important}.ngs .order-xxl-last{order:6!important}.ngs .m-xxl-0{margin:0!important}.ngs .m-xxl-1{margin:.25rem!important}.ngs .m-xxl-2{margin:.5rem!important}.ngs .m-xxl-3{margin:1rem!important}.ngs .m-xxl-4{margin:1.5rem!important}.ngs .m-xxl-5{margin:3rem!important}.ngs .m-xxl-auto{margin:auto!important}.ngs .mx-xxl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xxl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xxl-0{margin-top:0!important}.ngs .mt-xxl-1{margin-top:.25rem!important}.ngs .mt-xxl-2{margin-top:.5rem!important}.ngs .mt-xxl-3{margin-top:1rem!important}.ngs .mt-xxl-4{margin-top:1.5rem!important}.ngs .mt-xxl-5{margin-top:3rem!important}.ngs .mt-xxl-auto{margin-top:auto!important}.ngs .me-xxl-0{margin-right:0!important}.ngs .me-xxl-1{margin-right:.25rem!important}.ngs .me-xxl-2{margin-right:.5rem!important}.ngs .me-xxl-3{margin-right:1rem!important}.ngs .me-xxl-4{margin-right:1.5rem!important}.ngs .me-xxl-5{margin-right:3rem!important}.ngs .me-xxl-auto{margin-right:auto!important}.ngs .mb-xxl-0{margin-bottom:0!important}.ngs .mb-xxl-1{margin-bottom:.25rem!important}.ngs .mb-xxl-2{margin-bottom:.5rem!important}.ngs .mb-xxl-3{margin-bottom:1rem!important}.ngs .mb-xxl-4{margin-bottom:1.5rem!important}.ngs .mb-xxl-5{margin-bottom:3rem!important}.ngs .mb-xxl-auto{margin-bottom:auto!important}.ngs .ms-xxl-0{margin-left:0!important}.ngs .ms-xxl-1{margin-left:.25rem!important}.ngs .ms-xxl-2{margin-left:.5rem!important}.ngs .ms-xxl-3{margin-left:1rem!important}.ngs .ms-xxl-4{margin-left:1.5rem!important}.ngs .ms-xxl-5{margin-left:3rem!important}.ngs .ms-xxl-auto{margin-left:auto!important}.ngs .p-xxl-0{padding:0!important}.ngs .p-xxl-1{padding:.25rem!important}.ngs .p-xxl-2{padding:.5rem!important}.ngs .p-xxl-3{padding:1rem!important}.ngs .p-xxl-4{padding:1.5rem!important}.ngs .p-xxl-5{padding:3rem!important}.ngs .px-xxl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xxl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xxl-0{padding-top:0!important}.ngs .pt-xxl-1{padding-top:.25rem!important}.ngs .pt-xxl-2{padding-top:.5rem!important}.ngs .pt-xxl-3{padding-top:1rem!important}.ngs .pt-xxl-4{padding-top:1.5rem!important}.ngs .pt-xxl-5{padding-top:3rem!important}.ngs .pe-xxl-0{padding-right:0!important}.ngs .pe-xxl-1{padding-right:.25rem!important}.ngs .pe-xxl-2{padding-right:.5rem!important}.ngs .pe-xxl-3{padding-right:1rem!important}.ngs .pe-xxl-4{padding-right:1.5rem!important}.ngs .pe-xxl-5{padding-right:3rem!important}.ngs .pb-xxl-0{padding-bottom:0!important}.ngs .pb-xxl-1{padding-bottom:.25rem!important}.ngs .pb-xxl-2{padding-bottom:.5rem!important}.ngs .pb-xxl-3{padding-bottom:1rem!important}.ngs .pb-xxl-4{padding-bottom:1.5rem!important}.ngs .pb-xxl-5{padding-bottom:3rem!important}.ngs .ps-xxl-0{padding-left:0!important}.ngs .ps-xxl-1{padding-left:.25rem!important}.ngs .ps-xxl-2{padding-left:.5rem!important}.ngs .ps-xxl-3{padding-left:1rem!important}.ngs .ps-xxl-4{padding-left:1.5rem!important}.ngs .ps-xxl-5{padding-left:3rem!important}}@media print{.ngs .d-print-inline{display:inline!important}.ngs .d-print-inline-block{display:inline-block!important}.ngs .d-print-block{display:block!important}.ngs .d-print-grid{display:grid!important}.ngs .d-print-inline-grid{display:inline-grid!important}.ngs .d-print-table{display:table!important}.ngs .d-print-table-row{display:table-row!important}.ngs .d-print-table-cell{display:table-cell!important}.ngs .d-print-flex{display:flex!important}.ngs .d-print-inline-flex{display:inline-flex!important}.ngs .d-print-none{display:none!important}}\n", ".prevSection button{padding:5px 10px;float:left;margin-left:0}.nextSection button{padding:5px 10px;float:right;margin-left:0}.separator-horizontal{width:1px;height:100%;background-color:#d6cece;margin:0 auto}.content-element-form .section-navs{width:100%;background-color:#f2f6fc;margin-left:0;margin-right:0;padding:10px;flex-direction:row-reverse}.sirio-nav-item a{cursor:pointer}.sirio-toast{width:auto;min-width:17rem;max-width:41rem}.form-title{margin-bottom:15px}@media (max-width: 991px){.content-element-form{width:100%!important}}ngx-sirio-input-chip{margin-right:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i11.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i11.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RegisterDirective, selector: "[register]", inputs: ["register", "componentRef"] }, { kind: "directive", type: DisablePathDirective, selector: "[disablePath]", inputs: ["disablePath"] }, { kind: "component", type: SirioSidenavMobileComponent, selector: "ngx-sirio-sidenav-mobile", inputs: ["openMenuLabel", "openMenuLabelSubtitile", "openMenuAriaLabel", "closeMenuLabel", "closeMenuAriaLabel", "closeMenuLabelSubtitile", "userProfileLabel", "userProfileType", "userProfileName", "userProfileSurname", "showUserInfo", "opened"] }, { kind: "component", type: SirioSidenavComponent, selector: "ngx-sirio-sidenav", inputs: ["sidenavTitle", "ariaLabel"] }, { kind: "component", type: SirioSidenavItemComponent, selector: "ngx-sirio-sidenav-item", inputs: ["labelTrigger", "isCustomNavItem", "isTrigger", "routerLinkUrl", "routerLinkFragment", "routerLinkQueryParams", "routerLinkQueryParamsHandling", "routerLinkState", "routerLinkRelativeTo", "routerLinkPreserveFragment", "routerLinkReplaceUrl", "href", "hrefTarget", "ariaLabelDesc", "isOpen", "isActive", "withTag", "tagType", "tagValue", "disabledState"] }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: SirioStepperProgressBarComponent, selector: "ngx-sirio-stepper-progress-bar", inputs: ["ariaLabel", "hasDropdown", "dropDownLabel", "dropDownText"], outputs: ["eventClick"] }, { kind: "component", type: SirioStepperProgressItemComponent, selector: "ngx-sirio-stepper-progress-item", inputs: ["status", "hasNavigation", "screenReaderText", "label"] }, { kind: "component", type: DynamicFieldsComponent, selector: "app-dynamic-fields", inputs: ["rows", "formGroup", "language"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], viewQueries: [{ propertyName: "formDiv", first: true, predicate: ["default"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<form [formGroup]=\"formGroup\" class=\"ngs\">\r\n\r\n  <div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n\r\n      <!-- #region progress -->\r\n      <ngx-sirio-stepper-progress-bar *ngIf=\"showProgress\"\r\n                                      (eventClick)=\"activateForm($event)\"\r\n                                      [hasDropdown]=\"true\"\r\n                                      [dropDownLabel]=\"locale(Texts, 'Show')\">\r\n        <ng-container *ngFor=\"let form of forms, let formIndex = index\">          \r\n          <ng-container *ngIf=\"!evaluateBoolean(form.disabled)\">\r\n            <ng-container *ngIf=\"getFormStatus(form, formIndex) as status\">\r\n              <ngx-sirio-stepper-progress-item [hasNavigation]=\"status !== 'inactive'\"\r\n                                               [status]=\"status\"\r\n                                               [label]=\"evaluateTemplate(locale(form, 'title'))\"\r\n                                               #progressItem\r\n                                               [componentRef]=\"progressItem\"\r\n                                               [formIndex]=\"formIndex\"/>\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ngx-sirio-stepper-progress-bar>\r\n      <!-- #endregion -->\r\n\r\n      <ng-container *ngIf=\"showNav\">\r\n\r\n        <div class=\"col-md-4\">\r\n\r\n          <!-- #region sidenav -->\r\n          <ng-template #sidenavTemplate>\r\n            <ngx-sirio-sidenav>\r\n              <ng-container *ngFor=\"let form of forms, let formIndex = index\">\r\n                <ng-container *ngIf=\"!evaluateBoolean(form.disabled)\">\r\n                  <ng-container *ngIf=\"getFormStatus(form, formIndex) as status\">\r\n                    <ng-container *ngIf=\"{ count: getErrors(form) } as errors\">\r\n                      <ngx-sirio-sidenav-item [isActive]=\"activeNav == formIndex\"\r\n                                              (click)=\"activeNav = formIndex\"\r\n                                              [disabledState]=\"status === 'inactive'\"\r\n                                              (keydown.enter)=\"activeNav = formIndex\"\r\n                                              [withTag]=\"errors.count > 0\"\r\n                                              tagType=\"danger\"\r\n                                              [tagValue]=\"errors.count\"\r\n                                              tabindex=\"0\">\r\n                        {{ evaluateTemplate(locale(form, 'title')) }}\r\n                      </ngx-sirio-sidenav-item>\r\n                    </ng-container>\r\n                  </ng-container>                  \r\n                </ng-container>\r\n              </ng-container>\r\n            </ngx-sirio-sidenav>\r\n          </ng-template>\r\n\r\n          <ngx-sirio-sidenav-mobile class=\"d-block d-lg-none\"\r\n                                    [openMenuLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [openMenuAriaLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [closeMenuLabel]=\"locale(Texts, 'CloseMenu')\"\r\n                                    closeMenuAriaLabel=\"locale(Texts, 'CloseMenu')\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </ngx-sirio-sidenav-mobile>\r\n          <div class=\"d-none d-lg-block\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </div>\r\n          <!-- #endregion -->\r\n\r\n        </div>\r\n\r\n        <div class=\"col-md-1\">\r\n          <div class=\"separator-horizontal\"></div>\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n      <div class=\"content-element-form\" [ngClass]=\"showNav ? 'col-md-11' : 'col-md-16'\">\r\n\r\n        <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n          <div *ngIf=\"activeNav == sectionIndex && !evaluateBoolean(form.disabled)\"\r\n               #default\r\n               [register]=\"form\"\r\n               [componentRef]=\"default\">\r\n            <h1 *ngIf=\"showFormTitle && form.title\" class=\"h3 form-title\">{{ evaluateTemplate(locale(form, 'title')) }}</h1>\r\n            <app-dynamic-fields [formGroup]=\"getFormGroup(form.path)\"\r\n                                [rows]=\"form.rows\"\r\n                                [alignment]=\"form.verticalAlignment\"></app-dynamic-fields>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"showNavButton && (canNext() || canPrevious())\">\r\n\r\n          <div class=\"row section-navs\">\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canNext()\" (click)=\"goNext()\" class=\"nextSection\">\r\n                {{ locale(Texts, 'NextSection') }}\r\n                <span class=\"fa-solid fa-chevron-right\" style=\"margin-left: 10px\"></span>\r\n              </ngx-sirio-button>\r\n            </div>\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canPrevious()\" (click)=\"goPrevious()\" class=\"prevSection\">\r\n                <span class=\"fa-solid fa-chevron-left\" style=\"margin-right: 10px\"></span>\r\n                {{ locale(Texts, 'PreviousSection') }}\r\n              </ngx-sirio-button>\r\n            </div>\r\n          </div>\r\n\r\n        </ng-container>\r\n\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</form>\r\n\r\n\r\n\r\n", styles: [".ngs .container,.ngs .container-fluid,.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.ngs .container-sm,.ngs .container{max-width:540px}}@media (min-width: 768px){.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:720px}}@media (min-width: 992px){.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:960px}}@media (min-width: 1200px){.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1140px}}@media (min-width: 1400px){.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1320px}}.ngs :root{--ngsbreakpoint-xs: 0;--ngsbreakpoint-sm: 576px;--ngsbreakpoint-md: 768px;--ngsbreakpoint-lg: 992px;--ngsbreakpoint-xl: 1200px;--ngsbreakpoint-xxl: 1400px}.ngs .row{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ngsgutter-y));margin-right:calc(-.5 * var(--ngsgutter-x));margin-left:calc(-.5 * var(--ngsgutter-x))}.ngs .row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-top:var(--ngsgutter-y)}.ngs .col{flex:1 0 0%}.ngs .row-cols-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-auto{flex:0 0 auto;width:auto}.ngs .col-1{flex:0 0 auto;width:6.25%}.ngs .col-2{flex:0 0 auto;width:12.5%}.ngs .col-3{flex:0 0 auto;width:18.75%}.ngs .col-4{flex:0 0 auto;width:25%}.ngs .col-5{flex:0 0 auto;width:31.25%}.ngs .col-6{flex:0 0 auto;width:37.5%}.ngs .col-7{flex:0 0 auto;width:43.75%}.ngs .col-8{flex:0 0 auto;width:50%}.ngs .col-9{flex:0 0 auto;width:56.25%}.ngs .col-10{flex:0 0 auto;width:62.5%}.ngs .col-11{flex:0 0 auto;width:68.75%}.ngs .col-12{flex:0 0 auto;width:75%}.ngs .col-13{flex:0 0 auto;width:81.25%}.ngs .col-14{flex:0 0 auto;width:87.5%}.ngs .col-15{flex:0 0 auto;width:93.75%}.ngs .col-16{flex:0 0 auto;width:100%}.ngs .offset-1{margin-left:6.25%}.ngs .offset-2{margin-left:12.5%}.ngs .offset-3{margin-left:18.75%}.ngs .offset-4{margin-left:25%}.ngs .offset-5{margin-left:31.25%}.ngs .offset-6{margin-left:37.5%}.ngs .offset-7{margin-left:43.75%}.ngs .offset-8{margin-left:50%}.ngs .offset-9{margin-left:56.25%}.ngs .offset-10{margin-left:62.5%}.ngs .offset-11{margin-left:68.75%}.ngs .offset-12{margin-left:75%}.ngs .offset-13{margin-left:81.25%}.ngs .offset-14{margin-left:87.5%}.ngs .offset-15{margin-left:93.75%}.ngs .g-0,.ngs .gx-0{--ngsgutter-x: 0}.ngs .g-0,.ngs .gy-0{--ngsgutter-y: 0}.ngs .g-1,.ngs .gx-1{--ngsgutter-x: .25rem}.ngs .g-1,.ngs .gy-1{--ngsgutter-y: .25rem}.ngs .g-2,.ngs .gx-2{--ngsgutter-x: .5rem}.ngs .g-2,.ngs .gy-2{--ngsgutter-y: .5rem}.ngs .g-3,.ngs .gx-3{--ngsgutter-x: 1rem}.ngs .g-3,.ngs .gy-3{--ngsgutter-y: 1rem}.ngs .g-4,.ngs .gx-4{--ngsgutter-x: 1.5rem}.ngs .g-4,.ngs .gy-4{--ngsgutter-y: 1.5rem}.ngs .g-5,.ngs .gx-5{--ngsgutter-x: 3rem}.ngs .g-5,.ngs .gy-5{--ngsgutter-y: 3rem}@media (min-width: 576px){.ngs .col-sm{flex:1 0 0%}.ngs .row-cols-sm-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-sm-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-sm-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-sm-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-sm-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-sm-auto{flex:0 0 auto;width:auto}.ngs .col-sm-1{flex:0 0 auto;width:6.25%}.ngs .col-sm-2{flex:0 0 auto;width:12.5%}.ngs .col-sm-3{flex:0 0 auto;width:18.75%}.ngs .col-sm-4{flex:0 0 auto;width:25%}.ngs .col-sm-5{flex:0 0 auto;width:31.25%}.ngs .col-sm-6{flex:0 0 auto;width:37.5%}.ngs .col-sm-7{flex:0 0 auto;width:43.75%}.ngs .col-sm-8{flex:0 0 auto;width:50%}.ngs .col-sm-9{flex:0 0 auto;width:56.25%}.ngs .col-sm-10{flex:0 0 auto;width:62.5%}.ngs .col-sm-11{flex:0 0 auto;width:68.75%}.ngs .col-sm-12{flex:0 0 auto;width:75%}.ngs .col-sm-13{flex:0 0 auto;width:81.25%}.ngs .col-sm-14{flex:0 0 auto;width:87.5%}.ngs .col-sm-15{flex:0 0 auto;width:93.75%}.ngs .col-sm-16{flex:0 0 auto;width:100%}.ngs .offset-sm-0{margin-left:0}.ngs .offset-sm-1{margin-left:6.25%}.ngs .offset-sm-2{margin-left:12.5%}.ngs .offset-sm-3{margin-left:18.75%}.ngs .offset-sm-4{margin-left:25%}.ngs .offset-sm-5{margin-left:31.25%}.ngs .offset-sm-6{margin-left:37.5%}.ngs .offset-sm-7{margin-left:43.75%}.ngs .offset-sm-8{margin-left:50%}.ngs .offset-sm-9{margin-left:56.25%}.ngs .offset-sm-10{margin-left:62.5%}.ngs .offset-sm-11{margin-left:68.75%}.ngs .offset-sm-12{margin-left:75%}.ngs .offset-sm-13{margin-left:81.25%}.ngs .offset-sm-14{margin-left:87.5%}.ngs .offset-sm-15{margin-left:93.75%}.ngs .g-sm-0,.ngs .gx-sm-0{--ngsgutter-x: 0}.ngs .g-sm-0,.ngs .gy-sm-0{--ngsgutter-y: 0}.ngs .g-sm-1,.ngs .gx-sm-1{--ngsgutter-x: .25rem}.ngs .g-sm-1,.ngs .gy-sm-1{--ngsgutter-y: .25rem}.ngs .g-sm-2,.ngs .gx-sm-2{--ngsgutter-x: .5rem}.ngs .g-sm-2,.ngs .gy-sm-2{--ngsgutter-y: .5rem}.ngs .g-sm-3,.ngs .gx-sm-3{--ngsgutter-x: 1rem}.ngs .g-sm-3,.ngs .gy-sm-3{--ngsgutter-y: 1rem}.ngs .g-sm-4,.ngs .gx-sm-4{--ngsgutter-x: 1.5rem}.ngs .g-sm-4,.ngs .gy-sm-4{--ngsgutter-y: 1.5rem}.ngs .g-sm-5,.ngs .gx-sm-5{--ngsgutter-x: 3rem}.ngs .g-sm-5,.ngs .gy-sm-5{--ngsgutter-y: 3rem}}@media (min-width: 768px){.ngs .col-md{flex:1 0 0%}.ngs .row-cols-md-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-md-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-md-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-md-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-md-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-md-auto{flex:0 0 auto;width:auto}.ngs .col-md-1{flex:0 0 auto;width:6.25%}.ngs .col-md-2{flex:0 0 auto;width:12.5%}.ngs .col-md-3{flex:0 0 auto;width:18.75%}.ngs .col-md-4{flex:0 0 auto;width:25%}.ngs .col-md-5{flex:0 0 auto;width:31.25%}.ngs .col-md-6{flex:0 0 auto;width:37.5%}.ngs .col-md-7{flex:0 0 auto;width:43.75%}.ngs .col-md-8{flex:0 0 auto;width:50%}.ngs .col-md-9{flex:0 0 auto;width:56.25%}.ngs .col-md-10{flex:0 0 auto;width:62.5%}.ngs .col-md-11{flex:0 0 auto;width:68.75%}.ngs .col-md-12{flex:0 0 auto;width:75%}.ngs .col-md-13{flex:0 0 auto;width:81.25%}.ngs .col-md-14{flex:0 0 auto;width:87.5%}.ngs .col-md-15{flex:0 0 auto;width:93.75%}.ngs .col-md-16{flex:0 0 auto;width:100%}.ngs .offset-md-0{margin-left:0}.ngs .offset-md-1{margin-left:6.25%}.ngs .offset-md-2{margin-left:12.5%}.ngs .offset-md-3{margin-left:18.75%}.ngs .offset-md-4{margin-left:25%}.ngs .offset-md-5{margin-left:31.25%}.ngs .offset-md-6{margin-left:37.5%}.ngs .offset-md-7{margin-left:43.75%}.ngs .offset-md-8{margin-left:50%}.ngs .offset-md-9{margin-left:56.25%}.ngs .offset-md-10{margin-left:62.5%}.ngs .offset-md-11{margin-left:68.75%}.ngs .offset-md-12{margin-left:75%}.ngs .offset-md-13{margin-left:81.25%}.ngs .offset-md-14{margin-left:87.5%}.ngs .offset-md-15{margin-left:93.75%}.ngs .g-md-0,.ngs .gx-md-0{--ngsgutter-x: 0}.ngs .g-md-0,.ngs .gy-md-0{--ngsgutter-y: 0}.ngs .g-md-1,.ngs .gx-md-1{--ngsgutter-x: .25rem}.ngs .g-md-1,.ngs .gy-md-1{--ngsgutter-y: .25rem}.ngs .g-md-2,.ngs .gx-md-2{--ngsgutter-x: .5rem}.ngs .g-md-2,.ngs .gy-md-2{--ngsgutter-y: .5rem}.ngs .g-md-3,.ngs .gx-md-3{--ngsgutter-x: 1rem}.ngs .g-md-3,.ngs .gy-md-3{--ngsgutter-y: 1rem}.ngs .g-md-4,.ngs .gx-md-4{--ngsgutter-x: 1.5rem}.ngs .g-md-4,.ngs .gy-md-4{--ngsgutter-y: 1.5rem}.ngs .g-md-5,.ngs .gx-md-5{--ngsgutter-x: 3rem}.ngs .g-md-5,.ngs .gy-md-5{--ngsgutter-y: 3rem}}@media (min-width: 992px){.ngs .col-lg{flex:1 0 0%}.ngs .row-cols-lg-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-lg-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-lg-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-lg-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-lg-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-lg-auto{flex:0 0 auto;width:auto}.ngs .col-lg-1{flex:0 0 auto;width:6.25%}.ngs .col-lg-2{flex:0 0 auto;width:12.5%}.ngs .col-lg-3{flex:0 0 auto;width:18.75%}.ngs .col-lg-4{flex:0 0 auto;width:25%}.ngs .col-lg-5{flex:0 0 auto;width:31.25%}.ngs .col-lg-6{flex:0 0 auto;width:37.5%}.ngs .col-lg-7{flex:0 0 auto;width:43.75%}.ngs .col-lg-8{flex:0 0 auto;width:50%}.ngs .col-lg-9{flex:0 0 auto;width:56.25%}.ngs .col-lg-10{flex:0 0 auto;width:62.5%}.ngs .col-lg-11{flex:0 0 auto;width:68.75%}.ngs .col-lg-12{flex:0 0 auto;width:75%}.ngs .col-lg-13{flex:0 0 auto;width:81.25%}.ngs .col-lg-14{flex:0 0 auto;width:87.5%}.ngs .col-lg-15{flex:0 0 auto;width:93.75%}.ngs .col-lg-16{flex:0 0 auto;width:100%}.ngs .offset-lg-0{margin-left:0}.ngs .offset-lg-1{margin-left:6.25%}.ngs .offset-lg-2{margin-left:12.5%}.ngs .offset-lg-3{margin-left:18.75%}.ngs .offset-lg-4{margin-left:25%}.ngs .offset-lg-5{margin-left:31.25%}.ngs .offset-lg-6{margin-left:37.5%}.ngs .offset-lg-7{margin-left:43.75%}.ngs .offset-lg-8{margin-left:50%}.ngs .offset-lg-9{margin-left:56.25%}.ngs .offset-lg-10{margin-left:62.5%}.ngs .offset-lg-11{margin-left:68.75%}.ngs .offset-lg-12{margin-left:75%}.ngs .offset-lg-13{margin-left:81.25%}.ngs .offset-lg-14{margin-left:87.5%}.ngs .offset-lg-15{margin-left:93.75%}.ngs .g-lg-0,.ngs .gx-lg-0{--ngsgutter-x: 0}.ngs .g-lg-0,.ngs .gy-lg-0{--ngsgutter-y: 0}.ngs .g-lg-1,.ngs .gx-lg-1{--ngsgutter-x: .25rem}.ngs .g-lg-1,.ngs .gy-lg-1{--ngsgutter-y: .25rem}.ngs .g-lg-2,.ngs .gx-lg-2{--ngsgutter-x: .5rem}.ngs .g-lg-2,.ngs .gy-lg-2{--ngsgutter-y: .5rem}.ngs .g-lg-3,.ngs .gx-lg-3{--ngsgutter-x: 1rem}.ngs .g-lg-3,.ngs .gy-lg-3{--ngsgutter-y: 1rem}.ngs .g-lg-4,.ngs .gx-lg-4{--ngsgutter-x: 1.5rem}.ngs .g-lg-4,.ngs .gy-lg-4{--ngsgutter-y: 1.5rem}.ngs .g-lg-5,.ngs .gx-lg-5{--ngsgutter-x: 3rem}.ngs .g-lg-5,.ngs .gy-lg-5{--ngsgutter-y: 3rem}}@media (min-width: 1200px){.ngs .col-xl{flex:1 0 0%}.ngs .row-cols-xl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xl-auto{flex:0 0 auto;width:auto}.ngs .col-xl-1{flex:0 0 auto;width:6.25%}.ngs .col-xl-2{flex:0 0 auto;width:12.5%}.ngs .col-xl-3{flex:0 0 auto;width:18.75%}.ngs .col-xl-4{flex:0 0 auto;width:25%}.ngs .col-xl-5{flex:0 0 auto;width:31.25%}.ngs .col-xl-6{flex:0 0 auto;width:37.5%}.ngs .col-xl-7{flex:0 0 auto;width:43.75%}.ngs .col-xl-8{flex:0 0 auto;width:50%}.ngs .col-xl-9{flex:0 0 auto;width:56.25%}.ngs .col-xl-10{flex:0 0 auto;width:62.5%}.ngs .col-xl-11{flex:0 0 auto;width:68.75%}.ngs .col-xl-12{flex:0 0 auto;width:75%}.ngs .col-xl-13{flex:0 0 auto;width:81.25%}.ngs .col-xl-14{flex:0 0 auto;width:87.5%}.ngs .col-xl-15{flex:0 0 auto;width:93.75%}.ngs .col-xl-16{flex:0 0 auto;width:100%}.ngs .offset-xl-0{margin-left:0}.ngs .offset-xl-1{margin-left:6.25%}.ngs .offset-xl-2{margin-left:12.5%}.ngs .offset-xl-3{margin-left:18.75%}.ngs .offset-xl-4{margin-left:25%}.ngs .offset-xl-5{margin-left:31.25%}.ngs .offset-xl-6{margin-left:37.5%}.ngs .offset-xl-7{margin-left:43.75%}.ngs .offset-xl-8{margin-left:50%}.ngs .offset-xl-9{margin-left:56.25%}.ngs .offset-xl-10{margin-left:62.5%}.ngs .offset-xl-11{margin-left:68.75%}.ngs .offset-xl-12{margin-left:75%}.ngs .offset-xl-13{margin-left:81.25%}.ngs .offset-xl-14{margin-left:87.5%}.ngs .offset-xl-15{margin-left:93.75%}.ngs .g-xl-0,.ngs .gx-xl-0{--ngsgutter-x: 0}.ngs .g-xl-0,.ngs .gy-xl-0{--ngsgutter-y: 0}.ngs .g-xl-1,.ngs .gx-xl-1{--ngsgutter-x: .25rem}.ngs .g-xl-1,.ngs .gy-xl-1{--ngsgutter-y: .25rem}.ngs .g-xl-2,.ngs .gx-xl-2{--ngsgutter-x: .5rem}.ngs .g-xl-2,.ngs .gy-xl-2{--ngsgutter-y: .5rem}.ngs .g-xl-3,.ngs .gx-xl-3{--ngsgutter-x: 1rem}.ngs .g-xl-3,.ngs .gy-xl-3{--ngsgutter-y: 1rem}.ngs .g-xl-4,.ngs .gx-xl-4{--ngsgutter-x: 1.5rem}.ngs .g-xl-4,.ngs .gy-xl-4{--ngsgutter-y: 1.5rem}.ngs .g-xl-5,.ngs .gx-xl-5{--ngsgutter-x: 3rem}.ngs .g-xl-5,.ngs .gy-xl-5{--ngsgutter-y: 3rem}}@media (min-width: 1400px){.ngs .col-xxl{flex:1 0 0%}.ngs .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xxl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xxl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xxl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xxl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xxl-auto{flex:0 0 auto;width:auto}.ngs .col-xxl-1{flex:0 0 auto;width:6.25%}.ngs .col-xxl-2{flex:0 0 auto;width:12.5%}.ngs .col-xxl-3{flex:0 0 auto;width:18.75%}.ngs .col-xxl-4{flex:0 0 auto;width:25%}.ngs .col-xxl-5{flex:0 0 auto;width:31.25%}.ngs .col-xxl-6{flex:0 0 auto;width:37.5%}.ngs .col-xxl-7{flex:0 0 auto;width:43.75%}.ngs .col-xxl-8{flex:0 0 auto;width:50%}.ngs .col-xxl-9{flex:0 0 auto;width:56.25%}.ngs .col-xxl-10{flex:0 0 auto;width:62.5%}.ngs .col-xxl-11{flex:0 0 auto;width:68.75%}.ngs .col-xxl-12{flex:0 0 auto;width:75%}.ngs .col-xxl-13{flex:0 0 auto;width:81.25%}.ngs .col-xxl-14{flex:0 0 auto;width:87.5%}.ngs .col-xxl-15{flex:0 0 auto;width:93.75%}.ngs .col-xxl-16{flex:0 0 auto;width:100%}.ngs .offset-xxl-0{margin-left:0}.ngs .offset-xxl-1{margin-left:6.25%}.ngs .offset-xxl-2{margin-left:12.5%}.ngs .offset-xxl-3{margin-left:18.75%}.ngs .offset-xxl-4{margin-left:25%}.ngs .offset-xxl-5{margin-left:31.25%}.ngs .offset-xxl-6{margin-left:37.5%}.ngs .offset-xxl-7{margin-left:43.75%}.ngs .offset-xxl-8{margin-left:50%}.ngs .offset-xxl-9{margin-left:56.25%}.ngs .offset-xxl-10{margin-left:62.5%}.ngs .offset-xxl-11{margin-left:68.75%}.ngs .offset-xxl-12{margin-left:75%}.ngs .offset-xxl-13{margin-left:81.25%}.ngs .offset-xxl-14{margin-left:87.5%}.ngs .offset-xxl-15{margin-left:93.75%}.ngs .g-xxl-0,.ngs .gx-xxl-0{--ngsgutter-x: 0}.ngs .g-xxl-0,.ngs .gy-xxl-0{--ngsgutter-y: 0}.ngs .g-xxl-1,.ngs .gx-xxl-1{--ngsgutter-x: .25rem}.ngs .g-xxl-1,.ngs .gy-xxl-1{--ngsgutter-y: .25rem}.ngs .g-xxl-2,.ngs .gx-xxl-2{--ngsgutter-x: .5rem}.ngs .g-xxl-2,.ngs .gy-xxl-2{--ngsgutter-y: .5rem}.ngs .g-xxl-3,.ngs .gx-xxl-3{--ngsgutter-x: 1rem}.ngs .g-xxl-3,.ngs .gy-xxl-3{--ngsgutter-y: 1rem}.ngs .g-xxl-4,.ngs .gx-xxl-4{--ngsgutter-x: 1.5rem}.ngs .g-xxl-4,.ngs .gy-xxl-4{--ngsgutter-y: 1.5rem}.ngs .g-xxl-5,.ngs .gx-xxl-5{--ngsgutter-x: 3rem}.ngs .g-xxl-5,.ngs .gy-xxl-5{--ngsgutter-y: 3rem}}.ngs .d-inline{display:inline!important}.ngs .d-inline-block{display:inline-block!important}.ngs .d-block{display:block!important}.ngs .d-grid{display:grid!important}.ngs .d-inline-grid{display:inline-grid!important}.ngs .d-table{display:table!important}.ngs .d-table-row{display:table-row!important}.ngs .d-table-cell{display:table-cell!important}.ngs .d-flex{display:flex!important}.ngs .d-inline-flex{display:inline-flex!important}.ngs .d-none{display:none!important}.ngs .flex-fill{flex:1 1 auto!important}.ngs .flex-row{flex-direction:row!important}.ngs .flex-column{flex-direction:column!important}.ngs .flex-row-reverse{flex-direction:row-reverse!important}.ngs .flex-column-reverse{flex-direction:column-reverse!important}.ngs .flex-grow-0{flex-grow:0!important}.ngs .flex-grow-1{flex-grow:1!important}.ngs .flex-shrink-0{flex-shrink:0!important}.ngs .flex-shrink-1{flex-shrink:1!important}.ngs .flex-wrap{flex-wrap:wrap!important}.ngs .flex-nowrap{flex-wrap:nowrap!important}.ngs .flex-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-start{justify-content:flex-start!important}.ngs .justify-content-end{justify-content:flex-end!important}.ngs .justify-content-center{justify-content:center!important}.ngs .justify-content-between{justify-content:space-between!important}.ngs .justify-content-around{justify-content:space-around!important}.ngs .justify-content-evenly{justify-content:space-evenly!important}.ngs .align-items-start{align-items:flex-start!important}.ngs .align-items-end{align-items:flex-end!important}.ngs .align-items-center{align-items:center!important}.ngs .align-items-baseline{align-items:baseline!important}.ngs .align-items-stretch{align-items:stretch!important}.ngs .align-content-start{align-content:flex-start!important}.ngs .align-content-end{align-content:flex-end!important}.ngs .align-content-center{align-content:center!important}.ngs .align-content-between{align-content:space-between!important}.ngs .align-content-around{align-content:space-around!important}.ngs .align-content-stretch{align-content:stretch!important}.ngs .align-self-auto{align-self:auto!important}.ngs .align-self-start{align-self:flex-start!important}.ngs .align-self-end{align-self:flex-end!important}.ngs .align-self-center{align-self:center!important}.ngs .align-self-baseline{align-self:baseline!important}.ngs .align-self-stretch{align-self:stretch!important}.ngs .order-first{order:-1!important}.ngs .order-0{order:0!important}.ngs .order-1{order:1!important}.ngs .order-2{order:2!important}.ngs .order-3{order:3!important}.ngs .order-4{order:4!important}.ngs .order-5{order:5!important}.ngs .order-last{order:6!important}.ngs .m-0{margin:0!important}.ngs .m-1{margin:.25rem!important}.ngs .m-2{margin:.5rem!important}.ngs .m-3{margin:1rem!important}.ngs .m-4{margin:1.5rem!important}.ngs .m-5{margin:3rem!important}.ngs .m-auto{margin:auto!important}.ngs .mx-0{margin-right:0!important;margin-left:0!important}.ngs .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-0{margin-top:0!important}.ngs .mt-1{margin-top:.25rem!important}.ngs .mt-2{margin-top:.5rem!important}.ngs .mt-3{margin-top:1rem!important}.ngs .mt-4{margin-top:1.5rem!important}.ngs .mt-5{margin-top:3rem!important}.ngs .mt-auto{margin-top:auto!important}.ngs .me-0{margin-right:0!important}.ngs .me-1{margin-right:.25rem!important}.ngs .me-2{margin-right:.5rem!important}.ngs .me-3{margin-right:1rem!important}.ngs .me-4{margin-right:1.5rem!important}.ngs .me-5{margin-right:3rem!important}.ngs .me-auto{margin-right:auto!important}.ngs .mb-0{margin-bottom:0!important}.ngs .mb-1{margin-bottom:.25rem!important}.ngs .mb-2{margin-bottom:.5rem!important}.ngs .mb-3{margin-bottom:1rem!important}.ngs .mb-4{margin-bottom:1.5rem!important}.ngs .mb-5{margin-bottom:3rem!important}.ngs .mb-auto{margin-bottom:auto!important}.ngs .ms-0{margin-left:0!important}.ngs .ms-1{margin-left:.25rem!important}.ngs .ms-2{margin-left:.5rem!important}.ngs .ms-3{margin-left:1rem!important}.ngs .ms-4{margin-left:1.5rem!important}.ngs .ms-5{margin-left:3rem!important}.ngs .ms-auto{margin-left:auto!important}.ngs .p-0{padding:0!important}.ngs .p-1{padding:.25rem!important}.ngs .p-2{padding:.5rem!important}.ngs .p-3{padding:1rem!important}.ngs .p-4{padding:1.5rem!important}.ngs .p-5{padding:3rem!important}.ngs .px-0{padding-right:0!important;padding-left:0!important}.ngs .px-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-0{padding-top:0!important}.ngs .pt-1{padding-top:.25rem!important}.ngs .pt-2{padding-top:.5rem!important}.ngs .pt-3{padding-top:1rem!important}.ngs .pt-4{padding-top:1.5rem!important}.ngs .pt-5{padding-top:3rem!important}.ngs .pe-0{padding-right:0!important}.ngs .pe-1{padding-right:.25rem!important}.ngs .pe-2{padding-right:.5rem!important}.ngs .pe-3{padding-right:1rem!important}.ngs .pe-4{padding-right:1.5rem!important}.ngs .pe-5{padding-right:3rem!important}.ngs .pb-0{padding-bottom:0!important}.ngs .pb-1{padding-bottom:.25rem!important}.ngs .pb-2{padding-bottom:.5rem!important}.ngs .pb-3{padding-bottom:1rem!important}.ngs .pb-4{padding-bottom:1.5rem!important}.ngs .pb-5{padding-bottom:3rem!important}.ngs .ps-0{padding-left:0!important}.ngs .ps-1{padding-left:.25rem!important}.ngs .ps-2{padding-left:.5rem!important}.ngs .ps-3{padding-left:1rem!important}.ngs .ps-4{padding-left:1.5rem!important}.ngs .ps-5{padding-left:3rem!important}@media (min-width: 576px){.ngs .d-sm-inline{display:inline!important}.ngs .d-sm-inline-block{display:inline-block!important}.ngs .d-sm-block{display:block!important}.ngs .d-sm-grid{display:grid!important}.ngs .d-sm-inline-grid{display:inline-grid!important}.ngs .d-sm-table{display:table!important}.ngs .d-sm-table-row{display:table-row!important}.ngs .d-sm-table-cell{display:table-cell!important}.ngs .d-sm-flex{display:flex!important}.ngs .d-sm-inline-flex{display:inline-flex!important}.ngs .d-sm-none{display:none!important}.ngs .flex-sm-fill{flex:1 1 auto!important}.ngs .flex-sm-row{flex-direction:row!important}.ngs .flex-sm-column{flex-direction:column!important}.ngs .flex-sm-row-reverse{flex-direction:row-reverse!important}.ngs .flex-sm-column-reverse{flex-direction:column-reverse!important}.ngs .flex-sm-grow-0{flex-grow:0!important}.ngs .flex-sm-grow-1{flex-grow:1!important}.ngs .flex-sm-shrink-0{flex-shrink:0!important}.ngs .flex-sm-shrink-1{flex-shrink:1!important}.ngs .flex-sm-wrap{flex-wrap:wrap!important}.ngs .flex-sm-nowrap{flex-wrap:nowrap!important}.ngs .flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-sm-start{justify-content:flex-start!important}.ngs .justify-content-sm-end{justify-content:flex-end!important}.ngs .justify-content-sm-center{justify-content:center!important}.ngs .justify-content-sm-between{justify-content:space-between!important}.ngs .justify-content-sm-around{justify-content:space-around!important}.ngs .justify-content-sm-evenly{justify-content:space-evenly!important}.ngs .align-items-sm-start{align-items:flex-start!important}.ngs .align-items-sm-end{align-items:flex-end!important}.ngs .align-items-sm-center{align-items:center!important}.ngs .align-items-sm-baseline{align-items:baseline!important}.ngs .align-items-sm-stretch{align-items:stretch!important}.ngs .align-content-sm-start{align-content:flex-start!important}.ngs .align-content-sm-end{align-content:flex-end!important}.ngs .align-content-sm-center{align-content:center!important}.ngs .align-content-sm-between{align-content:space-between!important}.ngs .align-content-sm-around{align-content:space-around!important}.ngs .align-content-sm-stretch{align-content:stretch!important}.ngs .align-self-sm-auto{align-self:auto!important}.ngs .align-self-sm-start{align-self:flex-start!important}.ngs .align-self-sm-end{align-self:flex-end!important}.ngs .align-self-sm-center{align-self:center!important}.ngs .align-self-sm-baseline{align-self:baseline!important}.ngs .align-self-sm-stretch{align-self:stretch!important}.ngs .order-sm-first{order:-1!important}.ngs .order-sm-0{order:0!important}.ngs .order-sm-1{order:1!important}.ngs .order-sm-2{order:2!important}.ngs .order-sm-3{order:3!important}.ngs .order-sm-4{order:4!important}.ngs .order-sm-5{order:5!important}.ngs .order-sm-last{order:6!important}.ngs .m-sm-0{margin:0!important}.ngs .m-sm-1{margin:.25rem!important}.ngs .m-sm-2{margin:.5rem!important}.ngs .m-sm-3{margin:1rem!important}.ngs .m-sm-4{margin:1.5rem!important}.ngs .m-sm-5{margin:3rem!important}.ngs .m-sm-auto{margin:auto!important}.ngs .mx-sm-0{margin-right:0!important;margin-left:0!important}.ngs .mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-sm-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-sm-0{margin-top:0!important}.ngs .mt-sm-1{margin-top:.25rem!important}.ngs .mt-sm-2{margin-top:.5rem!important}.ngs .mt-sm-3{margin-top:1rem!important}.ngs .mt-sm-4{margin-top:1.5rem!important}.ngs .mt-sm-5{margin-top:3rem!important}.ngs .mt-sm-auto{margin-top:auto!important}.ngs .me-sm-0{margin-right:0!important}.ngs .me-sm-1{margin-right:.25rem!important}.ngs .me-sm-2{margin-right:.5rem!important}.ngs .me-sm-3{margin-right:1rem!important}.ngs .me-sm-4{margin-right:1.5rem!important}.ngs .me-sm-5{margin-right:3rem!important}.ngs .me-sm-auto{margin-right:auto!important}.ngs .mb-sm-0{margin-bottom:0!important}.ngs .mb-sm-1{margin-bottom:.25rem!important}.ngs .mb-sm-2{margin-bottom:.5rem!important}.ngs .mb-sm-3{margin-bottom:1rem!important}.ngs .mb-sm-4{margin-bottom:1.5rem!important}.ngs .mb-sm-5{margin-bottom:3rem!important}.ngs .mb-sm-auto{margin-bottom:auto!important}.ngs .ms-sm-0{margin-left:0!important}.ngs .ms-sm-1{margin-left:.25rem!important}.ngs .ms-sm-2{margin-left:.5rem!important}.ngs .ms-sm-3{margin-left:1rem!important}.ngs .ms-sm-4{margin-left:1.5rem!important}.ngs .ms-sm-5{margin-left:3rem!important}.ngs .ms-sm-auto{margin-left:auto!important}.ngs .p-sm-0{padding:0!important}.ngs .p-sm-1{padding:.25rem!important}.ngs .p-sm-2{padding:.5rem!important}.ngs .p-sm-3{padding:1rem!important}.ngs .p-sm-4{padding:1.5rem!important}.ngs .p-sm-5{padding:3rem!important}.ngs .px-sm-0{padding-right:0!important;padding-left:0!important}.ngs .px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-sm-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-sm-0{padding-top:0!important}.ngs .pt-sm-1{padding-top:.25rem!important}.ngs .pt-sm-2{padding-top:.5rem!important}.ngs .pt-sm-3{padding-top:1rem!important}.ngs .pt-sm-4{padding-top:1.5rem!important}.ngs .pt-sm-5{padding-top:3rem!important}.ngs .pe-sm-0{padding-right:0!important}.ngs .pe-sm-1{padding-right:.25rem!important}.ngs .pe-sm-2{padding-right:.5rem!important}.ngs .pe-sm-3{padding-right:1rem!important}.ngs .pe-sm-4{padding-right:1.5rem!important}.ngs .pe-sm-5{padding-right:3rem!important}.ngs .pb-sm-0{padding-bottom:0!important}.ngs .pb-sm-1{padding-bottom:.25rem!important}.ngs .pb-sm-2{padding-bottom:.5rem!important}.ngs .pb-sm-3{padding-bottom:1rem!important}.ngs .pb-sm-4{padding-bottom:1.5rem!important}.ngs .pb-sm-5{padding-bottom:3rem!important}.ngs .ps-sm-0{padding-left:0!important}.ngs .ps-sm-1{padding-left:.25rem!important}.ngs .ps-sm-2{padding-left:.5rem!important}.ngs .ps-sm-3{padding-left:1rem!important}.ngs .ps-sm-4{padding-left:1.5rem!important}.ngs .ps-sm-5{padding-left:3rem!important}}@media (min-width: 768px){.ngs .d-md-inline{display:inline!important}.ngs .d-md-inline-block{display:inline-block!important}.ngs .d-md-block{display:block!important}.ngs .d-md-grid{display:grid!important}.ngs .d-md-inline-grid{display:inline-grid!important}.ngs .d-md-table{display:table!important}.ngs .d-md-table-row{display:table-row!important}.ngs .d-md-table-cell{display:table-cell!important}.ngs .d-md-flex{display:flex!important}.ngs .d-md-inline-flex{display:inline-flex!important}.ngs .d-md-none{display:none!important}.ngs .flex-md-fill{flex:1 1 auto!important}.ngs .flex-md-row{flex-direction:row!important}.ngs .flex-md-column{flex-direction:column!important}.ngs .flex-md-row-reverse{flex-direction:row-reverse!important}.ngs .flex-md-column-reverse{flex-direction:column-reverse!important}.ngs .flex-md-grow-0{flex-grow:0!important}.ngs .flex-md-grow-1{flex-grow:1!important}.ngs .flex-md-shrink-0{flex-shrink:0!important}.ngs .flex-md-shrink-1{flex-shrink:1!important}.ngs .flex-md-wrap{flex-wrap:wrap!important}.ngs .flex-md-nowrap{flex-wrap:nowrap!important}.ngs .flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-md-start{justify-content:flex-start!important}.ngs .justify-content-md-end{justify-content:flex-end!important}.ngs .justify-content-md-center{justify-content:center!important}.ngs .justify-content-md-between{justify-content:space-between!important}.ngs .justify-content-md-around{justify-content:space-around!important}.ngs .justify-content-md-evenly{justify-content:space-evenly!important}.ngs .align-items-md-start{align-items:flex-start!important}.ngs .align-items-md-end{align-items:flex-end!important}.ngs .align-items-md-center{align-items:center!important}.ngs .align-items-md-baseline{align-items:baseline!important}.ngs .align-items-md-stretch{align-items:stretch!important}.ngs .align-content-md-start{align-content:flex-start!important}.ngs .align-content-md-end{align-content:flex-end!important}.ngs .align-content-md-center{align-content:center!important}.ngs .align-content-md-between{align-content:space-between!important}.ngs .align-content-md-around{align-content:space-around!important}.ngs .align-content-md-stretch{align-content:stretch!important}.ngs .align-self-md-auto{align-self:auto!important}.ngs .align-self-md-start{align-self:flex-start!important}.ngs .align-self-md-end{align-self:flex-end!important}.ngs .align-self-md-center{align-self:center!important}.ngs .align-self-md-baseline{align-self:baseline!important}.ngs .align-self-md-stretch{align-self:stretch!important}.ngs .order-md-first{order:-1!important}.ngs .order-md-0{order:0!important}.ngs .order-md-1{order:1!important}.ngs .order-md-2{order:2!important}.ngs .order-md-3{order:3!important}.ngs .order-md-4{order:4!important}.ngs .order-md-5{order:5!important}.ngs .order-md-last{order:6!important}.ngs .m-md-0{margin:0!important}.ngs .m-md-1{margin:.25rem!important}.ngs .m-md-2{margin:.5rem!important}.ngs .m-md-3{margin:1rem!important}.ngs .m-md-4{margin:1.5rem!important}.ngs .m-md-5{margin:3rem!important}.ngs .m-md-auto{margin:auto!important}.ngs .mx-md-0{margin-right:0!important;margin-left:0!important}.ngs .mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-md-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-md-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-md-0{margin-top:0!important}.ngs .mt-md-1{margin-top:.25rem!important}.ngs .mt-md-2{margin-top:.5rem!important}.ngs .mt-md-3{margin-top:1rem!important}.ngs .mt-md-4{margin-top:1.5rem!important}.ngs .mt-md-5{margin-top:3rem!important}.ngs .mt-md-auto{margin-top:auto!important}.ngs .me-md-0{margin-right:0!important}.ngs .me-md-1{margin-right:.25rem!important}.ngs .me-md-2{margin-right:.5rem!important}.ngs .me-md-3{margin-right:1rem!important}.ngs .me-md-4{margin-right:1.5rem!important}.ngs .me-md-5{margin-right:3rem!important}.ngs .me-md-auto{margin-right:auto!important}.ngs .mb-md-0{margin-bottom:0!important}.ngs .mb-md-1{margin-bottom:.25rem!important}.ngs .mb-md-2{margin-bottom:.5rem!important}.ngs .mb-md-3{margin-bottom:1rem!important}.ngs .mb-md-4{margin-bottom:1.5rem!important}.ngs .mb-md-5{margin-bottom:3rem!important}.ngs .mb-md-auto{margin-bottom:auto!important}.ngs .ms-md-0{margin-left:0!important}.ngs .ms-md-1{margin-left:.25rem!important}.ngs .ms-md-2{margin-left:.5rem!important}.ngs .ms-md-3{margin-left:1rem!important}.ngs .ms-md-4{margin-left:1.5rem!important}.ngs .ms-md-5{margin-left:3rem!important}.ngs .ms-md-auto{margin-left:auto!important}.ngs .p-md-0{padding:0!important}.ngs .p-md-1{padding:.25rem!important}.ngs .p-md-2{padding:.5rem!important}.ngs .p-md-3{padding:1rem!important}.ngs .p-md-4{padding:1.5rem!important}.ngs .p-md-5{padding:3rem!important}.ngs .px-md-0{padding-right:0!important;padding-left:0!important}.ngs .px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-md-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-md-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-md-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-md-0{padding-top:0!important}.ngs .pt-md-1{padding-top:.25rem!important}.ngs .pt-md-2{padding-top:.5rem!important}.ngs .pt-md-3{padding-top:1rem!important}.ngs .pt-md-4{padding-top:1.5rem!important}.ngs .pt-md-5{padding-top:3rem!important}.ngs .pe-md-0{padding-right:0!important}.ngs .pe-md-1{padding-right:.25rem!important}.ngs .pe-md-2{padding-right:.5rem!important}.ngs .pe-md-3{padding-right:1rem!important}.ngs .pe-md-4{padding-right:1.5rem!important}.ngs .pe-md-5{padding-right:3rem!important}.ngs .pb-md-0{padding-bottom:0!important}.ngs .pb-md-1{padding-bottom:.25rem!important}.ngs .pb-md-2{padding-bottom:.5rem!important}.ngs .pb-md-3{padding-bottom:1rem!important}.ngs .pb-md-4{padding-bottom:1.5rem!important}.ngs .pb-md-5{padding-bottom:3rem!important}.ngs .ps-md-0{padding-left:0!important}.ngs .ps-md-1{padding-left:.25rem!important}.ngs .ps-md-2{padding-left:.5rem!important}.ngs .ps-md-3{padding-left:1rem!important}.ngs .ps-md-4{padding-left:1.5rem!important}.ngs .ps-md-5{padding-left:3rem!important}}@media (min-width: 992px){.ngs .d-lg-inline{display:inline!important}.ngs .d-lg-inline-block{display:inline-block!important}.ngs .d-lg-block{display:block!important}.ngs .d-lg-grid{display:grid!important}.ngs .d-lg-inline-grid{display:inline-grid!important}.ngs .d-lg-table{display:table!important}.ngs .d-lg-table-row{display:table-row!important}.ngs .d-lg-table-cell{display:table-cell!important}.ngs .d-lg-flex{display:flex!important}.ngs .d-lg-inline-flex{display:inline-flex!important}.ngs .d-lg-none{display:none!important}.ngs .flex-lg-fill{flex:1 1 auto!important}.ngs .flex-lg-row{flex-direction:row!important}.ngs .flex-lg-column{flex-direction:column!important}.ngs .flex-lg-row-reverse{flex-direction:row-reverse!important}.ngs .flex-lg-column-reverse{flex-direction:column-reverse!important}.ngs .flex-lg-grow-0{flex-grow:0!important}.ngs .flex-lg-grow-1{flex-grow:1!important}.ngs .flex-lg-shrink-0{flex-shrink:0!important}.ngs .flex-lg-shrink-1{flex-shrink:1!important}.ngs .flex-lg-wrap{flex-wrap:wrap!important}.ngs .flex-lg-nowrap{flex-wrap:nowrap!important}.ngs .flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-lg-start{justify-content:flex-start!important}.ngs .justify-content-lg-end{justify-content:flex-end!important}.ngs .justify-content-lg-center{justify-content:center!important}.ngs .justify-content-lg-between{justify-content:space-between!important}.ngs .justify-content-lg-around{justify-content:space-around!important}.ngs .justify-content-lg-evenly{justify-content:space-evenly!important}.ngs .align-items-lg-start{align-items:flex-start!important}.ngs .align-items-lg-end{align-items:flex-end!important}.ngs .align-items-lg-center{align-items:center!important}.ngs .align-items-lg-baseline{align-items:baseline!important}.ngs .align-items-lg-stretch{align-items:stretch!important}.ngs .align-content-lg-start{align-content:flex-start!important}.ngs .align-content-lg-end{align-content:flex-end!important}.ngs .align-content-lg-center{align-content:center!important}.ngs .align-content-lg-between{align-content:space-between!important}.ngs .align-content-lg-around{align-content:space-around!important}.ngs .align-content-lg-stretch{align-content:stretch!important}.ngs .align-self-lg-auto{align-self:auto!important}.ngs .align-self-lg-start{align-self:flex-start!important}.ngs .align-self-lg-end{align-self:flex-end!important}.ngs .align-self-lg-center{align-self:center!important}.ngs .align-self-lg-baseline{align-self:baseline!important}.ngs .align-self-lg-stretch{align-self:stretch!important}.ngs .order-lg-first{order:-1!important}.ngs .order-lg-0{order:0!important}.ngs .order-lg-1{order:1!important}.ngs .order-lg-2{order:2!important}.ngs .order-lg-3{order:3!important}.ngs .order-lg-4{order:4!important}.ngs .order-lg-5{order:5!important}.ngs .order-lg-last{order:6!important}.ngs .m-lg-0{margin:0!important}.ngs .m-lg-1{margin:.25rem!important}.ngs .m-lg-2{margin:.5rem!important}.ngs .m-lg-3{margin:1rem!important}.ngs .m-lg-4{margin:1.5rem!important}.ngs .m-lg-5{margin:3rem!important}.ngs .m-lg-auto{margin:auto!important}.ngs .mx-lg-0{margin-right:0!important;margin-left:0!important}.ngs .mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-lg-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-lg-0{margin-top:0!important}.ngs .mt-lg-1{margin-top:.25rem!important}.ngs .mt-lg-2{margin-top:.5rem!important}.ngs .mt-lg-3{margin-top:1rem!important}.ngs .mt-lg-4{margin-top:1.5rem!important}.ngs .mt-lg-5{margin-top:3rem!important}.ngs .mt-lg-auto{margin-top:auto!important}.ngs .me-lg-0{margin-right:0!important}.ngs .me-lg-1{margin-right:.25rem!important}.ngs .me-lg-2{margin-right:.5rem!important}.ngs .me-lg-3{margin-right:1rem!important}.ngs .me-lg-4{margin-right:1.5rem!important}.ngs .me-lg-5{margin-right:3rem!important}.ngs .me-lg-auto{margin-right:auto!important}.ngs .mb-lg-0{margin-bottom:0!important}.ngs .mb-lg-1{margin-bottom:.25rem!important}.ngs .mb-lg-2{margin-bottom:.5rem!important}.ngs .mb-lg-3{margin-bottom:1rem!important}.ngs .mb-lg-4{margin-bottom:1.5rem!important}.ngs .mb-lg-5{margin-bottom:3rem!important}.ngs .mb-lg-auto{margin-bottom:auto!important}.ngs .ms-lg-0{margin-left:0!important}.ngs .ms-lg-1{margin-left:.25rem!important}.ngs .ms-lg-2{margin-left:.5rem!important}.ngs .ms-lg-3{margin-left:1rem!important}.ngs .ms-lg-4{margin-left:1.5rem!important}.ngs .ms-lg-5{margin-left:3rem!important}.ngs .ms-lg-auto{margin-left:auto!important}.ngs .p-lg-0{padding:0!important}.ngs .p-lg-1{padding:.25rem!important}.ngs .p-lg-2{padding:.5rem!important}.ngs .p-lg-3{padding:1rem!important}.ngs .p-lg-4{padding:1.5rem!important}.ngs .p-lg-5{padding:3rem!important}.ngs .px-lg-0{padding-right:0!important;padding-left:0!important}.ngs .px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-lg-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-lg-0{padding-top:0!important}.ngs .pt-lg-1{padding-top:.25rem!important}.ngs .pt-lg-2{padding-top:.5rem!important}.ngs .pt-lg-3{padding-top:1rem!important}.ngs .pt-lg-4{padding-top:1.5rem!important}.ngs .pt-lg-5{padding-top:3rem!important}.ngs .pe-lg-0{padding-right:0!important}.ngs .pe-lg-1{padding-right:.25rem!important}.ngs .pe-lg-2{padding-right:.5rem!important}.ngs .pe-lg-3{padding-right:1rem!important}.ngs .pe-lg-4{padding-right:1.5rem!important}.ngs .pe-lg-5{padding-right:3rem!important}.ngs .pb-lg-0{padding-bottom:0!important}.ngs .pb-lg-1{padding-bottom:.25rem!important}.ngs .pb-lg-2{padding-bottom:.5rem!important}.ngs .pb-lg-3{padding-bottom:1rem!important}.ngs .pb-lg-4{padding-bottom:1.5rem!important}.ngs .pb-lg-5{padding-bottom:3rem!important}.ngs .ps-lg-0{padding-left:0!important}.ngs .ps-lg-1{padding-left:.25rem!important}.ngs .ps-lg-2{padding-left:.5rem!important}.ngs .ps-lg-3{padding-left:1rem!important}.ngs .ps-lg-4{padding-left:1.5rem!important}.ngs .ps-lg-5{padding-left:3rem!important}}@media (min-width: 1200px){.ngs .d-xl-inline{display:inline!important}.ngs .d-xl-inline-block{display:inline-block!important}.ngs .d-xl-block{display:block!important}.ngs .d-xl-grid{display:grid!important}.ngs .d-xl-inline-grid{display:inline-grid!important}.ngs .d-xl-table{display:table!important}.ngs .d-xl-table-row{display:table-row!important}.ngs .d-xl-table-cell{display:table-cell!important}.ngs .d-xl-flex{display:flex!important}.ngs .d-xl-inline-flex{display:inline-flex!important}.ngs .d-xl-none{display:none!important}.ngs .flex-xl-fill{flex:1 1 auto!important}.ngs .flex-xl-row{flex-direction:row!important}.ngs .flex-xl-column{flex-direction:column!important}.ngs .flex-xl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xl-grow-0{flex-grow:0!important}.ngs .flex-xl-grow-1{flex-grow:1!important}.ngs .flex-xl-shrink-0{flex-shrink:0!important}.ngs .flex-xl-shrink-1{flex-shrink:1!important}.ngs .flex-xl-wrap{flex-wrap:wrap!important}.ngs .flex-xl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xl-start{justify-content:flex-start!important}.ngs .justify-content-xl-end{justify-content:flex-end!important}.ngs .justify-content-xl-center{justify-content:center!important}.ngs .justify-content-xl-between{justify-content:space-between!important}.ngs .justify-content-xl-around{justify-content:space-around!important}.ngs .justify-content-xl-evenly{justify-content:space-evenly!important}.ngs .align-items-xl-start{align-items:flex-start!important}.ngs .align-items-xl-end{align-items:flex-end!important}.ngs .align-items-xl-center{align-items:center!important}.ngs .align-items-xl-baseline{align-items:baseline!important}.ngs .align-items-xl-stretch{align-items:stretch!important}.ngs .align-content-xl-start{align-content:flex-start!important}.ngs .align-content-xl-end{align-content:flex-end!important}.ngs .align-content-xl-center{align-content:center!important}.ngs .align-content-xl-between{align-content:space-between!important}.ngs .align-content-xl-around{align-content:space-around!important}.ngs .align-content-xl-stretch{align-content:stretch!important}.ngs .align-self-xl-auto{align-self:auto!important}.ngs .align-self-xl-start{align-self:flex-start!important}.ngs .align-self-xl-end{align-self:flex-end!important}.ngs .align-self-xl-center{align-self:center!important}.ngs .align-self-xl-baseline{align-self:baseline!important}.ngs .align-self-xl-stretch{align-self:stretch!important}.ngs .order-xl-first{order:-1!important}.ngs .order-xl-0{order:0!important}.ngs .order-xl-1{order:1!important}.ngs .order-xl-2{order:2!important}.ngs .order-xl-3{order:3!important}.ngs .order-xl-4{order:4!important}.ngs .order-xl-5{order:5!important}.ngs .order-xl-last{order:6!important}.ngs .m-xl-0{margin:0!important}.ngs .m-xl-1{margin:.25rem!important}.ngs .m-xl-2{margin:.5rem!important}.ngs .m-xl-3{margin:1rem!important}.ngs .m-xl-4{margin:1.5rem!important}.ngs .m-xl-5{margin:3rem!important}.ngs .m-xl-auto{margin:auto!important}.ngs .mx-xl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xl-0{margin-top:0!important}.ngs .mt-xl-1{margin-top:.25rem!important}.ngs .mt-xl-2{margin-top:.5rem!important}.ngs .mt-xl-3{margin-top:1rem!important}.ngs .mt-xl-4{margin-top:1.5rem!important}.ngs .mt-xl-5{margin-top:3rem!important}.ngs .mt-xl-auto{margin-top:auto!important}.ngs .me-xl-0{margin-right:0!important}.ngs .me-xl-1{margin-right:.25rem!important}.ngs .me-xl-2{margin-right:.5rem!important}.ngs .me-xl-3{margin-right:1rem!important}.ngs .me-xl-4{margin-right:1.5rem!important}.ngs .me-xl-5{margin-right:3rem!important}.ngs .me-xl-auto{margin-right:auto!important}.ngs .mb-xl-0{margin-bottom:0!important}.ngs .mb-xl-1{margin-bottom:.25rem!important}.ngs .mb-xl-2{margin-bottom:.5rem!important}.ngs .mb-xl-3{margin-bottom:1rem!important}.ngs .mb-xl-4{margin-bottom:1.5rem!important}.ngs .mb-xl-5{margin-bottom:3rem!important}.ngs .mb-xl-auto{margin-bottom:auto!important}.ngs .ms-xl-0{margin-left:0!important}.ngs .ms-xl-1{margin-left:.25rem!important}.ngs .ms-xl-2{margin-left:.5rem!important}.ngs .ms-xl-3{margin-left:1rem!important}.ngs .ms-xl-4{margin-left:1.5rem!important}.ngs .ms-xl-5{margin-left:3rem!important}.ngs .ms-xl-auto{margin-left:auto!important}.ngs .p-xl-0{padding:0!important}.ngs .p-xl-1{padding:.25rem!important}.ngs .p-xl-2{padding:.5rem!important}.ngs .p-xl-3{padding:1rem!important}.ngs .p-xl-4{padding:1.5rem!important}.ngs .p-xl-5{padding:3rem!important}.ngs .px-xl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xl-0{padding-top:0!important}.ngs .pt-xl-1{padding-top:.25rem!important}.ngs .pt-xl-2{padding-top:.5rem!important}.ngs .pt-xl-3{padding-top:1rem!important}.ngs .pt-xl-4{padding-top:1.5rem!important}.ngs .pt-xl-5{padding-top:3rem!important}.ngs .pe-xl-0{padding-right:0!important}.ngs .pe-xl-1{padding-right:.25rem!important}.ngs .pe-xl-2{padding-right:.5rem!important}.ngs .pe-xl-3{padding-right:1rem!important}.ngs .pe-xl-4{padding-right:1.5rem!important}.ngs .pe-xl-5{padding-right:3rem!important}.ngs .pb-xl-0{padding-bottom:0!important}.ngs .pb-xl-1{padding-bottom:.25rem!important}.ngs .pb-xl-2{padding-bottom:.5rem!important}.ngs .pb-xl-3{padding-bottom:1rem!important}.ngs .pb-xl-4{padding-bottom:1.5rem!important}.ngs .pb-xl-5{padding-bottom:3rem!important}.ngs .ps-xl-0{padding-left:0!important}.ngs .ps-xl-1{padding-left:.25rem!important}.ngs .ps-xl-2{padding-left:.5rem!important}.ngs .ps-xl-3{padding-left:1rem!important}.ngs .ps-xl-4{padding-left:1.5rem!important}.ngs .ps-xl-5{padding-left:3rem!important}}@media (min-width: 1400px){.ngs .d-xxl-inline{display:inline!important}.ngs .d-xxl-inline-block{display:inline-block!important}.ngs .d-xxl-block{display:block!important}.ngs .d-xxl-grid{display:grid!important}.ngs .d-xxl-inline-grid{display:inline-grid!important}.ngs .d-xxl-table{display:table!important}.ngs .d-xxl-table-row{display:table-row!important}.ngs .d-xxl-table-cell{display:table-cell!important}.ngs .d-xxl-flex{display:flex!important}.ngs .d-xxl-inline-flex{display:inline-flex!important}.ngs .d-xxl-none{display:none!important}.ngs .flex-xxl-fill{flex:1 1 auto!important}.ngs .flex-xxl-row{flex-direction:row!important}.ngs .flex-xxl-column{flex-direction:column!important}.ngs .flex-xxl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xxl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xxl-grow-0{flex-grow:0!important}.ngs .flex-xxl-grow-1{flex-grow:1!important}.ngs .flex-xxl-shrink-0{flex-shrink:0!important}.ngs .flex-xxl-shrink-1{flex-shrink:1!important}.ngs .flex-xxl-wrap{flex-wrap:wrap!important}.ngs .flex-xxl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xxl-start{justify-content:flex-start!important}.ngs .justify-content-xxl-end{justify-content:flex-end!important}.ngs .justify-content-xxl-center{justify-content:center!important}.ngs .justify-content-xxl-between{justify-content:space-between!important}.ngs .justify-content-xxl-around{justify-content:space-around!important}.ngs .justify-content-xxl-evenly{justify-content:space-evenly!important}.ngs .align-items-xxl-start{align-items:flex-start!important}.ngs .align-items-xxl-end{align-items:flex-end!important}.ngs .align-items-xxl-center{align-items:center!important}.ngs .align-items-xxl-baseline{align-items:baseline!important}.ngs .align-items-xxl-stretch{align-items:stretch!important}.ngs .align-content-xxl-start{align-content:flex-start!important}.ngs .align-content-xxl-end{align-content:flex-end!important}.ngs .align-content-xxl-center{align-content:center!important}.ngs .align-content-xxl-between{align-content:space-between!important}.ngs .align-content-xxl-around{align-content:space-around!important}.ngs .align-content-xxl-stretch{align-content:stretch!important}.ngs .align-self-xxl-auto{align-self:auto!important}.ngs .align-self-xxl-start{align-self:flex-start!important}.ngs .align-self-xxl-end{align-self:flex-end!important}.ngs .align-self-xxl-center{align-self:center!important}.ngs .align-self-xxl-baseline{align-self:baseline!important}.ngs .align-self-xxl-stretch{align-self:stretch!important}.ngs .order-xxl-first{order:-1!important}.ngs .order-xxl-0{order:0!important}.ngs .order-xxl-1{order:1!important}.ngs .order-xxl-2{order:2!important}.ngs .order-xxl-3{order:3!important}.ngs .order-xxl-4{order:4!important}.ngs .order-xxl-5{order:5!important}.ngs .order-xxl-last{order:6!important}.ngs .m-xxl-0{margin:0!important}.ngs .m-xxl-1{margin:.25rem!important}.ngs .m-xxl-2{margin:.5rem!important}.ngs .m-xxl-3{margin:1rem!important}.ngs .m-xxl-4{margin:1.5rem!important}.ngs .m-xxl-5{margin:3rem!important}.ngs .m-xxl-auto{margin:auto!important}.ngs .mx-xxl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xxl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xxl-0{margin-top:0!important}.ngs .mt-xxl-1{margin-top:.25rem!important}.ngs .mt-xxl-2{margin-top:.5rem!important}.ngs .mt-xxl-3{margin-top:1rem!important}.ngs .mt-xxl-4{margin-top:1.5rem!important}.ngs .mt-xxl-5{margin-top:3rem!important}.ngs .mt-xxl-auto{margin-top:auto!important}.ngs .me-xxl-0{margin-right:0!important}.ngs .me-xxl-1{margin-right:.25rem!important}.ngs .me-xxl-2{margin-right:.5rem!important}.ngs .me-xxl-3{margin-right:1rem!important}.ngs .me-xxl-4{margin-right:1.5rem!important}.ngs .me-xxl-5{margin-right:3rem!important}.ngs .me-xxl-auto{margin-right:auto!important}.ngs .mb-xxl-0{margin-bottom:0!important}.ngs .mb-xxl-1{margin-bottom:.25rem!important}.ngs .mb-xxl-2{margin-bottom:.5rem!important}.ngs .mb-xxl-3{margin-bottom:1rem!important}.ngs .mb-xxl-4{margin-bottom:1.5rem!important}.ngs .mb-xxl-5{margin-bottom:3rem!important}.ngs .mb-xxl-auto{margin-bottom:auto!important}.ngs .ms-xxl-0{margin-left:0!important}.ngs .ms-xxl-1{margin-left:.25rem!important}.ngs .ms-xxl-2{margin-left:.5rem!important}.ngs .ms-xxl-3{margin-left:1rem!important}.ngs .ms-xxl-4{margin-left:1.5rem!important}.ngs .ms-xxl-5{margin-left:3rem!important}.ngs .ms-xxl-auto{margin-left:auto!important}.ngs .p-xxl-0{padding:0!important}.ngs .p-xxl-1{padding:.25rem!important}.ngs .p-xxl-2{padding:.5rem!important}.ngs .p-xxl-3{padding:1rem!important}.ngs .p-xxl-4{padding:1.5rem!important}.ngs .p-xxl-5{padding:3rem!important}.ngs .px-xxl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xxl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xxl-0{padding-top:0!important}.ngs .pt-xxl-1{padding-top:.25rem!important}.ngs .pt-xxl-2{padding-top:.5rem!important}.ngs .pt-xxl-3{padding-top:1rem!important}.ngs .pt-xxl-4{padding-top:1.5rem!important}.ngs .pt-xxl-5{padding-top:3rem!important}.ngs .pe-xxl-0{padding-right:0!important}.ngs .pe-xxl-1{padding-right:.25rem!important}.ngs .pe-xxl-2{padding-right:.5rem!important}.ngs .pe-xxl-3{padding-right:1rem!important}.ngs .pe-xxl-4{padding-right:1.5rem!important}.ngs .pe-xxl-5{padding-right:3rem!important}.ngs .pb-xxl-0{padding-bottom:0!important}.ngs .pb-xxl-1{padding-bottom:.25rem!important}.ngs .pb-xxl-2{padding-bottom:.5rem!important}.ngs .pb-xxl-3{padding-bottom:1rem!important}.ngs .pb-xxl-4{padding-bottom:1.5rem!important}.ngs .pb-xxl-5{padding-bottom:3rem!important}.ngs .ps-xxl-0{padding-left:0!important}.ngs .ps-xxl-1{padding-left:.25rem!important}.ngs .ps-xxl-2{padding-left:.5rem!important}.ngs .ps-xxl-3{padding-left:1rem!important}.ngs .ps-xxl-4{padding-left:1.5rem!important}.ngs .ps-xxl-5{padding-left:3rem!important}}@media print{.ngs .d-print-inline{display:inline!important}.ngs .d-print-inline-block{display:inline-block!important}.ngs .d-print-block{display:block!important}.ngs .d-print-grid{display:grid!important}.ngs .d-print-inline-grid{display:inline-grid!important}.ngs .d-print-table{display:table!important}.ngs .d-print-table-row{display:table-row!important}.ngs .d-print-table-cell{display:table-cell!important}.ngs .d-print-flex{display:flex!important}.ngs .d-print-inline-flex{display:inline-flex!important}.ngs .d-print-none{display:none!important}}\n", ".prevSection button{padding:5px 10px;float:left;margin-left:0}.nextSection button{padding:5px 10px;float:right;margin-left:0}.separator-horizontal{width:1px;height:100%;background-color:#d6cece;margin:0 auto}.content-element-form .section-navs{width:100%;background-color:#f2f6fc;margin-left:0;margin-right:0;padding:10px;flex-direction:row-reverse}.sirio-nav-item a{cursor:pointer}.sirio-toast{width:auto;min-width:17rem;max-width:41rem}.form-title{margin-bottom:15px}.sirio-stepper-item:is(.is-success,.is-warning,.is-error) .sirio-stepper-title{font-weight:600;text-decoration:underline!important}@media (max-width: 991px){.content-element-form{width:100%!important}}ngx-sirio-input-chip{margin-right:.5rem}.feel-editor-container.feel-editor-standalone{border:1px solid #454d56!important;border-radius:4px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: RegisterDirective, selector: "[register]", inputs: ["register", "componentRef"] }, { kind: "directive", type: FormIndexDirective, selector: "[formIndex]", inputs: ["formIndex", "componentRef"] }, { kind: "component", type: SirioSidenavMobileComponent, selector: "ngx-sirio-sidenav-mobile", inputs: ["openMenuLabel", "openMenuLabelSubtitile", "openMenuAriaLabel", "closeMenuLabel", "closeMenuAriaLabel", "closeMenuLabelSubtitile", "userProfileLabel", "userProfileType", "userProfileName", "userProfileSurname", "showUserInfo", "opened"] }, { kind: "component", type: SirioSidenavComponent, selector: "ngx-sirio-sidenav", inputs: ["sidenavTitle", "ariaLabel"] }, { kind: "component", type: SirioSidenavItemComponent, selector: "ngx-sirio-sidenav-item", inputs: ["labelTrigger", "isCustomNavItem", "isTrigger", "routerLinkUrl", "routerLinkFragment", "routerLinkQueryParams", "routerLinkQueryParamsHandling", "routerLinkState", "routerLinkRelativeTo", "routerLinkPreserveFragment", "routerLinkReplaceUrl", "href", "hrefTarget", "ariaLabelDesc", "isOpen", "isActive", "withTag", "tagType", "tagValue", "disabledState"] }, { kind: "component", type: SirioButtonComponent, selector: "ngx-sirio-button", inputs: ["ariaExpanded", "ariaControls", "ariaActivedescendant", "ariaHaspopup", "ariaLabel", "ariaRequired", "ariaInvalid", "ariaDescribedby", "icon", "title", "role", "color", "isFloating", "isExtended", "isLight", "isSmall", "disabled", "isDropdown", "type", "dismissType", "isBtnBlock"], outputs: ["clickEvent", "focusEvent", "blurEvent"] }, { kind: "component", type: SirioStepperProgressBarComponent, selector: "ngx-sirio-stepper-progress-bar", inputs: ["ariaLabel", "hasDropdown", "dropDownLabel", "dropDownText"], outputs: ["eventClick"] }, { kind: "component", type: SirioStepperProgressItemComponent, selector: "ngx-sirio-stepper-progress-item", inputs: ["status", "hasNavigation", "screenReaderText", "label"] }, { kind: "component", type: DynamicFieldsComponent, selector: "app-dynamic-fields", inputs: ["rows", "formGroup", "alignment"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-dynamic-form', standalone: true, imports: [CommonModule, ReactiveFormsModule,
-                        RegisterDirective, DisablePathDirective,
+                        RegisterDirective, FormIndexDirective,
                         SirioSidenavMobileComponent, SirioSidenavComponent, SirioSidenavItemComponent,
                         SirioButtonComponent, SirioStepperProgressBarComponent, SirioStepperProgressItemComponent,
                         DynamicFieldsComponent], providers: [
@@ -6033,8 +6790,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         RegisterService,
                         MetadataService,
                         FunctionService
-                    ], encapsulation: ViewEncapsulation.None, template: "<form [formGroup]=\"formGroup\" class=\"ngs\">\r\n\r\n  <div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n\r\n      <!-- #region progress -->\r\n      <ngx-sirio-stepper-progress-bar *ngIf=\"showProgress\"\r\n                                      (eventClick)=\"activateForm($event.data.label)\"\r\n                                      [hasDropdown]=\"true\"\r\n                                      [dropDownLabel]=\"locale(Texts, 'Show')\">\r\n        <ng-container *ngFor=\"let form of forms, let formIndex = index\">\r\n          <ngx-sirio-stepper-progress-item *ngIf=\"!evaluateBoolean(form.disabled)\"\r\n                                           [hasNavigation]=\"true\"\r\n                                           [status]=\"getFormStatus(form,formIndex)\"\r\n                                           [label]=\"evaluateTemplate(locale(form, 'title'))\" />\r\n        </ng-container>\r\n      </ngx-sirio-stepper-progress-bar>\r\n      <!-- #endregion -->\r\n\r\n      <!-- #region form disable -->\r\n      <ng-container *ngFor=\"let form of forms\">\r\n        <ng-container *disablePath=\"{\r\n            disabled: evaluateBoolean(form.disabled),\r\n            formGroup: formGroup,\r\n            path: form.path\r\n          }\">\r\n        </ng-container>\r\n      </ng-container>\r\n      <!-- #endregion -->\r\n\r\n      <ng-container *ngIf=\"showNav\">\r\n\r\n        <div class=\"col-md-4\">\r\n\r\n          <!-- #region sidenav -->\r\n          <ng-template #sidenavTemplate>\r\n            <ngx-sirio-sidenav>\r\n              <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n                <ng-container *ngIf=\"!evaluateBoolean(form.disabled)\">\r\n                  <ngx-sirio-sidenav-item [isActive]=\"activeNav == sectionIndex\"\r\n                                          (click)=\"activeNav = sectionIndex\"\r\n                                          (keydown.enter)=\"activeNav = sectionIndex\"\r\n                                          tabindex=\"0\">\r\n                    {{ evaluateTemplate(locale(form, 'title')) }}\r\n                  </ngx-sirio-sidenav-item>\r\n                </ng-container>\r\n              </ng-container>\r\n            </ngx-sirio-sidenav>\r\n          </ng-template>\r\n\r\n          <ngx-sirio-sidenav-mobile class=\"d-block d-lg-none\"\r\n                                    [openMenuLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [openMenuAriaLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [closeMenuLabel]=\"locale(Texts, 'CloseMenu')\"\r\n                                    closeMenuAriaLabel=\"locale(Texts, 'CloseMenu')\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </ngx-sirio-sidenav-mobile>\r\n          <div class=\"d-none d-lg-block\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </div>\r\n          <!-- #endregion -->\r\n\r\n        </div>\r\n\r\n        <div class=\"col-md-1\">\r\n          <div class=\"separator-horizontal\"></div>\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n      <div class=\"content-element-form\" [ngClass]=\"showNav ? 'col-md-11' : 'col-md-16'\">\r\n\r\n        <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n          <div *ngIf=\"activeNav == sectionIndex && !evaluateBoolean(form.disabled)\"\r\n               #default\r\n               [register]=\"form\"\r\n               [componentRef]=\"default\">\r\n            <h1 *ngIf=\"showFormTitle && form.title\" class=\"h3 form-title\">{{ evaluateTemplate(locale(form, 'title')) }}</h1>\r\n            <app-dynamic-fields [formGroup]=\"getFormGroup(form.path)\"\r\n                                [rows]=\"form.rows\"\r\n                                [language]=\"language\"></app-dynamic-fields>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"showNavButton && (canNext() || canPrevious())\">\r\n\r\n          <div class=\"row section-navs\">\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canNext()\" (click)=\"goNext()\" class=\"nextSection\">\r\n                {{ locale(Texts, 'NextSection') }}\r\n                <span class=\"fa-solid fa-chevron-right\" style=\"margin-left: 10px\"></span>\r\n              </ngx-sirio-button>\r\n            </div>\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canPrevious()\" (click)=\"goPrevious()\" class=\"prevSection\">\r\n                <span class=\"fa-solid fa-chevron-left\" style=\"margin-right: 10px\"></span>\r\n                {{ locale(Texts, 'PreviousSection') }}\r\n              </ngx-sirio-button>\r\n            </div>\r\n          </div>\r\n\r\n        </ng-container>\r\n\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</form>\r\n\r\n\r\n\r\n", styles: [".ngs .container,.ngs .container-fluid,.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.ngs .container-sm,.ngs .container{max-width:540px}}@media (min-width: 768px){.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:720px}}@media (min-width: 992px){.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:960px}}@media (min-width: 1200px){.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1140px}}@media (min-width: 1400px){.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1320px}}.ngs :root{--ngsbreakpoint-xs: 0;--ngsbreakpoint-sm: 576px;--ngsbreakpoint-md: 768px;--ngsbreakpoint-lg: 992px;--ngsbreakpoint-xl: 1200px;--ngsbreakpoint-xxl: 1400px}.ngs .row{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ngsgutter-y));margin-right:calc(-.5 * var(--ngsgutter-x));margin-left:calc(-.5 * var(--ngsgutter-x))}.ngs .row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-top:var(--ngsgutter-y)}.ngs .col{flex:1 0 0%}.ngs .row-cols-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-auto{flex:0 0 auto;width:auto}.ngs .col-1{flex:0 0 auto;width:6.25%}.ngs .col-2{flex:0 0 auto;width:12.5%}.ngs .col-3{flex:0 0 auto;width:18.75%}.ngs .col-4{flex:0 0 auto;width:25%}.ngs .col-5{flex:0 0 auto;width:31.25%}.ngs .col-6{flex:0 0 auto;width:37.5%}.ngs .col-7{flex:0 0 auto;width:43.75%}.ngs .col-8{flex:0 0 auto;width:50%}.ngs .col-9{flex:0 0 auto;width:56.25%}.ngs .col-10{flex:0 0 auto;width:62.5%}.ngs .col-11{flex:0 0 auto;width:68.75%}.ngs .col-12{flex:0 0 auto;width:75%}.ngs .col-13{flex:0 0 auto;width:81.25%}.ngs .col-14{flex:0 0 auto;width:87.5%}.ngs .col-15{flex:0 0 auto;width:93.75%}.ngs .col-16{flex:0 0 auto;width:100%}.ngs .offset-1{margin-left:6.25%}.ngs .offset-2{margin-left:12.5%}.ngs .offset-3{margin-left:18.75%}.ngs .offset-4{margin-left:25%}.ngs .offset-5{margin-left:31.25%}.ngs .offset-6{margin-left:37.5%}.ngs .offset-7{margin-left:43.75%}.ngs .offset-8{margin-left:50%}.ngs .offset-9{margin-left:56.25%}.ngs .offset-10{margin-left:62.5%}.ngs .offset-11{margin-left:68.75%}.ngs .offset-12{margin-left:75%}.ngs .offset-13{margin-left:81.25%}.ngs .offset-14{margin-left:87.5%}.ngs .offset-15{margin-left:93.75%}.ngs .g-0,.ngs .gx-0{--ngsgutter-x: 0}.ngs .g-0,.ngs .gy-0{--ngsgutter-y: 0}.ngs .g-1,.ngs .gx-1{--ngsgutter-x: .25rem}.ngs .g-1,.ngs .gy-1{--ngsgutter-y: .25rem}.ngs .g-2,.ngs .gx-2{--ngsgutter-x: .5rem}.ngs .g-2,.ngs .gy-2{--ngsgutter-y: .5rem}.ngs .g-3,.ngs .gx-3{--ngsgutter-x: 1rem}.ngs .g-3,.ngs .gy-3{--ngsgutter-y: 1rem}.ngs .g-4,.ngs .gx-4{--ngsgutter-x: 1.5rem}.ngs .g-4,.ngs .gy-4{--ngsgutter-y: 1.5rem}.ngs .g-5,.ngs .gx-5{--ngsgutter-x: 3rem}.ngs .g-5,.ngs .gy-5{--ngsgutter-y: 3rem}@media (min-width: 576px){.ngs .col-sm{flex:1 0 0%}.ngs .row-cols-sm-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-sm-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-sm-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-sm-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-sm-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-sm-auto{flex:0 0 auto;width:auto}.ngs .col-sm-1{flex:0 0 auto;width:6.25%}.ngs .col-sm-2{flex:0 0 auto;width:12.5%}.ngs .col-sm-3{flex:0 0 auto;width:18.75%}.ngs .col-sm-4{flex:0 0 auto;width:25%}.ngs .col-sm-5{flex:0 0 auto;width:31.25%}.ngs .col-sm-6{flex:0 0 auto;width:37.5%}.ngs .col-sm-7{flex:0 0 auto;width:43.75%}.ngs .col-sm-8{flex:0 0 auto;width:50%}.ngs .col-sm-9{flex:0 0 auto;width:56.25%}.ngs .col-sm-10{flex:0 0 auto;width:62.5%}.ngs .col-sm-11{flex:0 0 auto;width:68.75%}.ngs .col-sm-12{flex:0 0 auto;width:75%}.ngs .col-sm-13{flex:0 0 auto;width:81.25%}.ngs .col-sm-14{flex:0 0 auto;width:87.5%}.ngs .col-sm-15{flex:0 0 auto;width:93.75%}.ngs .col-sm-16{flex:0 0 auto;width:100%}.ngs .offset-sm-0{margin-left:0}.ngs .offset-sm-1{margin-left:6.25%}.ngs .offset-sm-2{margin-left:12.5%}.ngs .offset-sm-3{margin-left:18.75%}.ngs .offset-sm-4{margin-left:25%}.ngs .offset-sm-5{margin-left:31.25%}.ngs .offset-sm-6{margin-left:37.5%}.ngs .offset-sm-7{margin-left:43.75%}.ngs .offset-sm-8{margin-left:50%}.ngs .offset-sm-9{margin-left:56.25%}.ngs .offset-sm-10{margin-left:62.5%}.ngs .offset-sm-11{margin-left:68.75%}.ngs .offset-sm-12{margin-left:75%}.ngs .offset-sm-13{margin-left:81.25%}.ngs .offset-sm-14{margin-left:87.5%}.ngs .offset-sm-15{margin-left:93.75%}.ngs .g-sm-0,.ngs .gx-sm-0{--ngsgutter-x: 0}.ngs .g-sm-0,.ngs .gy-sm-0{--ngsgutter-y: 0}.ngs .g-sm-1,.ngs .gx-sm-1{--ngsgutter-x: .25rem}.ngs .g-sm-1,.ngs .gy-sm-1{--ngsgutter-y: .25rem}.ngs .g-sm-2,.ngs .gx-sm-2{--ngsgutter-x: .5rem}.ngs .g-sm-2,.ngs .gy-sm-2{--ngsgutter-y: .5rem}.ngs .g-sm-3,.ngs .gx-sm-3{--ngsgutter-x: 1rem}.ngs .g-sm-3,.ngs .gy-sm-3{--ngsgutter-y: 1rem}.ngs .g-sm-4,.ngs .gx-sm-4{--ngsgutter-x: 1.5rem}.ngs .g-sm-4,.ngs .gy-sm-4{--ngsgutter-y: 1.5rem}.ngs .g-sm-5,.ngs .gx-sm-5{--ngsgutter-x: 3rem}.ngs .g-sm-5,.ngs .gy-sm-5{--ngsgutter-y: 3rem}}@media (min-width: 768px){.ngs .col-md{flex:1 0 0%}.ngs .row-cols-md-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-md-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-md-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-md-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-md-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-md-auto{flex:0 0 auto;width:auto}.ngs .col-md-1{flex:0 0 auto;width:6.25%}.ngs .col-md-2{flex:0 0 auto;width:12.5%}.ngs .col-md-3{flex:0 0 auto;width:18.75%}.ngs .col-md-4{flex:0 0 auto;width:25%}.ngs .col-md-5{flex:0 0 auto;width:31.25%}.ngs .col-md-6{flex:0 0 auto;width:37.5%}.ngs .col-md-7{flex:0 0 auto;width:43.75%}.ngs .col-md-8{flex:0 0 auto;width:50%}.ngs .col-md-9{flex:0 0 auto;width:56.25%}.ngs .col-md-10{flex:0 0 auto;width:62.5%}.ngs .col-md-11{flex:0 0 auto;width:68.75%}.ngs .col-md-12{flex:0 0 auto;width:75%}.ngs .col-md-13{flex:0 0 auto;width:81.25%}.ngs .col-md-14{flex:0 0 auto;width:87.5%}.ngs .col-md-15{flex:0 0 auto;width:93.75%}.ngs .col-md-16{flex:0 0 auto;width:100%}.ngs .offset-md-0{margin-left:0}.ngs .offset-md-1{margin-left:6.25%}.ngs .offset-md-2{margin-left:12.5%}.ngs .offset-md-3{margin-left:18.75%}.ngs .offset-md-4{margin-left:25%}.ngs .offset-md-5{margin-left:31.25%}.ngs .offset-md-6{margin-left:37.5%}.ngs .offset-md-7{margin-left:43.75%}.ngs .offset-md-8{margin-left:50%}.ngs .offset-md-9{margin-left:56.25%}.ngs .offset-md-10{margin-left:62.5%}.ngs .offset-md-11{margin-left:68.75%}.ngs .offset-md-12{margin-left:75%}.ngs .offset-md-13{margin-left:81.25%}.ngs .offset-md-14{margin-left:87.5%}.ngs .offset-md-15{margin-left:93.75%}.ngs .g-md-0,.ngs .gx-md-0{--ngsgutter-x: 0}.ngs .g-md-0,.ngs .gy-md-0{--ngsgutter-y: 0}.ngs .g-md-1,.ngs .gx-md-1{--ngsgutter-x: .25rem}.ngs .g-md-1,.ngs .gy-md-1{--ngsgutter-y: .25rem}.ngs .g-md-2,.ngs .gx-md-2{--ngsgutter-x: .5rem}.ngs .g-md-2,.ngs .gy-md-2{--ngsgutter-y: .5rem}.ngs .g-md-3,.ngs .gx-md-3{--ngsgutter-x: 1rem}.ngs .g-md-3,.ngs .gy-md-3{--ngsgutter-y: 1rem}.ngs .g-md-4,.ngs .gx-md-4{--ngsgutter-x: 1.5rem}.ngs .g-md-4,.ngs .gy-md-4{--ngsgutter-y: 1.5rem}.ngs .g-md-5,.ngs .gx-md-5{--ngsgutter-x: 3rem}.ngs .g-md-5,.ngs .gy-md-5{--ngsgutter-y: 3rem}}@media (min-width: 992px){.ngs .col-lg{flex:1 0 0%}.ngs .row-cols-lg-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-lg-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-lg-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-lg-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-lg-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-lg-auto{flex:0 0 auto;width:auto}.ngs .col-lg-1{flex:0 0 auto;width:6.25%}.ngs .col-lg-2{flex:0 0 auto;width:12.5%}.ngs .col-lg-3{flex:0 0 auto;width:18.75%}.ngs .col-lg-4{flex:0 0 auto;width:25%}.ngs .col-lg-5{flex:0 0 auto;width:31.25%}.ngs .col-lg-6{flex:0 0 auto;width:37.5%}.ngs .col-lg-7{flex:0 0 auto;width:43.75%}.ngs .col-lg-8{flex:0 0 auto;width:50%}.ngs .col-lg-9{flex:0 0 auto;width:56.25%}.ngs .col-lg-10{flex:0 0 auto;width:62.5%}.ngs .col-lg-11{flex:0 0 auto;width:68.75%}.ngs .col-lg-12{flex:0 0 auto;width:75%}.ngs .col-lg-13{flex:0 0 auto;width:81.25%}.ngs .col-lg-14{flex:0 0 auto;width:87.5%}.ngs .col-lg-15{flex:0 0 auto;width:93.75%}.ngs .col-lg-16{flex:0 0 auto;width:100%}.ngs .offset-lg-0{margin-left:0}.ngs .offset-lg-1{margin-left:6.25%}.ngs .offset-lg-2{margin-left:12.5%}.ngs .offset-lg-3{margin-left:18.75%}.ngs .offset-lg-4{margin-left:25%}.ngs .offset-lg-5{margin-left:31.25%}.ngs .offset-lg-6{margin-left:37.5%}.ngs .offset-lg-7{margin-left:43.75%}.ngs .offset-lg-8{margin-left:50%}.ngs .offset-lg-9{margin-left:56.25%}.ngs .offset-lg-10{margin-left:62.5%}.ngs .offset-lg-11{margin-left:68.75%}.ngs .offset-lg-12{margin-left:75%}.ngs .offset-lg-13{margin-left:81.25%}.ngs .offset-lg-14{margin-left:87.5%}.ngs .offset-lg-15{margin-left:93.75%}.ngs .g-lg-0,.ngs .gx-lg-0{--ngsgutter-x: 0}.ngs .g-lg-0,.ngs .gy-lg-0{--ngsgutter-y: 0}.ngs .g-lg-1,.ngs .gx-lg-1{--ngsgutter-x: .25rem}.ngs .g-lg-1,.ngs .gy-lg-1{--ngsgutter-y: .25rem}.ngs .g-lg-2,.ngs .gx-lg-2{--ngsgutter-x: .5rem}.ngs .g-lg-2,.ngs .gy-lg-2{--ngsgutter-y: .5rem}.ngs .g-lg-3,.ngs .gx-lg-3{--ngsgutter-x: 1rem}.ngs .g-lg-3,.ngs .gy-lg-3{--ngsgutter-y: 1rem}.ngs .g-lg-4,.ngs .gx-lg-4{--ngsgutter-x: 1.5rem}.ngs .g-lg-4,.ngs .gy-lg-4{--ngsgutter-y: 1.5rem}.ngs .g-lg-5,.ngs .gx-lg-5{--ngsgutter-x: 3rem}.ngs .g-lg-5,.ngs .gy-lg-5{--ngsgutter-y: 3rem}}@media (min-width: 1200px){.ngs .col-xl{flex:1 0 0%}.ngs .row-cols-xl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xl-auto{flex:0 0 auto;width:auto}.ngs .col-xl-1{flex:0 0 auto;width:6.25%}.ngs .col-xl-2{flex:0 0 auto;width:12.5%}.ngs .col-xl-3{flex:0 0 auto;width:18.75%}.ngs .col-xl-4{flex:0 0 auto;width:25%}.ngs .col-xl-5{flex:0 0 auto;width:31.25%}.ngs .col-xl-6{flex:0 0 auto;width:37.5%}.ngs .col-xl-7{flex:0 0 auto;width:43.75%}.ngs .col-xl-8{flex:0 0 auto;width:50%}.ngs .col-xl-9{flex:0 0 auto;width:56.25%}.ngs .col-xl-10{flex:0 0 auto;width:62.5%}.ngs .col-xl-11{flex:0 0 auto;width:68.75%}.ngs .col-xl-12{flex:0 0 auto;width:75%}.ngs .col-xl-13{flex:0 0 auto;width:81.25%}.ngs .col-xl-14{flex:0 0 auto;width:87.5%}.ngs .col-xl-15{flex:0 0 auto;width:93.75%}.ngs .col-xl-16{flex:0 0 auto;width:100%}.ngs .offset-xl-0{margin-left:0}.ngs .offset-xl-1{margin-left:6.25%}.ngs .offset-xl-2{margin-left:12.5%}.ngs .offset-xl-3{margin-left:18.75%}.ngs .offset-xl-4{margin-left:25%}.ngs .offset-xl-5{margin-left:31.25%}.ngs .offset-xl-6{margin-left:37.5%}.ngs .offset-xl-7{margin-left:43.75%}.ngs .offset-xl-8{margin-left:50%}.ngs .offset-xl-9{margin-left:56.25%}.ngs .offset-xl-10{margin-left:62.5%}.ngs .offset-xl-11{margin-left:68.75%}.ngs .offset-xl-12{margin-left:75%}.ngs .offset-xl-13{margin-left:81.25%}.ngs .offset-xl-14{margin-left:87.5%}.ngs .offset-xl-15{margin-left:93.75%}.ngs .g-xl-0,.ngs .gx-xl-0{--ngsgutter-x: 0}.ngs .g-xl-0,.ngs .gy-xl-0{--ngsgutter-y: 0}.ngs .g-xl-1,.ngs .gx-xl-1{--ngsgutter-x: .25rem}.ngs .g-xl-1,.ngs .gy-xl-1{--ngsgutter-y: .25rem}.ngs .g-xl-2,.ngs .gx-xl-2{--ngsgutter-x: .5rem}.ngs .g-xl-2,.ngs .gy-xl-2{--ngsgutter-y: .5rem}.ngs .g-xl-3,.ngs .gx-xl-3{--ngsgutter-x: 1rem}.ngs .g-xl-3,.ngs .gy-xl-3{--ngsgutter-y: 1rem}.ngs .g-xl-4,.ngs .gx-xl-4{--ngsgutter-x: 1.5rem}.ngs .g-xl-4,.ngs .gy-xl-4{--ngsgutter-y: 1.5rem}.ngs .g-xl-5,.ngs .gx-xl-5{--ngsgutter-x: 3rem}.ngs .g-xl-5,.ngs .gy-xl-5{--ngsgutter-y: 3rem}}@media (min-width: 1400px){.ngs .col-xxl{flex:1 0 0%}.ngs .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xxl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xxl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xxl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xxl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xxl-auto{flex:0 0 auto;width:auto}.ngs .col-xxl-1{flex:0 0 auto;width:6.25%}.ngs .col-xxl-2{flex:0 0 auto;width:12.5%}.ngs .col-xxl-3{flex:0 0 auto;width:18.75%}.ngs .col-xxl-4{flex:0 0 auto;width:25%}.ngs .col-xxl-5{flex:0 0 auto;width:31.25%}.ngs .col-xxl-6{flex:0 0 auto;width:37.5%}.ngs .col-xxl-7{flex:0 0 auto;width:43.75%}.ngs .col-xxl-8{flex:0 0 auto;width:50%}.ngs .col-xxl-9{flex:0 0 auto;width:56.25%}.ngs .col-xxl-10{flex:0 0 auto;width:62.5%}.ngs .col-xxl-11{flex:0 0 auto;width:68.75%}.ngs .col-xxl-12{flex:0 0 auto;width:75%}.ngs .col-xxl-13{flex:0 0 auto;width:81.25%}.ngs .col-xxl-14{flex:0 0 auto;width:87.5%}.ngs .col-xxl-15{flex:0 0 auto;width:93.75%}.ngs .col-xxl-16{flex:0 0 auto;width:100%}.ngs .offset-xxl-0{margin-left:0}.ngs .offset-xxl-1{margin-left:6.25%}.ngs .offset-xxl-2{margin-left:12.5%}.ngs .offset-xxl-3{margin-left:18.75%}.ngs .offset-xxl-4{margin-left:25%}.ngs .offset-xxl-5{margin-left:31.25%}.ngs .offset-xxl-6{margin-left:37.5%}.ngs .offset-xxl-7{margin-left:43.75%}.ngs .offset-xxl-8{margin-left:50%}.ngs .offset-xxl-9{margin-left:56.25%}.ngs .offset-xxl-10{margin-left:62.5%}.ngs .offset-xxl-11{margin-left:68.75%}.ngs .offset-xxl-12{margin-left:75%}.ngs .offset-xxl-13{margin-left:81.25%}.ngs .offset-xxl-14{margin-left:87.5%}.ngs .offset-xxl-15{margin-left:93.75%}.ngs .g-xxl-0,.ngs .gx-xxl-0{--ngsgutter-x: 0}.ngs .g-xxl-0,.ngs .gy-xxl-0{--ngsgutter-y: 0}.ngs .g-xxl-1,.ngs .gx-xxl-1{--ngsgutter-x: .25rem}.ngs .g-xxl-1,.ngs .gy-xxl-1{--ngsgutter-y: .25rem}.ngs .g-xxl-2,.ngs .gx-xxl-2{--ngsgutter-x: .5rem}.ngs .g-xxl-2,.ngs .gy-xxl-2{--ngsgutter-y: .5rem}.ngs .g-xxl-3,.ngs .gx-xxl-3{--ngsgutter-x: 1rem}.ngs .g-xxl-3,.ngs .gy-xxl-3{--ngsgutter-y: 1rem}.ngs .g-xxl-4,.ngs .gx-xxl-4{--ngsgutter-x: 1.5rem}.ngs .g-xxl-4,.ngs .gy-xxl-4{--ngsgutter-y: 1.5rem}.ngs .g-xxl-5,.ngs .gx-xxl-5{--ngsgutter-x: 3rem}.ngs .g-xxl-5,.ngs .gy-xxl-5{--ngsgutter-y: 3rem}}.ngs .d-inline{display:inline!important}.ngs .d-inline-block{display:inline-block!important}.ngs .d-block{display:block!important}.ngs .d-grid{display:grid!important}.ngs .d-inline-grid{display:inline-grid!important}.ngs .d-table{display:table!important}.ngs .d-table-row{display:table-row!important}.ngs .d-table-cell{display:table-cell!important}.ngs .d-flex{display:flex!important}.ngs .d-inline-flex{display:inline-flex!important}.ngs .d-none{display:none!important}.ngs .flex-fill{flex:1 1 auto!important}.ngs .flex-row{flex-direction:row!important}.ngs .flex-column{flex-direction:column!important}.ngs .flex-row-reverse{flex-direction:row-reverse!important}.ngs .flex-column-reverse{flex-direction:column-reverse!important}.ngs .flex-grow-0{flex-grow:0!important}.ngs .flex-grow-1{flex-grow:1!important}.ngs .flex-shrink-0{flex-shrink:0!important}.ngs .flex-shrink-1{flex-shrink:1!important}.ngs .flex-wrap{flex-wrap:wrap!important}.ngs .flex-nowrap{flex-wrap:nowrap!important}.ngs .flex-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-start{justify-content:flex-start!important}.ngs .justify-content-end{justify-content:flex-end!important}.ngs .justify-content-center{justify-content:center!important}.ngs .justify-content-between{justify-content:space-between!important}.ngs .justify-content-around{justify-content:space-around!important}.ngs .justify-content-evenly{justify-content:space-evenly!important}.ngs .align-items-start{align-items:flex-start!important}.ngs .align-items-end{align-items:flex-end!important}.ngs .align-items-center{align-items:center!important}.ngs .align-items-baseline{align-items:baseline!important}.ngs .align-items-stretch{align-items:stretch!important}.ngs .align-content-start{align-content:flex-start!important}.ngs .align-content-end{align-content:flex-end!important}.ngs .align-content-center{align-content:center!important}.ngs .align-content-between{align-content:space-between!important}.ngs .align-content-around{align-content:space-around!important}.ngs .align-content-stretch{align-content:stretch!important}.ngs .align-self-auto{align-self:auto!important}.ngs .align-self-start{align-self:flex-start!important}.ngs .align-self-end{align-self:flex-end!important}.ngs .align-self-center{align-self:center!important}.ngs .align-self-baseline{align-self:baseline!important}.ngs .align-self-stretch{align-self:stretch!important}.ngs .order-first{order:-1!important}.ngs .order-0{order:0!important}.ngs .order-1{order:1!important}.ngs .order-2{order:2!important}.ngs .order-3{order:3!important}.ngs .order-4{order:4!important}.ngs .order-5{order:5!important}.ngs .order-last{order:6!important}.ngs .m-0{margin:0!important}.ngs .m-1{margin:.25rem!important}.ngs .m-2{margin:.5rem!important}.ngs .m-3{margin:1rem!important}.ngs .m-4{margin:1.5rem!important}.ngs .m-5{margin:3rem!important}.ngs .m-auto{margin:auto!important}.ngs .mx-0{margin-right:0!important;margin-left:0!important}.ngs .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-0{margin-top:0!important}.ngs .mt-1{margin-top:.25rem!important}.ngs .mt-2{margin-top:.5rem!important}.ngs .mt-3{margin-top:1rem!important}.ngs .mt-4{margin-top:1.5rem!important}.ngs .mt-5{margin-top:3rem!important}.ngs .mt-auto{margin-top:auto!important}.ngs .me-0{margin-right:0!important}.ngs .me-1{margin-right:.25rem!important}.ngs .me-2{margin-right:.5rem!important}.ngs .me-3{margin-right:1rem!important}.ngs .me-4{margin-right:1.5rem!important}.ngs .me-5{margin-right:3rem!important}.ngs .me-auto{margin-right:auto!important}.ngs .mb-0{margin-bottom:0!important}.ngs .mb-1{margin-bottom:.25rem!important}.ngs .mb-2{margin-bottom:.5rem!important}.ngs .mb-3{margin-bottom:1rem!important}.ngs .mb-4{margin-bottom:1.5rem!important}.ngs .mb-5{margin-bottom:3rem!important}.ngs .mb-auto{margin-bottom:auto!important}.ngs .ms-0{margin-left:0!important}.ngs .ms-1{margin-left:.25rem!important}.ngs .ms-2{margin-left:.5rem!important}.ngs .ms-3{margin-left:1rem!important}.ngs .ms-4{margin-left:1.5rem!important}.ngs .ms-5{margin-left:3rem!important}.ngs .ms-auto{margin-left:auto!important}.ngs .p-0{padding:0!important}.ngs .p-1{padding:.25rem!important}.ngs .p-2{padding:.5rem!important}.ngs .p-3{padding:1rem!important}.ngs .p-4{padding:1.5rem!important}.ngs .p-5{padding:3rem!important}.ngs .px-0{padding-right:0!important;padding-left:0!important}.ngs .px-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-0{padding-top:0!important}.ngs .pt-1{padding-top:.25rem!important}.ngs .pt-2{padding-top:.5rem!important}.ngs .pt-3{padding-top:1rem!important}.ngs .pt-4{padding-top:1.5rem!important}.ngs .pt-5{padding-top:3rem!important}.ngs .pe-0{padding-right:0!important}.ngs .pe-1{padding-right:.25rem!important}.ngs .pe-2{padding-right:.5rem!important}.ngs .pe-3{padding-right:1rem!important}.ngs .pe-4{padding-right:1.5rem!important}.ngs .pe-5{padding-right:3rem!important}.ngs .pb-0{padding-bottom:0!important}.ngs .pb-1{padding-bottom:.25rem!important}.ngs .pb-2{padding-bottom:.5rem!important}.ngs .pb-3{padding-bottom:1rem!important}.ngs .pb-4{padding-bottom:1.5rem!important}.ngs .pb-5{padding-bottom:3rem!important}.ngs .ps-0{padding-left:0!important}.ngs .ps-1{padding-left:.25rem!important}.ngs .ps-2{padding-left:.5rem!important}.ngs .ps-3{padding-left:1rem!important}.ngs .ps-4{padding-left:1.5rem!important}.ngs .ps-5{padding-left:3rem!important}@media (min-width: 576px){.ngs .d-sm-inline{display:inline!important}.ngs .d-sm-inline-block{display:inline-block!important}.ngs .d-sm-block{display:block!important}.ngs .d-sm-grid{display:grid!important}.ngs .d-sm-inline-grid{display:inline-grid!important}.ngs .d-sm-table{display:table!important}.ngs .d-sm-table-row{display:table-row!important}.ngs .d-sm-table-cell{display:table-cell!important}.ngs .d-sm-flex{display:flex!important}.ngs .d-sm-inline-flex{display:inline-flex!important}.ngs .d-sm-none{display:none!important}.ngs .flex-sm-fill{flex:1 1 auto!important}.ngs .flex-sm-row{flex-direction:row!important}.ngs .flex-sm-column{flex-direction:column!important}.ngs .flex-sm-row-reverse{flex-direction:row-reverse!important}.ngs .flex-sm-column-reverse{flex-direction:column-reverse!important}.ngs .flex-sm-grow-0{flex-grow:0!important}.ngs .flex-sm-grow-1{flex-grow:1!important}.ngs .flex-sm-shrink-0{flex-shrink:0!important}.ngs .flex-sm-shrink-1{flex-shrink:1!important}.ngs .flex-sm-wrap{flex-wrap:wrap!important}.ngs .flex-sm-nowrap{flex-wrap:nowrap!important}.ngs .flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-sm-start{justify-content:flex-start!important}.ngs .justify-content-sm-end{justify-content:flex-end!important}.ngs .justify-content-sm-center{justify-content:center!important}.ngs .justify-content-sm-between{justify-content:space-between!important}.ngs .justify-content-sm-around{justify-content:space-around!important}.ngs .justify-content-sm-evenly{justify-content:space-evenly!important}.ngs .align-items-sm-start{align-items:flex-start!important}.ngs .align-items-sm-end{align-items:flex-end!important}.ngs .align-items-sm-center{align-items:center!important}.ngs .align-items-sm-baseline{align-items:baseline!important}.ngs .align-items-sm-stretch{align-items:stretch!important}.ngs .align-content-sm-start{align-content:flex-start!important}.ngs .align-content-sm-end{align-content:flex-end!important}.ngs .align-content-sm-center{align-content:center!important}.ngs .align-content-sm-between{align-content:space-between!important}.ngs .align-content-sm-around{align-content:space-around!important}.ngs .align-content-sm-stretch{align-content:stretch!important}.ngs .align-self-sm-auto{align-self:auto!important}.ngs .align-self-sm-start{align-self:flex-start!important}.ngs .align-self-sm-end{align-self:flex-end!important}.ngs .align-self-sm-center{align-self:center!important}.ngs .align-self-sm-baseline{align-self:baseline!important}.ngs .align-self-sm-stretch{align-self:stretch!important}.ngs .order-sm-first{order:-1!important}.ngs .order-sm-0{order:0!important}.ngs .order-sm-1{order:1!important}.ngs .order-sm-2{order:2!important}.ngs .order-sm-3{order:3!important}.ngs .order-sm-4{order:4!important}.ngs .order-sm-5{order:5!important}.ngs .order-sm-last{order:6!important}.ngs .m-sm-0{margin:0!important}.ngs .m-sm-1{margin:.25rem!important}.ngs .m-sm-2{margin:.5rem!important}.ngs .m-sm-3{margin:1rem!important}.ngs .m-sm-4{margin:1.5rem!important}.ngs .m-sm-5{margin:3rem!important}.ngs .m-sm-auto{margin:auto!important}.ngs .mx-sm-0{margin-right:0!important;margin-left:0!important}.ngs .mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-sm-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-sm-0{margin-top:0!important}.ngs .mt-sm-1{margin-top:.25rem!important}.ngs .mt-sm-2{margin-top:.5rem!important}.ngs .mt-sm-3{margin-top:1rem!important}.ngs .mt-sm-4{margin-top:1.5rem!important}.ngs .mt-sm-5{margin-top:3rem!important}.ngs .mt-sm-auto{margin-top:auto!important}.ngs .me-sm-0{margin-right:0!important}.ngs .me-sm-1{margin-right:.25rem!important}.ngs .me-sm-2{margin-right:.5rem!important}.ngs .me-sm-3{margin-right:1rem!important}.ngs .me-sm-4{margin-right:1.5rem!important}.ngs .me-sm-5{margin-right:3rem!important}.ngs .me-sm-auto{margin-right:auto!important}.ngs .mb-sm-0{margin-bottom:0!important}.ngs .mb-sm-1{margin-bottom:.25rem!important}.ngs .mb-sm-2{margin-bottom:.5rem!important}.ngs .mb-sm-3{margin-bottom:1rem!important}.ngs .mb-sm-4{margin-bottom:1.5rem!important}.ngs .mb-sm-5{margin-bottom:3rem!important}.ngs .mb-sm-auto{margin-bottom:auto!important}.ngs .ms-sm-0{margin-left:0!important}.ngs .ms-sm-1{margin-left:.25rem!important}.ngs .ms-sm-2{margin-left:.5rem!important}.ngs .ms-sm-3{margin-left:1rem!important}.ngs .ms-sm-4{margin-left:1.5rem!important}.ngs .ms-sm-5{margin-left:3rem!important}.ngs .ms-sm-auto{margin-left:auto!important}.ngs .p-sm-0{padding:0!important}.ngs .p-sm-1{padding:.25rem!important}.ngs .p-sm-2{padding:.5rem!important}.ngs .p-sm-3{padding:1rem!important}.ngs .p-sm-4{padding:1.5rem!important}.ngs .p-sm-5{padding:3rem!important}.ngs .px-sm-0{padding-right:0!important;padding-left:0!important}.ngs .px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-sm-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-sm-0{padding-top:0!important}.ngs .pt-sm-1{padding-top:.25rem!important}.ngs .pt-sm-2{padding-top:.5rem!important}.ngs .pt-sm-3{padding-top:1rem!important}.ngs .pt-sm-4{padding-top:1.5rem!important}.ngs .pt-sm-5{padding-top:3rem!important}.ngs .pe-sm-0{padding-right:0!important}.ngs .pe-sm-1{padding-right:.25rem!important}.ngs .pe-sm-2{padding-right:.5rem!important}.ngs .pe-sm-3{padding-right:1rem!important}.ngs .pe-sm-4{padding-right:1.5rem!important}.ngs .pe-sm-5{padding-right:3rem!important}.ngs .pb-sm-0{padding-bottom:0!important}.ngs .pb-sm-1{padding-bottom:.25rem!important}.ngs .pb-sm-2{padding-bottom:.5rem!important}.ngs .pb-sm-3{padding-bottom:1rem!important}.ngs .pb-sm-4{padding-bottom:1.5rem!important}.ngs .pb-sm-5{padding-bottom:3rem!important}.ngs .ps-sm-0{padding-left:0!important}.ngs .ps-sm-1{padding-left:.25rem!important}.ngs .ps-sm-2{padding-left:.5rem!important}.ngs .ps-sm-3{padding-left:1rem!important}.ngs .ps-sm-4{padding-left:1.5rem!important}.ngs .ps-sm-5{padding-left:3rem!important}}@media (min-width: 768px){.ngs .d-md-inline{display:inline!important}.ngs .d-md-inline-block{display:inline-block!important}.ngs .d-md-block{display:block!important}.ngs .d-md-grid{display:grid!important}.ngs .d-md-inline-grid{display:inline-grid!important}.ngs .d-md-table{display:table!important}.ngs .d-md-table-row{display:table-row!important}.ngs .d-md-table-cell{display:table-cell!important}.ngs .d-md-flex{display:flex!important}.ngs .d-md-inline-flex{display:inline-flex!important}.ngs .d-md-none{display:none!important}.ngs .flex-md-fill{flex:1 1 auto!important}.ngs .flex-md-row{flex-direction:row!important}.ngs .flex-md-column{flex-direction:column!important}.ngs .flex-md-row-reverse{flex-direction:row-reverse!important}.ngs .flex-md-column-reverse{flex-direction:column-reverse!important}.ngs .flex-md-grow-0{flex-grow:0!important}.ngs .flex-md-grow-1{flex-grow:1!important}.ngs .flex-md-shrink-0{flex-shrink:0!important}.ngs .flex-md-shrink-1{flex-shrink:1!important}.ngs .flex-md-wrap{flex-wrap:wrap!important}.ngs .flex-md-nowrap{flex-wrap:nowrap!important}.ngs .flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-md-start{justify-content:flex-start!important}.ngs .justify-content-md-end{justify-content:flex-end!important}.ngs .justify-content-md-center{justify-content:center!important}.ngs .justify-content-md-between{justify-content:space-between!important}.ngs .justify-content-md-around{justify-content:space-around!important}.ngs .justify-content-md-evenly{justify-content:space-evenly!important}.ngs .align-items-md-start{align-items:flex-start!important}.ngs .align-items-md-end{align-items:flex-end!important}.ngs .align-items-md-center{align-items:center!important}.ngs .align-items-md-baseline{align-items:baseline!important}.ngs .align-items-md-stretch{align-items:stretch!important}.ngs .align-content-md-start{align-content:flex-start!important}.ngs .align-content-md-end{align-content:flex-end!important}.ngs .align-content-md-center{align-content:center!important}.ngs .align-content-md-between{align-content:space-between!important}.ngs .align-content-md-around{align-content:space-around!important}.ngs .align-content-md-stretch{align-content:stretch!important}.ngs .align-self-md-auto{align-self:auto!important}.ngs .align-self-md-start{align-self:flex-start!important}.ngs .align-self-md-end{align-self:flex-end!important}.ngs .align-self-md-center{align-self:center!important}.ngs .align-self-md-baseline{align-self:baseline!important}.ngs .align-self-md-stretch{align-self:stretch!important}.ngs .order-md-first{order:-1!important}.ngs .order-md-0{order:0!important}.ngs .order-md-1{order:1!important}.ngs .order-md-2{order:2!important}.ngs .order-md-3{order:3!important}.ngs .order-md-4{order:4!important}.ngs .order-md-5{order:5!important}.ngs .order-md-last{order:6!important}.ngs .m-md-0{margin:0!important}.ngs .m-md-1{margin:.25rem!important}.ngs .m-md-2{margin:.5rem!important}.ngs .m-md-3{margin:1rem!important}.ngs .m-md-4{margin:1.5rem!important}.ngs .m-md-5{margin:3rem!important}.ngs .m-md-auto{margin:auto!important}.ngs .mx-md-0{margin-right:0!important;margin-left:0!important}.ngs .mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-md-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-md-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-md-0{margin-top:0!important}.ngs .mt-md-1{margin-top:.25rem!important}.ngs .mt-md-2{margin-top:.5rem!important}.ngs .mt-md-3{margin-top:1rem!important}.ngs .mt-md-4{margin-top:1.5rem!important}.ngs .mt-md-5{margin-top:3rem!important}.ngs .mt-md-auto{margin-top:auto!important}.ngs .me-md-0{margin-right:0!important}.ngs .me-md-1{margin-right:.25rem!important}.ngs .me-md-2{margin-right:.5rem!important}.ngs .me-md-3{margin-right:1rem!important}.ngs .me-md-4{margin-right:1.5rem!important}.ngs .me-md-5{margin-right:3rem!important}.ngs .me-md-auto{margin-right:auto!important}.ngs .mb-md-0{margin-bottom:0!important}.ngs .mb-md-1{margin-bottom:.25rem!important}.ngs .mb-md-2{margin-bottom:.5rem!important}.ngs .mb-md-3{margin-bottom:1rem!important}.ngs .mb-md-4{margin-bottom:1.5rem!important}.ngs .mb-md-5{margin-bottom:3rem!important}.ngs .mb-md-auto{margin-bottom:auto!important}.ngs .ms-md-0{margin-left:0!important}.ngs .ms-md-1{margin-left:.25rem!important}.ngs .ms-md-2{margin-left:.5rem!important}.ngs .ms-md-3{margin-left:1rem!important}.ngs .ms-md-4{margin-left:1.5rem!important}.ngs .ms-md-5{margin-left:3rem!important}.ngs .ms-md-auto{margin-left:auto!important}.ngs .p-md-0{padding:0!important}.ngs .p-md-1{padding:.25rem!important}.ngs .p-md-2{padding:.5rem!important}.ngs .p-md-3{padding:1rem!important}.ngs .p-md-4{padding:1.5rem!important}.ngs .p-md-5{padding:3rem!important}.ngs .px-md-0{padding-right:0!important;padding-left:0!important}.ngs .px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-md-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-md-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-md-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-md-0{padding-top:0!important}.ngs .pt-md-1{padding-top:.25rem!important}.ngs .pt-md-2{padding-top:.5rem!important}.ngs .pt-md-3{padding-top:1rem!important}.ngs .pt-md-4{padding-top:1.5rem!important}.ngs .pt-md-5{padding-top:3rem!important}.ngs .pe-md-0{padding-right:0!important}.ngs .pe-md-1{padding-right:.25rem!important}.ngs .pe-md-2{padding-right:.5rem!important}.ngs .pe-md-3{padding-right:1rem!important}.ngs .pe-md-4{padding-right:1.5rem!important}.ngs .pe-md-5{padding-right:3rem!important}.ngs .pb-md-0{padding-bottom:0!important}.ngs .pb-md-1{padding-bottom:.25rem!important}.ngs .pb-md-2{padding-bottom:.5rem!important}.ngs .pb-md-3{padding-bottom:1rem!important}.ngs .pb-md-4{padding-bottom:1.5rem!important}.ngs .pb-md-5{padding-bottom:3rem!important}.ngs .ps-md-0{padding-left:0!important}.ngs .ps-md-1{padding-left:.25rem!important}.ngs .ps-md-2{padding-left:.5rem!important}.ngs .ps-md-3{padding-left:1rem!important}.ngs .ps-md-4{padding-left:1.5rem!important}.ngs .ps-md-5{padding-left:3rem!important}}@media (min-width: 992px){.ngs .d-lg-inline{display:inline!important}.ngs .d-lg-inline-block{display:inline-block!important}.ngs .d-lg-block{display:block!important}.ngs .d-lg-grid{display:grid!important}.ngs .d-lg-inline-grid{display:inline-grid!important}.ngs .d-lg-table{display:table!important}.ngs .d-lg-table-row{display:table-row!important}.ngs .d-lg-table-cell{display:table-cell!important}.ngs .d-lg-flex{display:flex!important}.ngs .d-lg-inline-flex{display:inline-flex!important}.ngs .d-lg-none{display:none!important}.ngs .flex-lg-fill{flex:1 1 auto!important}.ngs .flex-lg-row{flex-direction:row!important}.ngs .flex-lg-column{flex-direction:column!important}.ngs .flex-lg-row-reverse{flex-direction:row-reverse!important}.ngs .flex-lg-column-reverse{flex-direction:column-reverse!important}.ngs .flex-lg-grow-0{flex-grow:0!important}.ngs .flex-lg-grow-1{flex-grow:1!important}.ngs .flex-lg-shrink-0{flex-shrink:0!important}.ngs .flex-lg-shrink-1{flex-shrink:1!important}.ngs .flex-lg-wrap{flex-wrap:wrap!important}.ngs .flex-lg-nowrap{flex-wrap:nowrap!important}.ngs .flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-lg-start{justify-content:flex-start!important}.ngs .justify-content-lg-end{justify-content:flex-end!important}.ngs .justify-content-lg-center{justify-content:center!important}.ngs .justify-content-lg-between{justify-content:space-between!important}.ngs .justify-content-lg-around{justify-content:space-around!important}.ngs .justify-content-lg-evenly{justify-content:space-evenly!important}.ngs .align-items-lg-start{align-items:flex-start!important}.ngs .align-items-lg-end{align-items:flex-end!important}.ngs .align-items-lg-center{align-items:center!important}.ngs .align-items-lg-baseline{align-items:baseline!important}.ngs .align-items-lg-stretch{align-items:stretch!important}.ngs .align-content-lg-start{align-content:flex-start!important}.ngs .align-content-lg-end{align-content:flex-end!important}.ngs .align-content-lg-center{align-content:center!important}.ngs .align-content-lg-between{align-content:space-between!important}.ngs .align-content-lg-around{align-content:space-around!important}.ngs .align-content-lg-stretch{align-content:stretch!important}.ngs .align-self-lg-auto{align-self:auto!important}.ngs .align-self-lg-start{align-self:flex-start!important}.ngs .align-self-lg-end{align-self:flex-end!important}.ngs .align-self-lg-center{align-self:center!important}.ngs .align-self-lg-baseline{align-self:baseline!important}.ngs .align-self-lg-stretch{align-self:stretch!important}.ngs .order-lg-first{order:-1!important}.ngs .order-lg-0{order:0!important}.ngs .order-lg-1{order:1!important}.ngs .order-lg-2{order:2!important}.ngs .order-lg-3{order:3!important}.ngs .order-lg-4{order:4!important}.ngs .order-lg-5{order:5!important}.ngs .order-lg-last{order:6!important}.ngs .m-lg-0{margin:0!important}.ngs .m-lg-1{margin:.25rem!important}.ngs .m-lg-2{margin:.5rem!important}.ngs .m-lg-3{margin:1rem!important}.ngs .m-lg-4{margin:1.5rem!important}.ngs .m-lg-5{margin:3rem!important}.ngs .m-lg-auto{margin:auto!important}.ngs .mx-lg-0{margin-right:0!important;margin-left:0!important}.ngs .mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-lg-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-lg-0{margin-top:0!important}.ngs .mt-lg-1{margin-top:.25rem!important}.ngs .mt-lg-2{margin-top:.5rem!important}.ngs .mt-lg-3{margin-top:1rem!important}.ngs .mt-lg-4{margin-top:1.5rem!important}.ngs .mt-lg-5{margin-top:3rem!important}.ngs .mt-lg-auto{margin-top:auto!important}.ngs .me-lg-0{margin-right:0!important}.ngs .me-lg-1{margin-right:.25rem!important}.ngs .me-lg-2{margin-right:.5rem!important}.ngs .me-lg-3{margin-right:1rem!important}.ngs .me-lg-4{margin-right:1.5rem!important}.ngs .me-lg-5{margin-right:3rem!important}.ngs .me-lg-auto{margin-right:auto!important}.ngs .mb-lg-0{margin-bottom:0!important}.ngs .mb-lg-1{margin-bottom:.25rem!important}.ngs .mb-lg-2{margin-bottom:.5rem!important}.ngs .mb-lg-3{margin-bottom:1rem!important}.ngs .mb-lg-4{margin-bottom:1.5rem!important}.ngs .mb-lg-5{margin-bottom:3rem!important}.ngs .mb-lg-auto{margin-bottom:auto!important}.ngs .ms-lg-0{margin-left:0!important}.ngs .ms-lg-1{margin-left:.25rem!important}.ngs .ms-lg-2{margin-left:.5rem!important}.ngs .ms-lg-3{margin-left:1rem!important}.ngs .ms-lg-4{margin-left:1.5rem!important}.ngs .ms-lg-5{margin-left:3rem!important}.ngs .ms-lg-auto{margin-left:auto!important}.ngs .p-lg-0{padding:0!important}.ngs .p-lg-1{padding:.25rem!important}.ngs .p-lg-2{padding:.5rem!important}.ngs .p-lg-3{padding:1rem!important}.ngs .p-lg-4{padding:1.5rem!important}.ngs .p-lg-5{padding:3rem!important}.ngs .px-lg-0{padding-right:0!important;padding-left:0!important}.ngs .px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-lg-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-lg-0{padding-top:0!important}.ngs .pt-lg-1{padding-top:.25rem!important}.ngs .pt-lg-2{padding-top:.5rem!important}.ngs .pt-lg-3{padding-top:1rem!important}.ngs .pt-lg-4{padding-top:1.5rem!important}.ngs .pt-lg-5{padding-top:3rem!important}.ngs .pe-lg-0{padding-right:0!important}.ngs .pe-lg-1{padding-right:.25rem!important}.ngs .pe-lg-2{padding-right:.5rem!important}.ngs .pe-lg-3{padding-right:1rem!important}.ngs .pe-lg-4{padding-right:1.5rem!important}.ngs .pe-lg-5{padding-right:3rem!important}.ngs .pb-lg-0{padding-bottom:0!important}.ngs .pb-lg-1{padding-bottom:.25rem!important}.ngs .pb-lg-2{padding-bottom:.5rem!important}.ngs .pb-lg-3{padding-bottom:1rem!important}.ngs .pb-lg-4{padding-bottom:1.5rem!important}.ngs .pb-lg-5{padding-bottom:3rem!important}.ngs .ps-lg-0{padding-left:0!important}.ngs .ps-lg-1{padding-left:.25rem!important}.ngs .ps-lg-2{padding-left:.5rem!important}.ngs .ps-lg-3{padding-left:1rem!important}.ngs .ps-lg-4{padding-left:1.5rem!important}.ngs .ps-lg-5{padding-left:3rem!important}}@media (min-width: 1200px){.ngs .d-xl-inline{display:inline!important}.ngs .d-xl-inline-block{display:inline-block!important}.ngs .d-xl-block{display:block!important}.ngs .d-xl-grid{display:grid!important}.ngs .d-xl-inline-grid{display:inline-grid!important}.ngs .d-xl-table{display:table!important}.ngs .d-xl-table-row{display:table-row!important}.ngs .d-xl-table-cell{display:table-cell!important}.ngs .d-xl-flex{display:flex!important}.ngs .d-xl-inline-flex{display:inline-flex!important}.ngs .d-xl-none{display:none!important}.ngs .flex-xl-fill{flex:1 1 auto!important}.ngs .flex-xl-row{flex-direction:row!important}.ngs .flex-xl-column{flex-direction:column!important}.ngs .flex-xl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xl-grow-0{flex-grow:0!important}.ngs .flex-xl-grow-1{flex-grow:1!important}.ngs .flex-xl-shrink-0{flex-shrink:0!important}.ngs .flex-xl-shrink-1{flex-shrink:1!important}.ngs .flex-xl-wrap{flex-wrap:wrap!important}.ngs .flex-xl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xl-start{justify-content:flex-start!important}.ngs .justify-content-xl-end{justify-content:flex-end!important}.ngs .justify-content-xl-center{justify-content:center!important}.ngs .justify-content-xl-between{justify-content:space-between!important}.ngs .justify-content-xl-around{justify-content:space-around!important}.ngs .justify-content-xl-evenly{justify-content:space-evenly!important}.ngs .align-items-xl-start{align-items:flex-start!important}.ngs .align-items-xl-end{align-items:flex-end!important}.ngs .align-items-xl-center{align-items:center!important}.ngs .align-items-xl-baseline{align-items:baseline!important}.ngs .align-items-xl-stretch{align-items:stretch!important}.ngs .align-content-xl-start{align-content:flex-start!important}.ngs .align-content-xl-end{align-content:flex-end!important}.ngs .align-content-xl-center{align-content:center!important}.ngs .align-content-xl-between{align-content:space-between!important}.ngs .align-content-xl-around{align-content:space-around!important}.ngs .align-content-xl-stretch{align-content:stretch!important}.ngs .align-self-xl-auto{align-self:auto!important}.ngs .align-self-xl-start{align-self:flex-start!important}.ngs .align-self-xl-end{align-self:flex-end!important}.ngs .align-self-xl-center{align-self:center!important}.ngs .align-self-xl-baseline{align-self:baseline!important}.ngs .align-self-xl-stretch{align-self:stretch!important}.ngs .order-xl-first{order:-1!important}.ngs .order-xl-0{order:0!important}.ngs .order-xl-1{order:1!important}.ngs .order-xl-2{order:2!important}.ngs .order-xl-3{order:3!important}.ngs .order-xl-4{order:4!important}.ngs .order-xl-5{order:5!important}.ngs .order-xl-last{order:6!important}.ngs .m-xl-0{margin:0!important}.ngs .m-xl-1{margin:.25rem!important}.ngs .m-xl-2{margin:.5rem!important}.ngs .m-xl-3{margin:1rem!important}.ngs .m-xl-4{margin:1.5rem!important}.ngs .m-xl-5{margin:3rem!important}.ngs .m-xl-auto{margin:auto!important}.ngs .mx-xl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xl-0{margin-top:0!important}.ngs .mt-xl-1{margin-top:.25rem!important}.ngs .mt-xl-2{margin-top:.5rem!important}.ngs .mt-xl-3{margin-top:1rem!important}.ngs .mt-xl-4{margin-top:1.5rem!important}.ngs .mt-xl-5{margin-top:3rem!important}.ngs .mt-xl-auto{margin-top:auto!important}.ngs .me-xl-0{margin-right:0!important}.ngs .me-xl-1{margin-right:.25rem!important}.ngs .me-xl-2{margin-right:.5rem!important}.ngs .me-xl-3{margin-right:1rem!important}.ngs .me-xl-4{margin-right:1.5rem!important}.ngs .me-xl-5{margin-right:3rem!important}.ngs .me-xl-auto{margin-right:auto!important}.ngs .mb-xl-0{margin-bottom:0!important}.ngs .mb-xl-1{margin-bottom:.25rem!important}.ngs .mb-xl-2{margin-bottom:.5rem!important}.ngs .mb-xl-3{margin-bottom:1rem!important}.ngs .mb-xl-4{margin-bottom:1.5rem!important}.ngs .mb-xl-5{margin-bottom:3rem!important}.ngs .mb-xl-auto{margin-bottom:auto!important}.ngs .ms-xl-0{margin-left:0!important}.ngs .ms-xl-1{margin-left:.25rem!important}.ngs .ms-xl-2{margin-left:.5rem!important}.ngs .ms-xl-3{margin-left:1rem!important}.ngs .ms-xl-4{margin-left:1.5rem!important}.ngs .ms-xl-5{margin-left:3rem!important}.ngs .ms-xl-auto{margin-left:auto!important}.ngs .p-xl-0{padding:0!important}.ngs .p-xl-1{padding:.25rem!important}.ngs .p-xl-2{padding:.5rem!important}.ngs .p-xl-3{padding:1rem!important}.ngs .p-xl-4{padding:1.5rem!important}.ngs .p-xl-5{padding:3rem!important}.ngs .px-xl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xl-0{padding-top:0!important}.ngs .pt-xl-1{padding-top:.25rem!important}.ngs .pt-xl-2{padding-top:.5rem!important}.ngs .pt-xl-3{padding-top:1rem!important}.ngs .pt-xl-4{padding-top:1.5rem!important}.ngs .pt-xl-5{padding-top:3rem!important}.ngs .pe-xl-0{padding-right:0!important}.ngs .pe-xl-1{padding-right:.25rem!important}.ngs .pe-xl-2{padding-right:.5rem!important}.ngs .pe-xl-3{padding-right:1rem!important}.ngs .pe-xl-4{padding-right:1.5rem!important}.ngs .pe-xl-5{padding-right:3rem!important}.ngs .pb-xl-0{padding-bottom:0!important}.ngs .pb-xl-1{padding-bottom:.25rem!important}.ngs .pb-xl-2{padding-bottom:.5rem!important}.ngs .pb-xl-3{padding-bottom:1rem!important}.ngs .pb-xl-4{padding-bottom:1.5rem!important}.ngs .pb-xl-5{padding-bottom:3rem!important}.ngs .ps-xl-0{padding-left:0!important}.ngs .ps-xl-1{padding-left:.25rem!important}.ngs .ps-xl-2{padding-left:.5rem!important}.ngs .ps-xl-3{padding-left:1rem!important}.ngs .ps-xl-4{padding-left:1.5rem!important}.ngs .ps-xl-5{padding-left:3rem!important}}@media (min-width: 1400px){.ngs .d-xxl-inline{display:inline!important}.ngs .d-xxl-inline-block{display:inline-block!important}.ngs .d-xxl-block{display:block!important}.ngs .d-xxl-grid{display:grid!important}.ngs .d-xxl-inline-grid{display:inline-grid!important}.ngs .d-xxl-table{display:table!important}.ngs .d-xxl-table-row{display:table-row!important}.ngs .d-xxl-table-cell{display:table-cell!important}.ngs .d-xxl-flex{display:flex!important}.ngs .d-xxl-inline-flex{display:inline-flex!important}.ngs .d-xxl-none{display:none!important}.ngs .flex-xxl-fill{flex:1 1 auto!important}.ngs .flex-xxl-row{flex-direction:row!important}.ngs .flex-xxl-column{flex-direction:column!important}.ngs .flex-xxl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xxl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xxl-grow-0{flex-grow:0!important}.ngs .flex-xxl-grow-1{flex-grow:1!important}.ngs .flex-xxl-shrink-0{flex-shrink:0!important}.ngs .flex-xxl-shrink-1{flex-shrink:1!important}.ngs .flex-xxl-wrap{flex-wrap:wrap!important}.ngs .flex-xxl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xxl-start{justify-content:flex-start!important}.ngs .justify-content-xxl-end{justify-content:flex-end!important}.ngs .justify-content-xxl-center{justify-content:center!important}.ngs .justify-content-xxl-between{justify-content:space-between!important}.ngs .justify-content-xxl-around{justify-content:space-around!important}.ngs .justify-content-xxl-evenly{justify-content:space-evenly!important}.ngs .align-items-xxl-start{align-items:flex-start!important}.ngs .align-items-xxl-end{align-items:flex-end!important}.ngs .align-items-xxl-center{align-items:center!important}.ngs .align-items-xxl-baseline{align-items:baseline!important}.ngs .align-items-xxl-stretch{align-items:stretch!important}.ngs .align-content-xxl-start{align-content:flex-start!important}.ngs .align-content-xxl-end{align-content:flex-end!important}.ngs .align-content-xxl-center{align-content:center!important}.ngs .align-content-xxl-between{align-content:space-between!important}.ngs .align-content-xxl-around{align-content:space-around!important}.ngs .align-content-xxl-stretch{align-content:stretch!important}.ngs .align-self-xxl-auto{align-self:auto!important}.ngs .align-self-xxl-start{align-self:flex-start!important}.ngs .align-self-xxl-end{align-self:flex-end!important}.ngs .align-self-xxl-center{align-self:center!important}.ngs .align-self-xxl-baseline{align-self:baseline!important}.ngs .align-self-xxl-stretch{align-self:stretch!important}.ngs .order-xxl-first{order:-1!important}.ngs .order-xxl-0{order:0!important}.ngs .order-xxl-1{order:1!important}.ngs .order-xxl-2{order:2!important}.ngs .order-xxl-3{order:3!important}.ngs .order-xxl-4{order:4!important}.ngs .order-xxl-5{order:5!important}.ngs .order-xxl-last{order:6!important}.ngs .m-xxl-0{margin:0!important}.ngs .m-xxl-1{margin:.25rem!important}.ngs .m-xxl-2{margin:.5rem!important}.ngs .m-xxl-3{margin:1rem!important}.ngs .m-xxl-4{margin:1.5rem!important}.ngs .m-xxl-5{margin:3rem!important}.ngs .m-xxl-auto{margin:auto!important}.ngs .mx-xxl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xxl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xxl-0{margin-top:0!important}.ngs .mt-xxl-1{margin-top:.25rem!important}.ngs .mt-xxl-2{margin-top:.5rem!important}.ngs .mt-xxl-3{margin-top:1rem!important}.ngs .mt-xxl-4{margin-top:1.5rem!important}.ngs .mt-xxl-5{margin-top:3rem!important}.ngs .mt-xxl-auto{margin-top:auto!important}.ngs .me-xxl-0{margin-right:0!important}.ngs .me-xxl-1{margin-right:.25rem!important}.ngs .me-xxl-2{margin-right:.5rem!important}.ngs .me-xxl-3{margin-right:1rem!important}.ngs .me-xxl-4{margin-right:1.5rem!important}.ngs .me-xxl-5{margin-right:3rem!important}.ngs .me-xxl-auto{margin-right:auto!important}.ngs .mb-xxl-0{margin-bottom:0!important}.ngs .mb-xxl-1{margin-bottom:.25rem!important}.ngs .mb-xxl-2{margin-bottom:.5rem!important}.ngs .mb-xxl-3{margin-bottom:1rem!important}.ngs .mb-xxl-4{margin-bottom:1.5rem!important}.ngs .mb-xxl-5{margin-bottom:3rem!important}.ngs .mb-xxl-auto{margin-bottom:auto!important}.ngs .ms-xxl-0{margin-left:0!important}.ngs .ms-xxl-1{margin-left:.25rem!important}.ngs .ms-xxl-2{margin-left:.5rem!important}.ngs .ms-xxl-3{margin-left:1rem!important}.ngs .ms-xxl-4{margin-left:1.5rem!important}.ngs .ms-xxl-5{margin-left:3rem!important}.ngs .ms-xxl-auto{margin-left:auto!important}.ngs .p-xxl-0{padding:0!important}.ngs .p-xxl-1{padding:.25rem!important}.ngs .p-xxl-2{padding:.5rem!important}.ngs .p-xxl-3{padding:1rem!important}.ngs .p-xxl-4{padding:1.5rem!important}.ngs .p-xxl-5{padding:3rem!important}.ngs .px-xxl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xxl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xxl-0{padding-top:0!important}.ngs .pt-xxl-1{padding-top:.25rem!important}.ngs .pt-xxl-2{padding-top:.5rem!important}.ngs .pt-xxl-3{padding-top:1rem!important}.ngs .pt-xxl-4{padding-top:1.5rem!important}.ngs .pt-xxl-5{padding-top:3rem!important}.ngs .pe-xxl-0{padding-right:0!important}.ngs .pe-xxl-1{padding-right:.25rem!important}.ngs .pe-xxl-2{padding-right:.5rem!important}.ngs .pe-xxl-3{padding-right:1rem!important}.ngs .pe-xxl-4{padding-right:1.5rem!important}.ngs .pe-xxl-5{padding-right:3rem!important}.ngs .pb-xxl-0{padding-bottom:0!important}.ngs .pb-xxl-1{padding-bottom:.25rem!important}.ngs .pb-xxl-2{padding-bottom:.5rem!important}.ngs .pb-xxl-3{padding-bottom:1rem!important}.ngs .pb-xxl-4{padding-bottom:1.5rem!important}.ngs .pb-xxl-5{padding-bottom:3rem!important}.ngs .ps-xxl-0{padding-left:0!important}.ngs .ps-xxl-1{padding-left:.25rem!important}.ngs .ps-xxl-2{padding-left:.5rem!important}.ngs .ps-xxl-3{padding-left:1rem!important}.ngs .ps-xxl-4{padding-left:1.5rem!important}.ngs .ps-xxl-5{padding-left:3rem!important}}@media print{.ngs .d-print-inline{display:inline!important}.ngs .d-print-inline-block{display:inline-block!important}.ngs .d-print-block{display:block!important}.ngs .d-print-grid{display:grid!important}.ngs .d-print-inline-grid{display:inline-grid!important}.ngs .d-print-table{display:table!important}.ngs .d-print-table-row{display:table-row!important}.ngs .d-print-table-cell{display:table-cell!important}.ngs .d-print-flex{display:flex!important}.ngs .d-print-inline-flex{display:inline-flex!important}.ngs .d-print-none{display:none!important}}\n", ".prevSection button{padding:5px 10px;float:left;margin-left:0}.nextSection button{padding:5px 10px;float:right;margin-left:0}.separator-horizontal{width:1px;height:100%;background-color:#d6cece;margin:0 auto}.content-element-form .section-navs{width:100%;background-color:#f2f6fc;margin-left:0;margin-right:0;padding:10px;flex-direction:row-reverse}.sirio-nav-item a{cursor:pointer}.sirio-toast{width:auto;min-width:17rem;max-width:41rem}.form-title{margin-bottom:15px}@media (max-width: 991px){.content-element-form{width:100%!important}}ngx-sirio-input-chip{margin-right:.5rem}\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ProgrammabilityService }, { type: EventService }, { type: RegisterService }, { type: MetadataService }, { type: FormService }, { type: DialogService }, { type: i0.Injector }], propDecorators: { schema: [{
+                    ], encapsulation: ViewEncapsulation.None, template: "<form [formGroup]=\"formGroup\" class=\"ngs\">\r\n\r\n  <div class=\"container-fluid\">\r\n    <div class=\"row\">\r\n\r\n      <!-- #region progress -->\r\n      <ngx-sirio-stepper-progress-bar *ngIf=\"showProgress\"\r\n                                      (eventClick)=\"activateForm($event)\"\r\n                                      [hasDropdown]=\"true\"\r\n                                      [dropDownLabel]=\"locale(Texts, 'Show')\">\r\n        <ng-container *ngFor=\"let form of forms, let formIndex = index\">          \r\n          <ng-container *ngIf=\"!evaluateBoolean(form.disabled)\">\r\n            <ng-container *ngIf=\"getFormStatus(form, formIndex) as status\">\r\n              <ngx-sirio-stepper-progress-item [hasNavigation]=\"status !== 'inactive'\"\r\n                                               [status]=\"status\"\r\n                                               [label]=\"evaluateTemplate(locale(form, 'title'))\"\r\n                                               #progressItem\r\n                                               [componentRef]=\"progressItem\"\r\n                                               [formIndex]=\"formIndex\"/>\r\n            </ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ngx-sirio-stepper-progress-bar>\r\n      <!-- #endregion -->\r\n\r\n      <ng-container *ngIf=\"showNav\">\r\n\r\n        <div class=\"col-md-4\">\r\n\r\n          <!-- #region sidenav -->\r\n          <ng-template #sidenavTemplate>\r\n            <ngx-sirio-sidenav>\r\n              <ng-container *ngFor=\"let form of forms, let formIndex = index\">\r\n                <ng-container *ngIf=\"!evaluateBoolean(form.disabled)\">\r\n                  <ng-container *ngIf=\"getFormStatus(form, formIndex) as status\">\r\n                    <ng-container *ngIf=\"{ count: getErrors(form) } as errors\">\r\n                      <ngx-sirio-sidenav-item [isActive]=\"activeNav == formIndex\"\r\n                                              (click)=\"activeNav = formIndex\"\r\n                                              [disabledState]=\"status === 'inactive'\"\r\n                                              (keydown.enter)=\"activeNav = formIndex\"\r\n                                              [withTag]=\"errors.count > 0\"\r\n                                              tagType=\"danger\"\r\n                                              [tagValue]=\"errors.count\"\r\n                                              tabindex=\"0\">\r\n                        {{ evaluateTemplate(locale(form, 'title')) }}\r\n                      </ngx-sirio-sidenav-item>\r\n                    </ng-container>\r\n                  </ng-container>                  \r\n                </ng-container>\r\n              </ng-container>\r\n            </ngx-sirio-sidenav>\r\n          </ng-template>\r\n\r\n          <ngx-sirio-sidenav-mobile class=\"d-block d-lg-none\"\r\n                                    [openMenuLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [openMenuAriaLabel]=\"locale(Texts, 'OpenMenu')\"\r\n                                    [closeMenuLabel]=\"locale(Texts, 'CloseMenu')\"\r\n                                    closeMenuAriaLabel=\"locale(Texts, 'CloseMenu')\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </ngx-sirio-sidenav-mobile>\r\n          <div class=\"d-none d-lg-block\">\r\n            <ng-container *ngTemplateOutlet=\"sidenavTemplate\"></ng-container>\r\n          </div>\r\n          <!-- #endregion -->\r\n\r\n        </div>\r\n\r\n        <div class=\"col-md-1\">\r\n          <div class=\"separator-horizontal\"></div>\r\n        </div>\r\n\r\n      </ng-container>\r\n\r\n      <div class=\"content-element-form\" [ngClass]=\"showNav ? 'col-md-11' : 'col-md-16'\">\r\n\r\n        <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n          <div *ngIf=\"activeNav == sectionIndex && !evaluateBoolean(form.disabled)\"\r\n               #default\r\n               [register]=\"form\"\r\n               [componentRef]=\"default\">\r\n            <h1 *ngIf=\"showFormTitle && form.title\" class=\"h3 form-title\">{{ evaluateTemplate(locale(form, 'title')) }}</h1>\r\n            <app-dynamic-fields [formGroup]=\"getFormGroup(form.path)\"\r\n                                [rows]=\"form.rows\"\r\n                                [alignment]=\"form.verticalAlignment\"></app-dynamic-fields>\r\n          </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"showNavButton && (canNext() || canPrevious())\">\r\n\r\n          <div class=\"row section-navs\">\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canNext()\" (click)=\"goNext()\" class=\"nextSection\">\r\n                {{ locale(Texts, 'NextSection') }}\r\n                <span class=\"fa-solid fa-chevron-right\" style=\"margin-left: 10px\"></span>\r\n              </ngx-sirio-button>\r\n            </div>\r\n            <div class=\"col-8 col-md-8\">\r\n              <ngx-sirio-button [color]=\"null\" *ngIf=\"canPrevious()\" (click)=\"goPrevious()\" class=\"prevSection\">\r\n                <span class=\"fa-solid fa-chevron-left\" style=\"margin-right: 10px\"></span>\r\n                {{ locale(Texts, 'PreviousSection') }}\r\n              </ngx-sirio-button>\r\n            </div>\r\n          </div>\r\n\r\n        </ng-container>\r\n\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</form>\r\n\r\n\r\n\r\n", styles: [".ngs .container,.ngs .container-fluid,.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.ngs .container-sm,.ngs .container{max-width:540px}}@media (min-width: 768px){.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:720px}}@media (min-width: 992px){.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:960px}}@media (min-width: 1200px){.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1140px}}@media (min-width: 1400px){.ngs .container-xxl,.ngs .container-xl,.ngs .container-lg,.ngs .container-md,.ngs .container-sm,.ngs .container{max-width:1320px}}.ngs :root{--ngsbreakpoint-xs: 0;--ngsbreakpoint-sm: 576px;--ngsbreakpoint-md: 768px;--ngsbreakpoint-lg: 992px;--ngsbreakpoint-xl: 1200px;--ngsbreakpoint-xxl: 1400px}.ngs .row{--ngsgutter-x: 1.5rem;--ngsgutter-y: 0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ngsgutter-y));margin-right:calc(-.5 * var(--ngsgutter-x));margin-left:calc(-.5 * var(--ngsgutter-x))}.ngs .row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--ngsgutter-x) * .5);padding-left:calc(var(--ngsgutter-x) * .5);margin-top:var(--ngsgutter-y)}.ngs .col{flex:1 0 0%}.ngs .row-cols-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-auto{flex:0 0 auto;width:auto}.ngs .col-1{flex:0 0 auto;width:6.25%}.ngs .col-2{flex:0 0 auto;width:12.5%}.ngs .col-3{flex:0 0 auto;width:18.75%}.ngs .col-4{flex:0 0 auto;width:25%}.ngs .col-5{flex:0 0 auto;width:31.25%}.ngs .col-6{flex:0 0 auto;width:37.5%}.ngs .col-7{flex:0 0 auto;width:43.75%}.ngs .col-8{flex:0 0 auto;width:50%}.ngs .col-9{flex:0 0 auto;width:56.25%}.ngs .col-10{flex:0 0 auto;width:62.5%}.ngs .col-11{flex:0 0 auto;width:68.75%}.ngs .col-12{flex:0 0 auto;width:75%}.ngs .col-13{flex:0 0 auto;width:81.25%}.ngs .col-14{flex:0 0 auto;width:87.5%}.ngs .col-15{flex:0 0 auto;width:93.75%}.ngs .col-16{flex:0 0 auto;width:100%}.ngs .offset-1{margin-left:6.25%}.ngs .offset-2{margin-left:12.5%}.ngs .offset-3{margin-left:18.75%}.ngs .offset-4{margin-left:25%}.ngs .offset-5{margin-left:31.25%}.ngs .offset-6{margin-left:37.5%}.ngs .offset-7{margin-left:43.75%}.ngs .offset-8{margin-left:50%}.ngs .offset-9{margin-left:56.25%}.ngs .offset-10{margin-left:62.5%}.ngs .offset-11{margin-left:68.75%}.ngs .offset-12{margin-left:75%}.ngs .offset-13{margin-left:81.25%}.ngs .offset-14{margin-left:87.5%}.ngs .offset-15{margin-left:93.75%}.ngs .g-0,.ngs .gx-0{--ngsgutter-x: 0}.ngs .g-0,.ngs .gy-0{--ngsgutter-y: 0}.ngs .g-1,.ngs .gx-1{--ngsgutter-x: .25rem}.ngs .g-1,.ngs .gy-1{--ngsgutter-y: .25rem}.ngs .g-2,.ngs .gx-2{--ngsgutter-x: .5rem}.ngs .g-2,.ngs .gy-2{--ngsgutter-y: .5rem}.ngs .g-3,.ngs .gx-3{--ngsgutter-x: 1rem}.ngs .g-3,.ngs .gy-3{--ngsgutter-y: 1rem}.ngs .g-4,.ngs .gx-4{--ngsgutter-x: 1.5rem}.ngs .g-4,.ngs .gy-4{--ngsgutter-y: 1.5rem}.ngs .g-5,.ngs .gx-5{--ngsgutter-x: 3rem}.ngs .g-5,.ngs .gy-5{--ngsgutter-y: 3rem}@media (min-width: 576px){.ngs .col-sm{flex:1 0 0%}.ngs .row-cols-sm-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-sm-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-sm-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-sm-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-sm-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-sm-auto{flex:0 0 auto;width:auto}.ngs .col-sm-1{flex:0 0 auto;width:6.25%}.ngs .col-sm-2{flex:0 0 auto;width:12.5%}.ngs .col-sm-3{flex:0 0 auto;width:18.75%}.ngs .col-sm-4{flex:0 0 auto;width:25%}.ngs .col-sm-5{flex:0 0 auto;width:31.25%}.ngs .col-sm-6{flex:0 0 auto;width:37.5%}.ngs .col-sm-7{flex:0 0 auto;width:43.75%}.ngs .col-sm-8{flex:0 0 auto;width:50%}.ngs .col-sm-9{flex:0 0 auto;width:56.25%}.ngs .col-sm-10{flex:0 0 auto;width:62.5%}.ngs .col-sm-11{flex:0 0 auto;width:68.75%}.ngs .col-sm-12{flex:0 0 auto;width:75%}.ngs .col-sm-13{flex:0 0 auto;width:81.25%}.ngs .col-sm-14{flex:0 0 auto;width:87.5%}.ngs .col-sm-15{flex:0 0 auto;width:93.75%}.ngs .col-sm-16{flex:0 0 auto;width:100%}.ngs .offset-sm-0{margin-left:0}.ngs .offset-sm-1{margin-left:6.25%}.ngs .offset-sm-2{margin-left:12.5%}.ngs .offset-sm-3{margin-left:18.75%}.ngs .offset-sm-4{margin-left:25%}.ngs .offset-sm-5{margin-left:31.25%}.ngs .offset-sm-6{margin-left:37.5%}.ngs .offset-sm-7{margin-left:43.75%}.ngs .offset-sm-8{margin-left:50%}.ngs .offset-sm-9{margin-left:56.25%}.ngs .offset-sm-10{margin-left:62.5%}.ngs .offset-sm-11{margin-left:68.75%}.ngs .offset-sm-12{margin-left:75%}.ngs .offset-sm-13{margin-left:81.25%}.ngs .offset-sm-14{margin-left:87.5%}.ngs .offset-sm-15{margin-left:93.75%}.ngs .g-sm-0,.ngs .gx-sm-0{--ngsgutter-x: 0}.ngs .g-sm-0,.ngs .gy-sm-0{--ngsgutter-y: 0}.ngs .g-sm-1,.ngs .gx-sm-1{--ngsgutter-x: .25rem}.ngs .g-sm-1,.ngs .gy-sm-1{--ngsgutter-y: .25rem}.ngs .g-sm-2,.ngs .gx-sm-2{--ngsgutter-x: .5rem}.ngs .g-sm-2,.ngs .gy-sm-2{--ngsgutter-y: .5rem}.ngs .g-sm-3,.ngs .gx-sm-3{--ngsgutter-x: 1rem}.ngs .g-sm-3,.ngs .gy-sm-3{--ngsgutter-y: 1rem}.ngs .g-sm-4,.ngs .gx-sm-4{--ngsgutter-x: 1.5rem}.ngs .g-sm-4,.ngs .gy-sm-4{--ngsgutter-y: 1.5rem}.ngs .g-sm-5,.ngs .gx-sm-5{--ngsgutter-x: 3rem}.ngs .g-sm-5,.ngs .gy-sm-5{--ngsgutter-y: 3rem}}@media (min-width: 768px){.ngs .col-md{flex:1 0 0%}.ngs .row-cols-md-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-md-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-md-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-md-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-md-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-md-auto{flex:0 0 auto;width:auto}.ngs .col-md-1{flex:0 0 auto;width:6.25%}.ngs .col-md-2{flex:0 0 auto;width:12.5%}.ngs .col-md-3{flex:0 0 auto;width:18.75%}.ngs .col-md-4{flex:0 0 auto;width:25%}.ngs .col-md-5{flex:0 0 auto;width:31.25%}.ngs .col-md-6{flex:0 0 auto;width:37.5%}.ngs .col-md-7{flex:0 0 auto;width:43.75%}.ngs .col-md-8{flex:0 0 auto;width:50%}.ngs .col-md-9{flex:0 0 auto;width:56.25%}.ngs .col-md-10{flex:0 0 auto;width:62.5%}.ngs .col-md-11{flex:0 0 auto;width:68.75%}.ngs .col-md-12{flex:0 0 auto;width:75%}.ngs .col-md-13{flex:0 0 auto;width:81.25%}.ngs .col-md-14{flex:0 0 auto;width:87.5%}.ngs .col-md-15{flex:0 0 auto;width:93.75%}.ngs .col-md-16{flex:0 0 auto;width:100%}.ngs .offset-md-0{margin-left:0}.ngs .offset-md-1{margin-left:6.25%}.ngs .offset-md-2{margin-left:12.5%}.ngs .offset-md-3{margin-left:18.75%}.ngs .offset-md-4{margin-left:25%}.ngs .offset-md-5{margin-left:31.25%}.ngs .offset-md-6{margin-left:37.5%}.ngs .offset-md-7{margin-left:43.75%}.ngs .offset-md-8{margin-left:50%}.ngs .offset-md-9{margin-left:56.25%}.ngs .offset-md-10{margin-left:62.5%}.ngs .offset-md-11{margin-left:68.75%}.ngs .offset-md-12{margin-left:75%}.ngs .offset-md-13{margin-left:81.25%}.ngs .offset-md-14{margin-left:87.5%}.ngs .offset-md-15{margin-left:93.75%}.ngs .g-md-0,.ngs .gx-md-0{--ngsgutter-x: 0}.ngs .g-md-0,.ngs .gy-md-0{--ngsgutter-y: 0}.ngs .g-md-1,.ngs .gx-md-1{--ngsgutter-x: .25rem}.ngs .g-md-1,.ngs .gy-md-1{--ngsgutter-y: .25rem}.ngs .g-md-2,.ngs .gx-md-2{--ngsgutter-x: .5rem}.ngs .g-md-2,.ngs .gy-md-2{--ngsgutter-y: .5rem}.ngs .g-md-3,.ngs .gx-md-3{--ngsgutter-x: 1rem}.ngs .g-md-3,.ngs .gy-md-3{--ngsgutter-y: 1rem}.ngs .g-md-4,.ngs .gx-md-4{--ngsgutter-x: 1.5rem}.ngs .g-md-4,.ngs .gy-md-4{--ngsgutter-y: 1.5rem}.ngs .g-md-5,.ngs .gx-md-5{--ngsgutter-x: 3rem}.ngs .g-md-5,.ngs .gy-md-5{--ngsgutter-y: 3rem}}@media (min-width: 992px){.ngs .col-lg{flex:1 0 0%}.ngs .row-cols-lg-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-lg-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-lg-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-lg-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-lg-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-lg-auto{flex:0 0 auto;width:auto}.ngs .col-lg-1{flex:0 0 auto;width:6.25%}.ngs .col-lg-2{flex:0 0 auto;width:12.5%}.ngs .col-lg-3{flex:0 0 auto;width:18.75%}.ngs .col-lg-4{flex:0 0 auto;width:25%}.ngs .col-lg-5{flex:0 0 auto;width:31.25%}.ngs .col-lg-6{flex:0 0 auto;width:37.5%}.ngs .col-lg-7{flex:0 0 auto;width:43.75%}.ngs .col-lg-8{flex:0 0 auto;width:50%}.ngs .col-lg-9{flex:0 0 auto;width:56.25%}.ngs .col-lg-10{flex:0 0 auto;width:62.5%}.ngs .col-lg-11{flex:0 0 auto;width:68.75%}.ngs .col-lg-12{flex:0 0 auto;width:75%}.ngs .col-lg-13{flex:0 0 auto;width:81.25%}.ngs .col-lg-14{flex:0 0 auto;width:87.5%}.ngs .col-lg-15{flex:0 0 auto;width:93.75%}.ngs .col-lg-16{flex:0 0 auto;width:100%}.ngs .offset-lg-0{margin-left:0}.ngs .offset-lg-1{margin-left:6.25%}.ngs .offset-lg-2{margin-left:12.5%}.ngs .offset-lg-3{margin-left:18.75%}.ngs .offset-lg-4{margin-left:25%}.ngs .offset-lg-5{margin-left:31.25%}.ngs .offset-lg-6{margin-left:37.5%}.ngs .offset-lg-7{margin-left:43.75%}.ngs .offset-lg-8{margin-left:50%}.ngs .offset-lg-9{margin-left:56.25%}.ngs .offset-lg-10{margin-left:62.5%}.ngs .offset-lg-11{margin-left:68.75%}.ngs .offset-lg-12{margin-left:75%}.ngs .offset-lg-13{margin-left:81.25%}.ngs .offset-lg-14{margin-left:87.5%}.ngs .offset-lg-15{margin-left:93.75%}.ngs .g-lg-0,.ngs .gx-lg-0{--ngsgutter-x: 0}.ngs .g-lg-0,.ngs .gy-lg-0{--ngsgutter-y: 0}.ngs .g-lg-1,.ngs .gx-lg-1{--ngsgutter-x: .25rem}.ngs .g-lg-1,.ngs .gy-lg-1{--ngsgutter-y: .25rem}.ngs .g-lg-2,.ngs .gx-lg-2{--ngsgutter-x: .5rem}.ngs .g-lg-2,.ngs .gy-lg-2{--ngsgutter-y: .5rem}.ngs .g-lg-3,.ngs .gx-lg-3{--ngsgutter-x: 1rem}.ngs .g-lg-3,.ngs .gy-lg-3{--ngsgutter-y: 1rem}.ngs .g-lg-4,.ngs .gx-lg-4{--ngsgutter-x: 1.5rem}.ngs .g-lg-4,.ngs .gy-lg-4{--ngsgutter-y: 1.5rem}.ngs .g-lg-5,.ngs .gx-lg-5{--ngsgutter-x: 3rem}.ngs .g-lg-5,.ngs .gy-lg-5{--ngsgutter-y: 3rem}}@media (min-width: 1200px){.ngs .col-xl{flex:1 0 0%}.ngs .row-cols-xl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xl-auto{flex:0 0 auto;width:auto}.ngs .col-xl-1{flex:0 0 auto;width:6.25%}.ngs .col-xl-2{flex:0 0 auto;width:12.5%}.ngs .col-xl-3{flex:0 0 auto;width:18.75%}.ngs .col-xl-4{flex:0 0 auto;width:25%}.ngs .col-xl-5{flex:0 0 auto;width:31.25%}.ngs .col-xl-6{flex:0 0 auto;width:37.5%}.ngs .col-xl-7{flex:0 0 auto;width:43.75%}.ngs .col-xl-8{flex:0 0 auto;width:50%}.ngs .col-xl-9{flex:0 0 auto;width:56.25%}.ngs .col-xl-10{flex:0 0 auto;width:62.5%}.ngs .col-xl-11{flex:0 0 auto;width:68.75%}.ngs .col-xl-12{flex:0 0 auto;width:75%}.ngs .col-xl-13{flex:0 0 auto;width:81.25%}.ngs .col-xl-14{flex:0 0 auto;width:87.5%}.ngs .col-xl-15{flex:0 0 auto;width:93.75%}.ngs .col-xl-16{flex:0 0 auto;width:100%}.ngs .offset-xl-0{margin-left:0}.ngs .offset-xl-1{margin-left:6.25%}.ngs .offset-xl-2{margin-left:12.5%}.ngs .offset-xl-3{margin-left:18.75%}.ngs .offset-xl-4{margin-left:25%}.ngs .offset-xl-5{margin-left:31.25%}.ngs .offset-xl-6{margin-left:37.5%}.ngs .offset-xl-7{margin-left:43.75%}.ngs .offset-xl-8{margin-left:50%}.ngs .offset-xl-9{margin-left:56.25%}.ngs .offset-xl-10{margin-left:62.5%}.ngs .offset-xl-11{margin-left:68.75%}.ngs .offset-xl-12{margin-left:75%}.ngs .offset-xl-13{margin-left:81.25%}.ngs .offset-xl-14{margin-left:87.5%}.ngs .offset-xl-15{margin-left:93.75%}.ngs .g-xl-0,.ngs .gx-xl-0{--ngsgutter-x: 0}.ngs .g-xl-0,.ngs .gy-xl-0{--ngsgutter-y: 0}.ngs .g-xl-1,.ngs .gx-xl-1{--ngsgutter-x: .25rem}.ngs .g-xl-1,.ngs .gy-xl-1{--ngsgutter-y: .25rem}.ngs .g-xl-2,.ngs .gx-xl-2{--ngsgutter-x: .5rem}.ngs .g-xl-2,.ngs .gy-xl-2{--ngsgutter-y: .5rem}.ngs .g-xl-3,.ngs .gx-xl-3{--ngsgutter-x: 1rem}.ngs .g-xl-3,.ngs .gy-xl-3{--ngsgutter-y: 1rem}.ngs .g-xl-4,.ngs .gx-xl-4{--ngsgutter-x: 1.5rem}.ngs .g-xl-4,.ngs .gy-xl-4{--ngsgutter-y: 1.5rem}.ngs .g-xl-5,.ngs .gx-xl-5{--ngsgutter-x: 3rem}.ngs .g-xl-5,.ngs .gy-xl-5{--ngsgutter-y: 3rem}}@media (min-width: 1400px){.ngs .col-xxl{flex:1 0 0%}.ngs .row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.ngs .row-cols-xxl-1>*{flex:0 0 auto;width:100%}.ngs .row-cols-xxl-2>*{flex:0 0 auto;width:50%}.ngs .row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.ngs .row-cols-xxl-4>*{flex:0 0 auto;width:25%}.ngs .row-cols-xxl-5>*{flex:0 0 auto;width:20%}.ngs .row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.ngs .col-xxl-auto{flex:0 0 auto;width:auto}.ngs .col-xxl-1{flex:0 0 auto;width:6.25%}.ngs .col-xxl-2{flex:0 0 auto;width:12.5%}.ngs .col-xxl-3{flex:0 0 auto;width:18.75%}.ngs .col-xxl-4{flex:0 0 auto;width:25%}.ngs .col-xxl-5{flex:0 0 auto;width:31.25%}.ngs .col-xxl-6{flex:0 0 auto;width:37.5%}.ngs .col-xxl-7{flex:0 0 auto;width:43.75%}.ngs .col-xxl-8{flex:0 0 auto;width:50%}.ngs .col-xxl-9{flex:0 0 auto;width:56.25%}.ngs .col-xxl-10{flex:0 0 auto;width:62.5%}.ngs .col-xxl-11{flex:0 0 auto;width:68.75%}.ngs .col-xxl-12{flex:0 0 auto;width:75%}.ngs .col-xxl-13{flex:0 0 auto;width:81.25%}.ngs .col-xxl-14{flex:0 0 auto;width:87.5%}.ngs .col-xxl-15{flex:0 0 auto;width:93.75%}.ngs .col-xxl-16{flex:0 0 auto;width:100%}.ngs .offset-xxl-0{margin-left:0}.ngs .offset-xxl-1{margin-left:6.25%}.ngs .offset-xxl-2{margin-left:12.5%}.ngs .offset-xxl-3{margin-left:18.75%}.ngs .offset-xxl-4{margin-left:25%}.ngs .offset-xxl-5{margin-left:31.25%}.ngs .offset-xxl-6{margin-left:37.5%}.ngs .offset-xxl-7{margin-left:43.75%}.ngs .offset-xxl-8{margin-left:50%}.ngs .offset-xxl-9{margin-left:56.25%}.ngs .offset-xxl-10{margin-left:62.5%}.ngs .offset-xxl-11{margin-left:68.75%}.ngs .offset-xxl-12{margin-left:75%}.ngs .offset-xxl-13{margin-left:81.25%}.ngs .offset-xxl-14{margin-left:87.5%}.ngs .offset-xxl-15{margin-left:93.75%}.ngs .g-xxl-0,.ngs .gx-xxl-0{--ngsgutter-x: 0}.ngs .g-xxl-0,.ngs .gy-xxl-0{--ngsgutter-y: 0}.ngs .g-xxl-1,.ngs .gx-xxl-1{--ngsgutter-x: .25rem}.ngs .g-xxl-1,.ngs .gy-xxl-1{--ngsgutter-y: .25rem}.ngs .g-xxl-2,.ngs .gx-xxl-2{--ngsgutter-x: .5rem}.ngs .g-xxl-2,.ngs .gy-xxl-2{--ngsgutter-y: .5rem}.ngs .g-xxl-3,.ngs .gx-xxl-3{--ngsgutter-x: 1rem}.ngs .g-xxl-3,.ngs .gy-xxl-3{--ngsgutter-y: 1rem}.ngs .g-xxl-4,.ngs .gx-xxl-4{--ngsgutter-x: 1.5rem}.ngs .g-xxl-4,.ngs .gy-xxl-4{--ngsgutter-y: 1.5rem}.ngs .g-xxl-5,.ngs .gx-xxl-5{--ngsgutter-x: 3rem}.ngs .g-xxl-5,.ngs .gy-xxl-5{--ngsgutter-y: 3rem}}.ngs .d-inline{display:inline!important}.ngs .d-inline-block{display:inline-block!important}.ngs .d-block{display:block!important}.ngs .d-grid{display:grid!important}.ngs .d-inline-grid{display:inline-grid!important}.ngs .d-table{display:table!important}.ngs .d-table-row{display:table-row!important}.ngs .d-table-cell{display:table-cell!important}.ngs .d-flex{display:flex!important}.ngs .d-inline-flex{display:inline-flex!important}.ngs .d-none{display:none!important}.ngs .flex-fill{flex:1 1 auto!important}.ngs .flex-row{flex-direction:row!important}.ngs .flex-column{flex-direction:column!important}.ngs .flex-row-reverse{flex-direction:row-reverse!important}.ngs .flex-column-reverse{flex-direction:column-reverse!important}.ngs .flex-grow-0{flex-grow:0!important}.ngs .flex-grow-1{flex-grow:1!important}.ngs .flex-shrink-0{flex-shrink:0!important}.ngs .flex-shrink-1{flex-shrink:1!important}.ngs .flex-wrap{flex-wrap:wrap!important}.ngs .flex-nowrap{flex-wrap:nowrap!important}.ngs .flex-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-start{justify-content:flex-start!important}.ngs .justify-content-end{justify-content:flex-end!important}.ngs .justify-content-center{justify-content:center!important}.ngs .justify-content-between{justify-content:space-between!important}.ngs .justify-content-around{justify-content:space-around!important}.ngs .justify-content-evenly{justify-content:space-evenly!important}.ngs .align-items-start{align-items:flex-start!important}.ngs .align-items-end{align-items:flex-end!important}.ngs .align-items-center{align-items:center!important}.ngs .align-items-baseline{align-items:baseline!important}.ngs .align-items-stretch{align-items:stretch!important}.ngs .align-content-start{align-content:flex-start!important}.ngs .align-content-end{align-content:flex-end!important}.ngs .align-content-center{align-content:center!important}.ngs .align-content-between{align-content:space-between!important}.ngs .align-content-around{align-content:space-around!important}.ngs .align-content-stretch{align-content:stretch!important}.ngs .align-self-auto{align-self:auto!important}.ngs .align-self-start{align-self:flex-start!important}.ngs .align-self-end{align-self:flex-end!important}.ngs .align-self-center{align-self:center!important}.ngs .align-self-baseline{align-self:baseline!important}.ngs .align-self-stretch{align-self:stretch!important}.ngs .order-first{order:-1!important}.ngs .order-0{order:0!important}.ngs .order-1{order:1!important}.ngs .order-2{order:2!important}.ngs .order-3{order:3!important}.ngs .order-4{order:4!important}.ngs .order-5{order:5!important}.ngs .order-last{order:6!important}.ngs .m-0{margin:0!important}.ngs .m-1{margin:.25rem!important}.ngs .m-2{margin:.5rem!important}.ngs .m-3{margin:1rem!important}.ngs .m-4{margin:1.5rem!important}.ngs .m-5{margin:3rem!important}.ngs .m-auto{margin:auto!important}.ngs .mx-0{margin-right:0!important;margin-left:0!important}.ngs .mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-0{margin-top:0!important}.ngs .mt-1{margin-top:.25rem!important}.ngs .mt-2{margin-top:.5rem!important}.ngs .mt-3{margin-top:1rem!important}.ngs .mt-4{margin-top:1.5rem!important}.ngs .mt-5{margin-top:3rem!important}.ngs .mt-auto{margin-top:auto!important}.ngs .me-0{margin-right:0!important}.ngs .me-1{margin-right:.25rem!important}.ngs .me-2{margin-right:.5rem!important}.ngs .me-3{margin-right:1rem!important}.ngs .me-4{margin-right:1.5rem!important}.ngs .me-5{margin-right:3rem!important}.ngs .me-auto{margin-right:auto!important}.ngs .mb-0{margin-bottom:0!important}.ngs .mb-1{margin-bottom:.25rem!important}.ngs .mb-2{margin-bottom:.5rem!important}.ngs .mb-3{margin-bottom:1rem!important}.ngs .mb-4{margin-bottom:1.5rem!important}.ngs .mb-5{margin-bottom:3rem!important}.ngs .mb-auto{margin-bottom:auto!important}.ngs .ms-0{margin-left:0!important}.ngs .ms-1{margin-left:.25rem!important}.ngs .ms-2{margin-left:.5rem!important}.ngs .ms-3{margin-left:1rem!important}.ngs .ms-4{margin-left:1.5rem!important}.ngs .ms-5{margin-left:3rem!important}.ngs .ms-auto{margin-left:auto!important}.ngs .p-0{padding:0!important}.ngs .p-1{padding:.25rem!important}.ngs .p-2{padding:.5rem!important}.ngs .p-3{padding:1rem!important}.ngs .p-4{padding:1.5rem!important}.ngs .p-5{padding:3rem!important}.ngs .px-0{padding-right:0!important;padding-left:0!important}.ngs .px-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-0{padding-top:0!important}.ngs .pt-1{padding-top:.25rem!important}.ngs .pt-2{padding-top:.5rem!important}.ngs .pt-3{padding-top:1rem!important}.ngs .pt-4{padding-top:1.5rem!important}.ngs .pt-5{padding-top:3rem!important}.ngs .pe-0{padding-right:0!important}.ngs .pe-1{padding-right:.25rem!important}.ngs .pe-2{padding-right:.5rem!important}.ngs .pe-3{padding-right:1rem!important}.ngs .pe-4{padding-right:1.5rem!important}.ngs .pe-5{padding-right:3rem!important}.ngs .pb-0{padding-bottom:0!important}.ngs .pb-1{padding-bottom:.25rem!important}.ngs .pb-2{padding-bottom:.5rem!important}.ngs .pb-3{padding-bottom:1rem!important}.ngs .pb-4{padding-bottom:1.5rem!important}.ngs .pb-5{padding-bottom:3rem!important}.ngs .ps-0{padding-left:0!important}.ngs .ps-1{padding-left:.25rem!important}.ngs .ps-2{padding-left:.5rem!important}.ngs .ps-3{padding-left:1rem!important}.ngs .ps-4{padding-left:1.5rem!important}.ngs .ps-5{padding-left:3rem!important}@media (min-width: 576px){.ngs .d-sm-inline{display:inline!important}.ngs .d-sm-inline-block{display:inline-block!important}.ngs .d-sm-block{display:block!important}.ngs .d-sm-grid{display:grid!important}.ngs .d-sm-inline-grid{display:inline-grid!important}.ngs .d-sm-table{display:table!important}.ngs .d-sm-table-row{display:table-row!important}.ngs .d-sm-table-cell{display:table-cell!important}.ngs .d-sm-flex{display:flex!important}.ngs .d-sm-inline-flex{display:inline-flex!important}.ngs .d-sm-none{display:none!important}.ngs .flex-sm-fill{flex:1 1 auto!important}.ngs .flex-sm-row{flex-direction:row!important}.ngs .flex-sm-column{flex-direction:column!important}.ngs .flex-sm-row-reverse{flex-direction:row-reverse!important}.ngs .flex-sm-column-reverse{flex-direction:column-reverse!important}.ngs .flex-sm-grow-0{flex-grow:0!important}.ngs .flex-sm-grow-1{flex-grow:1!important}.ngs .flex-sm-shrink-0{flex-shrink:0!important}.ngs .flex-sm-shrink-1{flex-shrink:1!important}.ngs .flex-sm-wrap{flex-wrap:wrap!important}.ngs .flex-sm-nowrap{flex-wrap:nowrap!important}.ngs .flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-sm-start{justify-content:flex-start!important}.ngs .justify-content-sm-end{justify-content:flex-end!important}.ngs .justify-content-sm-center{justify-content:center!important}.ngs .justify-content-sm-between{justify-content:space-between!important}.ngs .justify-content-sm-around{justify-content:space-around!important}.ngs .justify-content-sm-evenly{justify-content:space-evenly!important}.ngs .align-items-sm-start{align-items:flex-start!important}.ngs .align-items-sm-end{align-items:flex-end!important}.ngs .align-items-sm-center{align-items:center!important}.ngs .align-items-sm-baseline{align-items:baseline!important}.ngs .align-items-sm-stretch{align-items:stretch!important}.ngs .align-content-sm-start{align-content:flex-start!important}.ngs .align-content-sm-end{align-content:flex-end!important}.ngs .align-content-sm-center{align-content:center!important}.ngs .align-content-sm-between{align-content:space-between!important}.ngs .align-content-sm-around{align-content:space-around!important}.ngs .align-content-sm-stretch{align-content:stretch!important}.ngs .align-self-sm-auto{align-self:auto!important}.ngs .align-self-sm-start{align-self:flex-start!important}.ngs .align-self-sm-end{align-self:flex-end!important}.ngs .align-self-sm-center{align-self:center!important}.ngs .align-self-sm-baseline{align-self:baseline!important}.ngs .align-self-sm-stretch{align-self:stretch!important}.ngs .order-sm-first{order:-1!important}.ngs .order-sm-0{order:0!important}.ngs .order-sm-1{order:1!important}.ngs .order-sm-2{order:2!important}.ngs .order-sm-3{order:3!important}.ngs .order-sm-4{order:4!important}.ngs .order-sm-5{order:5!important}.ngs .order-sm-last{order:6!important}.ngs .m-sm-0{margin:0!important}.ngs .m-sm-1{margin:.25rem!important}.ngs .m-sm-2{margin:.5rem!important}.ngs .m-sm-3{margin:1rem!important}.ngs .m-sm-4{margin:1.5rem!important}.ngs .m-sm-5{margin:3rem!important}.ngs .m-sm-auto{margin:auto!important}.ngs .mx-sm-0{margin-right:0!important;margin-left:0!important}.ngs .mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-sm-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-sm-0{margin-top:0!important}.ngs .mt-sm-1{margin-top:.25rem!important}.ngs .mt-sm-2{margin-top:.5rem!important}.ngs .mt-sm-3{margin-top:1rem!important}.ngs .mt-sm-4{margin-top:1.5rem!important}.ngs .mt-sm-5{margin-top:3rem!important}.ngs .mt-sm-auto{margin-top:auto!important}.ngs .me-sm-0{margin-right:0!important}.ngs .me-sm-1{margin-right:.25rem!important}.ngs .me-sm-2{margin-right:.5rem!important}.ngs .me-sm-3{margin-right:1rem!important}.ngs .me-sm-4{margin-right:1.5rem!important}.ngs .me-sm-5{margin-right:3rem!important}.ngs .me-sm-auto{margin-right:auto!important}.ngs .mb-sm-0{margin-bottom:0!important}.ngs .mb-sm-1{margin-bottom:.25rem!important}.ngs .mb-sm-2{margin-bottom:.5rem!important}.ngs .mb-sm-3{margin-bottom:1rem!important}.ngs .mb-sm-4{margin-bottom:1.5rem!important}.ngs .mb-sm-5{margin-bottom:3rem!important}.ngs .mb-sm-auto{margin-bottom:auto!important}.ngs .ms-sm-0{margin-left:0!important}.ngs .ms-sm-1{margin-left:.25rem!important}.ngs .ms-sm-2{margin-left:.5rem!important}.ngs .ms-sm-3{margin-left:1rem!important}.ngs .ms-sm-4{margin-left:1.5rem!important}.ngs .ms-sm-5{margin-left:3rem!important}.ngs .ms-sm-auto{margin-left:auto!important}.ngs .p-sm-0{padding:0!important}.ngs .p-sm-1{padding:.25rem!important}.ngs .p-sm-2{padding:.5rem!important}.ngs .p-sm-3{padding:1rem!important}.ngs .p-sm-4{padding:1.5rem!important}.ngs .p-sm-5{padding:3rem!important}.ngs .px-sm-0{padding-right:0!important;padding-left:0!important}.ngs .px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-sm-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-sm-0{padding-top:0!important}.ngs .pt-sm-1{padding-top:.25rem!important}.ngs .pt-sm-2{padding-top:.5rem!important}.ngs .pt-sm-3{padding-top:1rem!important}.ngs .pt-sm-4{padding-top:1.5rem!important}.ngs .pt-sm-5{padding-top:3rem!important}.ngs .pe-sm-0{padding-right:0!important}.ngs .pe-sm-1{padding-right:.25rem!important}.ngs .pe-sm-2{padding-right:.5rem!important}.ngs .pe-sm-3{padding-right:1rem!important}.ngs .pe-sm-4{padding-right:1.5rem!important}.ngs .pe-sm-5{padding-right:3rem!important}.ngs .pb-sm-0{padding-bottom:0!important}.ngs .pb-sm-1{padding-bottom:.25rem!important}.ngs .pb-sm-2{padding-bottom:.5rem!important}.ngs .pb-sm-3{padding-bottom:1rem!important}.ngs .pb-sm-4{padding-bottom:1.5rem!important}.ngs .pb-sm-5{padding-bottom:3rem!important}.ngs .ps-sm-0{padding-left:0!important}.ngs .ps-sm-1{padding-left:.25rem!important}.ngs .ps-sm-2{padding-left:.5rem!important}.ngs .ps-sm-3{padding-left:1rem!important}.ngs .ps-sm-4{padding-left:1.5rem!important}.ngs .ps-sm-5{padding-left:3rem!important}}@media (min-width: 768px){.ngs .d-md-inline{display:inline!important}.ngs .d-md-inline-block{display:inline-block!important}.ngs .d-md-block{display:block!important}.ngs .d-md-grid{display:grid!important}.ngs .d-md-inline-grid{display:inline-grid!important}.ngs .d-md-table{display:table!important}.ngs .d-md-table-row{display:table-row!important}.ngs .d-md-table-cell{display:table-cell!important}.ngs .d-md-flex{display:flex!important}.ngs .d-md-inline-flex{display:inline-flex!important}.ngs .d-md-none{display:none!important}.ngs .flex-md-fill{flex:1 1 auto!important}.ngs .flex-md-row{flex-direction:row!important}.ngs .flex-md-column{flex-direction:column!important}.ngs .flex-md-row-reverse{flex-direction:row-reverse!important}.ngs .flex-md-column-reverse{flex-direction:column-reverse!important}.ngs .flex-md-grow-0{flex-grow:0!important}.ngs .flex-md-grow-1{flex-grow:1!important}.ngs .flex-md-shrink-0{flex-shrink:0!important}.ngs .flex-md-shrink-1{flex-shrink:1!important}.ngs .flex-md-wrap{flex-wrap:wrap!important}.ngs .flex-md-nowrap{flex-wrap:nowrap!important}.ngs .flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-md-start{justify-content:flex-start!important}.ngs .justify-content-md-end{justify-content:flex-end!important}.ngs .justify-content-md-center{justify-content:center!important}.ngs .justify-content-md-between{justify-content:space-between!important}.ngs .justify-content-md-around{justify-content:space-around!important}.ngs .justify-content-md-evenly{justify-content:space-evenly!important}.ngs .align-items-md-start{align-items:flex-start!important}.ngs .align-items-md-end{align-items:flex-end!important}.ngs .align-items-md-center{align-items:center!important}.ngs .align-items-md-baseline{align-items:baseline!important}.ngs .align-items-md-stretch{align-items:stretch!important}.ngs .align-content-md-start{align-content:flex-start!important}.ngs .align-content-md-end{align-content:flex-end!important}.ngs .align-content-md-center{align-content:center!important}.ngs .align-content-md-between{align-content:space-between!important}.ngs .align-content-md-around{align-content:space-around!important}.ngs .align-content-md-stretch{align-content:stretch!important}.ngs .align-self-md-auto{align-self:auto!important}.ngs .align-self-md-start{align-self:flex-start!important}.ngs .align-self-md-end{align-self:flex-end!important}.ngs .align-self-md-center{align-self:center!important}.ngs .align-self-md-baseline{align-self:baseline!important}.ngs .align-self-md-stretch{align-self:stretch!important}.ngs .order-md-first{order:-1!important}.ngs .order-md-0{order:0!important}.ngs .order-md-1{order:1!important}.ngs .order-md-2{order:2!important}.ngs .order-md-3{order:3!important}.ngs .order-md-4{order:4!important}.ngs .order-md-5{order:5!important}.ngs .order-md-last{order:6!important}.ngs .m-md-0{margin:0!important}.ngs .m-md-1{margin:.25rem!important}.ngs .m-md-2{margin:.5rem!important}.ngs .m-md-3{margin:1rem!important}.ngs .m-md-4{margin:1.5rem!important}.ngs .m-md-5{margin:3rem!important}.ngs .m-md-auto{margin:auto!important}.ngs .mx-md-0{margin-right:0!important;margin-left:0!important}.ngs .mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-md-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-md-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-md-0{margin-top:0!important}.ngs .mt-md-1{margin-top:.25rem!important}.ngs .mt-md-2{margin-top:.5rem!important}.ngs .mt-md-3{margin-top:1rem!important}.ngs .mt-md-4{margin-top:1.5rem!important}.ngs .mt-md-5{margin-top:3rem!important}.ngs .mt-md-auto{margin-top:auto!important}.ngs .me-md-0{margin-right:0!important}.ngs .me-md-1{margin-right:.25rem!important}.ngs .me-md-2{margin-right:.5rem!important}.ngs .me-md-3{margin-right:1rem!important}.ngs .me-md-4{margin-right:1.5rem!important}.ngs .me-md-5{margin-right:3rem!important}.ngs .me-md-auto{margin-right:auto!important}.ngs .mb-md-0{margin-bottom:0!important}.ngs .mb-md-1{margin-bottom:.25rem!important}.ngs .mb-md-2{margin-bottom:.5rem!important}.ngs .mb-md-3{margin-bottom:1rem!important}.ngs .mb-md-4{margin-bottom:1.5rem!important}.ngs .mb-md-5{margin-bottom:3rem!important}.ngs .mb-md-auto{margin-bottom:auto!important}.ngs .ms-md-0{margin-left:0!important}.ngs .ms-md-1{margin-left:.25rem!important}.ngs .ms-md-2{margin-left:.5rem!important}.ngs .ms-md-3{margin-left:1rem!important}.ngs .ms-md-4{margin-left:1.5rem!important}.ngs .ms-md-5{margin-left:3rem!important}.ngs .ms-md-auto{margin-left:auto!important}.ngs .p-md-0{padding:0!important}.ngs .p-md-1{padding:.25rem!important}.ngs .p-md-2{padding:.5rem!important}.ngs .p-md-3{padding:1rem!important}.ngs .p-md-4{padding:1.5rem!important}.ngs .p-md-5{padding:3rem!important}.ngs .px-md-0{padding-right:0!important;padding-left:0!important}.ngs .px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-md-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-md-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-md-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-md-0{padding-top:0!important}.ngs .pt-md-1{padding-top:.25rem!important}.ngs .pt-md-2{padding-top:.5rem!important}.ngs .pt-md-3{padding-top:1rem!important}.ngs .pt-md-4{padding-top:1.5rem!important}.ngs .pt-md-5{padding-top:3rem!important}.ngs .pe-md-0{padding-right:0!important}.ngs .pe-md-1{padding-right:.25rem!important}.ngs .pe-md-2{padding-right:.5rem!important}.ngs .pe-md-3{padding-right:1rem!important}.ngs .pe-md-4{padding-right:1.5rem!important}.ngs .pe-md-5{padding-right:3rem!important}.ngs .pb-md-0{padding-bottom:0!important}.ngs .pb-md-1{padding-bottom:.25rem!important}.ngs .pb-md-2{padding-bottom:.5rem!important}.ngs .pb-md-3{padding-bottom:1rem!important}.ngs .pb-md-4{padding-bottom:1.5rem!important}.ngs .pb-md-5{padding-bottom:3rem!important}.ngs .ps-md-0{padding-left:0!important}.ngs .ps-md-1{padding-left:.25rem!important}.ngs .ps-md-2{padding-left:.5rem!important}.ngs .ps-md-3{padding-left:1rem!important}.ngs .ps-md-4{padding-left:1.5rem!important}.ngs .ps-md-5{padding-left:3rem!important}}@media (min-width: 992px){.ngs .d-lg-inline{display:inline!important}.ngs .d-lg-inline-block{display:inline-block!important}.ngs .d-lg-block{display:block!important}.ngs .d-lg-grid{display:grid!important}.ngs .d-lg-inline-grid{display:inline-grid!important}.ngs .d-lg-table{display:table!important}.ngs .d-lg-table-row{display:table-row!important}.ngs .d-lg-table-cell{display:table-cell!important}.ngs .d-lg-flex{display:flex!important}.ngs .d-lg-inline-flex{display:inline-flex!important}.ngs .d-lg-none{display:none!important}.ngs .flex-lg-fill{flex:1 1 auto!important}.ngs .flex-lg-row{flex-direction:row!important}.ngs .flex-lg-column{flex-direction:column!important}.ngs .flex-lg-row-reverse{flex-direction:row-reverse!important}.ngs .flex-lg-column-reverse{flex-direction:column-reverse!important}.ngs .flex-lg-grow-0{flex-grow:0!important}.ngs .flex-lg-grow-1{flex-grow:1!important}.ngs .flex-lg-shrink-0{flex-shrink:0!important}.ngs .flex-lg-shrink-1{flex-shrink:1!important}.ngs .flex-lg-wrap{flex-wrap:wrap!important}.ngs .flex-lg-nowrap{flex-wrap:nowrap!important}.ngs .flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-lg-start{justify-content:flex-start!important}.ngs .justify-content-lg-end{justify-content:flex-end!important}.ngs .justify-content-lg-center{justify-content:center!important}.ngs .justify-content-lg-between{justify-content:space-between!important}.ngs .justify-content-lg-around{justify-content:space-around!important}.ngs .justify-content-lg-evenly{justify-content:space-evenly!important}.ngs .align-items-lg-start{align-items:flex-start!important}.ngs .align-items-lg-end{align-items:flex-end!important}.ngs .align-items-lg-center{align-items:center!important}.ngs .align-items-lg-baseline{align-items:baseline!important}.ngs .align-items-lg-stretch{align-items:stretch!important}.ngs .align-content-lg-start{align-content:flex-start!important}.ngs .align-content-lg-end{align-content:flex-end!important}.ngs .align-content-lg-center{align-content:center!important}.ngs .align-content-lg-between{align-content:space-between!important}.ngs .align-content-lg-around{align-content:space-around!important}.ngs .align-content-lg-stretch{align-content:stretch!important}.ngs .align-self-lg-auto{align-self:auto!important}.ngs .align-self-lg-start{align-self:flex-start!important}.ngs .align-self-lg-end{align-self:flex-end!important}.ngs .align-self-lg-center{align-self:center!important}.ngs .align-self-lg-baseline{align-self:baseline!important}.ngs .align-self-lg-stretch{align-self:stretch!important}.ngs .order-lg-first{order:-1!important}.ngs .order-lg-0{order:0!important}.ngs .order-lg-1{order:1!important}.ngs .order-lg-2{order:2!important}.ngs .order-lg-3{order:3!important}.ngs .order-lg-4{order:4!important}.ngs .order-lg-5{order:5!important}.ngs .order-lg-last{order:6!important}.ngs .m-lg-0{margin:0!important}.ngs .m-lg-1{margin:.25rem!important}.ngs .m-lg-2{margin:.5rem!important}.ngs .m-lg-3{margin:1rem!important}.ngs .m-lg-4{margin:1.5rem!important}.ngs .m-lg-5{margin:3rem!important}.ngs .m-lg-auto{margin:auto!important}.ngs .mx-lg-0{margin-right:0!important;margin-left:0!important}.ngs .mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-lg-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-lg-0{margin-top:0!important}.ngs .mt-lg-1{margin-top:.25rem!important}.ngs .mt-lg-2{margin-top:.5rem!important}.ngs .mt-lg-3{margin-top:1rem!important}.ngs .mt-lg-4{margin-top:1.5rem!important}.ngs .mt-lg-5{margin-top:3rem!important}.ngs .mt-lg-auto{margin-top:auto!important}.ngs .me-lg-0{margin-right:0!important}.ngs .me-lg-1{margin-right:.25rem!important}.ngs .me-lg-2{margin-right:.5rem!important}.ngs .me-lg-3{margin-right:1rem!important}.ngs .me-lg-4{margin-right:1.5rem!important}.ngs .me-lg-5{margin-right:3rem!important}.ngs .me-lg-auto{margin-right:auto!important}.ngs .mb-lg-0{margin-bottom:0!important}.ngs .mb-lg-1{margin-bottom:.25rem!important}.ngs .mb-lg-2{margin-bottom:.5rem!important}.ngs .mb-lg-3{margin-bottom:1rem!important}.ngs .mb-lg-4{margin-bottom:1.5rem!important}.ngs .mb-lg-5{margin-bottom:3rem!important}.ngs .mb-lg-auto{margin-bottom:auto!important}.ngs .ms-lg-0{margin-left:0!important}.ngs .ms-lg-1{margin-left:.25rem!important}.ngs .ms-lg-2{margin-left:.5rem!important}.ngs .ms-lg-3{margin-left:1rem!important}.ngs .ms-lg-4{margin-left:1.5rem!important}.ngs .ms-lg-5{margin-left:3rem!important}.ngs .ms-lg-auto{margin-left:auto!important}.ngs .p-lg-0{padding:0!important}.ngs .p-lg-1{padding:.25rem!important}.ngs .p-lg-2{padding:.5rem!important}.ngs .p-lg-3{padding:1rem!important}.ngs .p-lg-4{padding:1.5rem!important}.ngs .p-lg-5{padding:3rem!important}.ngs .px-lg-0{padding-right:0!important;padding-left:0!important}.ngs .px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-lg-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-lg-0{padding-top:0!important}.ngs .pt-lg-1{padding-top:.25rem!important}.ngs .pt-lg-2{padding-top:.5rem!important}.ngs .pt-lg-3{padding-top:1rem!important}.ngs .pt-lg-4{padding-top:1.5rem!important}.ngs .pt-lg-5{padding-top:3rem!important}.ngs .pe-lg-0{padding-right:0!important}.ngs .pe-lg-1{padding-right:.25rem!important}.ngs .pe-lg-2{padding-right:.5rem!important}.ngs .pe-lg-3{padding-right:1rem!important}.ngs .pe-lg-4{padding-right:1.5rem!important}.ngs .pe-lg-5{padding-right:3rem!important}.ngs .pb-lg-0{padding-bottom:0!important}.ngs .pb-lg-1{padding-bottom:.25rem!important}.ngs .pb-lg-2{padding-bottom:.5rem!important}.ngs .pb-lg-3{padding-bottom:1rem!important}.ngs .pb-lg-4{padding-bottom:1.5rem!important}.ngs .pb-lg-5{padding-bottom:3rem!important}.ngs .ps-lg-0{padding-left:0!important}.ngs .ps-lg-1{padding-left:.25rem!important}.ngs .ps-lg-2{padding-left:.5rem!important}.ngs .ps-lg-3{padding-left:1rem!important}.ngs .ps-lg-4{padding-left:1.5rem!important}.ngs .ps-lg-5{padding-left:3rem!important}}@media (min-width: 1200px){.ngs .d-xl-inline{display:inline!important}.ngs .d-xl-inline-block{display:inline-block!important}.ngs .d-xl-block{display:block!important}.ngs .d-xl-grid{display:grid!important}.ngs .d-xl-inline-grid{display:inline-grid!important}.ngs .d-xl-table{display:table!important}.ngs .d-xl-table-row{display:table-row!important}.ngs .d-xl-table-cell{display:table-cell!important}.ngs .d-xl-flex{display:flex!important}.ngs .d-xl-inline-flex{display:inline-flex!important}.ngs .d-xl-none{display:none!important}.ngs .flex-xl-fill{flex:1 1 auto!important}.ngs .flex-xl-row{flex-direction:row!important}.ngs .flex-xl-column{flex-direction:column!important}.ngs .flex-xl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xl-grow-0{flex-grow:0!important}.ngs .flex-xl-grow-1{flex-grow:1!important}.ngs .flex-xl-shrink-0{flex-shrink:0!important}.ngs .flex-xl-shrink-1{flex-shrink:1!important}.ngs .flex-xl-wrap{flex-wrap:wrap!important}.ngs .flex-xl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xl-start{justify-content:flex-start!important}.ngs .justify-content-xl-end{justify-content:flex-end!important}.ngs .justify-content-xl-center{justify-content:center!important}.ngs .justify-content-xl-between{justify-content:space-between!important}.ngs .justify-content-xl-around{justify-content:space-around!important}.ngs .justify-content-xl-evenly{justify-content:space-evenly!important}.ngs .align-items-xl-start{align-items:flex-start!important}.ngs .align-items-xl-end{align-items:flex-end!important}.ngs .align-items-xl-center{align-items:center!important}.ngs .align-items-xl-baseline{align-items:baseline!important}.ngs .align-items-xl-stretch{align-items:stretch!important}.ngs .align-content-xl-start{align-content:flex-start!important}.ngs .align-content-xl-end{align-content:flex-end!important}.ngs .align-content-xl-center{align-content:center!important}.ngs .align-content-xl-between{align-content:space-between!important}.ngs .align-content-xl-around{align-content:space-around!important}.ngs .align-content-xl-stretch{align-content:stretch!important}.ngs .align-self-xl-auto{align-self:auto!important}.ngs .align-self-xl-start{align-self:flex-start!important}.ngs .align-self-xl-end{align-self:flex-end!important}.ngs .align-self-xl-center{align-self:center!important}.ngs .align-self-xl-baseline{align-self:baseline!important}.ngs .align-self-xl-stretch{align-self:stretch!important}.ngs .order-xl-first{order:-1!important}.ngs .order-xl-0{order:0!important}.ngs .order-xl-1{order:1!important}.ngs .order-xl-2{order:2!important}.ngs .order-xl-3{order:3!important}.ngs .order-xl-4{order:4!important}.ngs .order-xl-5{order:5!important}.ngs .order-xl-last{order:6!important}.ngs .m-xl-0{margin:0!important}.ngs .m-xl-1{margin:.25rem!important}.ngs .m-xl-2{margin:.5rem!important}.ngs .m-xl-3{margin:1rem!important}.ngs .m-xl-4{margin:1.5rem!important}.ngs .m-xl-5{margin:3rem!important}.ngs .m-xl-auto{margin:auto!important}.ngs .mx-xl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xl-0{margin-top:0!important}.ngs .mt-xl-1{margin-top:.25rem!important}.ngs .mt-xl-2{margin-top:.5rem!important}.ngs .mt-xl-3{margin-top:1rem!important}.ngs .mt-xl-4{margin-top:1.5rem!important}.ngs .mt-xl-5{margin-top:3rem!important}.ngs .mt-xl-auto{margin-top:auto!important}.ngs .me-xl-0{margin-right:0!important}.ngs .me-xl-1{margin-right:.25rem!important}.ngs .me-xl-2{margin-right:.5rem!important}.ngs .me-xl-3{margin-right:1rem!important}.ngs .me-xl-4{margin-right:1.5rem!important}.ngs .me-xl-5{margin-right:3rem!important}.ngs .me-xl-auto{margin-right:auto!important}.ngs .mb-xl-0{margin-bottom:0!important}.ngs .mb-xl-1{margin-bottom:.25rem!important}.ngs .mb-xl-2{margin-bottom:.5rem!important}.ngs .mb-xl-3{margin-bottom:1rem!important}.ngs .mb-xl-4{margin-bottom:1.5rem!important}.ngs .mb-xl-5{margin-bottom:3rem!important}.ngs .mb-xl-auto{margin-bottom:auto!important}.ngs .ms-xl-0{margin-left:0!important}.ngs .ms-xl-1{margin-left:.25rem!important}.ngs .ms-xl-2{margin-left:.5rem!important}.ngs .ms-xl-3{margin-left:1rem!important}.ngs .ms-xl-4{margin-left:1.5rem!important}.ngs .ms-xl-5{margin-left:3rem!important}.ngs .ms-xl-auto{margin-left:auto!important}.ngs .p-xl-0{padding:0!important}.ngs .p-xl-1{padding:.25rem!important}.ngs .p-xl-2{padding:.5rem!important}.ngs .p-xl-3{padding:1rem!important}.ngs .p-xl-4{padding:1.5rem!important}.ngs .p-xl-5{padding:3rem!important}.ngs .px-xl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xl-0{padding-top:0!important}.ngs .pt-xl-1{padding-top:.25rem!important}.ngs .pt-xl-2{padding-top:.5rem!important}.ngs .pt-xl-3{padding-top:1rem!important}.ngs .pt-xl-4{padding-top:1.5rem!important}.ngs .pt-xl-5{padding-top:3rem!important}.ngs .pe-xl-0{padding-right:0!important}.ngs .pe-xl-1{padding-right:.25rem!important}.ngs .pe-xl-2{padding-right:.5rem!important}.ngs .pe-xl-3{padding-right:1rem!important}.ngs .pe-xl-4{padding-right:1.5rem!important}.ngs .pe-xl-5{padding-right:3rem!important}.ngs .pb-xl-0{padding-bottom:0!important}.ngs .pb-xl-1{padding-bottom:.25rem!important}.ngs .pb-xl-2{padding-bottom:.5rem!important}.ngs .pb-xl-3{padding-bottom:1rem!important}.ngs .pb-xl-4{padding-bottom:1.5rem!important}.ngs .pb-xl-5{padding-bottom:3rem!important}.ngs .ps-xl-0{padding-left:0!important}.ngs .ps-xl-1{padding-left:.25rem!important}.ngs .ps-xl-2{padding-left:.5rem!important}.ngs .ps-xl-3{padding-left:1rem!important}.ngs .ps-xl-4{padding-left:1.5rem!important}.ngs .ps-xl-5{padding-left:3rem!important}}@media (min-width: 1400px){.ngs .d-xxl-inline{display:inline!important}.ngs .d-xxl-inline-block{display:inline-block!important}.ngs .d-xxl-block{display:block!important}.ngs .d-xxl-grid{display:grid!important}.ngs .d-xxl-inline-grid{display:inline-grid!important}.ngs .d-xxl-table{display:table!important}.ngs .d-xxl-table-row{display:table-row!important}.ngs .d-xxl-table-cell{display:table-cell!important}.ngs .d-xxl-flex{display:flex!important}.ngs .d-xxl-inline-flex{display:inline-flex!important}.ngs .d-xxl-none{display:none!important}.ngs .flex-xxl-fill{flex:1 1 auto!important}.ngs .flex-xxl-row{flex-direction:row!important}.ngs .flex-xxl-column{flex-direction:column!important}.ngs .flex-xxl-row-reverse{flex-direction:row-reverse!important}.ngs .flex-xxl-column-reverse{flex-direction:column-reverse!important}.ngs .flex-xxl-grow-0{flex-grow:0!important}.ngs .flex-xxl-grow-1{flex-grow:1!important}.ngs .flex-xxl-shrink-0{flex-shrink:0!important}.ngs .flex-xxl-shrink-1{flex-shrink:1!important}.ngs .flex-xxl-wrap{flex-wrap:wrap!important}.ngs .flex-xxl-nowrap{flex-wrap:nowrap!important}.ngs .flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.ngs .justify-content-xxl-start{justify-content:flex-start!important}.ngs .justify-content-xxl-end{justify-content:flex-end!important}.ngs .justify-content-xxl-center{justify-content:center!important}.ngs .justify-content-xxl-between{justify-content:space-between!important}.ngs .justify-content-xxl-around{justify-content:space-around!important}.ngs .justify-content-xxl-evenly{justify-content:space-evenly!important}.ngs .align-items-xxl-start{align-items:flex-start!important}.ngs .align-items-xxl-end{align-items:flex-end!important}.ngs .align-items-xxl-center{align-items:center!important}.ngs .align-items-xxl-baseline{align-items:baseline!important}.ngs .align-items-xxl-stretch{align-items:stretch!important}.ngs .align-content-xxl-start{align-content:flex-start!important}.ngs .align-content-xxl-end{align-content:flex-end!important}.ngs .align-content-xxl-center{align-content:center!important}.ngs .align-content-xxl-between{align-content:space-between!important}.ngs .align-content-xxl-around{align-content:space-around!important}.ngs .align-content-xxl-stretch{align-content:stretch!important}.ngs .align-self-xxl-auto{align-self:auto!important}.ngs .align-self-xxl-start{align-self:flex-start!important}.ngs .align-self-xxl-end{align-self:flex-end!important}.ngs .align-self-xxl-center{align-self:center!important}.ngs .align-self-xxl-baseline{align-self:baseline!important}.ngs .align-self-xxl-stretch{align-self:stretch!important}.ngs .order-xxl-first{order:-1!important}.ngs .order-xxl-0{order:0!important}.ngs .order-xxl-1{order:1!important}.ngs .order-xxl-2{order:2!important}.ngs .order-xxl-3{order:3!important}.ngs .order-xxl-4{order:4!important}.ngs .order-xxl-5{order:5!important}.ngs .order-xxl-last{order:6!important}.ngs .m-xxl-0{margin:0!important}.ngs .m-xxl-1{margin:.25rem!important}.ngs .m-xxl-2{margin:.5rem!important}.ngs .m-xxl-3{margin:1rem!important}.ngs .m-xxl-4{margin:1.5rem!important}.ngs .m-xxl-5{margin:3rem!important}.ngs .m-xxl-auto{margin:auto!important}.ngs .mx-xxl-0{margin-right:0!important;margin-left:0!important}.ngs .mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.ngs .mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.ngs .mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.ngs .mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.ngs .mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.ngs .mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.ngs .my-xxl-0{margin-top:0!important;margin-bottom:0!important}.ngs .my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.ngs .my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.ngs .my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.ngs .my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.ngs .my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.ngs .my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.ngs .mt-xxl-0{margin-top:0!important}.ngs .mt-xxl-1{margin-top:.25rem!important}.ngs .mt-xxl-2{margin-top:.5rem!important}.ngs .mt-xxl-3{margin-top:1rem!important}.ngs .mt-xxl-4{margin-top:1.5rem!important}.ngs .mt-xxl-5{margin-top:3rem!important}.ngs .mt-xxl-auto{margin-top:auto!important}.ngs .me-xxl-0{margin-right:0!important}.ngs .me-xxl-1{margin-right:.25rem!important}.ngs .me-xxl-2{margin-right:.5rem!important}.ngs .me-xxl-3{margin-right:1rem!important}.ngs .me-xxl-4{margin-right:1.5rem!important}.ngs .me-xxl-5{margin-right:3rem!important}.ngs .me-xxl-auto{margin-right:auto!important}.ngs .mb-xxl-0{margin-bottom:0!important}.ngs .mb-xxl-1{margin-bottom:.25rem!important}.ngs .mb-xxl-2{margin-bottom:.5rem!important}.ngs .mb-xxl-3{margin-bottom:1rem!important}.ngs .mb-xxl-4{margin-bottom:1.5rem!important}.ngs .mb-xxl-5{margin-bottom:3rem!important}.ngs .mb-xxl-auto{margin-bottom:auto!important}.ngs .ms-xxl-0{margin-left:0!important}.ngs .ms-xxl-1{margin-left:.25rem!important}.ngs .ms-xxl-2{margin-left:.5rem!important}.ngs .ms-xxl-3{margin-left:1rem!important}.ngs .ms-xxl-4{margin-left:1.5rem!important}.ngs .ms-xxl-5{margin-left:3rem!important}.ngs .ms-xxl-auto{margin-left:auto!important}.ngs .p-xxl-0{padding:0!important}.ngs .p-xxl-1{padding:.25rem!important}.ngs .p-xxl-2{padding:.5rem!important}.ngs .p-xxl-3{padding:1rem!important}.ngs .p-xxl-4{padding:1.5rem!important}.ngs .p-xxl-5{padding:3rem!important}.ngs .px-xxl-0{padding-right:0!important;padding-left:0!important}.ngs .px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.ngs .px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.ngs .px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.ngs .px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.ngs .px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.ngs .py-xxl-0{padding-top:0!important;padding-bottom:0!important}.ngs .py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.ngs .py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.ngs .py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.ngs .py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.ngs .py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.ngs .pt-xxl-0{padding-top:0!important}.ngs .pt-xxl-1{padding-top:.25rem!important}.ngs .pt-xxl-2{padding-top:.5rem!important}.ngs .pt-xxl-3{padding-top:1rem!important}.ngs .pt-xxl-4{padding-top:1.5rem!important}.ngs .pt-xxl-5{padding-top:3rem!important}.ngs .pe-xxl-0{padding-right:0!important}.ngs .pe-xxl-1{padding-right:.25rem!important}.ngs .pe-xxl-2{padding-right:.5rem!important}.ngs .pe-xxl-3{padding-right:1rem!important}.ngs .pe-xxl-4{padding-right:1.5rem!important}.ngs .pe-xxl-5{padding-right:3rem!important}.ngs .pb-xxl-0{padding-bottom:0!important}.ngs .pb-xxl-1{padding-bottom:.25rem!important}.ngs .pb-xxl-2{padding-bottom:.5rem!important}.ngs .pb-xxl-3{padding-bottom:1rem!important}.ngs .pb-xxl-4{padding-bottom:1.5rem!important}.ngs .pb-xxl-5{padding-bottom:3rem!important}.ngs .ps-xxl-0{padding-left:0!important}.ngs .ps-xxl-1{padding-left:.25rem!important}.ngs .ps-xxl-2{padding-left:.5rem!important}.ngs .ps-xxl-3{padding-left:1rem!important}.ngs .ps-xxl-4{padding-left:1.5rem!important}.ngs .ps-xxl-5{padding-left:3rem!important}}@media print{.ngs .d-print-inline{display:inline!important}.ngs .d-print-inline-block{display:inline-block!important}.ngs .d-print-block{display:block!important}.ngs .d-print-grid{display:grid!important}.ngs .d-print-inline-grid{display:inline-grid!important}.ngs .d-print-table{display:table!important}.ngs .d-print-table-row{display:table-row!important}.ngs .d-print-table-cell{display:table-cell!important}.ngs .d-print-flex{display:flex!important}.ngs .d-print-inline-flex{display:inline-flex!important}.ngs .d-print-none{display:none!important}}\n", ".prevSection button{padding:5px 10px;float:left;margin-left:0}.nextSection button{padding:5px 10px;float:right;margin-left:0}.separator-horizontal{width:1px;height:100%;background-color:#d6cece;margin:0 auto}.content-element-form .section-navs{width:100%;background-color:#f2f6fc;margin-left:0;margin-right:0;padding:10px;flex-direction:row-reverse}.sirio-nav-item a{cursor:pointer}.sirio-toast{width:auto;min-width:17rem;max-width:41rem}.form-title{margin-bottom:15px}.sirio-stepper-item:is(.is-success,.is-warning,.is-error) .sirio-stepper-title{font-weight:600;text-decoration:underline!important}@media (max-width: 991px){.content-element-form{width:100%!important}}ngx-sirio-input-chip{margin-right:.5rem}.feel-editor-container.feel-editor-standalone{border:1px solid #454d56!important;border-radius:4px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: ProgrammabilityService }, { type: EventService }, { type: RegisterService }, { type: i2.LanguageService }, { type: MetadataService }, { type: FormService }, { type: DialogService }, { type: i0.Injector }], propDecorators: { schema: [{
                 type: Input
             }], formGroup: [{
                 type: Input
@@ -6065,8 +6822,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['default']
             }], activeNav: [{
                 type: Input
-            }], language: [{
-                type: Input
             }] } });
 
 function extractFiles(data) {