@wemake4u/form-player-se 1.0.17 → 1.0.19

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

@@ -1,17 +1,17 @@
 import * as i0 from '@angular/core';
-import { Injectable, Optional, SkipSelf, Component, Directive, Input, Host, ContentChild, forwardRef, ContentChildren, ViewEncapsulation, EventEmitter, Output, ViewChild } 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 i10 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, Subject, takeUntil } from 'rxjs';
+import { isObservable, take, tap, of, takeUntil, Subject } from 'rxjs';
 import { evaluate } from 'feelers';
 import { evaluate as evaluate$1, unaryTest, parseExpression } from 'feelin';
 import { shareReplay, takeUntil as takeUntil$1, map } from 'rxjs/operators';
 import * as i1 from 'ngx-sirio-lib';
-import { SirioButtonComponent, 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 { 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 { Datepicker } from 'vanillajs-datepicker';
-import { ClientSideRowModelModule, InfiniteRowModelModule, PaginationModule, LocaleModule, CellStyleModule, ClientSideRowModelApiModule, TextFilterModule, NumberFilterModule, DateFilterModule, ColumnAutoSizeModule, ColumnApiModule, themeQuartz, iconSetAlpine } from 'ag-grid-community';
+import { ClientSideRowModelModule, InfiniteRowModelModule, PaginationModule, LocaleModule, CellStyleModule, ClientSideRowModelApiModule, TextFilterModule, NumberFilterModule, DateFilterModule, ColumnAutoSizeModule, ColumnApiModule, RowSelectionModule, ValidationModule, 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 * as i1$2 from 'ag-grid-angular';
 import { AgGridAngular } from 'ag-grid-angular';
@@ -22,133 +22,35 @@ import mimeDb from 'mime-db';
 import * as i1$4 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 
-const IS_PROXY = Symbol("__isProxy$");
-class ProxyService {
-    constructor() { }
-    getProxy(instance, options = null) {
-        return this.createProxy(instance, true, options);
-    }
-    createProxy(instance, root, options = null) {
-        if (!instance) {
-            return instance;
+function ToBoundArrows(instance, methodNames) {
+    const result = {};
+    for (const name of methodNames) {
+        const original = instance[name];
+        if (typeof original === 'function') {
+            result[name] = (...args) => original.apply(instance, args);
         }
-        return new Proxy(instance, {
-            get: (target, property) => {
-                if (property === IS_PROXY) {
-                    return true;
-                }
-                let value = undefined;
-                if (root && options && options.extend && property in options.extend) {
-                    value = Reflect.get(options.extend, property, target);
-                }
-                else if (options && options.isCustom && options.getCustom && options.isCustom(target, property, root)) {
-                    value = options.getCustom(target, property, root);
-                }
-                else if (property in target) {
-                    value = Reflect.get(target, property, target);
-                }
-                if (options?.log) {
-                    console.log(target, property, value);
-                }
-                if (this.isProxy(value))
-                    return value;
-                if (typeof value === 'function') {
-                    return this.createFunction(value, target);
-                }
-                else if (typeof value === 'object' && value !== null) {
-                    return this.createProxy(value, false, options);
-                }
-                return value;
-            },
-            set: (target, property, value) => {
-                if (options && options.canSet && !options.canSet(target, property, root)) {
-                    return false;
-                }
-                else {
-                    return Reflect.set(target, property, value, target);
-                }
-            },
-            deleteProperty: (target, property) => {
-                if (options && options.canDelete && !options.canDelete(target, property, root)) {
-                    return false;
-                }
-                else if (property in target) {
-                    return delete target[property];
-                }
-                else {
-                    return false;
-                }
-            },
-            has: (target, property) => {
-                if (root && options && options.extend && property in options.extend) {
-                    return true;
-                }
-                else if (options && options.isCustom && options.isCustom(target, property, root)) {
-                    return true;
-                }
-                else if (property in target) {
-                    return true;
-                }
-                else {
-                    return false;
-                }
-            }
-        });
     }
-    createFunction(fn, target) {
-        return (...args) => {
-            return fn.bind(target)(...args);
-        };
-    }
-    isProxy(obj) {
-        return obj && obj[IS_PROXY] === true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProxyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProxyService, providedIn: 'root' });
+    return result;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProxyService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-class ProxyOptions {
-    _canDelete = () => true;
-    _canSet = () => true;
-    _isCustom = () => false;
-    _getCustom = () => undefined;
-    _extend = () => undefined;
-    set extend(fn) {
-        this._extend = fn;
-    }
-    get extend() {
-        return this._extend;
-    }
-    set canDelete(fn) {
-        this._canDelete = fn;
-    }
-    get canDelete() {
-        return this._canDelete;
-    }
-    set canSet(fn) {
-        this._canSet = fn;
-    }
-    get canSet() {
-        return this._canSet;
-    }
-    set isCustom(fn) {
-        this._isCustom = fn;
-    }
-    get isCustom() {
-        return this._isCustom;
-    }
-    set getCustom(fn) {
-        this._getCustom = fn;
-    }
-    get getCustom() {
-        return this._getCustom;
-    }
-    log = false;
+function ToProxy(instance) {
+    if (!instance) {
+        return instance;
+    }
+    return new Proxy(instance, {
+        get: (target, property) => {
+            let value = undefined;
+            if (property in target) {
+                value = Reflect.get(target, property, target);
+            }
+            if (typeof value === 'function') {
+                return (...args) => value.apply(instance, args);
+            }
+            else if (typeof value === 'object' && value !== null) {
+                return ToProxy(value);
+            }
+            return value;
+        }
+    });
 }
 
 class FeelService {
@@ -210,115 +112,722 @@ class FeelService {
         });
         return dependencies;
     }
-    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' });
+    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' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeelService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class WeakService {
+    constructor() { }
+    cache = new WeakMap();
+    exists(source, key) {
+        if (this.cache.has(source)) {
+            const cachedObject = this.cache.get(source);
+            return (key in cachedObject);
+        }
+        return false;
+    }
+    call(source, key, func, reusable = null, store = null) {
+        if (!this.cache.has(source)) {
+            this.cache.set(source, {});
+        }
+        const cachedObject = this.cache.get(source);
+        if (key in cachedObject
+            && (reusable == null
+                || reusable(cachedObject[key]))) {
+            return cachedObject[key];
+        }
+        let result = func();
+        if (store != null) {
+            result = store(result);
+        }
+        const observable = isObservable(result);
+        if (observable) {
+            result = result.pipe(shareReplay(1));
+            result = result.pipe(take(1), tap((res) => {
+                cachedObject[key] = of(res);
+            }), shareReplay(1));
+        }
+        cachedObject[key] = result;
+        return result;
+    }
+    invalidate(source, key) {
+        if (this.cache.has(source)) {
+            const cachedObject = this.cache.get(source);
+            delete cachedObject[key];
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WeakService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WeakService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WeakService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class ToastService {
+    sirioToast;
+    constructor(sirioToast) {
+        this.sirioToast = sirioToast;
+    }
+    notifyInfo(message, delay = 2000) {
+        this.notify(message, "info", delay);
+    }
+    notifySuccess(message, delay = 2000) {
+        this.notify(message, "success", delay);
+    }
+    notifyWarning(message, delay = 2000) {
+        this.notify(message, "warning", delay);
+    }
+    notifyError(message, delay = 2000) {
+        this.notify(message, "danger", delay);
+    }
+    getContext() {
+        return ToBoundArrows(this, [
+            "notifyInfo",
+            "notifySuccess",
+            "notifyWarning",
+            "notifyError"
+        ]);
+    }
+    notify(message, type, delay = 2000) {
+        this.sirioToast.openToast({
+            delay: delay,
+            text: message,
+            type: type
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, deps: [{ token: i1.SirioToastService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.SirioToastService }] });
+
+class DialogDirective {
+    host;
+    constructor(host) {
+        this.host = host;
+        const focusEvents = host.handleFocusEvents;
+        host.handleFocusEvents = () => {
+            if (this.host.withCloseButton) {
+                focusEvents.apply(this.host);
+            }
+        };
+    }
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dialog]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.SirioDialogComponent }] });
+
+const Texts$6 = {
+    TypeToSearch: "Digita per cercare...",
+    Upload: "Upload",
+    ScrollLeft: "Scorri a sinistra",
+    ScrollRight: "Scorri a destra",
+    AddItem: "Aggiungi",
+    RemoveItem: "Rimuovi",
+    PreviousSection: "Sezione precedente",
+    NextSection: "Sezione successiva",
+    Show: "Visualizza",
+    Remove: "Rimuovi",
+    Close: "Chiudi",
+    Confirm: "Conferma",
+    OK: "OK",
+    Cancel: "Annulla",
+    Abort: "Interrompi",
+    Retry: "Riprova",
+    Ignore: "Ignora",
+    Yes: "Sì",
+    No: "No",
+    Try: "Prova",
+    Continue: "Continua",
+    Name: "Nome",
+    Size: "Dimensione",
+    Type: "Tipo",
+    Actions: "Azioni",
+    ReadMore: "Leggi di più",
+    ReadLess: "Leggi di meno",
+    SelectAll: "Seleziona tutto",
+    ChooseOne: "Scegli uno",
+    True: "Vero",
+    False: "Falso",
+    Blank: "Vuoto",
+    NotBlank: "Non vuoto",
+    Information: "Informazioni",
+    OpenMenu: "Apri Menu",
+    CloseMenu: "Chiudi Menu"
+};
+
+const Texts$5 = {
+    TypeToSearch: "Type to search...",
+    Upload: "Upload",
+    ScrollLeft: "Scroll left",
+    ScrollRight: "Scroll right",
+    AddItem: "Add",
+    RemoveItem: "Remove",
+    PreviousSection: "Previous section",
+    NextSection: "Next section",
+    Show: "Show",
+    Remove: "Remove",
+    Close: "Close",
+    Confirm: "Confirm",
+    OK: "OK",
+    Cancel: "Cancel",
+    Abort: "Abort",
+    Retry: "Retry",
+    Ignore: "Ignore",
+    Yes: "Yes",
+    No: "No",
+    Try: "Try",
+    Continue: "Continue",
+    Name: "Name",
+    Size: "Size",
+    Type: "Type",
+    Actions: "Actions",
+    ReadMore: "Read more",
+    ReadLess: "Read less",
+    SelectAll: "Select all",
+    ChooseOne: "Choose one",
+    True: "True",
+    False: "False",
+    Blank: "Blank",
+    NotBlank: "Not blank",
+    Information: "Information",
+    OpenMenu: "Open menu",
+    CloseMenu: "Close menu"
+};
+
+const Texts$4 = {
+    TypeToSearch: "Zum Suchen tippen...",
+    Upload: "Hochladen",
+    ScrollLeft: "Nach links scrollen",
+    ScrollRight: "Nach rechts scrollen",
+    AddItem: "Hinzufügen",
+    RemoveItem: "Entfernen",
+    PreviousSection: "Vorheriger Abschnitt",
+    NextSection: "Nächster Abschnitt",
+    Show: "Anzeigen",
+    Remove: "Entfernen",
+    Close: "Schließen",
+    Confirm: "Bestätigen",
+    OK: "OK",
+    Cancel: "Abbrechen",
+    Abort: "Abbrechen",
+    Retry: "Wiederholen",
+    Ignore: "Ignorieren",
+    Yes: "Ja",
+    No: "Nein",
+    Try: "Versuchen",
+    Continue: "Fortsetzen",
+    Name: "Name",
+    Size: "Größe",
+    Type: "Typ",
+    Actions: "Aktionen",
+    ReadMore: "Mehr lesen",
+    ReadLess: "Weniger lesen",
+    SelectAll: "Alles auswählen",
+    ChooseOne: "Wähle eine Option",
+    True: "Wahr",
+    False: "Falsch",
+    Blank: "Leer",
+    NotBlank: "Nicht leer",
+    Information: "Informationen",
+    OpenMenu: "Menü öffnen",
+    CloseMenu: "Menü schließen"
+};
+
+const Texts$3 = {
+    TypeToSearch: "Tapez pour rechercher...",
+    Upload: "Téléverser",
+    ScrollLeft: "Faire défiler vers la gauche",
+    ScrollRight: "Faire défiler vers la droite",
+    AddItem: "Ajouter",
+    RemoveItem: "Supprimer",
+    PreviousSection: "Section précédente",
+    NextSection: "Section suivante",
+    Show: "Afficher",
+    Remove: "Supprimer",
+    Close: "Fermer",
+    Confirm: "Confirmer",
+    OK: "OK",
+    Cancel: "Annuler",
+    Abort: "Abandonner",
+    Retry: "Réessayer",
+    Ignore: "Ignorer",
+    Yes: "Oui",
+    No: "Non",
+    Try: "Essayer",
+    Continue: "Continuer",
+    Name: "Nom",
+    Size: "Taille",
+    Type: "Type",
+    Actions: "Actions",
+    ReadMore: "Lire la suite",
+    ReadLess: "Lire moins",
+    SelectAll: "Tout sélectionner",
+    ChooseOne: "Choisir un",
+    True: "Vrai",
+    False: "Faux",
+    Blank: "Vide",
+    NotBlank: "Non vide",
+    Information: "Informations",
+    OpenMenu: "Ouvrir le menu",
+    CloseMenu: "Fermer le menu"
+};
+
+const Texts$2 = {
+    TypeToSearch: "Escribe para buscar...",
+    Upload: "Subir",
+    ScrollLeft: "Desplazar a la izquierda",
+    ScrollRight: "Desplazar a la derecha",
+    AddItem: "Agregar",
+    RemoveItem: "Eliminar",
+    PreviousSection: "Sección anterior",
+    NextSection: "Sección siguiente",
+    Show: "Mostrar",
+    Remove: "Eliminar",
+    Close: "Cerrar",
+    Confirm: "Confirmar",
+    OK: "OK",
+    Cancel: "Cancelar",
+    Abort: "Abortar",
+    Retry: "Reintentar",
+    Ignore: "Ignorar",
+    Yes: "Sí",
+    No: "No",
+    Try: "Intentar",
+    Continue: "Continuar",
+    Name: "Nombre",
+    Size: "Tamaño",
+    Type: "Tipo",
+    Actions: "Acciones",
+    ReadMore: "Leer más",
+    ReadLess: "Leer menos",
+    SelectAll: "Seleccionar todo",
+    ChooseOne: "Elige uno",
+    True: "Verdadero",
+    False: "Falso",
+    Blank: "Vacío",
+    NotBlank: "No vacío",
+    Information: "Información",
+    OpenMenu: "Abrir menú",
+    CloseMenu: "Cerrar menú"
+};
+
+const Texts$1 = {
+    TypeToSearch: "Digite para pesquisar...",
+    Upload: "Enviar",
+    ScrollLeft: "Rolar para a esquerda",
+    ScrollRight: "Rolar para a direita",
+    AddItem: "Adicionar",
+    RemoveItem: "Remover",
+    PreviousSection: "Seção anterior",
+    NextSection: "Próxima seção",
+    Show: "Mostrar",
+    Remove: "Remover",
+    Close: "Fechar",
+    Confirm: "Confirmar",
+    OK: "OK",
+    Cancel: "Cancelar",
+    Abort: "Abortar",
+    Retry: "Tentar novamente",
+    Ignore: "Ignorar",
+    Yes: "Sim",
+    No: "Não",
+    Try: "Tentar",
+    Continue: "Continuar",
+    Name: "Nome",
+    Size: "Tamanho",
+    Type: "Tipo",
+    Actions: "Ações",
+    ReadMore: "Leia mais",
+    ReadLess: "Leia menos",
+    SelectAll: "Selecionar tudo",
+    ChooseOne: "Escolha um",
+    True: "Verdadeiro",
+    False: "Falso",
+    Blank: "Vazio",
+    NotBlank: "Não vazio",
+    Information: "Informações",
+    OpenMenu: "Abrir menu",
+    CloseMenu: "Fechar menu"
+};
+
+const Texts = {
+    ...Texts$6, // neutral
+    i18n: {
+        it: Texts$6,
+        en: Texts$5,
+        de: Texts$4,
+        fr: Texts$3,
+        es: Texts$2,
+        pt: Texts$1
+    }
+};
+
+const i18n = "i18n";
+function localize(language, component, key) {
+    const lng = language?.toLowerCase();
+    if (lng) {
+        return component[i18n]?.[lng]?.[key]
+            || component[key]
+            || "";
+    }
+    else {
+        return component[key]
+            || "";
+    }
+}
+
+class DialogComponent extends SirioDialogElement {
+    formHost;
+    formRef;
+    Texts = Texts;
+    ngOnInit() {
+        this.options = this.data.options ?? {};
+        this.currentValue = this.options.value;
+    }
+    options = {};
+    ngAfterViewInit() {
+        let injector = this.options.injector
+            ?? this.formHost.injector;
+        const componentRef = this.formHost.createComponent(DynamicFormComponent, { injector });
+        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);
+        componentRef.setInput('showProgress', this.options.showProgress ?? false);
+        componentRef.setInput('showFormTitle', this.options.showFormTitle ?? false);
+        componentRef.instance.valueChange
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((value) => this.setCurrentValue(value));
+        this.formRef = componentRef;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    doClose() {
+        this.doAction('Close');
+    }
+    doAction(action) {
+        this.sirioDialogService.closeDialog();
+        this.SendResult(action);
+    }
+    showHeader() {
+        return this.showTitle() || this.showCloseButton();
+    }
+    showTitle() {
+        return this.options.title ? true : false;
+    }
+    showCloseButton() {
+        const result = this.options.closeButton === true;
+        return result;
+    }
+    showFooter() {
+        return this.options.buttons !== undefined;
+    }
+    isInvalid() {
+        return (this.formRef?.instance?.formGroup?.valid ?? true) !== true;
+    }
+    locale(component, key) {
+        return localize(this.options.language ?? '', component, key);
+    }
+    destroy$ = new Subject();
+    currentValue;
+    setCurrentValue(value) {
+        this.currentValue = value;
+    }
+    SendResult(action) {
+        if (typeof this.options.onResult === 'function') {
+            const result = {
+                action: action,
+                value: this.currentValue
+            };
+            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: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i10.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,
+            args: [{ selector: 'dynamic-dialog', standalone: true, imports: [
+                        CommonModule,
+                        DynamicFormComponent,
+                        DialogDirective,
+                        SirioDialogComponent,
+                        SirioDialogBodyComponent,
+                        SirioDialogHeaderComponent,
+                        SirioDialogFooterComponent,
+                        SirioButtonComponent,
+                        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: [{
+                type: ViewChild,
+                args: ['formHost', { read: ViewContainerRef, static: true }]
+            }] } });
+
+class DialogService {
+    dialogService;
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+    }
+    openDialog(formSchema, options) {
+        this.showDialog(formSchema, options);
+    }
+    alert(text, options) {
+        const formSchema = this.createTextSchema(text);
+        const formOptions = {
+            ...options,
+            type: "warning",
+            buttons: 'OK',
+            isDrawer: false,
+            showNav: false,
+            showNavButton: false,
+            showProgress: false,
+            showFormTitle: false
+        };
+        this.showDialog(formSchema, formOptions);
+    }
+    info(text, options) {
+        const formSchema = this.createTextSchema(text);
+        const formOptions = {
+            ...options,
+            type: "info",
+            buttons: 'OK',
+            isDrawer: false,
+            showNav: false,
+            showNavButton: false,
+            showProgress: false,
+            showFormTitle: false
+        };
+        this.showDialog(formSchema, formOptions);
+    }
+    confirm(text, options) {
+        const formSchema = this.createTextSchema(text);
+        const formOptions = {
+            ...options,
+            type: "info",
+            buttons: 'YesNo',
+            isDrawer: false,
+            showNav: false,
+            showNavButton: false,
+            showProgress: false,
+            showFormTitle: false
+        };
+        this.showDialog(formSchema, formOptions);
+    }
+    getContext() {
+        return ToBoundArrows(this, [
+            'openDialog',
+            'alert',
+            'info',
+            'confirm'
+        ]);
+    }
+    showDialog(formSchema, options) {
+        const data = {
+            formSchema,
+            options
+        };
+        this.dialogService
+            .openDialog(DialogComponent, data);
+    }
+    createTextSchema(text) {
+        return {
+            "forms": [
+                {
+                    "components": [
+                        {
+                            "text": text,
+                            "type": "text",
+                            "layout": {
+                                "row": "Row_14z9myo",
+                                "columns": null
+                            },
+                            "id": "Field_1xibp2r"
+                        }
+                    ],
+                    "type": "default",
+                    "id": "Form_0lotm2h",
+                    "schemaVersion": 18
+                }
+            ]
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogService, deps: [{ token: i1.SirioDialogService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.SirioDialogService }] });
+
+class MetadataService {
+    constructor() {
+    }
+    setSchema(schema) {
+        this.schema = schema ?? { forms: [] };
+    }
+    getSchema() {
+        return this.schema;
+    }
+    setForms(forms) {
+        this.forms = forms ?? [];
+    }
+    getTemplateByName(name) {
+        if (!this.schema || !Array.isArray(this.schema.forms)) {
+            return undefined;
+        }
+        const templates = this.schema.forms.filter((form) => form.isTemplate === true);
+        const templateToExpand = templates.find((form) => form.name === name);
+        if (!templateToExpand) {
+            return undefined;
+        }
+        const clonedForm = {
+            ...templateToExpand,
+            isTemplate: false
+        };
+        const newForms = templates
+            .filter((form) => form.name !== name)
+            .concat(clonedForm);
+        return {
+            forms: newForms
+        };
+    }
+    getForms() {
+        return this.forms;
+    }
+    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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FeelService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataService, decorators: [{
+            type: Injectable
         }], ctorParameters: () => [] });
 
-class WeakService {
-    constructor() { }
-    cache = new WeakMap();
-    exists(source, key) {
-        if (this.cache.has(source)) {
-            const cachedObject = this.cache.get(source);
-            return (key in cachedObject);
-        }
-        return false;
+class FunctionService {
+    metadata;
+    dialog;
+    injector;
+    constructor(metadata, dialog, injector) {
+        this.metadata = metadata;
+        this.dialog = dialog;
+        this.injector = injector;
     }
-    call(source, key, func, reusable = null, store = null) {
-        if (!this.cache.has(source)) {
-            this.cache.set(source, {});
-        }
-        const cachedObject = this.cache.get(source);
-        if (key in cachedObject
-            && (reusable == null
-                || reusable(cachedObject[key]))) {
-            return cachedObject[key];
-        }
-        let result = func();
-        if (store != null) {
-            result = store(result);
+    invokable(func) {
+        const className = Object.getPrototypeOf(func)?.constructor?.name;
+        if (className === 'FunctionWrapper') {
+            return (...args) => func.invoke(args);
         }
-        const observable = isObservable(result);
-        if (observable) {
-            result = result.pipe(shareReplay(1));
-            result = result.pipe(take(1), tap((res) => {
-                cachedObject[key] = of(res);
-            }), shareReplay(1));
-            //let subscription: Subscription;
-            //subscription = result
-            //  .subscribe({
-            //    next: (result: any) => {
-            //      subscription.unsubscribe();
-            //      cachedObject[key] = of(result);
-            //    },
-            //    error: (error : any) => console.error(error),
-            //    complete: () => console.log('Observable complete')
-            //  });
+        else {
+            return () => { };
         }
-        cachedObject[key] = result;
-        return result;
     }
-    invalidate(source, key) {
-        if (this.cache.has(source)) {
-            const cachedObject = this.cache.get(source);
-            delete cachedObject[key];
+    openForm(template, options) {
+        const formSchema = this.metadata.getTemplateByName(template);
+        if (formSchema) {
+            const formOptions = {
+                ...options,
+                language: this.metadata.getLanguage(),
+                injector: this.injector
+            };
+            this.dialog.openDialog(formSchema, formOptions);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WeakService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WeakService, providedIn: 'root' });
+    getContext() {
+        return ToBoundArrows(this, [
+            "openForm",
+            "invokable"
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FunctionService, deps: [{ token: MetadataService }, { token: DialogService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FunctionService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: WeakService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FunctionService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: MetadataService }, { type: DialogService }, { type: i0.Injector }] });
 
-class ToastService {
-    sirioToast;
-    constructor(sirioToast) {
-        this.sirioToast = sirioToast;
+class Control {
+    name;
+    metadata;
+    componentRef;
+    elementRef;
+    constructor(name, metadata, componentRef, elementRef) {
+        this.name = name;
+        this.metadata = metadata;
+        this.componentRef = componentRef;
+        this.elementRef = elementRef;
     }
-    notifyInfo(message, delay = 2000) {
-        this.notify(message, "info", delay);
+    getMetadata() {
+        return this.metadata;
     }
-    notifySuccess(message, delay = 2000) {
-        this.notify(message, "success", delay);
+    getComponentRef() {
+        return this.componentRef;
     }
-    notifyWarning(message, delay = 2000) {
-        this.notify(message, "warning", delay);
+    getElementRef() {
+        return this.elementRef;
     }
-    notifyError(message, delay = 2000) {
-        this.notify(message, "danger", delay);
+}
+class ContainerControl extends Control {
+    register;
+    constructor(name, metadata, componentRef, elementRef, register) {
+        super(name, metadata, componentRef, elementRef);
+        this.register = register;
     }
-    notify(message, type, delay = 2000) {
-        this.sirioToast.openToast({
-            delay: delay,
-            text: message,
-            type: type
-        });
+    findControl(predicate, firstOnly) {
+        if (this.register) {
+            return this.register.findControl(predicate, firstOnly, false);
+        }
+        else {
+            return [];
+        }
+    }
+}
+class ItemControl extends ContainerControl {
+    index;
+    constructor(name, index, metadata, componentRef, elementRef, register) {
+        super(name, metadata, componentRef, elementRef, register);
+        this.index = index;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, deps: [{ token: i1.SirioToastService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ToastService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: i1.SirioToastService }] });
 
 class RegisterService {
-    proxyService;
     parent;
-    constructor(proxyService, parent) {
-        this.proxyService = proxyService;
+    constructor(parent) {
         this.parent = parent;
     }
     controls = {};
@@ -331,50 +840,83 @@ class RegisterService {
     unregisterAll() {
         this.controls = {};
     }
-    getControl(name) {
-        return this.controls[name];
-    }
-    getControls() {
-        return Object.values(this.controls);
-    }
-    proxy() {
-        const parentName = "parent";
-        const options = new ProxyOptions();
-        options.isCustom = (target, property, root) => {
-            return root || (property === parentName);
+    getContext() {
+        return {
+            control: (name) => this.getControl(name)
         };
-        options.getCustom = (target, property, root) => {
-            if (property === parentName) {
-                return this.parent?.proxy();
+    }
+    getControl(name) {
+        name = this.castString(name);
+        if (!name)
+            return null;
+        if (name.startsWith("../"))
+            return this.resolveParent(name.substring(3));
+        const controls = this.findControl(control => control.name === name, true, true);
+        return (controls.length === 0)
+            ? null
+            : controls[0];
+    }
+    getControlAs(name, type) {
+        const ctrl = this.getControl(name);
+        return ctrl instanceof type ? ctrl : null;
+    }
+    findControl(predicate, firstOnly = false, parent = false) {
+        const controls = [];
+        for (const control of Object.values(this.controls)) {
+            if (predicate(control)) {
+                controls.push(control);
+                if (firstOnly) {
+                    return controls;
+                }
             }
-            return this.resolve(property.toString());
-        };
-        options.canDelete = () => false;
-        options.canSet = () => false;
-        return this.proxyService.getProxy(this.controls, options);
+            if (control instanceof ContainerControl) {
+                controls.push(...control.findControl(predicate, firstOnly));
+                if (controls.length > 0 && firstOnly) {
+                    return controls;
+                }
+            }
+        }
+        if (parent) {
+            let currentParent = this.parent;
+            while (currentParent) {
+                for (const control of Object.values(currentParent.controls)) {
+                    if (predicate(control)) {
+                        controls.push(control);
+                        if (firstOnly) {
+                            return controls;
+                        }
+                    }
+                }
+                currentParent = currentParent.parent;
+            }
+        }
+        return controls;
     }
-    resolve(name) {
-        const result = this.controls[name];
-        if (result)
-            return result;
-        return this.parent?.resolve(name);
+    castString(value) {
+        return typeof value === 'string' ? value.trim() : "";
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterService, deps: [{ token: ProxyService }, { token: RegisterService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    resolveParent(name) {
+        if (!this.parent) {
+            return null;
+        }
+        else {
+            return this.parent.getControl(name);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterService, deps: [{ token: RegisterService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: ProxyService }, { type: RegisterService, decorators: [{
+        }], ctorParameters: () => [{ type: RegisterService, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
                 }] }] });
 
 class ScopeService {
-    proxyService;
     parent;
-    constructor(proxyService, parent) {
-        this.proxyService = proxyService;
+    constructor(parent) {
         this.parent = parent;
     }
     scope = null;
@@ -384,29 +926,22 @@ class ScopeService {
     get() {
         return this.scope;
     }
-    proxy() {
-        const parentName = "parent";
-        const options = new ProxyOptions();
-        options.isCustom = (target, property, root) => {
-            return root && (property === parentName);
-        };
-        options.getCustom = (target, property, root) => {
-            return this.parent?.proxy();
-        };
-        options.canDelete = (target, property, root) => {
-            return !(root && property === parentName);
-        };
-        options.canSet = (target, property, root) => {
-            return !(root && property === parentName);
+    getContext() {
+        if (!this.scope)
+            return {};
+        return {
+            ...this.scope,
+            parent: () => {
+                this.parent?.getContext();
+            }
         };
-        return this.proxyService.getProxy(this.scope ?? {}, options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScopeService, deps: [{ token: ProxyService }, { token: ScopeService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScopeService, deps: [{ token: ScopeService, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScopeService });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ScopeService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: ProxyService }, { type: ScopeService, decorators: [{
+        }], ctorParameters: () => [{ type: ScopeService, decorators: [{
                     type: Optional
                 }, {
                     type: SkipSelf
@@ -415,18 +950,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class ProgrammabilityService {
     feelService;
     weakService;
-    proxyService;
     toastService;
+    dialogService;
+    functionService;
     register;
     scope;
-    constructor(feelService, weakService, proxyService, toastService, register, scope) {
+    constructor(feelService, weakService, toastService, dialogService, functionService, register, scope) {
         this.feelService = feelService;
         this.weakService = weakService;
-        this.proxyService = proxyService;
         this.toastService = toastService;
+        this.dialogService = dialogService;
+        this.functionService = functionService;
         this.register = register;
         this.scope = scope;
+        this.predefinedFunctions = this.getPredefinedFunctions();
     }
+    predefinedFunctions;
     destroy$ = new Subject();
     ngOnDestroy() {
         this.destroy$.next();
@@ -494,6 +1033,11 @@ class ProgrammabilityService {
         }
         return null;
     }
+    invalidate(value) {
+        if (this.isExpression(value)) {
+            this.weakService.invalidate(this, this.getExpression(value));
+        }
+    }
     cacheable = true;
     evalUnaryTest(formGroup, expression, input) {
         try {
@@ -535,40 +1079,33 @@ class ProgrammabilityService {
             return null;
         }
     }
-    createProxy(formGroup, proxyFn = null) {
-        if (!formGroup) {
-            return null;
-        }
-        const options = new ProxyOptions();
-        const scope = this.scope ? this.scope.proxy() : null;
-        options.extend = {
-            parent: this.getParentContext(formGroup),
-            getFormGroup: () => this.proxyService.getProxy(formGroup),
-            getScope: () => scope,
-            controls: () => this.register ? this.register.proxy() : null,
-            notifyInfo: (message, delay) => this.toastService.notifyInfo(message, delay),
-            notifySuccess: (message, delay) => this.toastService.notifySuccess(message, delay),
-            notifyWarning: (message, delay) => this.toastService.notifyWarning(message, delay),
-            notifyError: (message, delay) => this.toastService.notifyError(message, delay)
-        };
-        const scopeSymbol = "_";
-        if (formGroup.get(scopeSymbol) === null) {
-            options.extend[scopeSymbol] = scope;
-        }
-        if (proxyFn)
-            proxyFn(options);
-        return this.proxyService.getProxy(formGroup.value, options);
+    getPredefinedFunctions() {
+        const providers = [
+            this.dialogService,
+            this.toastService,
+            this.functionService,
+            this.register
+        ];
+        return providers.reduce((acc, provider) => {
+            return {
+                ...acc,
+                ...provider.getContext()
+            };
+        }, {});
     }
     getParentContext(formGroup) {
+        if (formGroup === null) {
+            return null;
+        }
         const parent = this.getParent(formGroup);
         if (!parent) {
             return null;
         }
-        const options = new ProxyOptions();
-        options.extend = {
-            parent: this.getParentContext(parent)
+        return {
+            ...parent.value,
+            formGroup: () => parent,
+            parent: () => this.getParentContext(parent)
         };
-        return this.proxyService.getProxy(parent.value, options);
     }
     getParent(formGroup) {
         let parent = formGroup.parent;
@@ -579,7 +1116,23 @@ class ProgrammabilityService {
     }
     getContext(control, options = {}) {
         const formGroup = control;
-        const context = this.createProxy(formGroup, options.proxyFn);
+        const baseContext = formGroup?.value ?? {};
+        let context = {
+            ...baseContext,
+            parent: () => this.getParentContext(formGroup),
+            formGroup: () => ToProxy(formGroup),
+            _: this.scope?.getContext(),
+            fn: this.predefinedFunctions
+        };
+        if (options.extendContext) {
+            const extended = options.extendContext();
+            if (extended) {
+                context = {
+                    ...context,
+                    ...extended
+                };
+            }
+        }
         return context;
     }
     watchExpression(formGroup, expression, callback) {
@@ -624,22 +1177,35 @@ class ProgrammabilityService {
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgrammabilityService, deps: [{ token: FeelService }, { token: WeakService }, { token: ProxyService }, { token: ToastService }, { 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: FunctionService }, { 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: ProxyService }, { type: ToastService }, { type: RegisterService, decorators: [{
+        }], ctorParameters: () => [{ type: FeelService }, { type: WeakService }, { type: ToastService }, { type: DialogService }, { type: FunctionService }, { type: RegisterService, decorators: [{
                     type: Optional
                 }] }, { type: ScopeService, decorators: [{
                     type: Optional
                 }] }] });
 
+function createControlFromValue(value) {
+    if (value === null || typeof value !== 'object') {
+        return new FormControl$1(value);
+    }
+    if (Array.isArray(value)) {
+        return new FormArray(createControlFromArray(value));
+    }
+    return new FormGroup({});
+}
+function createControlFromArray(array) {
+    return array.map(item => createControlFromValue(item));
+}
 function patchForm(control, value, options) {
     const defaultOptions = {
         emitEvent: true,
         validateType: false,
-        fallbackValue: null
+        fallbackValue: null,
+        strict: true
     };
     const warn = (message) => {
         if (options?.emitWarn)
@@ -649,7 +1215,7 @@ function patchForm(control, value, options) {
         if (options?.emitError)
             throw new Error(message);
     };
-    const { emitEvent, validateType, fallbackValue } = { ...defaultOptions, ...options };
+    const { emitEvent, validateType, fallbackValue, strict } = { ...defaultOptions, ...options };
     if (control instanceof FormControl$1) {
         if (validateType && typeof value !== typeof control.value) {
             warn(`Value type mismatch: expected ${typeof control.value}, but received ${typeof value}`);
@@ -667,22 +1233,28 @@ function patchForm(control, value, options) {
             if (control.controls[key]) {
                 patchForm(control.controls[key], value[key], options);
             }
+            else if (!strict) {
+                const newControl = createControlFromValue(value[key]);
+                control.addControl(key, newControl);
+                patchForm(newControl, value[key], options);
+            }
             else {
                 warn(`Key "${key}" not found in the FormGroup.`);
             }
         });
     }
     else if (control instanceof FormArray) {
-        // qui ci vuole un intervento
-        (value || []).forEach((item, index) => {
-            if (control.at(index)) {
-                patchForm(control.at(index), item, options);
-            }
-            else {
-                warn(`Index ${index} not found in the FormArray. Adding dynamically...`);
-                const newControl = control.addItem();
-                patchForm(newControl, item, options);
-            }
+        const valueArray = Array.isArray(value) ? value : [];
+        while (control.length < valueArray.length) {
+            const newItemValue = valueArray[control.length];
+            const newControl = createControlFromValue(newItemValue);
+            control.push(newControl);
+        }
+        while (control.length > valueArray.length) {
+            control.removeAt(control.length - 1);
+        }
+        valueArray.forEach((item, index) => {
+            patchForm(control.at(index), item, options);
         });
     }
     else {
@@ -720,80 +1292,24 @@ function groupRowsRecursively(components) {
     return Array.from(groupedMap.entries()).map(([row, components]) => ({
         row,
         components
-    }));
-}
-
-class EventService {
-    commandSubject = new Subject();
-    onCommand = this.commandSubject.asObservable();
-    emitCommand(data) {
-        this.commandSubject.next(data);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EventService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EventService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
-class MetadataService {
-    constructor() {
-    }
-    setSchema(schema) {
-        this.schema = schema ?? { forms: [] };
-    }
-    getSchema() {
-        return this.schema;
-    }
-    setForms(forms) {
-        this.forms = forms ?? [];
-    }
-    getForms() {
-        return this.forms;
-    }
-    getFormByName(name) {
-        return this.forms.find(form => form.name === name);
-    }
-    schema = { forms: [] };
-    forms = [];
-    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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MetadataService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-const Texts$6 = {
-    TypeToSearch: "Digita per cercare...",
-    Upload: "Upload",
-    ScrollLeft: "Scorri a sinistra",
-    ScrollRight: "Scorri a destra",
-    AddItem: "Aggiungi",
-    RemoveItem: "Rimuovi",
-    PreviousSection: "Sezione precedente",
-    NextSection: "Sezione successiva",
-    Show: "Visualizza",
-    Remove: "Rimuovi",
-    Close: "Chiudi",
-    Name: "Nome",
-    Size: "Dimensione",
-    Type: "Tipo",
-    Actions: "Azioni",
-    ReadMore: "Leggi di più",
-    ReadLess: "Leggi di meno",
-    SelectAll: "Seleziona tutto",
-    ChooseOne: "Scegli uno",
-    True: "Vero",
-    False: "Falso",
-    Blank: "Vuoto",
-    NotBlank: "Non vuoto",
-    Information: "Informazioni",
-    OpenMenu: "Apri Menu",
-    CloseMenu: "Chiudi Menu"
-};
+    }));
+}
+
+class EventService {
+    commandSubject = new Subject();
+    onCommand = this.commandSubject.asObservable();
+    emitCommand(data) {
+        this.commandSubject.next(data);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EventService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EventService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EventService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
 
 class ObjectURLRendererComponent {
     params;
@@ -853,10 +1369,12 @@ class ActionsCellRenderer {
     }
     evaluateBoolean(value) {
         const options = {
-            proxyFn: (options) => {
-                options.extend["getParams"] = () => this.params;
-                options.extend["getData"] = () => this.getData();
-            }
+            extendContext: () => ({
+                "event": {
+                    params: this.params,
+                    data: this.getData()
+                }
+            })
         };
         return this.programmability.evaluateBoolean(this.getFormGroup(), value, options);
     }
@@ -867,11 +1385,13 @@ class ActionsCellRenderer {
         if (action.click) {
             const options = {
                 cacheable: false,
-                proxyFn: (options) => {
-                    options.extend["getParams"] = () => this.params;
-                    options.extend["getAction"] = () => action;
-                    options.extend["getData"] = () => this.getData();
-                }
+                extendContext: () => ({
+                    "event": {
+                        params: this.params,
+                        action: action,
+                        data: this.getData()
+                    }
+                })
             };
             return this.programmability.evaluate(this.getFormGroup(), action.click, options);
         }
@@ -986,255 +1506,84 @@ class SetFilterComponent {
         this.params.filterChangedCallback();
     }
     onSearchChange() {
-        this.updateFilteredOptions();
-    }
-    onSelectAllChange() {
-        this.setAll(this.selectAll);
-    }
-    parseKey(key) {
-        if (key === 'true')
-            return true;
-        if (key === 'false')
-            return false;
-        const num = Number(key);
-        return isNaN(num) ? key : num;
-    }
-    setAll(select) {
-        this.options.forEach(o => o.selected = select);
-        this.updateFilteredOptions();
-        this.params.filterChangedCallback();
-    }
-    updateFilteredOptions() {
-        const search = this.searchText.toLowerCase();
-        this.filteredOptions = this.options.filter(o => o.label.toLowerCase().includes(search));
-    }
-    resolvePath(obj, path) {
-        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: i10.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,
-            args: [{ standalone: true, imports: [CommonModule, FormsModule, SirioInputComponent,
-                        SirioCheckboxComponent, SirioCheckboxGroupComponent,
-                        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" }]
-        }] });
-
-function getCandidate(element) {
-    return Array.from(element.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), ' +
-        'textarea:not([disabled]), button:not([disabled]), iframe, object, embed, ' +
-        '[tabindex]:not([tabindex="-1"]), [contenteditable]'));
-}
-function isVisible(element) {
-    let el = element;
-    while (el) {
-        const style = window.getComputedStyle(el);
-        if (style.display === 'none' || style.visibility === 'hidden')
-            return false;
-        el = el.parentElement;
-    }
-    return true;
-}
-function isFocusable(element) {
-    const style = window.getComputedStyle(element);
-    return element.tabIndex >= 0 &&
-        style.visibility !== 'hidden' &&
-        style.display !== 'none' &&
-        !element.hasAttribute('disabled') &&
-        isVisible(element);
-}
-function getFocusables(el, firstOnly = false) {
-    const candidates = getCandidate(el);
-    const result = [];
-    for (const focusableEl of candidates) {
-        if (isFocusable(focusableEl)) {
-            result.push(focusableEl);
-            if (firstOnly) {
-                break;
-            }
-        }
-    }
-    return result;
-}
-function setFocus(el) {
-    const focusables = getFocusables(el, true);
-    if (focusables.length === 0) {
-        return false;
-    }
-    focusables[0].focus();
-    return true;
-}
-
-const Texts$5 = {
-    TypeToSearch: "Type to search...",
-    Upload: "Upload",
-    ScrollLeft: "Scroll left",
-    ScrollRight: "Scroll right",
-    AddItem: "Add",
-    RemoveItem: "Remove",
-    PreviousSection: "Previous section",
-    NextSection: "Next section",
-    Show: "Show",
-    Remove: "Remove",
-    Close: "Close",
-    Name: "Name",
-    Size: "Size",
-    Type: "Type",
-    Actions: "Actions",
-    ReadMore: "Read more",
-    ReadLess: "Read less",
-    SelectAll: "Select all",
-    ChooseOne: "Choose one",
-    True: "True",
-    False: "False",
-    Blank: "Blank",
-    NotBlank: "Not blank",
-    Information: "Information",
-    OpenMenu: "Open menu",
-    CloseMenu: "Close menu"
-};
-
-const Texts$4 = {
-    TypeToSearch: "Zum Suchen tippen...",
-    Upload: "Hochladen",
-    ScrollLeft: "Nach links scrollen",
-    ScrollRight: "Nach rechts scrollen",
-    AddItem: "Hinzufügen",
-    RemoveItem: "Entfernen",
-    PreviousSection: "Vorheriger Abschnitt",
-    NextSection: "Nächster Abschnitt",
-    Show: "Anzeigen",
-    Remove: "Entfernen",
-    Close: "Schließen",
-    Name: "Name",
-    Size: "Größe",
-    Type: "Typ",
-    Actions: "Aktionen",
-    ReadMore: "Mehr lesen",
-    ReadLess: "Weniger lesen",
-    SelectAll: "Alles auswählen",
-    ChooseOne: "Wähle eine Option",
-    True: "Wahr",
-    False: "Falsch",
-    Blank: "Leer",
-    NotBlank: "Nicht leer",
-    Information: "Informationen",
-    OpenMenu: "Menü öffnen",
-    CloseMenu: "Menü schließen"
-};
-
-const Texts$3 = {
-    TypeToSearch: "Tapez pour rechercher...",
-    Upload: "Téléverser",
-    ScrollLeft: "Faire défiler vers la gauche",
-    ScrollRight: "Faire défiler vers la droite",
-    AddItem: "Ajouter",
-    RemoveItem: "Supprimer",
-    PreviousSection: "Section précédente",
-    NextSection: "Section suivante",
-    Show: "Afficher",
-    Remove: "Supprimer",
-    Close: "Fermer",
-    Name: "Nom",
-    Size: "Taille",
-    Type: "Type",
-    Actions: "Actions",
-    ReadMore: "Lire la suite",
-    ReadLess: "Lire moins",
-    SelectAll: "Tout sélectionner",
-    ChooseOne: "Choisir un",
-    True: "Vrai",
-    False: "Faux",
-    Blank: "Vide",
-    NotBlank: "Non vide",
-    Information: "Informations",
-    OpenMenu: "Ouvrir le menu",
-    CloseMenu: "Fermer le menu"
-};
-
-const Texts$2 = {
-    TypeToSearch: "Escribe para buscar...",
-    Upload: "Subir",
-    ScrollLeft: "Desplazar a la izquierda",
-    ScrollRight: "Desplazar a la derecha",
-    AddItem: "Agregar",
-    RemoveItem: "Eliminar",
-    PreviousSection: "Sección anterior",
-    NextSection: "Sección siguiente",
-    Show: "Mostrar",
-    Remove: "Eliminar",
-    Close: "Cerrar",
-    Name: "Nombre",
-    Size: "Tamaño",
-    Type: "Tipo",
-    Actions: "Acciones",
-    ReadMore: "Leer más",
-    ReadLess: "Leer menos",
-    SelectAll: "Seleccionar todo",
-    ChooseOne: "Elige uno",
-    True: "Verdadero",
-    False: "Falso",
-    Blank: "Vacío",
-    NotBlank: "No vacío",
-    Information: "Información",
-    OpenMenu: "Abrir menú",
-    CloseMenu: "Cerrar menú"
-};
-
-const Texts$1 = {
-    TypeToSearch: "Digite para pesquisar...",
-    Upload: "Enviar",
-    ScrollLeft: "Rolar para a esquerda",
-    ScrollRight: "Rolar para a direita",
-    AddItem: "Adicionar",
-    RemoveItem: "Remover",
-    PreviousSection: "Seção anterior",
-    NextSection: "Próxima seção",
-    Show: "Mostrar",
-    Remove: "Remover",
-    Close: "Fechar",
-    Name: "Nome",
-    Size: "Tamanho",
-    Type: "Tipo",
-    Actions: "Ações",
-    ReadMore: "Leia mais",
-    ReadLess: "Leia menos",
-    SelectAll: "Selecionar tudo",
-    ChooseOne: "Escolha um",
-    True: "Verdadeiro",
-    False: "Falso",
-    Blank: "Vazio",
-    NotBlank: "Não vazio",
-    Information: "Informações",
-    OpenMenu: "Abrir menu",
-    CloseMenu: "Fechar menu"
-};
-
-const Texts = {
-    ...Texts$6, // neutral
-    i18n: {
-        it: Texts$6,
-        en: Texts$5,
-        de: Texts$4,
-        fr: Texts$3,
-        es: Texts$2,
-        pt: Texts$1
+        this.updateFilteredOptions();
     }
-};
+    onSelectAllChange() {
+        this.setAll(this.selectAll);
+    }
+    parseKey(key) {
+        if (key === 'true')
+            return true;
+        if (key === 'false')
+            return false;
+        const num = Number(key);
+        return isNaN(num) ? key : num;
+    }
+    setAll(select) {
+        this.options.forEach(o => o.selected = select);
+        this.updateFilteredOptions();
+        this.params.filterChangedCallback();
+    }
+    updateFilteredOptions() {
+        const search = this.searchText.toLowerCase();
+        this.filteredOptions = this.options.filter(o => o.label.toLowerCase().includes(search));
+    }
+    resolvePath(obj, path) {
+        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: i10.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,
+            args: [{ standalone: true, imports: [CommonModule, FormsModule, SirioInputComponent,
+                        SirioCheckboxComponent, SirioCheckboxGroupComponent,
+                        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" }]
+        }] });
 
-const i18n = "i18n";
-function localize(language, component, key) {
-    const lng = language?.toLowerCase();
-    if (lng) {
-        return component[i18n]?.[lng]?.[key]
-            || component[key]
-            || "";
+function getCandidate(element) {
+    return Array.from(element.querySelectorAll('a[href], area[href], input:not([disabled]), select:not([disabled]), ' +
+        'textarea:not([disabled]), button:not([disabled]), iframe, object, embed, ' +
+        '[tabindex]:not([tabindex="-1"]), [contenteditable]'));
+}
+function isVisible(element) {
+    let el = element;
+    while (el) {
+        const style = window.getComputedStyle(el);
+        if (style.display === 'none' || style.visibility === 'hidden')
+            return false;
+        el = el.parentElement;
     }
-    else {
-        return component[key]
-            || "";
+    return true;
+}
+function isFocusable(element) {
+    const style = window.getComputedStyle(element);
+    return element.tabIndex >= 0 &&
+        style.visibility !== 'hidden' &&
+        style.display !== 'none' &&
+        !element.hasAttribute('disabled') &&
+        isVisible(element);
+}
+function getFocusables(el, firstOnly = false) {
+    const candidates = getCandidate(el);
+    const result = [];
+    for (const focusableEl of candidates) {
+        if (isFocusable(focusableEl)) {
+            result.push(focusableEl);
+            if (firstOnly) {
+                break;
+            }
+        }
+    }
+    return result;
+}
+function setFocus(el) {
+    const focusables = getFocusables(el, true);
+    if (focusables.length === 0) {
+        return false;
     }
+    focusables[0].focus();
+    return true;
 }
 
 //import { FeelService } from '../services/feel.service';
@@ -1332,12 +1681,15 @@ class GridService {
             NumberFilterModule,
             DateFilterModule,
             ColumnAutoSizeModule,
-            ColumnApiModule
+            ColumnApiModule,
+            RowSelectionModule,
+            ValidationModule
         ];
     }
     ;
     getGridOptions(component, formGroup, language) {
         const columnDefs = this.getGridColumns(component, formGroup, language);
+        const selection = this.getRowSelection(component, formGroup);
         const pagination = this.getGridPaginable(component);
         const pageSize = this.getGridPageSize(component);
         const texts = this.getGridTexts(language);
@@ -1348,8 +1700,12 @@ class GridService {
                 headerClass: (component.floatingFilter === true)
                     ? 'show-filter' : 'hide-filter'
             },
+            selectionColumnDef: {
+                pinned: 'left'
+            },
             dataTypeDefinitions: this.getDataTypeDefinitions(),
             columnDefs: columnDefs,
+            rowSelection: selection,
             pagination: pagination,
             paginationPageSize: pageSize,
             cacheBlockSize: pageSize,
@@ -1357,11 +1713,23 @@ class GridService {
             localeText: texts,
             enableCellTextSelection: true,
             theme: theme,
-            onGridReady: (params) => {
+            onGridSizeChanged: (params) => {
                 params.api.autoSizeColumns(["actions"]);
-            }
+            },
         };
     }
+    onGridSelectionChanged(component, formGroup, event) {
+        if (component.selectionChanged) {
+            return this.programmability.evaluate(formGroup, component.selectionChanged, {
+                cacheable: false,
+                extendContext: () => ({
+                    "event": {
+                        selectedRows: event.api.getSelectedRows()
+                    }
+                })
+            });
+        }
+    }
     locale(component, key, language) {
         return localize(language, component, key);
     }
@@ -1392,6 +1760,8 @@ class GridService {
                     colId: 'actions',
                     headerName: this.locale(Texts, 'Actions', language),
                     resizable: false,
+                    sortable: false,
+                    filter: false,
                     cellDataType: false,
                     pinned: "right",
                     cellRendererParams: {
@@ -1559,6 +1929,41 @@ class GridService {
             colDef.valueFormatter = (params) => this.formatMap(params.value, map);
         }
     }
+    getRowSelection(component, formGroup) {
+        if (component.selection === "singleRow") {
+            return { mode: "singleRow" };
+        }
+        else if (component.selection === "multiRow") {
+            const options = {
+                mode: "multiRow",
+                selectAll: 'filtered',
+                hideDisabledCheckboxes: true
+            };
+            if (component.isSelectable) {
+                return {
+                    ...options,
+                    isRowSelectable: (rowNode) => this.onRowSelectable(component, formGroup, rowNode.data)
+                };
+            }
+            else {
+                return options;
+            }
+        }
+        return undefined;
+    }
+    onRowSelectable(component, formGroup, data) {
+        if (!data)
+            return false;
+        const result = this.programmability.evaluate(formGroup, component.isSelectable, {
+            cacheable: false,
+            extendContext: () => ({
+                "event": {
+                    data: data
+                }
+            })
+        });
+        return result === true;
+    }
     getGridPaginable(component) {
         return (typeof component.rowCount === 'number' && component.rowCount > 0);
     }
@@ -2149,15 +2554,15 @@ class DropdownDirective {
         this.sirioSelect = sirioSelect;
     }
     ngAfterViewInit() {
-        this.handleValue(null);
-        this.handleValue(false);
+        this.handleValue();
         this.handleSearchable();
     }
-    handleValue(value) {
+    handleValue() {
+        const falsyValues = [null, false, 0, ""];
         if (this.sirioSelect
-            && this.sirioSelect.value === value
-            && Array.isArray(this.sirioSelect.options)) {
-            const valueOption = this.sirioSelect.options.find(option => option.value === value);
+            && Array.isArray(this.sirioSelect.options)
+            && falsyValues.includes(this.sirioSelect.value)) {
+            const valueOption = this.sirioSelect.options.find(option => option.value === this.sirioSelect.value);
             if (valueOption) {
                 valueOption.isSelected = true;
             }
@@ -2442,7 +2847,6 @@ class AccordionDirective {
             if (current == 0)
                 return;
             setTimeout(() => {
-                const oldIndex = this.sirioAccordion.panels.toArray().findIndex(panel => panel.panelIsOpen);
                 const event = new Event("");
                 this.sirioAccordion.closePanels(event);
                 const panels = this.sirioAccordion.panels.toArray();
@@ -2455,18 +2859,8 @@ class AccordionDirective {
                 if (previous === undefined) {
                     showPanel(0);
                 }
-                else if (previous < current) {
-                    showPanel(current - 1);
-                }
                 else {
-                    if (oldIndex == current) {
-                        // remove last
-                        showPanel(current - 1);
-                    }
-                    else if (oldIndex < current) {
-                        // remove middle
-                        showPanel(oldIndex);
-                    }
+                    showPanel(current - 1);
                 }
             }, 100);
         }
@@ -2497,16 +2891,16 @@ class GridDirective {
     }
     ngOnChanges(changes) {
         if (changes["rowSource"]) {
-            this.onRowChanges();
+            this.onRowChanges(this.rowSource);
         }
     }
     isGridReady = false;
-    onRowChanges() {
-        if (this.isArray(this.rowSource)) {
-            this.setRowData(this.rowSource);
+    onRowChanges(rowSource) {
+        if (this.isArray(rowSource)) {
+            this.setRowData(rowSource);
         }
-        else if (this.isDataSource(this.rowSource)) {
-            this.setDataSource(this.rowSource);
+        else if (this.isDataSource(rowSource)) {
+            this.setDataSource(rowSource);
         }
         else {
             this.setRowData([]);
@@ -2551,78 +2945,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class Control {
-    name;
-    metadata;
-    componentRef;
-    elementRef;
-    constructor(name, metadata, componentRef, elementRef) {
-        this.name = name;
-        this.metadata = metadata;
-        this.componentRef = componentRef;
-        this.elementRef = elementRef;
-    }
-    getMetadata() {
-        return this.metadata;
-    }
-    getComponentRef() {
-        return this.componentRef;
-    }
-    getElementRef() {
-        return this.elementRef;
-    }
-}
-class ContainerControl extends Control {
-    register;
-    constructor(name, metadata, componentRef, elementRef, register) {
-        super(name, metadata, componentRef, elementRef);
-        this.register = register;
-    }
-    getControls() {
-        return this.register?.getControls() ?? [];
-    }
-    getControl(name) {
-        return this.register?.getControl(name);
-    }
-    findControl(name, type) {
-        const control = this.getControl(name);
-        if (control) {
-            if (!type) {
-                return control;
-            }
-            else if (control instanceof type) {
-                return control;
-            }
-            else {
-                return null;
-            }
-        }
-        for (const child of this.getControls()) {
-            if (child instanceof ContainerControl) {
-                const found = child.findControl(name, type);
-                if (found) {
-                    return found;
-                }
-            }
-        }
-        return null;
-    }
-}
-class ItemControl extends ContainerControl {
-    index;
-    constructor(name, index, metadata, componentRef, elementRef, register) {
-        super(name, metadata, componentRef, elementRef, register);
-        this.index = index;
-    }
-}
-
 class FormControl extends ContainerControl {
 }
 
 class TextFieldControl extends Control {
-    setRandomColor() {
+    setRandomColor = () => {
         this.getInput().sirioInput.nativeElement.style.backgroundColor = this.getRandomColor();
-    }
+    };
     getInput() {
         return this.getComponentRef();
     }
@@ -2637,12 +2966,18 @@ class TextFieldControl extends Control {
 }
 
 class SelectControl extends Control {
+    refresh = () => {
+        this.getSelect()._refresh();
+    };
     getSelect() {
         return this.getComponentRef();
     }
 }
 
 class TagListControl extends Control {
+    refresh = () => {
+        this.getSelect()._refresh();
+    };
     getSelect() {
         return this.getComponentRef();
     }
@@ -2679,24 +3014,36 @@ class CheckBoxControl extends Control {
 }
 
 class ChipRadioControl extends Control {
+    refresh = () => {
+        this.getChipRadio()._refresh();
+    };
     getChipRadio() {
         return this.getComponentRef();
     }
 }
 
 class RadioControl extends Control {
+    refresh = () => {
+        this.getRadio()._refresh();
+    };
     getRadio() {
         return this.getComponentRef();
     }
 }
 
 class ChipCheckListControl extends Control {
+    refresh = () => {
+        this.getChipCheckBoxGroup()._refresh();
+    };
     getChipCheckBoxGroup() {
         return this.getComponentRef();
     }
 }
 
 class CheckListControl extends Control {
+    refresh = () => {
+        this.getCheckboxGroup()._refresh();
+    };
     getCheckboxGroup() {
         return this.getComponentRef();
     }
@@ -2742,12 +3089,15 @@ class GroupControl extends ContainerControl {
 }
 
 class TableControl extends Control {
-    setFilter(filter) {
+    setFilter = (filter) => {
         this.getGrid().api.setFilterModel(filter);
-    }
-    clearFilter() {
+    };
+    clearFilter = () => {
         this.getGrid().api.setFilterModel(null);
-    }
+    };
+    refresh = () => {
+        this.getGrid()._refresh();
+    };
     getGrid() {
         return this.getComponentRef();
     }
@@ -2858,15 +3208,13 @@ function createControl(name, metadata, componentRef, elementRef, register) {
 class RegisterDirective {
     el;
     registerService;
-    proxyService;
     register = null;
     componentRef;
     dynamicField;
     itemFields;
-    constructor(el, registerService, proxyService) {
+    constructor(el, registerService) {
         this.el = el;
         this.registerService = registerService;
-        this.proxyService = proxyService;
     }
     ngAfterContentInit() {
         this.registerControl();
@@ -2892,7 +3240,7 @@ class RegisterDirective {
         return this.register.name ?? this.register.id;
     }
     createDynamicRegister(name, metadata, componentRef, el, itemFields) {
-        const newRegister = new RegisterService(this.proxyService, null);
+        const newRegister = new RegisterService(null);
         const registerAll = (itemFields) => {
             newRegister.unregisterAll();
             itemFields.forEach((itemField, index) => {
@@ -2910,7 +3258,7 @@ class RegisterDirective {
         });
         return newRegister;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterDirective, deps: [{ token: i0.ElementRef }, { token: RegisterService }, { token: ProxyService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterDirective, deps: [{ token: i0.ElementRef }, { token: RegisterService }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: RegisterDirective, isStandalone: true, selector: "[register]", inputs: { register: "register", componentRef: "componentRef" }, queries: [{ propertyName: "dynamicField", first: true, predicate: i0.forwardRef(() => DynamicFieldsComponent), descendants: true }, { propertyName: "itemFields", predicate: i0.forwardRef(() => DynamicFieldsComponent), descendants: true }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterDirective, decorators: [{
@@ -2919,7 +3267,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[register]',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: RegisterService }, { type: ProxyService }], propDecorators: { register: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: RegisterService }], propDecorators: { register: [{
                 type: Input
             }], componentRef: [{
                 type: Input
@@ -2931,6 +3279,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: [forwardRef(() => DynamicFieldsComponent), { descendants: true }]
             }] } });
 
+class RefreshDirective {
+    refresh = null;
+    componentRef;
+    constructor() {
+    }
+    ngAfterContentInit() {
+        this.componentRef._refresh = this.refresh;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: RefreshDirective, isStandalone: true, selector: "[refresh]", inputs: { refresh: "refresh", componentRef: "componentRef" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[refresh]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [], propDecorators: { refresh: [{
+                type: Input
+            }], componentRef: [{
+                type: Input
+            }] } });
+
 class UpdateBlurDirective {
     sirioInput;
     constructor(sirioInput) {
@@ -3714,7 +4085,9 @@ class DynamicFieldsComponent {
         return this.programmability.evaluateTemplate(this.formGroup, value);
     }
     evaluate(text, cacheable = true) {
-        return this.programmability.evaluate(this.formGroup, text, { cacheable: cacheable });
+        return this.programmability.evaluate(this.formGroup, text, {
+            cacheable: cacheable
+        });
     }
     evaluateColor(value) {
         const color = this.evaluateString(value);
@@ -3746,14 +4119,8 @@ class DynamicFieldsComponent {
         }
         return control;
     }
-    getControlFromPath(path) {
-        const control = path
-            ? this.formGroup.get(path)
-            : this.formGroup;
-        if (!control) {
-            throw new Error(`FormGroup does not contain a control with path '${path}'`, { cause: this.formGroup });
-        }
-        return control;
+    resolvePath(path) {
+        return this.getFormGroup(this.getControlFromPath(path));
     }
     toHTML(text) {
         const watchKey = `:safeHtml(${text})`;
@@ -3805,16 +4172,29 @@ class DynamicFieldsComponent {
             return of([]);
         }
     }
+    refreshValues(component) {
+        return () => {
+            if (component.valuesKey) {
+                this.invalidate(component.valuesKey);
+            }
+            else if (component.valuesExpression) {
+                this.invalidate(component.valuesExpression);
+            }
+        };
+    }
     getGridOptions(component) {
         return this.weak.call(component, `getGridOptions_${this.language}`, () => this.grid.getGridOptions(component, this.formGroup, this.language));
     }
     getGridModules(component) {
         return this.weak.call(component, 'getGridModules', () => this.grid.getGridModules());
     }
-    getGridData(component) {
+    onGridSelectionChanged(component, event) {
+        this.grid.onGridSelectionChanged(component, this.formGroup, event);
+    }
+    getRowSource(component) {
         if (component.dataSource) {
             // Expression
-            const result = this.evaluate(component.dataSource);
+            const result = this.evaluate(component.dataSource, true);
             return this.getAsObservable(result);
         }
         else {
@@ -3822,12 +4202,17 @@ class DynamicFieldsComponent {
             return of([]);
         }
     }
-    addItem(component) {
-        const formArray = this.getFormArray(this.getControlFromPath(component.path));
+    refreshRowSource(component) {
+        return () => {
+            if (component.dataSource) {
+                this.invalidate(component.dataSource);
+            }
+        };
+    }
+    addItem(formArray) {
         formArray.addItem();
     }
-    removeItem(component, index) {
-        const formArray = this.getFormArray(this.getControlFromPath(component.path));
+    removeItem(formArray, index) {
         formArray.removeAt(index);
     }
     createUploadTables(component) {
@@ -3905,6 +4290,18 @@ class DynamicFieldsComponent {
         };
         addRemove($event.component.fileList);
     }
+    invalidate(text) {
+        return this.programmability.invalidate(text);
+    }
+    getControlFromPath(path) {
+        const control = path
+            ? this.formGroup.get(path)
+            : this.formGroup;
+        if (!control) {
+            throw new Error(`FormGroup does not contain a control with path '${path}'`, { cause: this.formGroup });
+        }
+        return control;
+    }
     focusFirst() {
         const focusableElements = this.el.nativeElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
         for (let el of focusableElements) {
@@ -3971,14 +4368,14 @@ class DynamicFieldsComponent {
             RegisterService,
             ProgrammabilityService,
             GridService
-        ], 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'\">\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                               [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'\">\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                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\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'\">\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                                [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                                #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'\">\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                               [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'\">\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                                        [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                                        [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'\">\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                                    [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                                      [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'\">\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                                              [formControlName]=\"component.key\"\r\n                                              validation\r\n                                              [canValidate]=\"true\"\r\n                                              [isWarning]=\"isWarning(component)\"\r\n                                              [showWhenValid]=\"false\"\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                                         [formControlName]=\"component.key\"\r\n                                         validation\r\n                                         [canValidate]=\"true\"\r\n                                         [isWarning]=\"isWarning(component)\"\r\n                                         [showWhenValid]=\"false\"\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'\">\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                                                 [formControlName]=\"component.key\"\r\n                                                 validation\r\n                                                 [canValidate]=\"true\"\r\n                                                 [isWarning]=\"isWarning(component)\"\r\n                                                 [showWhenValid]=\"false\"\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                                            [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                    <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'\">\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                               [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'\">\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                                     [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 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 dynamiclist -->\r\n            <ng-container *ngSwitchCase=\"'dynamiclist'\">\r\n              <ng-container [formArrayName]=\"component.path\"\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(formGroup.get(component.path)).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]=\"getFormArray(formGroup.get(component.path)).controls.length\"\r\n                                       #dynamiclisttab>\r\n                          <ng-container *ngFor=\"let item of getFormArray(formGroup.get(component.path)).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(component, 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]=\"getFormArray(formGroup.get(component.path)).controls.length\"\r\n                                             #dynamiclistaccordion>\r\n                          <ng-container *ngFor=\"let item of getFormArray(formGroup.get(component.path)).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(component, 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 getFormArray(formGroup.get(component.path)).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(component, 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(component)\" 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            <!-- #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                  <app-dynamic-fields [formGroup]=\"getFormGroup(getControlFromPath(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 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                               [rowSource]=\"(getGridData(component) | async) || []\"\r\n                               [style.height.px]=\"component.height\"\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 range -->\r\n            <ng-container *ngSwitchCase=\"'range'\">\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                                [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 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 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                             tabControl>\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ng-container *disableForm=\"{\r\n                  disabled: evaluateBoolean(panel.disabled),\r\n                  formGroup: formGroup,\r\n                  path: panel.path\r\n                }\">\r\n                  </ng-container>\r\n                  <ngx-sirio-tab-item [label]=\"evaluateString(locale(panel, 'label'))\"\r\n                                      [disabled]=\"evaluateBoolean(panel.disabled) ?? false\"\r\n                                      *ngIf=\"evaluateConditional(panel.conditional)\">\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(getControlFromPath(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              <ngx-sirio-accordion #accordion\r\n                                   [register]=\"component\"\r\n                                   [componentRef]=\"accordion\">\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ng-container *disableForm=\"{\r\n                   disabled: evaluateBoolean(panel.disabled),\r\n                   formGroup: formGroup,\r\n                   path: panel.path\r\n                 }\">\r\n                  </ng-container>\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]=\"getFormGroup(getControlFromPath(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          </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-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.fp-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.fp-readonly label:hover{color:#454d56}.sirio-control.fp-readonly input.sirio-form-control,.sirio-control.fp-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.fp-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.fp-readonly label,.sirio-upload.sirio-control.fp-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}\n"], dependencies: [{ kind: "component", type: DynamicFieldsComponent, selector: "app-dynamic-fields", inputs: ["rows", "formGroup", "language"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i10.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i10.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i10.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"] }, { 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]", inputs: ["rowSource"] }, { kind: "directive", type: RegisterDirective, selector: "[register]", inputs: ["register", "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: DisableFormDirective, selector: "[disableForm]", inputs: ["disableForm"] }, { 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: 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"] }], encapsulation: i0.ViewEncapsulation.None });
+        ], 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                               [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                                [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                                [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                               [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                                        [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                                        [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                                    [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                                      [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                                              [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                                         [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                                                 [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                                            [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                               [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                                     [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                                [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                  <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              <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                  <ng-container *disableForm=\"{\r\n      disabled: evaluateBoolean(panel.disabled),\r\n      formGroup: formGroup,\r\n      path: panel.path\r\n    }\">\r\n                  </ng-container>\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              <ngx-sirio-accordion #accordion\r\n                                   [register]=\"component\"\r\n                                   [componentRef]=\"accordion\">\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ng-container *disableForm=\"{\r\n       disabled: evaluateBoolean(panel.disabled),\r\n       formGroup: formGroup,\r\n       path: panel.path\r\n     }\">\r\n                  </ng-container>\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                               [rowSource]=\"(getRowSource(component) | async) || []\"\r\n                               [refresh]=\"refreshRowSource(component)\"\r\n                               [style.height.px]=\"component.height\"\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          </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.fp-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.fp-readonly label:hover{color:#454d56}.sirio-control.fp-readonly input.sirio-form-control,.sirio-control.fp-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.fp-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.fp-readonly label,.sirio-upload.sirio-control.fp-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}\n"], dependencies: [{ kind: "component", type: DynamicFieldsComponent, selector: "app-dynamic-fields", inputs: ["rows", "formGroup", "language"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i10.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i10.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i10.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"] }, { 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]", inputs: ["rowSource"] }, { 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: DisableFormDirective, selector: "[disableForm]", inputs: ["disableForm"] }, { 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: 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"] }], 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,
                         DropdownDirective, UpdateBlurDirective, RepeatDirective, TabDirective, GridDirective,
-                        RegisterDirective, AccordionDirective, DateDirective, NumberDirective, TextDirective,
+                        RegisterDirective, RefreshDirective, AccordionDirective, DateDirective, NumberDirective, TextDirective,
                         DisableFormDirective, TabControlDirective, CollapseDirective, AccordionPanelDirective,
                         SirioInputComponent, SirioValidationDirective,
                         SirioSelectComponent, SirioSelectOptionComponent, SirioSelectPanelComponent,
@@ -3995,7 +4392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         RegisterService,
                         ProgrammabilityService,
                         GridService
-                    ], 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'\">\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                               [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'\">\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                                [formControlName]=\"component.key\"\r\n                                validation\r\n                                [canValidate]=\"true\"\r\n                                [isWarning]=\"isWarning(component)\"\r\n                                [showWhenValid]=\"false\"\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'\">\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                                [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                                #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'\">\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                               [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'\">\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                                        [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                                        [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'\">\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                                    [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                                      [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'\">\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                                              [formControlName]=\"component.key\"\r\n                                              validation\r\n                                              [canValidate]=\"true\"\r\n                                              [isWarning]=\"isWarning(component)\"\r\n                                              [showWhenValid]=\"false\"\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                                         [formControlName]=\"component.key\"\r\n                                         validation\r\n                                         [canValidate]=\"true\"\r\n                                         [isWarning]=\"isWarning(component)\"\r\n                                         [showWhenValid]=\"false\"\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'\">\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                                                 [formControlName]=\"component.key\"\r\n                                                 validation\r\n                                                 [canValidate]=\"true\"\r\n                                                 [isWarning]=\"isWarning(component)\"\r\n                                                 [showWhenValid]=\"false\"\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                                            [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                    <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'\">\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                               [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'\">\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                                     [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 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 dynamiclist -->\r\n            <ng-container *ngSwitchCase=\"'dynamiclist'\">\r\n              <ng-container [formArrayName]=\"component.path\"\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(formGroup.get(component.path)).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]=\"getFormArray(formGroup.get(component.path)).controls.length\"\r\n                                       #dynamiclisttab>\r\n                          <ng-container *ngFor=\"let item of getFormArray(formGroup.get(component.path)).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(component, 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]=\"getFormArray(formGroup.get(component.path)).controls.length\"\r\n                                             #dynamiclistaccordion>\r\n                          <ng-container *ngFor=\"let item of getFormArray(formGroup.get(component.path)).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(component, 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 getFormArray(formGroup.get(component.path)).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(component, 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(component)\" 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            <!-- #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                  <app-dynamic-fields [formGroup]=\"getFormGroup(getControlFromPath(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 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                               [rowSource]=\"(getGridData(component) | async) || []\"\r\n                               [style.height.px]=\"component.height\"\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 range -->\r\n            <ng-container *ngSwitchCase=\"'range'\">\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                                [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 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 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                             tabControl>\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ng-container *disableForm=\"{\r\n                  disabled: evaluateBoolean(panel.disabled),\r\n                  formGroup: formGroup,\r\n                  path: panel.path\r\n                }\">\r\n                  </ng-container>\r\n                  <ngx-sirio-tab-item [label]=\"evaluateString(locale(panel, 'label'))\"\r\n                                      [disabled]=\"evaluateBoolean(panel.disabled) ?? false\"\r\n                                      *ngIf=\"evaluateConditional(panel.conditional)\">\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(getControlFromPath(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              <ngx-sirio-accordion #accordion\r\n                                   [register]=\"component\"\r\n                                   [componentRef]=\"accordion\">\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ng-container *disableForm=\"{\r\n                   disabled: evaluateBoolean(panel.disabled),\r\n                   formGroup: formGroup,\r\n                   path: panel.path\r\n                 }\">\r\n                  </ng-container>\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]=\"getFormGroup(getControlFromPath(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          </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-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.fp-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.fp-readonly label:hover{color:#454d56}.sirio-control.fp-readonly input.sirio-form-control,.sirio-control.fp-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.fp-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.fp-readonly label,.sirio-upload.sirio-control.fp-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}\n"] }]
+                    ], 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                               [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                                [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                                [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                               [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                                        [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                                        [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                                    [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                                      [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                                              [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                                         [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                                                 [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                                            [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                               [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                                     [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                                [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                  <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              <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                  <ng-container *disableForm=\"{\r\n      disabled: evaluateBoolean(panel.disabled),\r\n      formGroup: formGroup,\r\n      path: panel.path\r\n    }\">\r\n                  </ng-container>\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              <ngx-sirio-accordion #accordion\r\n                                   [register]=\"component\"\r\n                                   [componentRef]=\"accordion\">\r\n                <ng-container *ngFor=\"let panel of component.panels\">\r\n                  <ng-container *disableForm=\"{\r\n       disabled: evaluateBoolean(panel.disabled),\r\n       formGroup: formGroup,\r\n       path: panel.path\r\n     }\">\r\n                  </ng-container>\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                               [rowSource]=\"(getRowSource(component) | async) || []\"\r\n                               [refresh]=\"refreshRowSource(component)\"\r\n                               [style.height.px]=\"component.height\"\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          </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.fp-disabled .sirio-input-group .sirio-input-group-text,.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{border:0px}.sirio-control.fp-readonly label:hover{color:#454d56}.sirio-control.fp-readonly input.sirio-form-control,.sirio-control.fp-readonly .sirio-dropdown .sirio-dropdown-select,.sirio-control.fp-readonly textarea.sirio-form-control{background:none!important;border:0px;padding:0}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text{background:none}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text span{color:#5b6571}.sirio-control.fp-readonly .sirio-input-group .sirio-input-group-text.prefix{padding-left:0}.sirio-upload.sirio-control.fp-readonly label,.sirio-upload.sirio-control.fp-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}\n"] }]
         }], ctorParameters: () => [{ type: SanitizeService }, { type: MarkdownService }, { type: MimeService }, { type: ProgrammabilityService }, { type: EventService }, { type: WeakService }, { type: RegisterService }, { type: MetadataService }, { type: GridService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { rows: [{
                 type: Input
             }], formGroup: [{
@@ -4011,10 +4408,12 @@ class DynamicFormComponent {
     events;
     registerService;
     metadata;
+    dialog;
+    injector;
     schema;
     formGroup;
     value = {};
-    language = "";
+    strict = false;
     showNav = true;
     showNavButton = true;
     showProgress = false;
@@ -4025,12 +4424,14 @@ class DynamicFormComponent {
     onCommand = new EventEmitter();
     activeNavChange = new EventEmitter();
     formDiv;
-    constructor(fb, programmability, events, registerService, metadata) {
+    constructor(fb, programmability, events, registerService, metadata, dialog, injector) {
         this.fb = fb;
         this.programmability = programmability;
         this.events = events;
         this.registerService = registerService;
         this.metadata = metadata;
+        this.dialog = dialog;
+        this.injector = injector;
     }
     Texts = Texts;
     ngOnDestroy() {
@@ -4039,37 +4440,10 @@ class DynamicFormComponent {
     internalChange = false;
     ngOnChanges(changes) {
         if (changes['schema']) {
-            if (!this.formGroup) {
-                this.formGroup = this.fb.group({});
-            }
-            this.clearControls();
-            this.clearHandlers();
-            const schema = changes['schema'].currentValue;
-            const allForms = groupByRow(schema.forms ?? []);
-            this.metadata.setSchema(schema);
-            this.metadata.setForms(allForms);
-            this._forms = allForms.filter(item => item.isTemplate !== true);
-            ;
-            this.buildForm();
-            this.defaultValue = this.formGroup.value;
-            if (this.value) {
-                patchForm(this.formGroup, this.value);
-            }
-            if (this.initialized)
-                this.initialized.emit(this.formGroup);
-            this.registerHandlers();
+            this.onChangeSchema();
         }
         if (changes['value']) {
-            if (this.internalChange) {
-                this.internalChange = false;
-            }
-            else {
-                this.formGroup.reset(this.defaultValue, { emitEvent: false });
-                this.clearFormArrays(this.formGroup);
-                patchForm(this.formGroup, this.value, {
-                    emitEvent: false
-                });
-            }
+            this.onChangeValue();
         }
     }
     get forms() {
@@ -4094,12 +4468,12 @@ class DynamicFormComponent {
             this.activeNav = this.getNext();
         }
     }
-    getControls() {
-        return this.registerService.getControls();
-    }
     getControl(name) {
         return this.registerService.getControl(name);
     }
+    getControlAs(name, type) {
+        return this.registerService.getControlAs(name, type);
+    }
     get activeNav() {
         return this._activeNav;
     }
@@ -4114,6 +4488,13 @@ class DynamicFormComponent {
             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;
         if (!(control instanceof FormGroup)) {
@@ -4139,11 +4520,67 @@ class DynamicFormComponent {
     evaluateBoolean(value) {
         return this.programmability.evaluateBoolean(this.formGroup, value);
     }
+    evaluateTemplate(value) {
+        return this.programmability.evaluateTemplate(this.formGroup, value);
+    }
+    openForm(template, options) {
+        const formSchema = this.metadata.getTemplateByName(template);
+        if (formSchema) {
+            options = {
+                ...options,
+                injector: this.injector,
+                language: this.language,
+            };
+            this.dialog.openDialog(formSchema, options);
+        }
+    }
+    refresh() {
+        patchForm(this.formGroup, this.value, {
+            strict: this.strict
+        });
+    }
     valueChangesSubscription = null;
     onCommandSubscription = null;
     _forms = [];
     _activeNav = 0;
+    _language = "";
     defaultValue = {};
+    onChangeSchema() {
+        if (!this.formGroup) {
+            this.formGroup = this.fb.group({});
+        }
+        this.clearControls();
+        this.clearHandlers();
+        const schema = this.schema;
+        const allForms = groupByRow(schema.forms ?? []);
+        this.metadata.setSchema(schema);
+        this.metadata.setForms(allForms);
+        this._forms = allForms.filter(item => item.isTemplate !== true);
+        ;
+        this.buildForm();
+        this.defaultValue = this.formGroup.value;
+        if (this.value) {
+            patchForm(this.formGroup, this.value, {
+                strict: this.strict
+            });
+        }
+        if (this.initialized)
+            this.initialized.emit(this.formGroup);
+        this.registerHandlers();
+    }
+    onChangeValue() {
+        if (this.internalChange) {
+            this.internalChange = false;
+        }
+        else {
+            this.formGroup.reset(this.defaultValue, { emitEvent: false });
+            this.clearFormArrays(this.formGroup);
+            patchForm(this.formGroup, this.value, {
+                emitEvent: false,
+                strict: this.strict
+            });
+        }
+    }
     getNext() {
         let index = this.activeNav + 1;
         const max = this.getMaxNav();
@@ -4223,14 +4660,15 @@ class DynamicFormComponent {
         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(formGroup, component);
+                const validators = this.getValidators(currentGroup, component);
                 const options = {
                     validators: validators || [],
                     updateOn: this.getUpdateOn(component) || "change"
                 };
                 const control = formBuilder.control(defaultValue, options);
-                formGroup.addControl(component.key, control);
+                currentGroup.addControl(component.key, control);
             }
             else if (this.isContainerComponent(component)) {
                 const containers = this.getContainers(component);
@@ -4243,9 +4681,9 @@ class DynamicFormComponent {
             }
             else if (this.isArrayComponent(component)) {
                 const itemComponent = this.getArrayItem(component);
-                if (itemComponent.path) {
-                    const formArray = this.createFormArray(formBuilder, formGroup, itemComponent);
-                    formGroup.addControl(itemComponent.path, formArray);
+                if (itemComponent.key) {
+                    const currentGroup = this.applyPath(formBuilder, formGroup, itemComponent.path);
+                    this.createFormArray(formBuilder, currentGroup, itemComponent);
                 }
             }
         });
@@ -4253,7 +4691,7 @@ class DynamicFormComponent {
     createFormArray(formBuilder, formGroup, itemComponent) {
         const formComponent = this;
         const formArray = formBuilder.array([]);
-        formGroup.addControl(itemComponent.path, formArray);
+        formGroup.addControl(itemComponent.key, formArray);
         const createItem = function () {
             let newGroup = formBuilder.group({});
             itemComponent.rows?.forEach((row) => {
@@ -4274,7 +4712,7 @@ class DynamicFormComponent {
         const resize = function (size) {
             const newArray = resizeFormArray(this, size, createItem);
             prepareArray(newArray);
-            formGroup.setControl(itemComponent.path, newArray);
+            formGroup.setControl(itemComponent.key, newArray);
         };
         prepareArray(formArray);
         return formArray;
@@ -4400,10 +4838,10 @@ class DynamicFormComponent {
     }
     getArrayItem(component) {
         if (component.type === 'dynamiclist') {
-            return { path: component.path, rows: component.rows };
+            return { key: component.key, path: component.path, rows: component.rows };
         }
         else {
-            return { path: null, rows: [] };
+            return { key: null, path: null, rows: [] };
         }
     }
     getContainers(component) {
@@ -4458,10 +4896,14 @@ 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 }], 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", language: "language", 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
-        ], 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]=\"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 *disableForm=\"{\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                    {{ 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\">{{ 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\">\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{position:relative;padding-bottom:70px}.section-navs{width:100%;position:absolute;bottom:0;background-color:#f2f6fc;padding:10px;flex-direction:row-reverse}.sirio-nav-item a{cursor:pointer}.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: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.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: DisableFormDirective, selector: "[disableForm]", inputs: ["disableForm"] }, { 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 });
+    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: 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: [
+            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 *disableForm=\"{\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: i10.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i10.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: DisableFormDirective, selector: "[disableForm]", inputs: ["disableForm"] }, { 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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormComponent, decorators: [{
             type: Component,
@@ -4470,15 +4912,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SirioSidenavMobileComponent, SirioSidenavComponent, SirioSidenavItemComponent,
                         SirioButtonComponent, SirioStepperProgressBarComponent, SirioStepperProgressItemComponent,
                         DynamicFieldsComponent], providers: [
-                        EventService, ProgrammabilityService, RegisterService, MetadataService
-                    ], 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]=\"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 *disableForm=\"{\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                    {{ 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\">{{ 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\">\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{position:relative;padding-bottom:70px}.section-navs{width:100%;position:absolute;bottom:0;background-color:#f2f6fc;padding:10px;flex-direction:row-reverse}.sirio-nav-item a{cursor:pointer}.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 }], propDecorators: { schema: [{
+                        EventService,
+                        ProgrammabilityService,
+                        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 *disableForm=\"{\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: DialogService }, { type: i0.Injector }], propDecorators: { schema: [{
                 type: Input
             }], formGroup: [{
                 type: Input
             }], value: [{
                 type: Input
-            }], language: [{
+            }], strict: [{
                 type: Input
             }], showNav: [{
                 type: Input
@@ -4503,6 +4949,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['default']
             }], activeNav: [{
                 type: Input
+            }], language: [{
+                type: Input
             }] } });
 
 function extractFiles(data) {
@@ -4755,5 +5203,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DataService, DynamicFormComponent, FeelService, MarkdownService, SanitizeService, ScopeService, ToastService, toFormData };
+export { DataService, DialogService, DynamicFormComponent, FeelService, MarkdownService, SanitizeService, ScopeService, ToastService, toFormData };
 //# sourceMappingURL=wemake4u-form-player-se.mjs.map