@wemake4u/form-player-se 1.0.0

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

@@ -0,0 +1,3101 @@
+import * as i0 from '@angular/core';
+import { Injectable, Optional, SkipSelf, Directive, Input, Host, ContentChild, ContentChildren, Component, ViewEncapsulation, EventEmitter, Output } from '@angular/core';
+import * as i9 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/forms';
+import { FormArray, FormControl as FormControl$1, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
+import { isObservable, of, Subject, takeUntil } 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 { SirioInputComponent, SirioValidationDirective, SirioSelectComponent, SirioSelectOptionComponent, SirioSelectPanelComponent, SirioCheckboxGroupComponent, SirioCheckboxComponent, SirioDatepickerComponent, SirioTimepickerComponent, SirioRadioGroupComponent, SirioRadioButtonComponent, SirioTabComponent, SirioTabItemComponent, SirioAccordionComponent, SirioAccordionPanelComponent, SirioAccordionHeaderComponent, SirioAccordionBodyComponent, SirioButtonComponent, SirioFileUploadComponent, SirioToggleComponent, SirioChipCheckboxGroupComponent, SirioChipRadioGroupComponent, SirioInputChipComponent, SirioTableModule, SirioAlertComponent, SirioAlertMessageComponent, SirioSliderComponent, SirioNotifyComponent, SirioNotifyBodyComponent, SirioTableComponent, SirioPaginatorComponent, SirioNotifyActionComponent, SirioNotifyLinkComponent, SirioSidenavMobileComponent, SirioSidenavComponent, SirioSidenavItemComponent, SirioStepperProgressBarComponent, SirioStepperProgressItemComponent } from 'ngx-sirio-lib';
+import { Datepicker } from 'vanillajs-datepicker';
+import * as i1$2 from 'ag-grid-angular';
+import { AgGridAngular } from 'ag-grid-angular';
+import { ClientSideRowModelModule, InfiniteRowModelModule, PaginationModule, LocaleModule, CellStyleModule, ClientSideRowModelApiModule, TextFilterModule, NumberFilterModule, DateFilterModule, themeQuartz, iconSetAlpine } from 'ag-grid-community';
+import { AG_GRID_LOCALE_IT } from '@ag-grid-community/locale';
+import sanitizeHtml from 'sanitize-html';
+import * as i1$3 from '@angular/platform-browser';
+import { marked } from 'marked';
+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;
+        }
+        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' });
+}
+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;
+}
+
+class FeelService {
+    constructor() { }
+    evalTemplate(template, context = {}) {
+        return evaluate(template, context);
+    }
+    ;
+    evalExpression(expression, context = {}) {
+        return evaluate$1(expression, context);
+    }
+    ;
+    evalUnaryTest(expression, context = {}, input = null) {
+        try {
+            context['?'] = input;
+            return unaryTest(expression, context);
+        }
+        finally {
+            delete context['?'];
+        }
+    }
+    ;
+    getDependencies(expression, context = {}) {
+        const dependencies = [];
+        const uniqueSet = new Set();
+        const addSet = (text) => {
+            if (uniqueSet.has(text)) {
+                return false;
+            }
+            else {
+                uniqueSet.add(text);
+                return true;
+            }
+        };
+        parseExpression(expression, context).iterate({
+            enter: (node) => {
+                if (node.name === 'VariableName') {
+                    const text = expression.substring(node.from, node.to);
+                    if (addSet(text)) {
+                        dependencies.push(text);
+                    }
+                }
+                else if (node.name === 'PathExpression') {
+                    const text = expression.substring(node.from, node.to);
+                    if (addSet(text)) {
+                        const path = [];
+                        node.iterate((subnode) => {
+                            if (subnode.name === 'VariableName') {
+                                const part = expression.substring(subnode.from, subnode.to);
+                                path.push(part);
+                            }
+                        });
+                        dependencies.push(path);
+                    }
+                    return false;
+                }
+                return true;
+            }
+        });
+        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' });
+}
+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));
+            const subscription = result
+                .subscribe({
+                next: (result) => {
+                    subscription.unsubscribe();
+                    cachedObject[key] = of(result);
+                },
+                error: (error) => console.error(error),
+                complete: () => console.log('Observable complete')
+            });
+        }
+        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);
+    }
+    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 RegisterService {
+    proxyService;
+    parent;
+    constructor(proxyService, parent) {
+        this.proxyService = proxyService;
+        this.parent = parent;
+    }
+    controls = {};
+    register(name, control) {
+        this.controls[name] = control;
+    }
+    unregister(name) {
+        delete this.controls[name];
+    }
+    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);
+        };
+        options.getCustom = (target, property, root) => {
+            if (property === parentName) {
+                return this.parent?.proxy();
+            }
+            return this.resolve(property.toString());
+        };
+        options.canDelete = () => false;
+        options.canSet = () => false;
+        return this.proxyService.getProxy(this.controls, options);
+    }
+    resolve(name) {
+        const result = this.controls[name];
+        if (result)
+            return result;
+        return this.parent?.resolve(name);
+    }
+    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 });
+    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: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }] });
+
+class ScopeService {
+    proxyService;
+    parent;
+    constructor(proxyService, parent) {
+        this.proxyService = proxyService;
+        this.parent = parent;
+    }
+    scope = null;
+    set(scope) {
+        this.scope = scope;
+    }
+    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);
+        };
+        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 ɵ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: [{
+                    type: Optional
+                }, {
+                    type: SkipSelf
+                }] }] });
+
+class ProgrammabilityService {
+    feelService;
+    weakService;
+    proxyService;
+    toastService;
+    register;
+    scope;
+    constructor(feelService, weakService, proxyService, toastService, register, scope) {
+        this.feelService = feelService;
+        this.weakService = weakService;
+        this.proxyService = proxyService;
+        this.toastService = toastService;
+        this.register = register;
+        this.scope = scope;
+    }
+    destroy$ = new Subject();
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    isExpression(text) {
+        return text != null && text.startsWith("=");
+    }
+    ;
+    getExpression(text) {
+        if (this.isExpression(text))
+            return text.substring(1);
+        return "";
+    }
+    ;
+    evaluateString(formGroup, value) {
+        if (this.isExpression(value)) {
+            return this.evalExpression(formGroup, this.getExpression(value));
+        }
+        return value ?? "";
+    }
+    evaluateBoolean(formGroup, value) {
+        if (typeof value === 'boolean') {
+            return value;
+        }
+        else if (typeof value === 'string') {
+            const strValue = value;
+            if (this.isExpression(strValue)) {
+                return this.evalExpression(formGroup, this.getExpression(strValue));
+            }
+        }
+        return null;
+    }
+    evaluateNumber(formGroup, value) {
+        if (typeof value === 'number') {
+            return value;
+        }
+        else if (typeof value === 'string') {
+            const strValue = value;
+            if (this.isExpression(strValue)) {
+                return this.evalExpression(formGroup, this.getExpression(strValue));
+            }
+        }
+        return null;
+    }
+    evaluate(formGroup, value, cacheable = this.cacheable) {
+        if (this.isExpression(value)) {
+            return this.evalExpression(formGroup, this.getExpression(value), cacheable);
+        }
+        return null;
+    }
+    evaluateTemplate(formGroup, value) {
+        let template = null;
+        if (this.isExpression(value)) {
+            template = this.evalExpression(formGroup, this.getExpression(value));
+        }
+        else {
+            template = value;
+        }
+        return this.evalTemplate(formGroup, template ?? "");
+    }
+    evaluateUnary(formGroup, value, input) {
+        if (this.isExpression(value)) {
+            return this.evalUnaryTest(formGroup, this.getExpression(value), input);
+        }
+        return null;
+    }
+    cacheable = true;
+    evalUnaryTest(formGroup, expression, input) {
+        try {
+            return this.feelService.evalUnaryTest(expression, this.getContext(formGroup), input);
+        }
+        catch (e) {
+            return null;
+        }
+    }
+    evalExpression(formGroup, expression, cacheable = this.cacheable) {
+        const evaluate = () => {
+            try {
+                return this.feelService.evalExpression(expression, this.getContext(formGroup));
+            }
+            catch (e) {
+                console.log(expression, e);
+                return null;
+            }
+        };
+        if (cacheable) {
+            const watchKey = `:watch(${expression})`;
+            this.weakService.call(formGroup, watchKey, () => {
+                this.watchExpression(formGroup, expression, () => this.weakService.invalidate(formGroup, expression));
+                return true;
+            });
+            return this.weakService.call(formGroup, expression, evaluate);
+        }
+        else {
+            return evaluate();
+        }
+    }
+    evalTemplate(formGroup, expression) {
+        try {
+            return this.feelService.evalTemplate(expression, this.getContext(formGroup));
+        }
+        catch (e) {
+            return null;
+        }
+    }
+    createProxy(formGroup) {
+        if (!formGroup) {
+            return null;
+        }
+        const options = new ProxyOptions();
+        options.extend = {
+            parent: this.getParent(formGroup),
+            getFormGroup: () => this.proxyService.getProxy(formGroup),
+            getScope: () => this.scope ? this.scope.proxy() : null,
+            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)
+        };
+        return this.proxyService.getProxy(formGroup.value, options);
+    }
+    getParent(formGroup) {
+        let parent = formGroup.parent;
+        while (parent instanceof FormArray) {
+            parent = parent?.parent;
+        }
+        return parent;
+    }
+    getContext(control) {
+        const formGroup = control;
+        const context = this.createProxy(formGroup);
+        return context;
+    }
+    watchExpression(formGroup, expression, callback) {
+        const context = this.getContext(formGroup);
+        const dependencies = this.feelService.getDependencies(expression, context);
+        this.watchDependencies(formGroup, dependencies, callback);
+    }
+    ;
+    watchDependencies(formGroup, dependencies, callback) {
+        const subscriptions = [];
+        const scopeName = "scope";
+        const parentName = "parent";
+        const invokeCallback = (control) => {
+            subscriptions.push(control.valueChanges
+                .pipe(takeUntil(this.destroy$))
+                .subscribe(() => {
+                setTimeout(() => {
+                    callback();
+                });
+            }));
+        };
+        for (const dependence of dependencies) {
+            if (Array.isArray(dependence)) {
+                if (dependence[0] === scopeName)
+                    continue;
+                let targetForm = formGroup;
+                let controlPath = dependence;
+                while (controlPath.length > 0 && controlPath[0] === parentName) {
+                    if (!targetForm.parent)
+                        break;
+                    targetForm = targetForm.parent;
+                    controlPath = controlPath.slice(1);
+                }
+                if (controlPath.length > 0 && targetForm) {
+                    const control = targetForm.get(controlPath);
+                    if (control) {
+                        invokeCallback(control);
+                    }
+                }
+            }
+            else {
+                if (dependence === scopeName)
+                    continue;
+                const control = formGroup.get(dependence);
+                if (control) {
+                    invokeCallback(control);
+                }
+            }
+        }
+        return subscriptions;
+    }
+    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 ɵ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: [{
+                    type: Optional
+                }] }, { type: ScopeService, decorators: [{
+                    type: Optional
+                }] }] });
+
+function patchForm(control, value, options) {
+    const defaultOptions = {
+        emitEvent: true,
+        validateType: false,
+        fallbackValue: null
+    };
+    const warn = (message) => {
+        if (options?.emitWarn)
+            console.warn(`[patchForm] ${message}`);
+    };
+    const error = (message) => {
+        if (options?.emitError)
+            throw new Error(message);
+    };
+    const { emitEvent, validateType, fallbackValue } = { ...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}`);
+            if (fallbackValue !== null) {
+                control.patchValue(fallbackValue, { emitEvent });
+                return;
+            }
+            error('Invalid value type and no fallback value provided.');
+            return;
+        }
+        control.patchValue(value, { emitEvent });
+    }
+    else if (control instanceof FormGroup) {
+        Object.keys(value || {}).forEach((key) => {
+            if (control.controls[key]) {
+                patchForm(control.controls[key], value[key], options);
+            }
+            else {
+                warn(`Key "${key}" not found in the FormGroup.`);
+            }
+        });
+    }
+    else if (control instanceof FormArray) {
+        (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.addNewItem();
+                patchForm(newControl, item, options);
+            }
+        });
+    }
+    else {
+        error('Unsupported AbstractControl type.');
+    }
+}
+
+function groupByRow(forms) {
+    return forms.map(form => ({
+        id: form.id,
+        type: form.type,
+        name: form.name,
+        title: form.title,
+        path: form.path,
+        rows: groupRowsRecursively(form.components)
+    }));
+}
+function groupRowsRecursively(components) {
+    const groupedMap = new Map();
+    function processComponent(component) {
+        const row = component.layout.row;
+        if (!groupedMap.has(row)) {
+            groupedMap.set(row, []);
+        }
+        const { components, ...props } = component;
+        groupedMap.get(row).push({
+            ...props,
+            rows: components ? groupRowsRecursively(components) : undefined
+        });
+    }
+    components.forEach(component => processComponent(component));
+    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 AdornerDirective {
+    el;
+    renderer;
+    prefixAdorner = null;
+    suffixAdorner = null;
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        this.updatePrefix(this.prefixAdorner);
+        this.updateSuffix(this.suffixAdorner);
+    }
+    ngOnChanges(changes) {
+        if (changes["prefixAdorner"]) {
+            this.updatePrefix(changes["prefixAdorner"].currentValue);
+        }
+        if (changes["suffixAdorner"]) {
+            this.updateSuffix(changes["suffixAdorner"].currentValue);
+        }
+    }
+    getWrapper() {
+        return this.el.nativeElement.querySelector('div.sirio-input-group');
+    }
+    ;
+    isPrepared() {
+        return this.getWrapper() !== null;
+    }
+    prepare() {
+        if (this.isPrepared())
+            return this.getWrapper();
+        const inputElement = this.el.nativeElement.querySelector('input');
+        if (!inputElement)
+            return null;
+        const wrapper = this.renderer.createElement('div');
+        this.renderer.addClass(wrapper, 'sirio-input-group');
+        const parent = inputElement.parentNode;
+        this.renderer.insertBefore(parent, wrapper, inputElement);
+        this.renderer.appendChild(wrapper, inputElement);
+        return wrapper;
+    }
+    updatePrefix(prefixAdorner) {
+        const prefixText = this.normalizeText(prefixAdorner);
+        this.remove("span.prefix");
+        if (prefixText !== null) {
+            const wrapper = this.prepare();
+            if (wrapper) {
+                const inputElement = wrapper.querySelector('input');
+                const prefixSpan = this.createSpanElement(prefixText);
+                this.renderer.addClass(prefixSpan, "prefix");
+                this.renderer.insertBefore(wrapper, prefixSpan, inputElement);
+            }
+        }
+    }
+    updateSuffix(suffixAdorner) {
+        const suffixText = this.normalizeText(suffixAdorner);
+        this.remove("span.suffix");
+        if (suffixText !== null) {
+            const wrapper = this.prepare();
+            if (wrapper) {
+                const suffixSpan = this.createSpanElement(suffixText);
+                this.renderer.addClass(suffixSpan, "suffix");
+                this.renderer.appendChild(wrapper, suffixSpan);
+            }
+        }
+    }
+    remove(selector) {
+        const wrapper = this.getWrapper();
+        if (!wrapper)
+            return;
+        const span = wrapper.querySelector(selector);
+        if (span)
+            this.renderer.removeChild(wrapper, span);
+    }
+    createSpanElement(adorner) {
+        const outerSpan = this.renderer.createElement('span');
+        this.renderer.addClass(outerSpan, 'sirio-input-group-text');
+        const innerSpan = this.renderer.createElement('span');
+        this.renderer.setAttribute(innerSpan, 'aria-hidden', 'true');
+        const iconClass = this.getIconClassName(adorner);
+        if (iconClass) {
+            this.renderer.addClass(innerSpan, 'fas');
+            this.renderer.addClass(innerSpan, iconClass);
+        }
+        else {
+            const strongElement = this.renderer.createElement('strong');
+            this.renderer.appendChild(innerSpan, strongElement);
+            const text = this.renderer.createText(adorner);
+            this.renderer.appendChild(strongElement, text);
+        }
+        this.renderer.appendChild(outerSpan, innerSpan);
+        return outerSpan;
+    }
+    ;
+    getIconClassName(text) {
+        switch (text) {
+            case "%":
+                return "fa-percent";
+            case "@":
+                return "fa-envelope";
+            case "€":
+                return "fa-euro-sign";
+        }
+        return null;
+    }
+    ;
+    normalizeText(text) {
+        if (text) {
+            const trimmedValue = text.trim();
+            return trimmedValue.length > 0 ? trimmedValue : null;
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AdornerDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AdornerDirective, isStandalone: true, selector: "[prefixAdorner], [suffixAdorner]", inputs: { prefixAdorner: "prefixAdorner", suffixAdorner: "suffixAdorner" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AdornerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[prefixAdorner], [suffixAdorner]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { prefixAdorner: [{
+                type: Input
+            }], suffixAdorner: [{
+                type: Input
+            }] } });
+
+class DisableDirective {
+    ngControl;
+    disableControl = null;
+    readonly = null;
+    constructor(ngControl) {
+        this.ngControl = ngControl;
+    }
+    ngOnChanges(changes) {
+        if (changes["disableControl"] || changes["readonly"]) {
+            if (this.ngControl.control) {
+                if (this.disableControl) {
+                    this.ngControl.control.disable();
+                }
+                else {
+                    this.ngControl.control.enable();
+                    this.ngControl.valueAccessor?.setDisabledState(this.readonly === true);
+                }
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisableDirective, deps: [{ token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DisableDirective, isStandalone: true, selector: "[disableControl], [readonly]", inputs: { disableControl: "disableControl", readonly: "readonly" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[disableControl], [readonly]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$1.NgControl }], propDecorators: { disableControl: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }] } });
+
+class DisplayDirective {
+    el;
+    renderer;
+    hide = null;
+    show = null;
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngOnChanges(changes) {
+        if (changes["hide"]) {
+            const value = changes["hide"].currentValue;
+            if (value === true) {
+                this.renderer.setStyle(this.el.nativeElement, 'display', 'none');
+            }
+            else if (value === false) {
+                this.renderer.setStyle(this.el.nativeElement, 'display', 'block');
+            }
+        }
+        if (changes["show"]) {
+            const value = changes["show"].currentValue;
+            if (value === true) {
+                this.renderer.setStyle(this.el.nativeElement, 'display', 'block');
+            }
+            else if (value === false) {
+                this.renderer.setStyle(this.el.nativeElement, 'display', 'none');
+            }
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisplayDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DisplayDirective, isStandalone: true, selector: "[hide], [show]", inputs: { hide: "hide", show: "show" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DisplayDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hide], [show]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { hide: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }] } });
+
+class RepeatDirective {
+    controlContainer;
+    repeat = null;
+    constructor(controlContainer) {
+        this.controlContainer = controlContainer;
+    }
+    ngOnChanges(changes) {
+        if (changes["repeat"]) {
+            const formArray = this.controlContainer.control;
+            const value = changes["repeat"].currentValue;
+            if (Number.isInteger(value) && value >= 0)
+                this.resizeArray(formArray, value);
+        }
+    }
+    resizeArray(formArray, size) {
+        while (formArray.length < size) {
+            formArray.addNewItem();
+        }
+        while (formArray.length > size) {
+            formArray.removeAt(formArray.length - 1);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RepeatDirective, deps: [{ token: i1$1.ControlContainer }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: RepeatDirective, isStandalone: true, selector: "[repeat]", inputs: { repeat: "repeat" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RepeatDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[repeat]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$1.ControlContainer }], propDecorators: { repeat: [{
+                type: Input
+            }] } });
+
+class FrameSecurityDirective {
+    el;
+    renderer;
+    frameSecurity = null;
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        const frame = this.el.nativeElement;
+        const sandbox = this.getSandBox(this.frameSecurity);
+        if (sandbox)
+            this.renderer.setAttribute(frame, 'sandbox', sandbox);
+        const allow = this.getAllow(this.frameSecurity);
+        if (allow)
+            this.renderer.setAttribute(frame, 'allow', allow);
+    }
+    getSandBox(security) {
+        let allowedProperties = [
+            "allowScripts",
+            "allowSameOrigin",
+            "allowForms",
+            "allowModals",
+            "allowPopups",
+            "allowTopNavigation",
+            "allowStorageAccessByUserActivation"
+        ];
+        let sandBox = Object.entries(security)
+            .filter(([key, value]) => value === true && allowedProperties.includes(key))
+            .map(([key]) => this.camelToKebabCase(key))
+            .join(' ');
+        return sandBox;
+    }
+    ;
+    getAllow(security) {
+        let allowedProperties = [
+            "fullscreen",
+            "geolocation",
+            "camera",
+            "microphone"
+        ];
+        let allow = Object.entries(security)
+            .filter(([key, value]) => value === true && allowedProperties.includes(key))
+            .map(([key]) => key)
+            .join(' ');
+        return allow;
+    }
+    ;
+    camelToKebabCase(str) {
+        return str.replace(/[A-Z]/g, (match) => '-' + match.toLowerCase());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FrameSecurityDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: FrameSecurityDirective, isStandalone: true, selector: "[frameSecurity]", inputs: { frameSecurity: "frameSecurity" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FrameSecurityDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frameSecurity]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { frameSecurity: [{
+                type: Input
+            }] } });
+
+class DropdownDirective {
+    el;
+    renderer;
+    sirioSelect;
+    constructor(el, renderer, sirioSelect) {
+        this.el = el;
+        this.renderer = renderer;
+        this.sirioSelect = sirioSelect;
+    }
+    ngAfterViewInit() {
+        this.handleNullValue();
+        this.handleSearchable();
+    }
+    handleNullValue() {
+        if (this.sirioSelect
+            && this.sirioSelect.value === null
+            && Array.isArray(this.sirioSelect.options)) {
+            const nullOption = this.sirioSelect.options.find(option => option.value === null);
+            if (nullOption) {
+                nullOption.isSelected = true;
+            }
+        }
+    }
+    handleSearchable() {
+        const searchable = this.el.nativeElement.querySelector('.searchable');
+        if (searchable) {
+            const dropDown = this.el.nativeElement.querySelector('.sirio-dropdown');
+            const dropMenu = dropDown.querySelector('.sirio-dropdown-menu');
+            const input = searchable.querySelector('input');
+            this.renderer.insertBefore(dropDown, searchable, dropMenu);
+            this.renderer.listen(input, 'blur', (event) => {
+                this.sirioSelect.panel.close();
+            });
+            this.renderer.listen(input, 'keyup', (event) => {
+                this.onKeyUp(event, input);
+            });
+            this.renderer.listen(input, 'keydown', (event) => {
+                this.onKeyDown(event);
+            });
+            this.sirioSelect.panel.panelOpened.subscribe(() => {
+                this.activate(searchable);
+            });
+            this.sirioSelect.panel.panelClosed.subscribe(() => {
+                this.deactivate(searchable);
+            });
+        }
+    }
+    deactivate(element) {
+        this.renderer.setStyle(element, 'display', 'none');
+    }
+    activate(element) {
+        let currentValue = "";
+        if (this.sirioSelect.optionsSelected.length > 0) {
+            currentValue = this.sirioSelect.optionsSelected[0].text;
+        }
+        const input = element.querySelector("input");
+        if (!input)
+            return;
+        input.value = currentValue;
+        const dropMenu = this.el.nativeElement.querySelector('.sirio-dropdown-menu');
+        this.sirioSelect.options.forEach((option) => {
+            this.show(option, true);
+            if (currentValue == option.text) {
+                dropMenu.scrollTop = this.native(option).offsetTop;
+            }
+        });
+        this.renderer.setStyle(element, 'display', 'inline-block');
+        setTimeout(() => {
+            input.setSelectionRange(input.value.length, input.value.length);
+            input.focus();
+        });
+    }
+    onKeyUp(event, input) {
+        const { code } = event;
+        switch (code) {
+            case 'Enter':
+            case 'Space':
+            case 'ArrowDown':
+            case 'ArrowUp':
+            case 'Escape':
+                return;
+        }
+        const value = this.comparable(input.value);
+        let firstMatch = true;
+        this.sirioSelect.options.forEach((option, index) => {
+            const match = this.comparable(option.text).includes(value);
+            this.show(option, match);
+            if (match && firstMatch) {
+                option.setFocus();
+                firstMatch = false;
+            }
+            else {
+                option.removeFocus();
+            }
+        });
+    }
+    onKeyDown(event) {
+        const panel = this.sirioSelect.panel;
+        if (!panel) {
+            return;
+        }
+        const panelIsOpen = panel.panelIsOpen;
+        const { code } = event;
+        if (panelIsOpen) {
+            switch (code) {
+                case 'Enter':
+                case 'Space':
+                    if (panel.optionFocused) {
+                        panel.optionFocused?.onOptionSelected(event);
+                    }
+                    else {
+                        panel.close(event);
+                        event?.preventDefault();
+                    }
+                    break;
+                case 'ArrowDown':
+                    this.scrollDown();
+                    event?.preventDefault();
+                    break;
+                case 'ArrowUp':
+                    this.scrollUp();
+                    event?.preventDefault();
+                    break;
+                case 'Escape':
+                    panel.close(event);
+                    break;
+                default:
+                    break;
+            }
+        }
+        if (!panelIsOpen) {
+            switch (code) {
+                case 'Enter':
+                case 'Space':
+                    panel.open(event);
+                    event?.preventDefault();
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    native(option) {
+        return option.viewContainerRef.element.nativeElement;
+    }
+    isHidden(option) {
+        return this.native(option).style.display === 'none';
+    }
+    show(option, value) {
+        this.native(option).style.display = value ? '' : 'none';
+    }
+    comparable(text) {
+        return text.toLowerCase().trim();
+    }
+    scrollDown() {
+        const panel = this.sirioSelect.panel;
+        if (!panel.optionFocused) {
+            panel.scrollBarTop();
+            panel.options.first.setFocus();
+            return;
+        }
+        const nextOptionFocused = this.findNextVisibleOption(panel.optionFocusedIndex + 1, panel.options);
+        panel.scrollBarDown();
+        panel.optionFocused?.removeFocus();
+        if (nextOptionFocused) {
+            nextOptionFocused?.setFocus();
+            return;
+        }
+        panel.scrollBarTop();
+        const firstVisible = this.findNextVisibleOption(0, panel.options);
+        if (firstVisible) {
+            firstVisible.setFocus();
+        }
+    }
+    scrollUp() {
+        const panel = this.sirioSelect.panel;
+        if (!panel.optionFocused) {
+            panel.scrollBarTop();
+            panel.options.last.setFocus();
+            return;
+        }
+        const nextOptionFocused = this.findPreviousVisibleOption(panel.optionFocusedIndex - 1, panel.options);
+        if (nextOptionFocused) {
+            panel.scrollBarUp();
+            panel.optionFocused?.removeFocus();
+            nextOptionFocused?.setFocus();
+            return;
+        }
+        panel.optionFocused?.removeFocus();
+        panel.scrollBarBottom();
+        const lastVisible = this.findPreviousVisibleOption(panel.options.length - 1, panel.options);
+        if (lastVisible) {
+            lastVisible.setFocus();
+        }
+    }
+    findPreviousVisibleOption(startIndex, options) {
+        let i = startIndex;
+        while (i >= 0) {
+            const option = options.get(i);
+            if (!this.isHidden(option)) {
+                return option;
+            }
+            i--;
+        }
+        return null;
+    }
+    findNextVisibleOption(startIndex, options) {
+        let i = startIndex;
+        while (i < options.length) {
+            const option = options.get(i);
+            if (!this.isHidden(option)) {
+                return option;
+            }
+            i++;
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.SirioSelectComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DropdownDirective, isStandalone: true, selector: "[dropdown]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DropdownDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dropdown]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.SirioSelectComponent, decorators: [{
+                    type: Host
+                }] }] });
+
+class TabDirective {
+    sirioTab;
+    tabCount = 0;
+    constructor(sirioTab) {
+        this.sirioTab = sirioTab;
+    }
+    ngOnChanges(changes) {
+        if (changes["tabCount"]) {
+            const previous = changes["tabCount"].previousValue;
+            if (previous === undefined)
+                return;
+            const current = changes["tabCount"].currentValue;
+            setTimeout(() => {
+                this.sirioTab.setContentItemIndex();
+                this.sirioTab.showArrowIfNeeded();
+                if (previous < current) {
+                    this.sirioTab.setActiveIndex(current - 1);
+                }
+                else {
+                    if (this.sirioTab.oldIndex == current) {
+                        // remove last
+                        this.sirioTab.setActiveIndex(current - 1);
+                    }
+                    else if (this.sirioTab.oldIndex < current) {
+                        // remove middle
+                        this.sirioTab.setActiveIndex(this.sirioTab.oldIndex);
+                    }
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabDirective, deps: [{ token: i1.SirioTabComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: TabDirective, isStandalone: true, selector: "[tabCount]", inputs: { tabCount: "tabCount" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TabDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tabCount]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.SirioTabComponent, decorators: [{
+                    type: Host
+                }] }], propDecorators: { tabCount: [{
+                type: Input
+            }] } });
+
+class AccordionDirective {
+    sirioAccordion;
+    accordionCount = 0;
+    constructor(sirioAccordion) {
+        this.sirioAccordion = sirioAccordion;
+    }
+    ngOnChanges(changes) {
+        if (changes["accordionCount"]) {
+            const previous = changes["accordionCount"].previousValue;
+            if (previous === undefined)
+                return;
+            const current = changes["accordionCount"].currentValue;
+            const oldIndex = this.sirioAccordion.panels.toArray().findIndex(panel => panel.panelIsOpen);
+            setTimeout(() => {
+                const event = new Event("");
+                this.sirioAccordion.closePanels(event);
+                const panels = this.sirioAccordion.panels.toArray();
+                const showPanel = (index) => panels[index].onPanelHeaderClicked(event);
+                if (previous < current) {
+                    showPanel(current - 1);
+                }
+                else {
+                    if (oldIndex == current) {
+                        // remove last
+                        showPanel(current - 1);
+                    }
+                    else if (oldIndex < current) {
+                        // remove middle
+                        showPanel(oldIndex);
+                    }
+                }
+            }, 100);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionDirective, deps: [{ token: i1.SirioAccordionComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: AccordionDirective, isStandalone: true, selector: "[accordionCount]", inputs: { accordionCount: "accordionCount" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccordionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[accordionCount]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.SirioAccordionComponent, decorators: [{
+                    type: Host
+                }] }], propDecorators: { accordionCount: [{
+                type: Input
+            }] } });
+
+class GridDirective {
+    grid;
+    rowSource = null;
+    constructor(grid) {
+        this.grid = grid;
+        grid.gridReady.subscribe(() => {
+            this.isGridReady = true;
+        });
+    }
+    ngOnChanges(changes) {
+        if (changes["rowSource"]) {
+            this.onRowChanges();
+        }
+    }
+    isGridReady = false;
+    onRowChanges() {
+        if (this.isArray(this.rowSource)) {
+            this.setRowData(this.rowSource);
+        }
+        else if (this.isDataSource(this.rowSource)) {
+            this.setDataSource(this.rowSource);
+        }
+        else {
+            this.setRowData([]);
+        }
+    }
+    setRowData(rowSource) {
+        this.grid.rowModelType = 'clientSide';
+        if (this.isGridReady) {
+            this.grid.api.setGridOption('rowData', rowSource);
+        }
+        else {
+            this.grid.rowData = rowSource;
+        }
+    }
+    setDataSource(rowSource) {
+        this.grid.rowModelType = 'infinite';
+        if (this.isGridReady) {
+            this.grid.api.setGridOption('datasource', rowSource);
+        }
+        else {
+            this.grid.datasource = rowSource;
+        }
+    }
+    isArray(rowSource) {
+        return Array.isArray(rowSource);
+    }
+    isDataSource(obj) {
+        return typeof obj.getRows === "function";
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridDirective, deps: [{ token: i1$2.AgGridAngular, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: GridDirective, isStandalone: true, selector: "[rowSource]", inputs: { rowSource: "rowSource" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GridDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rowSource]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1$2.AgGridAngular, decorators: [{
+                    type: Host
+                }] }], propDecorators: { rowSource: [{
+                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() {
+        this.getInput().sirioInput.nativeElement.style.backgroundColor = this.getRandomColor();
+    }
+    getInput() {
+        return this.getComponentRef();
+    }
+    getRandomColor() {
+        const letters = '0123456789ABCDEF';
+        let color = '#';
+        for (let i = 0; i < 6; i++) {
+            color += letters[Math.floor(Math.random() * 16)];
+        }
+        return color;
+    }
+}
+
+class SelectControl extends Control {
+    getSelect() {
+        return this.getComponentRef();
+    }
+}
+
+class TagListControl extends Control {
+    getSelect() {
+        return this.getComponentRef();
+    }
+}
+
+class NumberControl extends Control {
+    getInput() {
+        return this.getComponentRef();
+    }
+}
+
+class DateControl extends Control {
+    getDatePicker() {
+        return this.getComponentRef();
+    }
+}
+
+class TimeControl extends Control {
+    getTimePicker() {
+        return this.getComponentRef();
+    }
+}
+
+class ToggleControl extends Control {
+    getToggle() {
+        return this.getComponentRef();
+    }
+}
+
+class CheckBoxControl extends Control {
+    getCheckBox() {
+        return this.getComponentRef();
+    }
+}
+
+class ChipRadioControl extends Control {
+    getChipRadio() {
+        return this.getComponentRef();
+    }
+}
+
+class RadioControl extends Control {
+    getRadio() {
+        return this.getComponentRef();
+    }
+}
+
+class ChipCheckListControl extends Control {
+    getChipCheckBoxGroup() {
+        return this.getComponentRef();
+    }
+}
+
+class CheckListControl extends Control {
+    getCheckboxGroup() {
+        return this.getComponentRef();
+    }
+}
+
+class TextAreaControl extends Control {
+    getInput() {
+        return this.getComponentRef();
+    }
+}
+
+class FilePickerControl extends Control {
+    getFileUpload() {
+        return this.getComponentRef();
+    }
+}
+
+class TextControl extends Control {
+}
+
+class HtmlControl extends Control {
+}
+
+class ImageControl extends Control {
+}
+
+class TabControl extends ContainerControl {
+    getTab() {
+        return this.getComponentRef();
+    }
+}
+
+class AccordionControl extends ContainerControl {
+    getAccordion() {
+        return this.getComponentRef();
+    }
+}
+
+class DynamicListControl extends ContainerControl {
+}
+
+class GroupControl extends ContainerControl {
+}
+
+class TableControl extends Control {
+    setFilter(filter) {
+        this.getGrid().api.setFilterModel(filter);
+    }
+    clearFilter() {
+        this.getGrid().api.setFilterModel(null);
+    }
+    getGrid() {
+        return this.getComponentRef();
+    }
+}
+
+class ButtonControl extends Control {
+    getButton() {
+        return this.getComponentRef();
+    }
+}
+
+class SeparatorControl extends Control {
+}
+
+class SpacerControl extends Control {
+}
+
+class IFrameControl extends Control {
+}
+
+function createControl(name, metadata, componentRef, elementRef, register) {
+    switch (metadata.type) {
+        case "default":
+            return new FormControl(name, metadata, componentRef, elementRef, register);
+        case "textfield":
+            return new TextFieldControl(name, metadata, componentRef, elementRef);
+        case "select":
+            return new SelectControl(name, metadata, componentRef, elementRef);
+        case "taglist":
+            return new TagListControl(name, metadata, componentRef, elementRef);
+        case "number":
+            return new NumberControl(name, metadata, componentRef, elementRef);
+        case "datetime":
+            switch (metadata.subtype) {
+                case "date":
+                    return new DateControl(name, metadata, componentRef, elementRef);
+                case "time":
+                    return new TimeControl(name, metadata, componentRef, elementRef);
+                default:
+                    return new Control(name, metadata, componentRef, elementRef);
+            }
+        case "checkbox":
+            switch (metadata.subtype) {
+                case "toggle":
+                    return new ToggleControl(name, metadata, componentRef, elementRef);
+                default:
+                    return new CheckBoxControl(name, metadata, componentRef, elementRef);
+            }
+        case "radio":
+            switch (metadata.subtype) {
+                case "chip":
+                    return new ChipRadioControl(name, metadata, componentRef, elementRef);
+                default:
+                    return new RadioControl(name, metadata, componentRef, elementRef);
+            }
+        case "checklist":
+            switch (metadata.subtype) {
+                case "chip":
+                    return new ChipCheckListControl(name, metadata, componentRef, elementRef);
+                default:
+                    return new CheckListControl(name, metadata, componentRef, elementRef);
+            }
+        case "textarea":
+            return new TextAreaControl(name, metadata, componentRef, elementRef);
+        case "filepicker":
+            return new FilePickerControl(name, metadata, componentRef, elementRef);
+        case "text":
+            return new TextControl(name, metadata, componentRef, elementRef);
+        case "html":
+            return new HtmlControl(name, metadata, componentRef, elementRef);
+        case "image":
+            return new ImageControl(name, metadata, componentRef, elementRef);
+        case "dynamiclist":
+            switch (metadata.subtype) {
+                case "tab":
+                    return new TabControl(name, metadata, componentRef, elementRef, register);
+                case "accordion":
+                    return new AccordionControl(name, metadata, componentRef, elementRef, register);
+                default:
+                    return new DynamicListControl(name, metadata, componentRef, elementRef, register);
+            }
+        case "group":
+            return new GroupControl(name, metadata, componentRef, elementRef, register);
+        case "table":
+            return new TableControl(name, metadata, componentRef, elementRef);
+        case "button":
+            return new ButtonControl(name, metadata, componentRef, elementRef);
+        case "separator":
+            return new SeparatorControl(name, metadata, componentRef, elementRef);
+        case "spacer":
+            return new SpacerControl(name, metadata, componentRef, elementRef);
+        case "iframe":
+            return new IFrameControl(name, metadata, componentRef, elementRef);
+        default:
+            return new Control(name, metadata, componentRef, elementRef);
+    }
+}
+
+class RegisterDirective {
+    el;
+    registerService;
+    proxyService;
+    register = null;
+    componentRef;
+    dynamicField;
+    itemFields;
+    constructor(el, registerService, proxyService) {
+        this.el = el;
+        this.registerService = registerService;
+        this.proxyService = proxyService;
+    }
+    ngAfterContentInit() {
+        this.registerControl();
+    }
+    ngOnDestroy() {
+        this.unregisterControl();
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    destroy$ = new Subject();
+    registerControl() {
+        const name = this.getName();
+        const register = (this.register.type === 'dynamiclist')
+            ? this.createDynamicRegister(name, this.register, this.componentRef, this.el, this.itemFields)
+            : this.dynamicField?.getRegister();
+        const control = createControl(name, this.register, this.componentRef, this.el, register);
+        this.registerService.register(name, control);
+    }
+    unregisterControl() {
+        this.registerService.unregister(this.getName());
+    }
+    getName() {
+        return this.register.name ?? this.register.id;
+    }
+    createDynamicRegister(name, metadata, componentRef, el, itemFields) {
+        const newRegister = new RegisterService(this.proxyService, null);
+        const registerAll = (itemFields) => {
+            newRegister.unregisterAll();
+            itemFields.forEach((itemField, index) => {
+                const register = itemField.getRegister();
+                const newName = `${name}-${index}`;
+                const control = new ItemControl(newName, index, metadata, componentRef, el, register);
+                newRegister.register(newName, control);
+            });
+        };
+        registerAll(itemFields);
+        itemFields.changes
+            .pipe(takeUntil$1(this.destroy$))
+            .subscribe((itemFields) => {
+            registerAll(itemFields);
+        });
+        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 ɵ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: DynamicFieldsComponent, descendants: true }, { propertyName: "itemFields", predicate: DynamicFieldsComponent, descendants: true }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RegisterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[register]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: RegisterService }, { type: ProxyService }], propDecorators: { register: [{
+                type: Input
+            }], componentRef: [{
+                type: Input
+            }], dynamicField: [{
+                type: ContentChild,
+                args: [DynamicFieldsComponent]
+            }], itemFields: [{
+                type: ContentChildren,
+                args: [DynamicFieldsComponent, { descendants: true }]
+            }] } });
+
+class UpdateBlurDirective {
+    sirioInput;
+    constructor(sirioInput) {
+        this.sirioInput = sirioInput;
+    }
+    ngAfterViewInit() {
+        if (this.sirioInput?.control?.updateOn === 'blur') {
+            const writeValue = this.sirioInput.writeValue;
+            this.sirioInput.writeValue = function (value, event = false) {
+                writeValue.bind(this)(value, false);
+            };
+            this.sirioInput.onBlur = function (event) {
+                writeValue.bind(this)(this.value, true);
+            };
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateBlurDirective, deps: [{ token: i1.SirioInputComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: UpdateBlurDirective, isStandalone: true, selector: "[updateBlur]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UpdateBlurDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[updateBlur]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i1.SirioInputComponent, decorators: [{
+                    type: Host
+                }] }] });
+
+class ObjectURLRendererComponent {
+    params;
+    agInit(params) {
+        this.params = params;
+    }
+    onClick(event) {
+        const fileURL = URL.createObjectURL(this.params.data);
+        window.open(fileURL, '_blank');
+        setTimeout(() => {
+            URL.revokeObjectURL(fileURL);
+        }, 1000);
+    }
+    refresh() {
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectURLRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ObjectURLRendererComponent, selector: "ng-component", ngImport: i0, template: `<a aria-label="View" title="View" href="javascript:void(0)" (click)="onClick($event)"><span class="fas fa-paperclip"></span></a>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ObjectURLRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<a aria-label="View" title="View" href="javascript:void(0)" (click)="onClick($event)"><span class="fas fa-paperclip"></span></a>`,
+                }]
+        }] });
+class DeleteRowCellRenderer {
+    params;
+    agInit(params) {
+        this.params = params;
+    }
+    onClick(event) {
+        if ('remove' in this.params.data && typeof this.params.data.remove === 'function') {
+            this.params.data.remove();
+        }
+    }
+    refresh() {
+        return false;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeleteRowCellRenderer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DeleteRowCellRenderer, selector: "ng-component", ngImport: i0, template: `<button aria-label="Remove" title="Remove" class="sirio-btn sirio-btn-icon" (click)="onClick($event)"><span class="fas fa-trash"></span></button>`, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeleteRowCellRenderer, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<button aria-label="Remove" title="Remove" class="sirio-btn sirio-btn-icon" (click)="onClick($event)"><span class="fas fa-trash"></span></button>`,
+                }]
+        }] });
+
+const Texts = {
+    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",
+    Close: "Chiudi"
+};
+
+class SanitizeService {
+    sanitizer;
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.sanitizeOption = {
+            allowedTags: sanitizeHtml.defaults.allowedTags.concat(['img']),
+            allowedAttributes: {
+                ...sanitizeHtml.defaults.allowedAttributes,
+                '*': ['style']
+            }
+        };
+    }
+    sanitizeHtml(html) {
+        return sanitizeHtml(html, this.sanitizeOption);
+    }
+    ;
+    sanitizeSafeHtml(html) {
+        return this.sanitizer.bypassSecurityTrustHtml(this.sanitizeHtml(html));
+    }
+    ;
+    sanitizeSafeUrl(url) {
+        return this.sanitizer.bypassSecurityTrustResourceUrl(url);
+    }
+    sanitizeOption;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SanitizeService, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SanitizeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SanitizeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
+
+marked.use({
+    async: false,
+    gfm: true,
+    breaks: true
+});
+class MarkdownService {
+    constructor() { }
+    toHtml(text) {
+        return marked.parse(text ?? "");
+    }
+    ;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkdownService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MarkdownService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class MimeService {
+    constructor() { }
+    getMimeTypes(extensions) {
+        return (extensions ?? "")
+            .split(',')
+            .map(ext => this.getMimeType(ext.trim()))
+            .filter(mime => mime !== null)
+            .join(', ');
+    }
+    ;
+    getMimeType(extension) {
+        const ext = extension.startsWith('.') ? extension.slice(1) : extension;
+        for (const [mimeType, info] of Object.entries(mimeDb)) {
+            if (info.extensions && info.extensions.includes(ext)) {
+                return mimeType;
+            }
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MimeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MimeService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MimeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+//import { FeelService } from '../services/feel.service';
+class FormatterService {
+    //constructor(private feelService: FeelService) { }
+    constructor() { }
+    formatCurrency(value, symbol = null) {
+        if (isNaN(value) || value === null || value === undefined) {
+            return value;
+        }
+        const numberValue = parseFloat(value);
+        if (isNaN(numberValue)) {
+            return value;
+        }
+        const result = numberValue.toFixed(2).replace(".", ",").replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+        if (symbol) {
+            return symbol + ' ' + result;
+        }
+        else {
+            return result;
+        }
+    }
+    formatDate(value) {
+        if (typeof value !== 'string' || !/^\d{4}-\d{2}-\d{2}(T|$)/.test(value)) {
+            return value;
+        }
+        const date = new Date(value);
+        if (isNaN(date.getTime())) {
+            return value;
+        }
+        const day = date.getDate().toString().padStart(2, '0');
+        const month = (date.getMonth() + 1).toString().padStart(2, '0');
+        const year = date.getFullYear();
+        return `${day}/${month}/${year}`;
+    }
+    formatInteger(value) {
+        if (isNaN(value) || value === null || value === undefined) {
+            return value;
+        }
+        const numberValue = parseInt(value, 10);
+        if (isNaN(numberValue)) {
+            return value;
+        }
+        return numberValue.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ".");
+    }
+    formatExpression(value, expression) {
+        return value;
+        //const result = this.feelService.evalExpression(expression, { value: value }) as string;
+        //return result;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FormatterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class DynamicFieldsComponent {
+    sanitizer;
+    markdown;
+    mime;
+    programmability;
+    events;
+    formatter;
+    weak;
+    register;
+    el;
+    rows;
+    formGroup;
+    Texts = Texts;
+    constructor(sanitizer, markdown, mime, programmability, events, formatter, weak, register, el) {
+        this.sanitizer = sanitizer;
+        this.markdown = markdown;
+        this.mime = mime;
+        this.programmability = programmability;
+        this.events = events;
+        this.formatter = formatter;
+        this.weak = weak;
+        this.register = register;
+        this.el = el;
+    }
+    ngOnInit() {
+        this.configureDatepicker();
+    }
+    ngAfterViewInit() {
+        setTimeout(() => {
+            this.focusFirst();
+        });
+    }
+    getRegister() {
+        return this.register;
+    }
+    getClass(component) {
+        if (component.layout?.columns) {
+            return "col-md-" + component.layout?.columns;
+        }
+        else {
+            return "col";
+        }
+    }
+    getTextFeedback(component) {
+        const control = this.formGroup.get(component.key);
+        return control.valid || !control.errors
+            ? ''
+            : control.errors['message'];
+    }
+    isWarning(component) {
+        const control = this.formGroup.get(component.key);
+        return (control.errors && control.errors['warning']) || false;
+    }
+    evaluateString(value) {
+        return this.programmability.evaluateString(this.formGroup, value);
+    }
+    evaluateBoolean(value) {
+        return this.programmability.evaluateBoolean(this.formGroup, value);
+    }
+    evaluateNumber(value) {
+        return this.programmability.evaluateNumber(this.formGroup, value);
+    }
+    evaluateUrl(value) {
+        const url = this.programmability.evaluateString(this.formGroup, value);
+        const watchKey = `:safeUrl(${url})`;
+        return this.weak.call(this.formGroup, watchKey, () => {
+            return this.sanitizer.sanitizeSafeUrl(url);
+        });
+    }
+    evaluateTemplate(value) {
+        return this.programmability.evaluateTemplate(this.formGroup, value);
+    }
+    evaluate(text, cacheable = true) {
+        return this.programmability.evaluate(this.formGroup, text, cacheable);
+    }
+    evaluateColor(value) {
+        const color = this.evaluateString(value);
+        const watchKey = `:buttonColor(${color})`;
+        return this.weak.call(this.formGroup, watchKey, () => {
+            if (color === "ghost")
+                return null;
+            const validColors = ['primary', 'secondary', 'tertiary', 'tertiary-light', 'danger'];
+            return validColors.includes(color) ? color : 'primary';
+        });
+    }
+    getFormGroup(control) {
+        if (!(control instanceof FormGroup)) {
+            throw new Error('Control is not a FormGroup');
+        }
+        return control;
+    }
+    getFormArray(control) {
+        if (!(control instanceof FormArray)) {
+            throw new Error('Control is not a FormArray');
+        }
+        return control;
+    }
+    getControlFromPath(path) {
+        return path
+            ? this.formGroup.get(path)
+            : this.formGroup;
+    }
+    toHTML(text) {
+        let html = this.markdown.toHtml(text);
+        return this.sanitizer.sanitizeSafeHtml(html);
+    }
+    ;
+    sanitize(html) {
+        return this.sanitizer.sanitizeSafeHtml(html);
+    }
+    ;
+    getMimeTypes(extensions) {
+        return this.mime.getMimeTypes(extensions);
+    }
+    ;
+    clickButton(component, event) {
+        if (component.click) {
+            this.evaluate(component.click, false);
+        }
+        if (component.command) {
+            const command = {
+                name: this.evaluateString(component.command),
+                component: component,
+                formGroup: this.formGroup,
+                event: event
+            };
+            this.events.emitCommand(command);
+        }
+    }
+    getValues(component) {
+        if (component.values) {
+            // Static
+            return of(component.values);
+        }
+        else if (component.valuesKey) {
+            // Field value
+            const result = this.evaluate(component.valuesKey);
+            return this.getAsObservable(result);
+        }
+        else if (component.valuesExpression) {
+            // Expression
+            const result = this.evaluate(component.valuesExpression);
+            return this.getAsObservable(result);
+        }
+        else {
+            // Nothing
+            return of([]);
+        }
+    }
+    getGridOptions(component) {
+        return this.weak.call(component, 'getGridOptions', () => {
+            return {
+                defaultColDef: {
+                    floatingFilter: (component.floatingFilter === true),
+                    headerClass: (component.floatingFilter === true)
+                        ? 'show-filter' : 'hide-filter'
+                },
+                columnDefs: this.getGridColumns(component),
+                pagination: this.getGridPaginable(component),
+                paginationPageSize: this.getGridPageSize(component),
+                paginationPageSizeSelector: [5, 10, 20, 50],
+                localeText: this.getGridTexts(),
+                theme: this.getGridTheme(),
+            };
+        });
+    }
+    getGridModules(component) {
+        return this.weak.call(component, 'getGridModules', () => {
+            return [
+                ClientSideRowModelModule,
+                InfiniteRowModelModule,
+                PaginationModule,
+                LocaleModule,
+                CellStyleModule,
+                ClientSideRowModelApiModule,
+                TextFilterModule,
+                NumberFilterModule,
+                DateFilterModule
+            ];
+        });
+    }
+    getGridData(component) {
+        if (component.dataSource) {
+            // Expression
+            const result = this.evaluate(component.dataSource);
+            return this.getAsObservable(result);
+        }
+        else {
+            // Nothing
+            return of([]);
+        }
+    }
+    addNewItem(component) {
+        const formArray = this.getFormArray(this.getControlFromPath(component.path));
+        formArray.addNewItem();
+    }
+    removeItem(component, index) {
+        const formArray = this.getFormArray(this.getControlFromPath(component.path));
+        formArray.removeAt(index);
+    }
+    createUploadTables(component) {
+        return this.weak.call(component, 'createUploadTables', () => {
+            return [
+                {
+                    components: [
+                        {
+                            "type": "table",
+                            "layout": {
+                                "columns": null
+                            },
+                            "columns": [
+                                {
+                                    "label": "Name",
+                                    "key": "name",
+                                    "flex": 1
+                                },
+                                {
+                                    "label": "Size",
+                                    "key": "size",
+                                    "format": "integer",
+                                    "align": "right"
+                                },
+                                {
+                                    "key": "type",
+                                    "label": "Type"
+                                },
+                                {
+                                    "key": "url",
+                                    "label": "",
+                                    "width": 50,
+                                    "align": "center",
+                                    "format": "objectURL"
+                                },
+                                {
+                                    "label": "",
+                                    "width": 50,
+                                    "align": "center",
+                                    "format": "deleteRow"
+                                }
+                            ],
+                            "dataSource": "=" + component.key,
+                            "height": 200,
+                            "conditional": component.conditional,
+                            "disabled": component.disabled
+                        }
+                    ]
+                }
+            ];
+        });
+    }
+    fileUploaded($event) {
+        const removeFile = (file) => {
+            if ($event.component.control) {
+                const newFiles = $event.component.fileList.filter(f => f !== file);
+                $event.component.control.setValue(newFiles);
+                addRemove(newFiles);
+                return newFiles;
+            }
+            return [];
+        };
+        const addRemove = (files) => {
+            files.forEach(file => {
+                if (!('remove' in file)) {
+                    Object.defineProperty(file, 'remove', {
+                        value: function () {
+                            removeFile(this);
+                        },
+                        writable: false,
+                        enumerable: false
+                    });
+                }
+            });
+        };
+        addRemove($event.component.fileList);
+    }
+    focusFirst() {
+        const focusableElements = this.el.nativeElement.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        for (let el of focusableElements) {
+            if (!el.hasAttribute('disabled')) {
+                el.focus();
+                break;
+            }
+        }
+    }
+    gridTexts = {
+        ...AG_GRID_LOCALE_IT,
+        "pageSizeSelectorLabel": "Elementi per pagina:",
+        "to": "-",
+    };
+    gridTheme = themeQuartz
+        .withPart(iconSetAlpine)
+        .withParams({
+        backgroundColor: "#FAFAFA",
+        borderColor: "#D9E4F7",
+        browserColorScheme: "light",
+        cellTextColor: "#00121A",
+        columnBorder: true,
+        fontFamily: "inherit",
+        fontSize: 16,
+        headerBackgroundColor: "#002460",
+        headerColumnBorder: true,
+        headerColumnResizeHandleColor: "#F2F6FC",
+        headerColumnResizeHandleWidth: 2,
+        headerFontSize: 16,
+        headerFontWeight: 600,
+        headerRowBorder: false,
+        headerTextColor: "#F2F6FC",
+        rowBorder: true
+    });
+    getGridColumns(component) {
+        if (Array.isArray(component.columns)) {
+            return component.columns.map((column) => ({
+                field: column.key,
+                headerName: column.label,
+                resizable: column.resize === true,
+                sortable: column.sort === true,
+                filter: column.filter === true,
+                suppressMovable: !(column.move === true),
+                ...(column.flex === true && { flex: 1 }),
+                ...(column.align === "left" && { cellStyle: { textAlign: 'left' } }),
+                ...(column.align === "center" && { cellStyle: { textAlign: 'center' } }),
+                ...(column.align === "right" && { cellStyle: { textAlign: 'right' } }),
+                ...(typeof column.pinned === "string" && { pinned: column.pinned }),
+                ...(typeof column.flex === "number" && { flex: column.flex }),
+                ...(typeof column.width === "number" && { width: column.width }),
+                ...(typeof column.minWidth === "number" && { minWidth: column.minWidth }),
+                ...(typeof column.maxWidth === "number" && { maxWidth: column.maxWidth }),
+                valueFormatter: this.getGridFormatter(column),
+                cellRenderer: this.getGridRenderer(column)
+            }));
+        }
+        else {
+            return [];
+        }
+    }
+    getGridPaginable(component) {
+        return (typeof component.rowCount === 'number' && component.rowCount > 0);
+    }
+    getGridPageSize(component) {
+        if (typeof component.rowCount === 'number') {
+            return component.rowCount;
+        }
+    }
+    getGridTexts() {
+        return this.gridTexts;
+    }
+    getGridTheme() {
+        return this.gridTheme;
+    }
+    getGridFormatter(column) {
+        if (column.format) {
+            switch (column.format) {
+                case 'integer':
+                    return params => this.formatter.formatInteger(params.value);
+                case 'currency':
+                    return params => this.formatter.formatCurrency(params.value);
+                case 'date':
+                    return params => this.formatter.formatDate(params.value);
+            }
+        }
+        return undefined;
+    }
+    getGridRenderer(column) {
+        if (column.format) {
+            switch (column.format) {
+                case 'objectURL':
+                    return ObjectURLRendererComponent;
+                case "deleteRow":
+                    return DeleteRowCellRenderer;
+            }
+        }
+        return undefined;
+    }
+    getAsObservable(value) {
+        if (isObservable(value))
+            return value;
+        return of(value);
+    }
+    configureDatepicker() {
+        Datepicker.locales['it'] = {
+            days: [
+                'Domenica',
+                'Lunedì',
+                'Martedì',
+                'Mercoledì',
+                'Giovedì',
+                'Venerdì',
+                'Sabato',
+            ],
+            daysMin: ['Dom', 'Lun', 'Mar', 'Mer', 'Gio', 'Ven', 'Sab'],
+            months: [
+                'Gennaio',
+                'Febbraio',
+                'Marzo',
+                'Aprile',
+                'Maggio',
+                'Giugno',
+                'Luglio',
+                'Agosto',
+                'Settembre',
+                'Ottobre',
+                'Novembre',
+                'Dicembre',
+            ],
+            monthsShort: [
+                'Gen',
+                'Feb',
+                'Mar',
+                'Apr',
+                'Mag',
+                'Giu',
+                'Lug',
+                'Ago',
+                'Set',
+                'Ott',
+                'Nov',
+                'Dic',
+            ],
+            today: 'Oggi',
+            clear: 'Pulisci',
+            format: 'dd/mm/yyyy',
+            weekStart: 1,
+        };
+    }
+    ;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFieldsComponent, deps: [{ token: SanitizeService }, { token: MarkdownService }, { token: MimeService }, { token: ProgrammabilityService }, { token: EventService }, { token: FormatterService }, { token: WeakService }, { token: RegisterService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DynamicFieldsComponent, isStandalone: true, selector: "app-dynamic-fields", inputs: { rows: "rows", formGroup: "formGroup" }, providers: [
+            RegisterService,
+            ProgrammabilityService
+        ], 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 [formGroup]=\"formGroup\" [class]=\"getClass(component)\">\r\n          <!-- #region textfield -->\r\n          <ng-container *ngSwitchCase=\"'textfield'\">\r\n            <ngx-sirio-input type=\"text\"\r\n                             ariaLabel=\"input\"\r\n                             [label]=\"evaluateString(component.label)\"\r\n                             [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                             [placeholder]=\"component.placeholder || ''\"\r\n                             [textHelp]=\"evaluateString(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                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                             [formControlName]=\"component.key\"\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=\"select\"\r\n                              [label]=\"evaluateString(component.label)\"\r\n                              [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                              [placeholder]=\"component.placeholder || ''\"\r\n                              [textHelp]=\"evaluateString(component.description)\"\r\n                              [textFeedback]=\"getTextFeedback(component)\"\r\n                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\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 ariaLabel=\"items\">\r\n                <ngx-sirio-input *ngIf=\"component.searchable\" class=\"searchable\" type=\"text\" [placeholder]=\"Texts.TypeToSearch\"></ngx-sirio-input>\r\n                <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ 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=\"select\"\r\n                              [label]=\"evaluateString(component.label)\"\r\n                              [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                              [placeholder]=\"component.placeholder || ''\"\r\n                              [textHelp]=\"evaluateString(component.description)\"\r\n                              [textFeedback]=\"getTextFeedback(component)\"\r\n                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\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 ariaLabel=\"items\">\r\n                <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ 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=\"input\"\r\n                             [label]=\"evaluateString(component.label)\"\r\n                             [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                             [placeholder]=\"component.placeholder || ''\"\r\n                             [textHelp]=\"evaluateString(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                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                             [formControlName]=\"component.key\"\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=\"date\"\r\n                                      [label]=\"evaluateString(component.dateLabel)\"\r\n                                      [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                      [placeholder]=\"component.placeholder || ''\"\r\n                                      [textHelp]=\"evaluateString(component.description)\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                      [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                      [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                                      [formControlName]=\"component.key\"\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=\"time\"\r\n                                      [label]=\"evaluateString(component.timeLabel)\"\r\n                                      [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                      [placeholder]=\"component.placeholder || ''\"\r\n                                      [textHelp]=\"evaluateString(component.description)\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                      [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                      [show]=\"evaluateBoolean(component.conditional?.show)\"\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=\"checkbox\"\r\n                                  [textHelp]=\"evaluateString(component.description)\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                  [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                  [show]=\"evaluateBoolean(component.conditional?.show)\"\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(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=\"checkbox\"\r\n                                    [textHelp]=\"evaluateString(component.description)\"\r\n                                    [textFeedback]=\"getTextFeedback(component)\"\r\n                                    [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                    [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                    [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                    [show]=\"evaluateBoolean(component.conditional?.show)\"\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(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=\"radio\"\r\n                                            [label]=\"evaluateString(component.label)\"\r\n                                            [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                            [textHelp]=\"evaluateString(component.description)\"\r\n                                            [textFeedback]=\"getTextFeedback(component)\"\r\n                                            [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                            [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                            [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                            [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"radio\"\r\n                                       [label]=\"evaluateString(component.label)\"\r\n                                       [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                       [textHelp]=\"evaluateString(component.description)\"\r\n                                       [textFeedback]=\"getTextFeedback(component)\"\r\n                                       [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                       [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                       [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                       [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"checklist\"\r\n                                               [label]=\"evaluateString(component.label)\"\r\n                                               [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                               [textHelp]=\"evaluateString(component.description)\"\r\n                                               [textFeedback]=\"getTextFeedback(component)\"\r\n                                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                               [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                               [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"checklist\"\r\n                                          [label]=\"evaluateString(component.label)\"\r\n                                          [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                          [textHelp]=\"evaluateString(component.description)\"\r\n                                          [textFeedback]=\"getTextFeedback(component)\"\r\n                                          [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                          [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                          [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                          [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"textarea\"\r\n                             [label]=\"evaluateString(component.label)\"\r\n                             [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                             [placeholder]=\"component.placeholder || ''\"\r\n                             [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                             [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                             [textHelp]=\"evaluateString(component.description)\"\r\n                             [textFeedback]=\"getTextFeedback(component)\"\r\n                             [formControlName]=\"component.key\"\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=\"filepicker\"\r\n                                   [label]=\"evaluateString(component.label)\"\r\n                                   [labelPopover]=\"evaluateString(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(component.description)\"\r\n                                   [textFeedback]=\"getTextFeedback(component)\"\r\n                                   [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                   [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                   [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                   [show]=\"evaluateBoolean(component.conditional?.show)\"\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              {{ Texts.Upload }}\r\n            </ngx-sirio-file-upload>\r\n            <ng-container *ngIf=\"component.showDetails\">\r\n              <app-dynamic-fields [formGroup]=\"formGroup\" [rows]=\"createUploadTables(component)\"></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 class=\"text-paragraph\"\r\n                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                 [innerHTML]=\"toHTML(evaluateTemplate(component.text))\"\r\n                 #text\r\n                 [register]=\"component\"\r\n                 [componentRef]=\"text\">\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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                 [innerHTML]=\"sanitize(evaluateTemplate(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(component.alt)\"\r\n                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\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\" [repeat]=\"evaluateNumber(component.repetitions)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <ng-container *ngIf=\"getFormArray(formGroup.get(component.path)).controls.length > 0\">\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]=\"Texts.ScrollLeft\"\r\n                                     [rightArrowLabel]=\"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]=\"component.label + ' ' + (i + 1)\">\r\n                            <!--<ng-container *ngTemplateOutlet=\"itemTemplate; context: { item: item, index: i }\"></ng-container>-->\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)\" [rows]=\"component.rows\"></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\">{{ Texts.RemoveItem }}</ngx-sirio-button>\r\n                                </div>\r\n                              </ng-container>\r\n                            </div>\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>\r\n                            <ngx-sirio-accordion-header>\r\n                              <span [innerText]=\"component.label + ' ' + (i + 1)\"></span>\r\n                            </ngx-sirio-accordion-header>\r\n                            <ngx-sirio-accordion-body>\r\n                              <!--<ng-container *ngTemplateOutlet=\"itemTemplate; context: { item: item, index: i }\"></ng-container>-->\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)\" [rows]=\"component.rows\"></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\">{{ Texts.RemoveItem }}</ngx-sirio-button>\r\n                                  </div>\r\n                                </ng-container>\r\n                              </div>\r\n                            </ngx-sirio-accordion-body>\r\n                          </ngx-sirio-accordion-panel>\r\n                        </ng-container>\r\n                      </ngx-sirio-accordion>\r\n                    </div>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <div [ngClass]=\"{'group-outline': component.showOutline === true}\"\r\n                         #dynamiclist\r\n                         [register]=\"component\"\r\n                         [componentRef]=\"dynamiclist\">\r\n                      <label>{{ evaluateString(component.label) }}</label>\r\n                      <ng-container *ngFor=\"let item of getFormArray(formGroup.get(component.path)).controls; let i = index;\" [formGroupName]=\"i\">\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)\" [rows]=\"component.rows\"></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\">{{ Texts.RemoveItem }}</ngx-sirio-button>\r\n                            </div>\r\n                          </ng-container>\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 *ngIf=\"component.allowAddRemove\">\r\n                  <ngx-sirio-button (click)=\"addNewItem(component)\" class=\"add-item\" [color]=\"null\" icon=\"fas fa-plus\">{{ 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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n              <label>{{ evaluateString(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\"></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            <ag-grid-angular [modules]=\"getGridModules(component)\"\r\n                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\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                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                              [disabled]=\"evaluateBoolean(component.disabled)\"\r\n                              #button\r\n                              [register]=\"component\"\r\n                              [componentRef]=\"button\">\r\n              {{ evaluateString(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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\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            <div [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n              <label [for]=\"component.id\">{{ evaluateString(component.label) }}</label>\r\n              <iframe [src]=\"evaluateUrl(component.url)\"\r\n                      [title]=\"evaluateString(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            </div>\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]=\"Texts.Close\"\r\n                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\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(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\r\n                [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                #notice\r\n                [register]=\"component\"\r\n                [componentRef]=\"notice\">\r\n              <ngx-sirio-notify-body [title]=\"evaluateString(component.title)\">\r\n                <div class=\"text-paragraph\"\r\n                     [innerHTML]=\"toHTML(evaluateTemplate(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(component.label)\"\r\n                              [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                              [textHelp]=\"evaluateString(component.description)\"\r\n                              [textFeedback]=\"getTextFeedback(component)\"\r\n                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\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        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".field-set{align-items:center}.field-set>div{margin-top:10px;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-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-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}.sirio-accordion .sirio-accordion-body .sirio-accordion-content{padding:16px}.ag-cell-value button.sirio-btn.sirio-btn-icon{padding:0}.sirio-tab.sirio-tab-scroll{display:block}.sirio-dropdown .searchable{position:absolute;width:100%;display:none;left:0}.ag-header-cell.hide-filter .ag-header-cell-filter-button{display:none}\n"], dependencies: [{ kind: "component", type: DynamicFieldsComponent, selector: "app-dynamic-fields", inputs: ["rows", "formGroup"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i9.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i9.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.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"] }, { 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]", inputs: ["repeat"] }, { 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: "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: "ngmodule", type: SirioTableModule }, { 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: "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,
+                        SirioInputComponent, SirioValidationDirective,
+                        SirioSelectComponent, SirioSelectOptionComponent, SirioSelectPanelComponent,
+                        SirioCheckboxGroupComponent, SirioCheckboxComponent, SirioDatepickerComponent, SirioTimepickerComponent,
+                        SirioRadioGroupComponent, SirioRadioButtonComponent, SirioTabComponent, SirioTabItemComponent,
+                        SirioAccordionComponent, SirioAccordionPanelComponent, SirioAccordionHeaderComponent, SirioAccordionBodyComponent,
+                        SirioButtonComponent, SirioFileUploadComponent,
+                        SirioToggleComponent, SirioChipCheckboxGroupComponent, SirioChipRadioGroupComponent, SirioInputChipComponent,
+                        SirioTableModule, SirioTableComponent, SirioPaginatorComponent,
+                        SirioAlertComponent, SirioAlertMessageComponent, SirioSliderComponent,
+                        SirioNotifyComponent, SirioNotifyBodyComponent, SirioNotifyActionComponent, SirioNotifyLinkComponent,
+                        AgGridAngular], providers: [
+                        RegisterService,
+                        ProgrammabilityService
+                    ], 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 [formGroup]=\"formGroup\" [class]=\"getClass(component)\">\r\n          <!-- #region textfield -->\r\n          <ng-container *ngSwitchCase=\"'textfield'\">\r\n            <ngx-sirio-input type=\"text\"\r\n                             ariaLabel=\"input\"\r\n                             [label]=\"evaluateString(component.label)\"\r\n                             [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                             [placeholder]=\"component.placeholder || ''\"\r\n                             [textHelp]=\"evaluateString(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                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                             [formControlName]=\"component.key\"\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=\"select\"\r\n                              [label]=\"evaluateString(component.label)\"\r\n                              [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                              [placeholder]=\"component.placeholder || ''\"\r\n                              [textHelp]=\"evaluateString(component.description)\"\r\n                              [textFeedback]=\"getTextFeedback(component)\"\r\n                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\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 ariaLabel=\"items\">\r\n                <ngx-sirio-input *ngIf=\"component.searchable\" class=\"searchable\" type=\"text\" [placeholder]=\"Texts.TypeToSearch\"></ngx-sirio-input>\r\n                <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ 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=\"select\"\r\n                              [label]=\"evaluateString(component.label)\"\r\n                              [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                              [placeholder]=\"component.placeholder || ''\"\r\n                              [textHelp]=\"evaluateString(component.description)\"\r\n                              [textFeedback]=\"getTextFeedback(component)\"\r\n                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\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 ariaLabel=\"items\">\r\n                <ngx-sirio-select-option *ngFor=\"let option of (getValues(component) | async) || []\" [value]=\"option.value\">{{ 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=\"input\"\r\n                             [label]=\"evaluateString(component.label)\"\r\n                             [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                             [placeholder]=\"component.placeholder || ''\"\r\n                             [textHelp]=\"evaluateString(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                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                             [formControlName]=\"component.key\"\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=\"date\"\r\n                                      [label]=\"evaluateString(component.dateLabel)\"\r\n                                      [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                      [placeholder]=\"component.placeholder || ''\"\r\n                                      [textHelp]=\"evaluateString(component.description)\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                      [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                      [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                                      [formControlName]=\"component.key\"\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=\"time\"\r\n                                      [label]=\"evaluateString(component.timeLabel)\"\r\n                                      [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                      [placeholder]=\"component.placeholder || ''\"\r\n                                      [textHelp]=\"evaluateString(component.description)\"\r\n                                      [textFeedback]=\"getTextFeedback(component)\"\r\n                                      [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                      [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                      [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                      [show]=\"evaluateBoolean(component.conditional?.show)\"\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=\"checkbox\"\r\n                                  [textHelp]=\"evaluateString(component.description)\"\r\n                                  [textFeedback]=\"getTextFeedback(component)\"\r\n                                  [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                  [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                  [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                  [show]=\"evaluateBoolean(component.conditional?.show)\"\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(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=\"checkbox\"\r\n                                    [textHelp]=\"evaluateString(component.description)\"\r\n                                    [textFeedback]=\"getTextFeedback(component)\"\r\n                                    [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                    [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                    [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                    [show]=\"evaluateBoolean(component.conditional?.show)\"\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(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=\"radio\"\r\n                                            [label]=\"evaluateString(component.label)\"\r\n                                            [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                            [textHelp]=\"evaluateString(component.description)\"\r\n                                            [textFeedback]=\"getTextFeedback(component)\"\r\n                                            [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                            [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                            [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                            [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"radio\"\r\n                                       [label]=\"evaluateString(component.label)\"\r\n                                       [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                       [textHelp]=\"evaluateString(component.description)\"\r\n                                       [textFeedback]=\"getTextFeedback(component)\"\r\n                                       [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                       [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                       [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                       [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"checklist\"\r\n                                               [label]=\"evaluateString(component.label)\"\r\n                                               [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                               [textHelp]=\"evaluateString(component.description)\"\r\n                                               [textFeedback]=\"getTextFeedback(component)\"\r\n                                               [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                               [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                               [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                               [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"checklist\"\r\n                                          [label]=\"evaluateString(component.label)\"\r\n                                          [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                                          [textHelp]=\"evaluateString(component.description)\"\r\n                                          [textFeedback]=\"getTextFeedback(component)\"\r\n                                          [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                          [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                          [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                          [show]=\"evaluateBoolean(component.conditional?.show)\"\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                    {{ 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=\"textarea\"\r\n                             [label]=\"evaluateString(component.label)\"\r\n                             [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                             [placeholder]=\"component.placeholder || ''\"\r\n                             [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                             [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                             [textHelp]=\"evaluateString(component.description)\"\r\n                             [textFeedback]=\"getTextFeedback(component)\"\r\n                             [formControlName]=\"component.key\"\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=\"filepicker\"\r\n                                   [label]=\"evaluateString(component.label)\"\r\n                                   [labelPopover]=\"evaluateString(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(component.description)\"\r\n                                   [textFeedback]=\"getTextFeedback(component)\"\r\n                                   [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                                   [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                                   [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                                   [show]=\"evaluateBoolean(component.conditional?.show)\"\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              {{ Texts.Upload }}\r\n            </ngx-sirio-file-upload>\r\n            <ng-container *ngIf=\"component.showDetails\">\r\n              <app-dynamic-fields [formGroup]=\"formGroup\" [rows]=\"createUploadTables(component)\"></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 class=\"text-paragraph\"\r\n                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                 [innerHTML]=\"toHTML(evaluateTemplate(component.text))\"\r\n                 #text\r\n                 [register]=\"component\"\r\n                 [componentRef]=\"text\">\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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                 [innerHTML]=\"sanitize(evaluateTemplate(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(component.alt)\"\r\n                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\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\" [repeat]=\"evaluateNumber(component.repetitions)\">\r\n              <ng-container [ngSwitch]=\"component.subtype\">\r\n                <ng-container *ngIf=\"getFormArray(formGroup.get(component.path)).controls.length > 0\">\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]=\"Texts.ScrollLeft\"\r\n                                     [rightArrowLabel]=\"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]=\"component.label + ' ' + (i + 1)\">\r\n                            <!--<ng-container *ngTemplateOutlet=\"itemTemplate; context: { item: item, index: i }\"></ng-container>-->\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)\" [rows]=\"component.rows\"></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\">{{ Texts.RemoveItem }}</ngx-sirio-button>\r\n                                </div>\r\n                              </ng-container>\r\n                            </div>\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>\r\n                            <ngx-sirio-accordion-header>\r\n                              <span [innerText]=\"component.label + ' ' + (i + 1)\"></span>\r\n                            </ngx-sirio-accordion-header>\r\n                            <ngx-sirio-accordion-body>\r\n                              <!--<ng-container *ngTemplateOutlet=\"itemTemplate; context: { item: item, index: i }\"></ng-container>-->\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)\" [rows]=\"component.rows\"></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\">{{ Texts.RemoveItem }}</ngx-sirio-button>\r\n                                  </div>\r\n                                </ng-container>\r\n                              </div>\r\n                            </ngx-sirio-accordion-body>\r\n                          </ngx-sirio-accordion-panel>\r\n                        </ng-container>\r\n                      </ngx-sirio-accordion>\r\n                    </div>\r\n                  </ng-container>\r\n                  <!-- #endregion -->\r\n                  <!-- #region default -->\r\n                  <ng-container *ngSwitchDefault>\r\n                    <div [ngClass]=\"{'group-outline': component.showOutline === true}\"\r\n                         #dynamiclist\r\n                         [register]=\"component\"\r\n                         [componentRef]=\"dynamiclist\">\r\n                      <label>{{ evaluateString(component.label) }}</label>\r\n                      <ng-container *ngFor=\"let item of getFormArray(formGroup.get(component.path)).controls; let i = index;\" [formGroupName]=\"i\">\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)\" [rows]=\"component.rows\"></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\">{{ Texts.RemoveItem }}</ngx-sirio-button>\r\n                            </div>\r\n                          </ng-container>\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 *ngIf=\"component.allowAddRemove\">\r\n                  <ngx-sirio-button (click)=\"addNewItem(component)\" class=\"add-item\" [color]=\"null\" icon=\"fas fa-plus\">{{ 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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n              <label>{{ evaluateString(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\"></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            <ag-grid-angular [modules]=\"getGridModules(component)\"\r\n                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\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                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                              [disabled]=\"evaluateBoolean(component.disabled)\"\r\n                              #button\r\n                              [register]=\"component\"\r\n                              [componentRef]=\"button\">\r\n              {{ evaluateString(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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\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                 [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\"\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            <div [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                 [show]=\"evaluateBoolean(component.conditional?.show)\">\r\n              <label [for]=\"component.id\">{{ evaluateString(component.label) }}</label>\r\n              <iframe [src]=\"evaluateUrl(component.url)\"\r\n                      [title]=\"evaluateString(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            </div>\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]=\"Texts.Close\"\r\n                             [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                             [show]=\"evaluateBoolean(component.conditional?.show)\"\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(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\r\n                [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                [show]=\"evaluateBoolean(component.conditional?.show)\"\r\n                #notice\r\n                [register]=\"component\"\r\n                [componentRef]=\"notice\">\r\n              <ngx-sirio-notify-body [title]=\"evaluateString(component.title)\">\r\n                <div class=\"text-paragraph\"\r\n                     [innerHTML]=\"toHTML(evaluateTemplate(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(component.label)\"\r\n                              [labelPopover]=\"evaluateString(component.tooltip)\"\r\n                              [textHelp]=\"evaluateString(component.description)\"\r\n                              [textFeedback]=\"getTextFeedback(component)\"\r\n                              [readonly]=\"evaluateBoolean(component.readonly)\"\r\n                              [disableControl]=\"evaluateBoolean(component.disabled)\"\r\n                              [hide]=\"evaluateBoolean(component.conditional?.hide)\"\r\n                              [show]=\"evaluateBoolean(component.conditional?.show)\"\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        </div>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n</ng-container>\r\n", styles: [".field-set{align-items:center}.field-set>div{margin-top:10px;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-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-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}.sirio-accordion .sirio-accordion-body .sirio-accordion-content{padding:16px}.ag-cell-value button.sirio-btn.sirio-btn-icon{padding:0}.sirio-tab.sirio-tab-scroll{display:block}.sirio-dropdown .searchable{position:absolute;width:100%;display:none;left:0}.ag-header-cell.hide-filter .ag-header-cell-filter-button{display:none}\n"] }]
+        }], ctorParameters: () => [{ type: SanitizeService }, { type: MarkdownService }, { type: MimeService }, { type: ProgrammabilityService }, { type: EventService }, { type: FormatterService }, { type: WeakService }, { type: RegisterService }, { type: i0.ElementRef }], propDecorators: { rows: [{
+                type: Input
+            }], formGroup: [{
+                type: Input
+            }] } });
+
+/// <reference path="../types/typings.d.ts" />
+class DynamicFormComponent {
+    fb;
+    programmabilityService;
+    events;
+    registerService;
+    schema;
+    formGroup;
+    value = {};
+    showNav = true;
+    showNavButton = true;
+    showProgress = false;
+    progressStatus = true;
+    valueChange = new EventEmitter();
+    initialized = new EventEmitter();
+    onCommand = new EventEmitter();
+    activeNavChange = new EventEmitter();
+    constructor(fb, programmabilityService, events, registerService) {
+        this.fb = fb;
+        this.programmabilityService = programmabilityService;
+        this.events = events;
+        this.registerService = registerService;
+    }
+    Texts = Texts;
+    ngOnDestroy() {
+        this.clearHandlers();
+    }
+    ngOnChanges(changes) {
+        if (changes['schema']) {
+            if (!this.formGroup) {
+                this.formGroup = this.fb.group({});
+            }
+            this.clearControls();
+            this.clearHandlers();
+            const schema = changes['schema'].currentValue;
+            this._forms = groupByRow(schema.forms ?? []);
+            this.buildForm();
+            if (this.value) {
+                this.patchValue(this.formGroup, this.value);
+            }
+            if (this.initialized)
+                this.initialized.emit(this.formGroup);
+            this.registerHandlers();
+        }
+    }
+    get forms() {
+        return this._forms;
+    }
+    canPrevious() {
+        return this.getPrevious() != -1;
+    }
+    goPrevious() {
+        if (this.canPrevious()) {
+            this.activeNav = this.getPrevious();
+        }
+    }
+    canNext() {
+        return this.getNext() != -1;
+    }
+    goNext() {
+        if (this.canNext()) {
+            this.activeNav = this.getNext();
+        }
+    }
+    getControls() {
+        return this.registerService.getControls();
+    }
+    getControl(name) {
+        return this.registerService.getControl(name);
+    }
+    get activeNav() {
+        return this._activeNav;
+    }
+    set activeNav(value) {
+        if (value >= 0 && value < this.getMaxNav()) {
+            this._activeNav = value;
+        }
+        setTimeout(() => {
+            this.activeNavChange.emit(this._activeNav);
+        });
+    }
+    getFormGroup(path) {
+        const control = path ? this.formGroup.get(path) : this.formGroup;
+        if (!(control instanceof FormGroup)) {
+            throw new Error('Control is not a FormGroup');
+        }
+        return control;
+    }
+    getFormStatus(form) {
+        const index = this._forms.findIndex(f => f.id === form.id);
+        const current = index == this.activeNav;
+        if (current) {
+            return "active";
+        }
+        else if (this.progressStatus) {
+            const formGroup = this.getFormGroup(form.path);
+            return formGroup.valid ? "success" : "error";
+        }
+        else {
+            return "active";
+        }
+    }
+    activateForm(title) {
+        const index = this.forms.findIndex(form => form.title === title);
+        if (index != -1)
+            this.activeNav = index;
+    }
+    valueChangesSubscription = null;
+    onCommandSubscription = null;
+    _forms = [];
+    _activeNav = 0;
+    getNext() {
+        if (this.activeNav < this.getMaxNav() - 1) {
+            return this.activeNav + 1;
+        }
+        else {
+            return -1;
+        }
+    }
+    getPrevious() {
+        if (this.activeNav > 0) {
+            return this.activeNav - 1;
+        }
+        else {
+            return -1;
+        }
+    }
+    getMaxNav() {
+        return this._forms.length ?? 0;
+    }
+    ;
+    clearControls() {
+        Object.keys(this.formGroup.controls).forEach(key => {
+            this.formGroup.removeControl(key);
+        });
+    }
+    registerHandlers() {
+        this.valueChangesSubscription = this.formGroup.valueChanges.subscribe((value) => {
+            this.valueChange.emit(value);
+        });
+        this.onCommandSubscription = this.events.onCommand.subscribe((data) => {
+            if (this.onCommand)
+                this.onCommand.emit(data);
+        });
+    }
+    ;
+    clearHandlers() {
+        if (this.valueChangesSubscription) {
+            this.valueChangesSubscription.unsubscribe();
+        }
+        if (this.onCommandSubscription) {
+            this.onCommandSubscription.unsubscribe();
+        }
+    }
+    buildForm() {
+        this.forms.forEach((form) => {
+            const currentGroup = this.applyPath(this.fb, this.formGroup, form.path);
+            form.rows?.forEach((row) => {
+                this.addControls(this.fb, currentGroup, row.components);
+            });
+        });
+    }
+    addControls(formBuilder, formGroup, components) {
+        let formComponent = this;
+        components?.forEach((component) => {
+            if (this.isFormComponent(component)) {
+                if (component.type === 'dynamiclist') {
+                    if (component.path) {
+                        let formArray = formBuilder.array([]);
+                        formGroup.addControl(component.path, formArray);
+                        formArray.addNewItem = function () {
+                            let newGroup = formBuilder.group({});
+                            component.rows?.forEach((row) => {
+                                formComponent.addControls(formBuilder, newGroup, row.components);
+                            });
+                            formArray.push(newGroup);
+                            return newGroup;
+                        };
+                    }
+                }
+                else if (component.type === 'group') {
+                    const currentGroup = this.applyPath(formBuilder, formGroup, component.path);
+                    component.rows?.forEach((row) => {
+                        formComponent.addControls(formBuilder, currentGroup, row.components);
+                    });
+                }
+                else if (component.key) {
+                    let defaultValue = this.getDefaultValue(component);
+                    const programmability = this.getValidators(formGroup, component);
+                    const options = {
+                        validators: programmability?.validators || [],
+                        updateOn: this.getUpdateOn(component) || "change"
+                    };
+                    const control = formBuilder.control(defaultValue, options);
+                    formGroup.addControl(component.key, control);
+                    programmability?.watch(control);
+                    if (component.type === 'number') {
+                        this.useNumber(control);
+                    }
+                }
+            }
+        });
+    }
+    applyPath(formBuilder, formGroup, path) {
+        if (!path) {
+            return formGroup;
+        }
+        let currentGroup = formGroup;
+        this.splitPath(path).forEach((segment) => {
+            let newGroup = formBuilder.group({});
+            currentGroup.addControl(segment, newGroup);
+            currentGroup = newGroup;
+        });
+        return currentGroup;
+    }
+    getValidators(formGroup, component) {
+        const validators = [];
+        const noWatch = (control) => { };
+        if (component?.validate?.required === true) {
+            validators.push(Validators.required);
+        }
+        if (!Array.isArray(component.validations)) {
+            if (validators.length == 0)
+                return null;
+            return { validators: validators, watch: noWatch };
+        }
+        component.validations?.forEach((item) => {
+            if (!this.programmabilityService.isExpression(item.expression))
+                return;
+            if (item.type === "validate") {
+                validators.push(this.validateFn(formGroup, item));
+            }
+            else if (item.type === "invalidate") {
+                validators.push(this.invalidateFn(formGroup, item));
+            }
+        });
+        if (validators.length == 0)
+            return null;
+        return {
+            validators: validators,
+            watch: (control) => {
+                //let formGroup = control.parent as FormGroup;
+                //this.watch(formGroup, Array.from(set), () => {
+                //  control.updateValueAndValidity();
+                //});
+            }
+        };
+    }
+    validateFn(formGroup, item) {
+        return (control) => {
+            //if (!control.touched)
+            //  return null;
+            var valid = this.programmabilityService.evaluateUnary(formGroup, item.expression, control.value);
+            if (!valid) {
+                return { error: true, message: item.message };
+            }
+            return null;
+        };
+    }
+    invalidateFn(formGroup, item) {
+        return (control) => {
+            //if (!control.touched)
+            //  return null;
+            var invalid = this.programmabilityService.evaluateUnary(formGroup, item.expression, control.value);
+            if (invalid) {
+                return { error: true, message: item.message };
+            }
+            return null;
+        };
+    }
+    useNumber(formControl) {
+        /* Required for Siro Input because the type number was not implemented correctly */
+        formControl.valueChanges.subscribe(value => {
+            const numericValue = value === '' ? null : parseFloat(value);
+            if (numericValue === null || !isNaN(numericValue)) {
+                formControl.setValue(numericValue, { emitEvent: false });
+            }
+        });
+    }
+    isFormComponent(component) {
+        switch (component.type) {
+            case "checkbox":
+            case "checklist":
+            case "datetime":
+            case "dynamiclist":
+            case "filepicker":
+            case "group":
+            case "number":
+            case "radio":
+            case "select":
+            case "taglist":
+            case "textarea":
+            case "textfield":
+            case "range":
+                return true;
+            default:
+                return false;
+        }
+    }
+    getUpdateOn(component) {
+        switch (component.type) {
+            case "number":
+            case "textarea":
+            case "textfield":
+                return "blur";
+            default:
+                return null;
+        }
+    }
+    getDefaultValue(component) {
+        switch (component.type) {
+            case "textarea":
+            case "textfield":
+            case "radio":
+            case "select":
+                return component.defaultValue;
+            case "number":
+                return component.defaultValue;
+            case "checkbox":
+                return component.defaultValue;
+            default:
+                return null;
+        }
+    }
+    splitPath(path) {
+        if (!path) {
+            return [];
+        }
+        return path
+            .split('.')
+            .map(segment => segment.trim())
+            .filter(segment => segment.length > 0);
+    }
+    patchValue(formGroup, value) {
+        patchForm(formGroup, value);
+    }
+    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 }], 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", showNav: "showNav", showNavButton: "showNavButton", showProgress: "showProgress", progressStatus: "progressStatus", activeNav: "activeNav" }, outputs: { valueChange: "valueChange", initialized: "initialized", onCommand: "onCommand", activeNavChange: "activeNavChange" }, providers: [
+            EventService, ProgrammabilityService, RegisterService
+        ], 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]=\"Texts.Show\">\r\n        <ngx-sirio-stepper-progress-item *ngFor=\"let form of forms\"\r\n                                         [hasNavigation]=\"true\"\r\n                                         [status]=\"getFormStatus(form)\"\r\n                                         [label]=\"form.title\" />\r\n      </ngx-sirio-stepper-progress-bar>\r\n      <!-- #endregion -->\r\n\r\n      <ng-container *ngIf=\"showNav\">\r\n\r\n        <div class=\"col-md-4\">\r\n\r\n          <!-- #region sidenav -->\r\n          <ng-template #sidenavTemplate>\r\n            <ngx-sirio-sidenav>\r\n              <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n                <ngx-sirio-sidenav-item [isActive]=\"activeNav == sectionIndex\" (click)=\"activeNav = sectionIndex\">\r\n                  {{ form.title }}\r\n                </ngx-sirio-sidenav-item>\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=\"Apri Menu\"\r\n                                    openMenuAriaLabel=\"Apri Menu\"\r\n                                    closeMenuLabel=\"Chiudi Menu\"\r\n                                    closeMenuAriaLabel=\"Chiudi Menu\">\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\"\r\n               #default\r\n               [register]=\"form\"\r\n               [componentRef]=\"default\">\r\n            <app-dynamic-fields [formGroup]=\"getFormGroup(form.path)\" [rows]=\"form.rows\"></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\" [disabled]=\"!canNext()\" (click)=\"goNext()\" class=\"nextSection\">\r\n                {{ 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\" [disabled]=\"!canPrevious()\" (click)=\"goPrevious()\" class=\"prevSection\">\r\n                <span class=\"fa-solid fa-chevron-left\" style=\"margin-right: 10px\"></span>\r\n                {{ Texts.PreviousSection }}\r\n              </ngx-sirio-button>\r\n            </div>\r\n          </div>\r\n\r\n        </ng-container>\r\n\r\n\r\n      </div>\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}@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: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i9.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: "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"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DynamicFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dynamic-form', standalone: true, imports: [CommonModule, ReactiveFormsModule,
+                        RegisterDirective,
+                        SirioSidenavMobileComponent, SirioSidenavComponent, SirioSidenavItemComponent,
+                        SirioButtonComponent, SirioStepperProgressBarComponent, SirioStepperProgressItemComponent,
+                        DynamicFieldsComponent], providers: [
+                        EventService, ProgrammabilityService, RegisterService
+                    ], 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]=\"Texts.Show\">\r\n        <ngx-sirio-stepper-progress-item *ngFor=\"let form of forms\"\r\n                                         [hasNavigation]=\"true\"\r\n                                         [status]=\"getFormStatus(form)\"\r\n                                         [label]=\"form.title\" />\r\n      </ngx-sirio-stepper-progress-bar>\r\n      <!-- #endregion -->\r\n\r\n      <ng-container *ngIf=\"showNav\">\r\n\r\n        <div class=\"col-md-4\">\r\n\r\n          <!-- #region sidenav -->\r\n          <ng-template #sidenavTemplate>\r\n            <ngx-sirio-sidenav>\r\n              <ng-container *ngFor=\"let form of forms, let sectionIndex = index\">\r\n                <ngx-sirio-sidenav-item [isActive]=\"activeNav == sectionIndex\" (click)=\"activeNav = sectionIndex\">\r\n                  {{ form.title }}\r\n                </ngx-sirio-sidenav-item>\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=\"Apri Menu\"\r\n                                    openMenuAriaLabel=\"Apri Menu\"\r\n                                    closeMenuLabel=\"Chiudi Menu\"\r\n                                    closeMenuAriaLabel=\"Chiudi Menu\">\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\"\r\n               #default\r\n               [register]=\"form\"\r\n               [componentRef]=\"default\">\r\n            <app-dynamic-fields [formGroup]=\"getFormGroup(form.path)\" [rows]=\"form.rows\"></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\" [disabled]=\"!canNext()\" (click)=\"goNext()\" class=\"nextSection\">\r\n                {{ 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\" [disabled]=\"!canPrevious()\" (click)=\"goPrevious()\" class=\"prevSection\">\r\n                <span class=\"fa-solid fa-chevron-left\" style=\"margin-right: 10px\"></span>\r\n                {{ Texts.PreviousSection }}\r\n              </ngx-sirio-button>\r\n            </div>\r\n          </div>\r\n\r\n        </ng-container>\r\n\r\n\r\n      </div>\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}@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 }], propDecorators: { schema: [{
+                type: Input
+            }], formGroup: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], showNav: [{
+                type: Input
+            }], showNavButton: [{
+                type: Input
+            }], showProgress: [{
+                type: Input
+            }], progressStatus: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], initialized: [{
+                type: Output
+            }], onCommand: [{
+                type: Output
+            }], activeNavChange: [{
+                type: Output
+            }], activeNav: [{
+                type: Input
+            }] } });
+
+function extractFiles(data) {
+    let files = [];
+    const rewrite = (obj) => {
+        if (Array.isArray(obj)) {
+            return obj.map(item => rewrite(item));
+        }
+        else if (obj instanceof File) {
+            files.push(obj);
+            return {
+                name: obj.name,
+                size: obj.size,
+                type: obj.type,
+                lastModified: obj.lastModified,
+                _fileIndex: files.length - 1
+            };
+        }
+        else if (typeof obj === 'object' && obj !== null) {
+            const rewritten = {};
+            for (const key in obj) {
+                if (obj.hasOwnProperty(key)) {
+                    rewritten[key] = rewrite(obj[key]);
+                }
+            }
+            return rewritten;
+        }
+        return obj;
+    };
+    return { data: rewrite(data), files: files };
+}
+
+function toFormData(data) {
+    const formData = new FormData();
+    var result = extractFiles(data);
+    formData.append("data", JSON.stringify(result.data));
+    result.files.forEach((file) => {
+        formData.append("files", file);
+    });
+    return formData;
+}
+
+class ODataSource {
+    url;
+    http;
+    constructor(url, http) {
+        this.url = url;
+        this.http = http;
+    }
+    getRows(params) {
+        const queryString = this.getQueryString(params);
+        let queryUrl = `${this.url}${queryString}`;
+        this.http.get(queryUrl, { observe: 'response' }).subscribe({
+            next: response => {
+                const data = response.body ?? [];
+                const count = response.headers.get('X-Total-Count');
+                params.successCallback(data, this.toNumber(count));
+            },
+            error: error => {
+                console.log(error);
+                params.failCallback();
+            }
+        });
+    }
+    getQueryString(params) {
+        let queryParams = new HttpParams();
+        queryParams = this.addCount(queryParams);
+        queryParams = this.addSkipAndTake(params, queryParams);
+        queryParams = this.addOrderBy(params, queryParams);
+        queryParams = this.addFilterBy(params, queryParams);
+        const queryString = queryParams.toString();
+        return queryString ? "?" + queryString : queryString;
+    }
+    addCount(queryParams) {
+        return queryParams.set("$count", "true");
+    }
+    addSkipAndTake(params, queryParams) {
+        return queryParams
+            .set("$top", `${params.endRow - params.startRow}`)
+            .set("$skip", `${params.startRow}`);
+    }
+    addOrderBy(params, queryParams) {
+        if (!params.sortModel || params.sortModel.length === 0) {
+            return queryParams;
+        }
+        const orderByParams = params.sortModel
+            .map(sort => `${sort.colId} ${sort.sort}`)
+            .join(",");
+        return queryParams.set("$orderby", orderByParams);
+    }
+    addFilterBy(params, queryParams) {
+        const filterModel = params.filterModel;
+        if (!filterModel || Object.keys(filterModel).length === 0) {
+            return queryParams;
+        }
+        const filters = [];
+        for (const column in filterModel) {
+            const filter = filterModel[column];
+            const condition = this.getCondition(column, filter);
+            if (condition) {
+                filters.push(condition);
+            }
+        }
+        return queryParams.set("$filter", filters.join(" and "));
+    }
+    getCondition(column, filter) {
+        if (filter.operator === "AND" || filter.operator === "OR") {
+            if (Array.isArray(filter.conditions)) {
+                return "(" + filter.conditions.map((subfilter) => this.getCondition(column, subfilter))
+                    .join(` ${filter.operator.toLowerCase()} `) + ")";
+            }
+            return null;
+        }
+        const value = filter.filter;
+        switch (filter.filterType) {
+            case "text":
+                const text = (value ?? "").replace(/'/g, "''");
+                if (filter.type === "contains") {
+                    return `contains(${column}, '${text}')`;
+                }
+                else if (filter.type === "notContains") {
+                    return `not contains(${column}, '${text}')`;
+                }
+                else if (filter.type === "equals") {
+                    return `${column} eq '${text}'`;
+                }
+                else if (filter.type === "notEqual") {
+                    return `${column} ne '${text}'`;
+                }
+                else if (filter.type === "startsWith") {
+                    return `startswith(${column}, '${text}')`;
+                }
+                else if (filter.type === "endsWith") {
+                    return `endswith(${column}, '${text}')`;
+                }
+                else if (filter.type === "blank") {
+                    return `${column} eq null`;
+                }
+                else if (filter.type === "notBlank") {
+                    return `${column} ne null`;
+                }
+                break;
+            case "number":
+                if (filter.type === "equals") {
+                    return `${column} eq ${value}`;
+                }
+                else if (filter.type === "greaterThan") {
+                    return `${column} gt ${value}`;
+                }
+                else if (filter.type === "lessThan") {
+                    return `${column} lt ${value}`;
+                }
+                else if (filter.type === "greaterThanOrEqual") {
+                    return `${column} ge ${value}`;
+                }
+                else if (filter.type === "lessThanOrEqual") {
+                    return `${column} le ${value}`;
+                }
+                break;
+            case "date":
+                return `${column} eq ${value}`; // Modifica se OData usa formati ISO
+        }
+        return null;
+    }
+    toNumber(value) {
+        if (!value)
+            return undefined;
+        const num = parseFloat(value);
+        return isNaN(num) ? undefined : num;
+    }
+}
+
+class RestDataSource {
+    http;
+    baseUrl;
+    params = {};
+    mapFn;
+    constructor(http, baseUrl) {
+        this.http = http;
+        this.baseUrl = baseUrl;
+    }
+    setParam(key, value) {
+        if (value !== undefined && value !== null) {
+            this.params[key] = value;
+        }
+        else {
+            delete this.params[key];
+        }
+        return this;
+    }
+    setParams(params) {
+        this.params = { ...params };
+        return this;
+    }
+    setMapFunction(mapFn) {
+        this.mapFn = mapFn;
+        return this;
+    }
+    getMapFunction() {
+        return this.mapFn;
+    }
+    getParam(key) {
+        return this.params[key];
+    }
+    getParams() {
+        return this.params;
+    }
+    getData() {
+        let httpParams = new HttpParams();
+        Object.keys(this.params).forEach(key => {
+            if (this.params[key] !== undefined && this.params[key] !== null) {
+                httpParams = httpParams.set(key, this.params[key].toString());
+            }
+        });
+        return this.http.get(this.baseUrl, { params: httpParams }).pipe(map(responseArray => this.mapFn ? responseArray.map(item => this.mapFn(item)) : responseArray));
+    }
+}
+
+class DataService {
+    http;
+    constructor(http) {
+        this.http = http;
+    }
+    queryOData(url) {
+        return this.createOData(url);
+    }
+    createRest(url) {
+        return new RestDataSource(this.http, url);
+    }
+    createOData(url) {
+        return new ODataSource(url, this.http);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataService, deps: [{ token: i1$4.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DataService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$4.HttpClient }] });
+
+/*
+ * Public API Surface of sirio
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DataService, DynamicFormComponent, ScopeService, toFormData };
+//# sourceMappingURL=wemake4u-form-player-se.mjs.map