@tiba-spark/client-shared-lib 26.3.0-628 → 26.3.0-628.a11y.13

package/fesm2022/tiba-spark-client-shared-lib.mjs

@@ -1,7 +1,7 @@
 import * as i2 from '@angular/common';
 import { DatePipe, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, Injectable, HostListener, HostBinding, Input, Optional, InjectionToken, Inject, NgModule, forwardRef, Pipe, Component, ChangeDetectionStrategy, EventEmitter, Output, createComponent, signal, computed, inject, Injector, effect, input, ChangeDetectorRef, ViewChild } from '@angular/core';
+import { Directive, inject, ElementRef, input, effect, Injectable, HostListener, HostBinding, Input, Optional, InjectionToken, Inject, NgModule, forwardRef, Pipe, Component, ChangeDetectionStrategy, EventEmitter, Output, createComponent, signal, computed, Injector, ViewChild, ChangeDetectorRef } from '@angular/core';
 import DOMPurify from 'dompurify';
 import { Subject, merge, takeUntil, throwError, of, Observable, delay, debounceTime, switchMap, map, from, noop, BehaviorSubject, Subscription, combineLatest, filter as filter$1, take, distinctUntilChanged as distinctUntilChanged$1, tap as tap$1, first as first$1, catchError as catchError$1, EMPTY, fromEvent, timer, distinctUntilKeyChanged, firstValueFrom, finalize as finalize$1, defer, ReplaySubject } from 'rxjs';
 import * as i1 from '@angular/forms';
@@ -64,6 +64,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
+const ENABLED_CLASS = 'active-button';
+/**
+ * Every "Clear All" filter button (`.tb-clear-all-filters-button`) is a keyboard button.
+ * Pages enable it with the `active-button` class; without it the button is disabled for
+ * the mouse (theme `pointer-events: none`), so it also leaves the Tab order and ignores keys.
+ */
+class ClearAllButtonDirective {
+    constructor() {
+        this.el = inject(ElementRef).nativeElement;
+        this.observer = new MutationObserver(() => this.sync());
+    }
+    ngOnInit() {
+        this.observer.observe(this.el, { attributes: true, attributeFilter: ['class'] });
+        this.sync();
+    }
+    ngOnDestroy() {
+        this.observer.disconnect();
+    }
+    activate(event) {
+        event.preventDefault();
+        if (this.enabled && !event.repeat) {
+            this.el.click();
+        }
+    }
+    get enabled() {
+        return this.el.classList.contains(ENABLED_CLASS);
+    }
+    sync() {
+        this.el.tabIndex = this.enabled ? 0 : -1;
+        this.el.setAttribute('aria-disabled', String(!this.enabled));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ClearAllButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ClearAllButtonDirective, isStandalone: true, selector: ".tb-clear-all-filters-button", host: { attributes: { "role": "button" }, listeners: { "keydown.enter": "activate($event)", "keydown.space": "activate($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ClearAllButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '.tb-clear-all-filters-button',
+                    standalone: true,
+                    host: {
+                        role: 'button',
+                        '(keydown.enter)': 'activate($event)',
+                        '(keydown.space)': 'activate($event)',
+                    },
+                }]
+        }] });
+
 class ContainerRefDirective {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
@@ -79,6 +126,125 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
 
+const BLOCKED_KEYS = ['Enter', ' '];
+const FOCUSABLE$1 = 'a[href], button, input, select, textarea, [tabindex]';
+/**
+ * Disables an element for mouse, keyboard and assistive technology.
+ * Drop-in for `[class.tb-action-disabled]`: `[tbDisabled]="isDisabled"`.
+ */
+class DisabledDirective {
+    constructor() {
+        this.tbDisabled = input(false);
+        this.tbDisabledClass = input('tb-action-disabled');
+        /** Id of the element that explains why it is disabled; the host then stays focusable. */
+        this.tbDisabledDescribedBy = input(null);
+        this.el = inject(ElementRef).nativeElement;
+        this.appliedClass = null;
+        this.appliedReasonId = null;
+        this.appliedNativeDisabled = false;
+        /** Focusable children taken out of the Tab order with the host, and their original attributes. */
+        this.skippedChildren = new Map();
+        // Projected content (e.g. a button inside tb-tooltip) can render after the host is disabled.
+        this.childObserver = new MutationObserver(() => this.skipChildren());
+        this.block = (event) => {
+            if (!this.tbDisabled()) {
+                return;
+            }
+            if (event instanceof KeyboardEvent && !BLOCKED_KEYS.includes(event.key)) {
+                return;
+            }
+            event.preventDefault();
+            event.stopImmediatePropagation();
+        };
+        effect(() => this.apply(this.tbDisabled(), this.tbDisabledClass(), this.tbDisabledDescribedBy()));
+        // Capture phase, so projected children cannot be activated either.
+        this.el.addEventListener('click', this.block, true);
+        this.el.addEventListener('keydown', this.block, true);
+    }
+    apply(disabled, cssClass, reasonId) {
+        if (this.appliedClass) {
+            this.el.classList.remove(this.appliedClass);
+        }
+        this.appliedClass = disabled ? cssClass : null;
+        if (this.appliedClass) {
+            this.el.classList.add(this.appliedClass);
+        }
+        const isButton = this.el instanceof HTMLButtonElement;
+        const nativeDisabled = disabled && isButton && !reasonId;
+        if (nativeDisabled || this.appliedNativeDisabled) {
+            this.el.disabled = nativeDisabled;
+            this.appliedNativeDisabled = nativeDisabled;
+        }
+        this.setAttribute('aria-disabled', disabled && !nativeDisabled ? 'true' : null);
+        this.setReason(disabled ? reasonId : null);
+        this.setSkipInTabOrder(disabled && !isButton && !reasonId);
+    }
+    setReason(reasonId) {
+        const ids = (this.el.getAttribute('aria-describedby') ?? '')
+            .split(' ')
+            .filter(id => id && id !== this.appliedReasonId);
+        if (reasonId) {
+            ids.push(reasonId);
+        }
+        this.appliedReasonId = reasonId;
+        this.setAttribute('aria-describedby', ids.length ? ids.join(' ') : null);
+    }
+    setSkipInTabOrder(skip) {
+        if (skip) {
+            this.skipChildren();
+            this.childObserver.observe(this.el, { childList: true, subtree: true, attributes: true, attributeFilter: ['tabindex'] });
+        }
+        else {
+            this.childObserver.disconnect();
+            this.skippedChildren.forEach((saved, child) => {
+                this.setAttributeOn(child, 'tabindex', saved.tabIndex);
+                this.setAttributeOn(child, 'aria-disabled', saved.ariaDisabled);
+            });
+            this.skippedChildren.clear();
+        }
+        if (skip && this.savedTabIndex === undefined) {
+            this.savedTabIndex = this.el.getAttribute('tabindex');
+            this.el.setAttribute('tabindex', '-1');
+        }
+        else if (!skip && this.savedTabIndex !== undefined) {
+            this.setAttribute('tabindex', this.savedTabIndex);
+            this.savedTabIndex = undefined;
+        }
+    }
+    skipChildren() {
+        for (const child of Array.from(this.el.querySelectorAll(FOCUSABLE$1))) {
+            if (child.tabIndex >= 0 && !this.skippedChildren.has(child)) {
+                this.skippedChildren.set(child, {
+                    tabIndex: child.getAttribute('tabindex'),
+                    ariaDisabled: child.getAttribute('aria-disabled'),
+                });
+                child.setAttribute('tabindex', '-1');
+                child.setAttribute('aria-disabled', 'true');
+            }
+        }
+    }
+    setAttribute(name, value) {
+        this.setAttributeOn(this.el, name, value);
+    }
+    setAttributeOn(element, name, value) {
+        if (value === null) {
+            element.removeAttribute(name);
+        }
+        else {
+            element.setAttribute(name, value);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DisabledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: DisabledDirective, isStandalone: true, selector: "[tbDisabled]", inputs: { tbDisabled: { classPropertyName: "tbDisabled", publicName: "tbDisabled", isSignal: true, isRequired: false, transformFunction: null }, tbDisabledClass: { classPropertyName: "tbDisabledClass", publicName: "tbDisabledClass", isSignal: true, isRequired: false, transformFunction: null }, tbDisabledDescribedBy: { classPropertyName: "tbDisabledDescribedBy", publicName: "tbDisabledDescribedBy", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DisabledDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tbDisabled]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [] });
+
 const ALLOWED_TAGS = [
     'a',
     'b',
@@ -340,6 +506,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['window:resize', ['$event']]
             }] } });
 
+/**
+ * Makes a mouse-only clickable element (usually `tb-icon`) a keyboard button:
+ * `<tb-icon (click)="edit()" [tbIconButton]="L.edit | translate">`.
+ * Enter and Space call the element's existing click handler.
+ */
+class IconButtonDirective {
+    constructor() {
+        this.tbIconButton = input.required();
+        this.el = inject(ElementRef).nativeElement;
+    }
+    activate(event) {
+        event.preventDefault();
+        if (!event.repeat && this.el.getAttribute('aria-disabled') !== 'true') {
+            this.el.click();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.14", type: IconButtonDirective, isStandalone: true, selector: "[tbIconButton]", inputs: { tbIconButton: { classPropertyName: "tbIconButton", publicName: "tbIconButton", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "button", "tabindex": "0" }, listeners: { "keydown.enter": "activate($event)", "keydown.space": "activate($event)" }, properties: { "attr.aria-label": "tbIconButton()" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IconButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tbIconButton]',
+                    standalone: true,
+                    host: {
+                        role: 'button',
+                        tabindex: '0',
+                        '[attr.aria-label]': 'tbIconButton()',
+                        '(keydown.enter)': 'activate($event)',
+                        '(keydown.space)': 'activate($event)',
+                    },
+                }]
+        }] });
+
 class IsEllipsisDirective {
     constructor(elementRef, cdr) {
         this.elementRef = elementRef;
@@ -72194,6 +72394,7 @@ const COLORS = {
     CHART_DEBIT: '#8DA0FE',
     CHART_COMPACT: '#7B61FF',
     CHART_MID_FULL_SIZE: '#B48CFF',
+    CHART_SLICE_GAP: '#FFFFFF',
 };
 const HOUR_FORMAT_12 = 12;
 const HOUR_FORMAT_24 = 24;
@@ -72804,6 +73005,8 @@ var Localization;
     Localization["start_time"] = "start_time";
     Localization["end_time"] = "end_time";
     Localization["pause"] = "pause";
+    Localization["pause_animation"] = "pause_animation";
+    Localization["play_animation"] = "play_animation";
     Localization["resume"] = "resume";
     Localization["ignored"] = "ignored";
     Localization["none"] = "none";
@@ -73280,9 +73483,7 @@ var Localization;
     Localization["no_results_device_table"] = "no_results_device_table";
     Localization["no_results_smart_park_list"] = "no_results_smart_park_list";
     Localization["no_results_devices_list"] = "no_results_devices_list";
-    Localization["no_results_guest_history"] = "no_results_guest_history";
     Localization["no_results_monthly_history"] = "no_results_monthly_history";
-    Localization["no_results_transient_history"] = "no_results_transient_history";
     Localization["no_results_transient_io"] = "no_results_transient_io";
     Localization["no_results_park_activity"] = "no_results_park_activity";
     Localization["no_results_lpr_black_list"] = "no_results_lpr_black_list";
@@ -73467,6 +73668,8 @@ var Localization;
     Localization["parking_lot_address"] = "parking_lot_address";
     Localization["allowed_usage"] = "allowed_usage";
     Localization["send"] = "send";
+    Localization["check_details_before_continuing"] = "check_details_before_continuing";
+    Localization["confirm_and_send"] = "confirm_and_send";
     Localization["coupon_qr_code_preview"] = "coupon_qr_code_preview";
     Localization["upload_image_failed"] = "upload_image_failed";
     Localization["unsupported_image_format"] = "unsupported_image_format";
@@ -74603,8 +74806,8 @@ var Localization;
     Localization["form_validation_units_balance_maximum"] = "form_validation_units_balance_maximum";
     Localization["form_validation_units_balance_minimum"] = "form_validation_units_balance_minimum";
     Localization["user_saved_and_status_changed_msg"] = "user_saved_and_status_changed_msg";
-    Localization["on"] = "On";
-    Localization["off"] = "Off";
+    Localization["on"] = "on";
+    Localization["off"] = "off";
     Localization["update_and_continue"] = "update_and_continue";
     Localization["delete_and_continue"] = "delete_and_continue";
     Localization["permission_levels"] = "permission_levels";
@@ -75818,6 +76021,44 @@ var Localization;
     Localization["search_room_number"] = "search_room_number";
     Localization["tech_tools_module"] = "tech_tools_module";
     Localization["device_configurator"] = "device_configurator";
+    Localization["reason_unsupported_version"] = "reason_unsupported_version";
+    Localization["reason_no_permission"] = "reason_no_permission";
+    Localization["collapse_side_menu"] = "collapse_side_menu";
+    Localization["expand_side_menu"] = "expand_side_menu";
+    Localization["breadcrumb"] = "breadcrumb";
+    Localization["expand_row"] = "expand_row";
+    Localization["table_rows"] = "table_rows";
+    Localization["increase"] = "increase";
+    Localization["decrease"] = "decrease";
+    Localization["move_row"] = "move_row";
+    Localization["moved_to_position"] = "moved_to_position";
+    Localization["date_part_day"] = "date_part_day";
+    Localization["date_part_hour"] = "date_part_hour";
+    Localization["date_part_minute"] = "date_part_minute";
+    Localization["show_password"] = "show_password";
+    Localization["hide_password"] = "hide_password";
+    Localization["clear"] = "clear";
+    Localization["enlarge_image"] = "enlarge_image";
+    Localization["shrink_image"] = "shrink_image";
+    Localization["past_day"] = "past_day";
+    Localization["warning"] = "warning";
+    Localization["devices_found_count"] = "devices_found_count";
+    Localization["clear_field"] = "clear_field";
+    Localization["open_field_calendar"] = "open_field_calendar";
+    Localization["date_format"] = "date_format";
+    Localization["form_validation_invalid_date_example"] = "form_validation_invalid_date_example";
+    Localization["form_validation_date_from_to"] = "form_validation_date_from_to";
+    Localization["form_validation_date_from"] = "form_validation_date_from";
+    Localization["form_validation_date_to"] = "form_validation_date_to";
+    Localization["whatsapp_phone_format"] = "whatsapp_phone_format";
+    Localization["choose_time"] = "choose_time";
+    Localization["date_part_placeholder_year"] = "date_part_placeholder_year";
+    Localization["date_part_placeholder_month"] = "date_part_placeholder_month";
+    Localization["date_part_placeholder_day"] = "date_part_placeholder_day";
+    Localization["date_part_placeholder_hour"] = "date_part_placeholder_hour";
+    Localization["date_part_placeholder_minute"] = "date_part_placeholder_minute";
+    Localization["clear_search"] = "clear_search";
+    Localization["selected_label"] = "selected_label";
     Localization["lost_ticket_active_rate_description"] = "lost_ticket_active_rate_description";
     Localization["lost_ticket_lane_firmware_unknown"] = "lost_ticket_lane_firmware_unknown";
 })(Localization || (Localization = {}));
@@ -117097,11 +117338,17 @@ class SharedDirectivesModule {
             TBNumberDirective,
             UnsafeHtmlValidatorDirective,
             VarDirective], imports: [CommonModule,
+            ClearAllButtonDirective,
             ContainerRefDirective,
+            DisabledDirective,
+            IconButtonDirective,
             MatHintErrorDirective,
             SanitizedInnerHtmlDirective], exports: [AutofocusDirective,
+            ClearAllButtonDirective,
             ContainerRefDirective,
+            DisabledDirective,
             EllipsisMultilineDirective,
+            IconButtonDirective,
             IsEllipsisDirective,
             NativeElementInjectorDirective,
             OffScreenDirective,
@@ -117129,14 +117376,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ],
                     imports: [
                         CommonModule,
+                        ClearAllButtonDirective,
                         ContainerRefDirective,
+                        DisabledDirective,
+                        IconButtonDirective,
                         MatHintErrorDirective,
                         SanitizedInnerHtmlDirective,
                     ],
                     exports: [
                         AutofocusDirective,
+                        ClearAllButtonDirective,
                         ContainerRefDirective,
+                        DisabledDirective,
                         EllipsisMultilineDirective,
+                        IconButtonDirective,
                         IsEllipsisDirective,
                         NativeElementInjectorDirective,
                         OffScreenDirective,
@@ -117712,6 +117965,57 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ name: 'wrapFn', standalone: true }]
         }] });
 
+const DATE_TIME_ERROR_INVALID_DATE = 'invalidDate';
+const DATE_TIME_ERROR_INVALID_DATE_RANGE = 'invalidDateRange';
+const DATE_TIME_ERROR_REQUIRED = 'required';
+/** Message key for an out-of-range date: names the allowed dates when the error carries them. */
+function dateRangeKey(range) {
+    if (range === true) {
+        return Localization.form_validation_invalid_date_range;
+    }
+    if (range.min && range.max) {
+        return Localization.form_validation_date_from_to;
+    }
+    return range.min ? Localization.form_validation_date_from : Localization.form_validation_date_to;
+}
+const DATE_TIME_ERRORS = [
+    DATE_TIME_ERROR_INVALID_DATE,
+    DATE_TIME_ERROR_INVALID_DATE_RANGE,
+    DATE_TIME_ERROR_REQUIRED,
+];
+function setErrorMessage(formName, controlName, errors) {
+    if (errors) {
+        const control = formName.get(controlName);
+        if (control) {
+            control.setErrors(errors);
+            control.markAsTouched();
+        }
+    }
+}
+function setDateTimeErrorMessage(formName, controlName, errors) {
+    const control = formName.get(controlName);
+    if (control) {
+        const currentErrors = control.errors ?? {};
+        if (errors) {
+            // Strip any stale DateTime keys before merging so incoming errors are authoritative
+            const nonDateTimeErrors = { ...currentErrors };
+            DATE_TIME_ERRORS.forEach((key) => delete nonDateTimeErrors[key]);
+            control.setErrors({ ...nonDateTimeErrors, ...errors });
+            control.markAsTouched();
+        }
+        else {
+            // Create a copy to prevent direct mutation of Angular's internal errors object
+            const cleanedErrors = { ...currentErrors };
+            // No DateTime error → remove only DateTime-related errors
+            DATE_TIME_ERRORS.forEach((key) => {
+                delete cleanedErrors[key];
+            });
+            // If no errors left, clear errors completely
+            control.setErrors(Object.keys(cleanedErrors).length > 0 ? cleanedErrors : null);
+        }
+    }
+}
+
 var DataQaAttribute;
 (function (DataQaAttribute) {
     DataQaAttribute["select_http_status_multiple"] = "select-http-status-multiple";
@@ -118137,7 +118441,7 @@ let LayoutState = class LayoutState {
     constructor(mediaMatcher, store) {
         this.store = store;
         this.mobileQuerySubject = new Subject();
-        this.mobileQuery = mediaMatcher.matchMedia('(max-width: 600px)');
+        this.mobileQuery = mediaMatcher.matchMedia('(max-width: 640px)');
         this.mobileQuery.onchange = (event) => this.mobileQuerySubject.next(event.matches);
         this.mobileQuerySubject
             .pipe(distinctUntilChanged())
@@ -118202,16 +118506,18 @@ class FieldValidationsComponent extends BaseComponent {
     constructor(controlContainer) {
         super();
         this.controlContainer = controlContainer;
-        this.ObjectKeys = Object.keys;
+        this.dateRangeKey = dateRangeKey;
     }
+    // Only the first error shows, so a field failing several rules still says what to fix (not just "Invalid").
     getErrors(errors) {
         if (errors) {
             delete errors.mask; // remove default NgxMaskDirective validation
         }
-        return errors;
+        const first = errors && Object.keys(errors)[0];
+        return first ? { [first]: errors[first] } : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldValidationsComponent, deps: [{ token: i1.ControlContainer }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FieldValidationsComponent, isStandalone: true, selector: "[tb-field-validations]", inputs: { controlName: "controlName", label: "label", errors: "errors", touched: "touched" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"touched || controlContainer.control.get(controlName)?.touched\">\n  <ng-container *tbVar=\"getErrors | wrapFn: controlContainer.control.get(controlName)?.errors ?? errors as errors\">\n    <div *ngIf=\"ObjectKeys(errors || {}).length > 1; then hasMultiErrors else hasOneError\"></div>\n    <ng-template #hasMultiErrors>\n      {{ L.invalid | translate: { controlName: label | translate} }}\n    </ng-template>\n    <ng-template #hasOneError>\n      <div *ngIf=\"errors?.required\">\n        {{ L.form_validation_required_message | translate }}</div>\n      <div *ngIf=\"errors?.invalidDate\">\n        {{ L.form_validation_invalid_date_message | translate }}</div>\n      <div *ngIf=\"errors?.invalidDateRange\">\n        {{ L.form_validation_invalid_date_range | translate }}</div>\n      <div *ngIf=\"errors?.invalidTerms\">\n        {{ L.form_validation_terms_policy | translate }}</div>\n      <div *ngIf=\"errors?.min min\">\n        {{ L.form_validation_min_message | translate: { controlName: label | translate, value: errors?.min.min || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.max\">\n        {{ L.form_validation_max_message | translate: { controlName: label | translate, value: errors?.max.max || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.minlength\">\n        {{ L.form_validation_min_length_message | translate: { controlName: label | translate, value: errors?.minlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.maxlength\">\n        {{ L.form_validation_max_length_message | translate: { controlName: label | translate, value: errors?.maxlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.invalidNumberLength\">\n        {{ L.form_validation_invalid_length_message | translate: { controlName: label | translate, value: errors?.invalidNumberLength.requiredLength\n        || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.integerNumber\">\n        {{ L.form_validation_invalid_integer_number_message | translate: { controlName: label | translate, value: errors?.integerNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.integerPositiveNumber\">\n        {{ L.form_validation_invalid_integer_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.integerPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.decimalNumber\">\n        {{ L.form_validation_invalid_decimal_number_message | translate: { controlName: label | translate, value: errors?.decimalNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.decimalPositiveNumber\">\n        {{ L.form_validation_invalid_decimal_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.decimalPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbers\">\n        {{ L.form_validation_invalid_positive_number_message | translate: { controlName: label | translate, value: errors?.positiveNumbers.value || 0\n        } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbersGreaterThanZero\">\n        {{ L.form_validation_invalid_positive_number_greater_than_zero | translate: { controlName: label | translate, value:\n        errors?.positiveNumbersGreaterThanZero.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.mobileNumbers\">\n        {{ L.form_validation_invalid_mobile_number_message | translate: { controlName: label | translate, value: errors?.mobileNumbers.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.email\">\n        {{ L.form_validation_email_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.pattern\">\n        {{ L.form_validation_password_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordPolicyRequirements\">\n        {{ L.form_validation_password_policy | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordNotMatch\">\n        {{ L.form_validation_password_not_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordMatch\">\n        {{ L.form_validation_password_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noWhitespaceWithinSentence\">\n        {{ L.form_validation_no_white_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDotWithinSentence\">\n        {{ L.form_validation_no_dot_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.guidIsValid\">\n        {{ L.form_validation_invalid_uuid | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDefaultAccessProfile\">\n        {{ L.no_access_default_profile | translate: { controlName: label | translate,\n        companyName: errors?.noDefaultAccessProfile?.companyName } }}\n      </div>\n      <div *ngIf=\"errors?.noEmoji\">\n        {{ L.form_validation_invalid_no_emoji_message | translate: { controlName: label | translate, value: errors?.noEmoji.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_unsafe_html\">\n        {{ L.form_validation_unsafe_html | translate }}\n      </div>\n      <div *ngIf=\"errors?.ipv4Format\">\n        {{ L.form_validation_invalid_ipv4_message | translate: { controlName: label | translate, value: errors?.ipv4Format.value } }}\n      </div>\n      <div *ngIf=\"errors?.ipv4NotZero\">\n        {{ L.form_validation_ipv4_not_zero | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.duplicateIP\">\n        {{ L.form_validation_duplicate_ip | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.alphanumericRegex\">\n        {{ L.form_validation_alphanumeric_message | translate: { controlName: label | translate, value: errors?.alphanumericRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.validatePositiveInteger\">\n        {{ L.form_validation_invalid_positive_integer_number_message | translate: { controlName: label | translate, value:\n        errors?.validatePositiveInteger.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.roleNameAlreadyExists\">\n        {{ L.role_name_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberAlreadyExists\">\n        {{ L.rate_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.accessProfileNumberTaken\">\n        {{ L.access_profile_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.cashierNumberTaken\">\n        {{ L.cashier_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInUse\">\n        {{ L.sign_code_already_in_use | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInvalidFormat\">\n        {{ L.sign_code_invalid_format | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberIsZero\">\n        {{ L.rate_number_is_zero | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time\">\n        {{ L.form_validation_invalid_time | translate: { controlName: label ,from: '00:00',to:'00:00' } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time_format\">\n        {{ L.form_validation_invalid_time_format | translate: { controlName: label } }}\n      </div>\n      <div *ngIf=\"errors?.positiveIntegerNumbersGreaterThanZeroRegex\">\n        {{ L.form_validation_invalid_positive_integer_number_wo_zero_message | translate: { controlName: label | translate, value:\n        errors?.positiveIntegerNumbersGreaterThanZeroRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_maximum\">\n        {{ L.form_validation_units_balance_maximum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_minimum\">\n        {{ L.form_validation_units_balance_minimum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_percentage\">\n        {{ L.form_validation_invalid_percentage_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_decimal_percentage\">\n        {{ L.form_validation_invalid_percentage_decimal_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_less_than_occupancy\">\n        {{ L.revert_at_must_be_less_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_more_than_occupancy\">\n        {{ L.revert_at_must_be_more_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.car_plate_sequential_required\">\n        {{ L.car_plate_sequential_required | translate }}\n      </div>\n      <div *ngIf=\"errors?.card_sequential_required\">\n        {{ L.card_sequential_required | translate }}\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: WrapFnPipe, name: "wrapFn" }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: SharedDirectivesModule }, { kind: "directive", type: VarDirective, selector: "[tbVar]", inputs: ["tbVar"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FieldValidationsComponent, isStandalone: true, selector: "[tb-field-validations]", inputs: { controlName: "controlName", label: "label", errors: "errors", touched: "touched" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"touched || controlContainer.control.get(controlName)?.touched\">\n  <ng-container *tbVar=\"getErrors | wrapFn: controlContainer.control.get(controlName)?.errors ?? errors as errors\">\n    <ng-container>\n      <div *ngIf=\"errors?.required\">\n        {{ L.form_validation_required_message | translate }}</div>\n      <div *ngIf=\"errors?.invalidDate\">\n        {{ errors.invalidDate.example ? (L.form_validation_invalid_date_example | translate: { example: errors.invalidDate.example })\n        : (L.form_validation_invalid_date_message | translate) }}</div>\n      <div *ngIf=\"errors?.invalidDateRange as range\">\n        {{ dateRangeKey(range) | translate: range }}</div>\n      <div *ngIf=\"errors?.invalidTerms\">\n        {{ L.form_validation_terms_policy | translate }}</div>\n      <div *ngIf=\"errors?.min min\">\n        {{ L.form_validation_min_message | translate: { controlName: label | translate, value: errors?.min.min || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.max\">\n        {{ L.form_validation_max_message | translate: { controlName: label | translate, value: errors?.max.max || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.minlength\">\n        {{ L.form_validation_min_length_message | translate: { controlName: label | translate, value: errors?.minlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.maxlength\">\n        {{ L.form_validation_max_length_message | translate: { controlName: label | translate, value: errors?.maxlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.invalidNumberLength\">\n        {{ L.form_validation_invalid_length_message | translate: { controlName: label | translate, value: errors?.invalidNumberLength.requiredLength\n        || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.integerNumber\">\n        {{ L.form_validation_invalid_integer_number_message | translate: { controlName: label | translate, value: errors?.integerNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.integerPositiveNumber\">\n        {{ L.form_validation_invalid_integer_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.integerPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.decimalNumber\">\n        {{ L.form_validation_invalid_decimal_number_message | translate: { controlName: label | translate, value: errors?.decimalNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.decimalPositiveNumber\">\n        {{ L.form_validation_invalid_decimal_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.decimalPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbers\">\n        {{ L.form_validation_invalid_positive_number_message | translate: { controlName: label | translate, value: errors?.positiveNumbers.value || 0\n        } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbersGreaterThanZero\">\n        {{ L.form_validation_invalid_positive_number_greater_than_zero | translate: { controlName: label | translate, value:\n        errors?.positiveNumbersGreaterThanZero.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.mobileNumbers\">\n        {{ L.form_validation_invalid_mobile_number_message | translate: { controlName: label | translate, value: errors?.mobileNumbers.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.email\">\n        {{ L.form_validation_email_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.pattern\">\n        {{ L.form_validation_password_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordPolicyRequirements\">\n        {{ L.form_validation_password_policy | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordNotMatch\">\n        {{ L.form_validation_password_not_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordMatch\">\n        {{ L.form_validation_password_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noWhitespaceWithinSentence\">\n        {{ L.form_validation_no_white_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDotWithinSentence\">\n        {{ L.form_validation_no_dot_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.guidIsValid\">\n        {{ L.form_validation_invalid_uuid | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDefaultAccessProfile\">\n        {{ L.no_access_default_profile | translate: { controlName: label | translate,\n        companyName: errors?.noDefaultAccessProfile?.companyName } }}\n      </div>\n      <div *ngIf=\"errors?.noEmoji\">\n        {{ L.form_validation_invalid_no_emoji_message | translate: { controlName: label | translate, value: errors?.noEmoji.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_unsafe_html\">\n        {{ L.form_validation_unsafe_html | translate }}\n      </div>\n      <div *ngIf=\"errors?.ipv4Format\">\n        {{ L.form_validation_invalid_ipv4_message | translate: { controlName: label | translate, value: errors?.ipv4Format.value } }}\n      </div>\n      <div *ngIf=\"errors?.ipv4NotZero\">\n        {{ L.form_validation_ipv4_not_zero | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.duplicateIP\">\n        {{ L.form_validation_duplicate_ip | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.alphanumericRegex\">\n        {{ L.form_validation_alphanumeric_message | translate: { controlName: label | translate, value: errors?.alphanumericRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.validatePositiveInteger\">\n        {{ L.form_validation_invalid_positive_integer_number_message | translate: { controlName: label | translate, value:\n        errors?.validatePositiveInteger.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.roleNameAlreadyExists\">\n        {{ L.role_name_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberAlreadyExists\">\n        {{ L.rate_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.accessProfileNumberTaken\">\n        {{ L.access_profile_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.cashierNumberTaken\">\n        {{ L.cashier_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInUse\">\n        {{ L.sign_code_already_in_use | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInvalidFormat\">\n        {{ L.sign_code_invalid_format | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberIsZero\">\n        {{ L.rate_number_is_zero | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time\">\n        {{ L.form_validation_invalid_time | translate: { controlName: label ,from: '00:00',to:'00:00' } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time_format\">\n        {{ L.form_validation_invalid_time_format | translate: { controlName: label } }}\n      </div>\n      <div *ngIf=\"errors?.positiveIntegerNumbersGreaterThanZeroRegex\">\n        {{ L.form_validation_invalid_positive_integer_number_wo_zero_message | translate: { controlName: label | translate, value:\n        errors?.positiveIntegerNumbersGreaterThanZeroRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_maximum\">\n        {{ L.form_validation_units_balance_maximum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_minimum\">\n        {{ L.form_validation_units_balance_minimum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_percentage\">\n        {{ L.form_validation_invalid_percentage_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_decimal_percentage\">\n        {{ L.form_validation_invalid_percentage_decimal_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_less_than_occupancy\">\n        {{ L.revert_at_must_be_less_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_more_than_occupancy\">\n        {{ L.revert_at_must_be_more_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.car_plate_sequential_required\">\n        {{ L.car_plate_sequential_required | translate }}\n      </div>\n      <div *ngIf=\"errors?.card_sequential_required\">\n        {{ L.card_sequential_required | translate }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: WrapFnPipe, name: "wrapFn" }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: SharedDirectivesModule }, { kind: "directive", type: VarDirective, selector: "[tbVar]", inputs: ["tbVar"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldValidationsComponent, decorators: [{
             type: Component,
@@ -118220,7 +118526,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         WrapFnPipe,
                         LocalizationModule,
                         SharedDirectivesModule,
-                    ], template: "<ng-container *ngIf=\"touched || controlContainer.control.get(controlName)?.touched\">\n  <ng-container *tbVar=\"getErrors | wrapFn: controlContainer.control.get(controlName)?.errors ?? errors as errors\">\n    <div *ngIf=\"ObjectKeys(errors || {}).length > 1; then hasMultiErrors else hasOneError\"></div>\n    <ng-template #hasMultiErrors>\n      {{ L.invalid | translate: { controlName: label | translate} }}\n    </ng-template>\n    <ng-template #hasOneError>\n      <div *ngIf=\"errors?.required\">\n        {{ L.form_validation_required_message | translate }}</div>\n      <div *ngIf=\"errors?.invalidDate\">\n        {{ L.form_validation_invalid_date_message | translate }}</div>\n      <div *ngIf=\"errors?.invalidDateRange\">\n        {{ L.form_validation_invalid_date_range | translate }}</div>\n      <div *ngIf=\"errors?.invalidTerms\">\n        {{ L.form_validation_terms_policy | translate }}</div>\n      <div *ngIf=\"errors?.min min\">\n        {{ L.form_validation_min_message | translate: { controlName: label | translate, value: errors?.min.min || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.max\">\n        {{ L.form_validation_max_message | translate: { controlName: label | translate, value: errors?.max.max || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.minlength\">\n        {{ L.form_validation_min_length_message | translate: { controlName: label | translate, value: errors?.minlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.maxlength\">\n        {{ L.form_validation_max_length_message | translate: { controlName: label | translate, value: errors?.maxlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.invalidNumberLength\">\n        {{ L.form_validation_invalid_length_message | translate: { controlName: label | translate, value: errors?.invalidNumberLength.requiredLength\n        || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.integerNumber\">\n        {{ L.form_validation_invalid_integer_number_message | translate: { controlName: label | translate, value: errors?.integerNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.integerPositiveNumber\">\n        {{ L.form_validation_invalid_integer_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.integerPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.decimalNumber\">\n        {{ L.form_validation_invalid_decimal_number_message | translate: { controlName: label | translate, value: errors?.decimalNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.decimalPositiveNumber\">\n        {{ L.form_validation_invalid_decimal_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.decimalPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbers\">\n        {{ L.form_validation_invalid_positive_number_message | translate: { controlName: label | translate, value: errors?.positiveNumbers.value || 0\n        } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbersGreaterThanZero\">\n        {{ L.form_validation_invalid_positive_number_greater_than_zero | translate: { controlName: label | translate, value:\n        errors?.positiveNumbersGreaterThanZero.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.mobileNumbers\">\n        {{ L.form_validation_invalid_mobile_number_message | translate: { controlName: label | translate, value: errors?.mobileNumbers.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.email\">\n        {{ L.form_validation_email_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.pattern\">\n        {{ L.form_validation_password_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordPolicyRequirements\">\n        {{ L.form_validation_password_policy | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordNotMatch\">\n        {{ L.form_validation_password_not_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordMatch\">\n        {{ L.form_validation_password_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noWhitespaceWithinSentence\">\n        {{ L.form_validation_no_white_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDotWithinSentence\">\n        {{ L.form_validation_no_dot_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.guidIsValid\">\n        {{ L.form_validation_invalid_uuid | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDefaultAccessProfile\">\n        {{ L.no_access_default_profile | translate: { controlName: label | translate,\n        companyName: errors?.noDefaultAccessProfile?.companyName } }}\n      </div>\n      <div *ngIf=\"errors?.noEmoji\">\n        {{ L.form_validation_invalid_no_emoji_message | translate: { controlName: label | translate, value: errors?.noEmoji.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_unsafe_html\">\n        {{ L.form_validation_unsafe_html | translate }}\n      </div>\n      <div *ngIf=\"errors?.ipv4Format\">\n        {{ L.form_validation_invalid_ipv4_message | translate: { controlName: label | translate, value: errors?.ipv4Format.value } }}\n      </div>\n      <div *ngIf=\"errors?.ipv4NotZero\">\n        {{ L.form_validation_ipv4_not_zero | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.duplicateIP\">\n        {{ L.form_validation_duplicate_ip | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.alphanumericRegex\">\n        {{ L.form_validation_alphanumeric_message | translate: { controlName: label | translate, value: errors?.alphanumericRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.validatePositiveInteger\">\n        {{ L.form_validation_invalid_positive_integer_number_message | translate: { controlName: label | translate, value:\n        errors?.validatePositiveInteger.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.roleNameAlreadyExists\">\n        {{ L.role_name_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberAlreadyExists\">\n        {{ L.rate_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.accessProfileNumberTaken\">\n        {{ L.access_profile_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.cashierNumberTaken\">\n        {{ L.cashier_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInUse\">\n        {{ L.sign_code_already_in_use | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInvalidFormat\">\n        {{ L.sign_code_invalid_format | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberIsZero\">\n        {{ L.rate_number_is_zero | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time\">\n        {{ L.form_validation_invalid_time | translate: { controlName: label ,from: '00:00',to:'00:00' } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time_format\">\n        {{ L.form_validation_invalid_time_format | translate: { controlName: label } }}\n      </div>\n      <div *ngIf=\"errors?.positiveIntegerNumbersGreaterThanZeroRegex\">\n        {{ L.form_validation_invalid_positive_integer_number_wo_zero_message | translate: { controlName: label | translate, value:\n        errors?.positiveIntegerNumbersGreaterThanZeroRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_maximum\">\n        {{ L.form_validation_units_balance_maximum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_minimum\">\n        {{ L.form_validation_units_balance_minimum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_percentage\">\n        {{ L.form_validation_invalid_percentage_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_decimal_percentage\">\n        {{ L.form_validation_invalid_percentage_decimal_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_less_than_occupancy\">\n        {{ L.revert_at_must_be_less_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_more_than_occupancy\">\n        {{ L.revert_at_must_be_more_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.car_plate_sequential_required\">\n        {{ L.car_plate_sequential_required | translate }}\n      </div>\n      <div *ngIf=\"errors?.card_sequential_required\">\n        {{ L.card_sequential_required | translate }}\n      </div>\n    </ng-template>\n  </ng-container>\n</ng-container>\n" }]
+                    ], template: "<ng-container *ngIf=\"touched || controlContainer.control.get(controlName)?.touched\">\n  <ng-container *tbVar=\"getErrors | wrapFn: controlContainer.control.get(controlName)?.errors ?? errors as errors\">\n    <ng-container>\n      <div *ngIf=\"errors?.required\">\n        {{ L.form_validation_required_message | translate }}</div>\n      <div *ngIf=\"errors?.invalidDate\">\n        {{ errors.invalidDate.example ? (L.form_validation_invalid_date_example | translate: { example: errors.invalidDate.example })\n        : (L.form_validation_invalid_date_message | translate) }}</div>\n      <div *ngIf=\"errors?.invalidDateRange as range\">\n        {{ dateRangeKey(range) | translate: range }}</div>\n      <div *ngIf=\"errors?.invalidTerms\">\n        {{ L.form_validation_terms_policy | translate }}</div>\n      <div *ngIf=\"errors?.min min\">\n        {{ L.form_validation_min_message | translate: { controlName: label | translate, value: errors?.min.min || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.max\">\n        {{ L.form_validation_max_message | translate: { controlName: label | translate, value: errors?.max.max || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.minlength\">\n        {{ L.form_validation_min_length_message | translate: { controlName: label | translate, value: errors?.minlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.maxlength\">\n        {{ L.form_validation_max_length_message | translate: { controlName: label | translate, value: errors?.maxlength.requiredLength || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.invalidNumberLength\">\n        {{ L.form_validation_invalid_length_message | translate: { controlName: label | translate, value: errors?.invalidNumberLength.requiredLength\n        || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.integerNumber\">\n        {{ L.form_validation_invalid_integer_number_message | translate: { controlName: label | translate, value: errors?.integerNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.integerPositiveNumber\">\n        {{ L.form_validation_invalid_integer_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.integerPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.decimalNumber\">\n        {{ L.form_validation_invalid_decimal_number_message | translate: { controlName: label | translate, value: errors?.decimalNumber.value || 0 }\n        }}\n      </div>\n      <div *ngIf=\"errors?.decimalPositiveNumber\">\n        {{ L.form_validation_invalid_decimal_positive_number_message | translate: { controlName: label | translate, value:\n        errors?.decimalPositiveNumber.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbers\">\n        {{ L.form_validation_invalid_positive_number_message | translate: { controlName: label | translate, value: errors?.positiveNumbers.value || 0\n        } }}\n      </div>\n      <div *ngIf=\"errors?.positiveNumbersGreaterThanZero\">\n        {{ L.form_validation_invalid_positive_number_greater_than_zero | translate: { controlName: label | translate, value:\n        errors?.positiveNumbersGreaterThanZero.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.mobileNumbers\">\n        {{ L.form_validation_invalid_mobile_number_message | translate: { controlName: label | translate, value: errors?.mobileNumbers.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.email\">\n        {{ L.form_validation_email_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.pattern\">\n        {{ L.form_validation_password_pattern | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordPolicyRequirements\">\n        {{ L.form_validation_password_policy | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordNotMatch\">\n        {{ L.form_validation_password_not_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.passwordMatch\">\n        {{ L.form_validation_password_match | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noWhitespaceWithinSentence\">\n        {{ L.form_validation_no_white_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDotWithinSentence\">\n        {{ L.form_validation_no_dot_space_within_sentence | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.guidIsValid\">\n        {{ L.form_validation_invalid_uuid | translate: { controlName: label | translate} }}\n      </div>\n      <div *ngIf=\"errors?.noDefaultAccessProfile\">\n        {{ L.no_access_default_profile | translate: { controlName: label | translate,\n        companyName: errors?.noDefaultAccessProfile?.companyName } }}\n      </div>\n      <div *ngIf=\"errors?.noEmoji\">\n        {{ L.form_validation_invalid_no_emoji_message | translate: { controlName: label | translate, value: errors?.noEmoji.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_unsafe_html\">\n        {{ L.form_validation_unsafe_html | translate }}\n      </div>\n      <div *ngIf=\"errors?.ipv4Format\">\n        {{ L.form_validation_invalid_ipv4_message | translate: { controlName: label | translate, value: errors?.ipv4Format.value } }}\n      </div>\n      <div *ngIf=\"errors?.ipv4NotZero\">\n        {{ L.form_validation_ipv4_not_zero | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.duplicateIP\">\n        {{ L.form_validation_duplicate_ip | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.alphanumericRegex\">\n        {{ L.form_validation_alphanumeric_message | translate: { controlName: label | translate, value: errors?.alphanumericRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.validatePositiveInteger\">\n        {{ L.form_validation_invalid_positive_integer_number_message | translate: { controlName: label | translate, value:\n        errors?.validatePositiveInteger.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.roleNameAlreadyExists\">\n        {{ L.role_name_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberAlreadyExists\">\n        {{ L.rate_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.accessProfileNumberTaken\">\n        {{ L.access_profile_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.cashierNumberTaken\">\n        {{ L.cashier_number_already_exists | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInUse\">\n        {{ L.sign_code_already_in_use | translate }}\n      </div>\n      <div *ngIf=\"errors?.signCodeInvalidFormat\">\n        {{ L.sign_code_invalid_format | translate }}\n      </div>\n      <div *ngIf=\"errors?.rateNumberIsZero\">\n        {{ L.rate_number_is_zero | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time\">\n        {{ L.form_validation_invalid_time | translate: { controlName: label ,from: '00:00',to:'00:00' } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_time_format\">\n        {{ L.form_validation_invalid_time_format | translate: { controlName: label } }}\n      </div>\n      <div *ngIf=\"errors?.positiveIntegerNumbersGreaterThanZeroRegex\">\n        {{ L.form_validation_invalid_positive_integer_number_wo_zero_message | translate: { controlName: label | translate, value:\n        errors?.positiveIntegerNumbersGreaterThanZeroRegex.value || 0 } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_maximum\">\n        {{ L.form_validation_units_balance_maximum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_units_balance_minimum\">\n        {{ L.form_validation_units_balance_minimum | translate: { controlName: label | translate } }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_percentage\">\n        {{ L.form_validation_invalid_percentage_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.form_validation_invalid_decimal_percentage\">\n        {{ L.form_validation_invalid_percentage_decimal_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_less_than_occupancy\">\n        {{ L.revert_at_must_be_less_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.revert_at_must_be_more_than_occupancy\">\n        {{ L.revert_at_must_be_more_than_occupancy_message | translate }}\n      </div>\n      <div *ngIf=\"errors?.car_plate_sequential_required\">\n        {{ L.car_plate_sequential_required | translate }}\n      </div>\n      <div *ngIf=\"errors?.card_sequential_required\">\n        {{ L.card_sequential_required | translate }}\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n" }]
         }], ctorParameters: () => [{ type: i1.ControlContainer }], propDecorators: { controlName: [{
                 type: Input
             }], label: [{
@@ -118402,12 +118708,22 @@ const extractErrorsChanges = (control) => {
     return setErrorsChanges$;
 };
 
+let nextLabelId = 0;
+/** How far up from the label to look for its field. */
+const FIELD_SEARCH_DEPTH = 4;
+const FIELD_SELECTOR = 'input:not([type=hidden]):not([type=checkbox]):not([type=radio]), textarea';
 class FieldLabelComponent {
-    constructor(controlContainer) {
+    constructor(controlContainer, elementRef) {
         this.controlContainer = controlContainer;
+        this.elementRef = elementRef;
+        this.labelId = `tb-field-label-${nextLabelId++}`;
         this.isRequired$ = new BehaviorSubject(false);
         this.isInvalid$ = new BehaviorSubject(false);
     }
+    ngAfterViewInit() {
+        // ponytail: links once; a field rendered later (behind *ngIf) stays unlinked.
+        setTimeout(() => this.linkField());
+    }
     ngOnInit() {
         this.control = this.controlContainer.control?.get(this.controlName);
         if (!this.control) {
@@ -118426,6 +118742,29 @@ class FieldLabelComponent {
             });
         });
     }
+    /** Names the first text field after this label (before the next label) with the label text. */
+    linkField() {
+        if (!this.control) {
+            return;
+        }
+        const host = this.elementRef.nativeElement;
+        const follows = (a, b) => !!(a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING);
+        let scope = host.parentElement;
+        for (let depth = 0; scope && depth < FIELD_SEARCH_DEPTH; depth++, scope = scope.parentElement) {
+            const nextLabel = Array.from(scope.querySelectorAll('[tb-field-label]')).find(label => follows(host, label));
+            const field = Array.from(scope.querySelectorAll(FIELD_SELECTOR))
+                .find(candidate => follows(host, candidate) && (!nextLabel || follows(candidate, nextLabel)));
+            if (field) {
+                if (!field.hasAttribute('aria-labelledby') && !field.hasAttribute('aria-label') && !field.labels?.length) {
+                    field.setAttribute('aria-labelledby', this.labelId);
+                }
+                return;
+            }
+            if (nextLabel) {
+                return;
+            }
+        }
+    }
     get isControlRequired() {
         return this.control.hasValidator(Validators.required);
     }
@@ -118438,11 +118777,11 @@ class FieldLabelComponent {
             this.touchedChangesSubscription?.unsubscribe();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldLabelComponent, deps: [{ token: i1.ControlContainer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldLabelComponent, deps: [{ token: i1.ControlContainer }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FieldLabelComponent, isStandalone: true, selector: "[tb-field-label]", inputs: { controlName: "controlName", label: "label", ngLabelClass: "ngLabelClass" }, ngImport: i0, template: `
     <div class="tb-field-label" *ngIf="control">
       <span class="required-asterisk" *ngIf="isRequired$ | async" [class.required]="isInvalid$ | async">*</span>
-      <span [ngClass]="ngLabelClass">{{ label | translate }}</span>
+      <span [id]="labelId" [ngClass]="ngLabelClass">{{ label | translate }}</span>
       <ng-content select="[tooltip]"></ng-content>
     </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
@@ -118454,7 +118793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     template: `
     <div class="tb-field-label" *ngIf="control">
       <span class="required-asterisk" *ngIf="isRequired$ | async" [class.required]="isInvalid$ | async">*</span>
-      <span [ngClass]="ngLabelClass">{{ label | translate }}</span>
+      <span [id]="labelId" [ngClass]="ngLabelClass">{{ label | translate }}</span>
       <ng-content select="[tooltip]"></ng-content>
     </div>
   `,
@@ -118465,7 +118804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         LocalizationModule
                     ]
                 }]
-        }], ctorParameters: () => [{ type: i1.ControlContainer }], propDecorators: { controlName: [{
+        }], ctorParameters: () => [{ type: i1.ControlContainer }, { type: i0.ElementRef }], propDecorators: { controlName: [{
                 type: Input
             }], label: [{
                 type: Input
@@ -121269,10 +121608,12 @@ var LprTransactionsOptionsText;
     LprTransactionsOptionsText["NotRecognized"] = "not_recognized";
 })(LprTransactionsOptionsText || (LprTransactionsOptionsText = {}));
 
+/** Shortest time a message stays up, so it can be read. */
+const MIN_MESSAGE_DURATION = ONE_SECOND_IN_MILLISECONDS * 5;
 var DurationMessageBar;
 (function (DurationMessageBar) {
     DurationMessageBar[DurationMessageBar["displayContinuously"] = 0] = "displayContinuously";
-    DurationMessageBar[DurationMessageBar["defaultDisplayOneMessage"] = 3000] = "defaultDisplayOneMessage";
+    DurationMessageBar[DurationMessageBar["defaultDisplayOneMessage"] = 5000] = "defaultDisplayOneMessage";
     DurationMessageBar[DurationMessageBar["defaultDisplayMultiMessages"] = 5000] = "defaultDisplayMultiMessages";
     DurationMessageBar[DurationMessageBar["defaultDisplayLongMessage"] = 8000] = "defaultDisplayLongMessage";
 })(DurationMessageBar || (DurationMessageBar = {}));
@@ -123234,27 +123575,51 @@ class FloatMessageBarService {
     openFromMessageBarComponent(messageBarDetails, options) {
         const messagesInfo = buildMessageInfos(this.translateService, messageBarDetails, options);
         const duration = options?.duration === DurationMessageBar.displayContinuously ? undefined : (options?.duration || DurationMessageBar.defaultDisplayMultiMessages); // On duration "0", the snack bar will be display continuously
-        this._snackBar.openFromComponent(MessageBarComponent, {
+        const ref = this._snackBar.openFromComponent(MessageBarComponent, {
             data: messagesInfo,
             horizontalPosition: 'center',
             verticalPosition: 'top',
-            duration,
             panelClass: 'message-bar'
         });
+        this.dismissWhenIdle(ref, duration);
     }
     openMessageBarContainerComponent(message) {
         const duration = message.duration === DurationMessageBar.displayContinuously ? undefined : (message.duration || DurationMessageBar.defaultDisplayOneMessage); // On duration "0", the snack bar will be display continuously
-        this._snackBar.openFromComponent(MessageBarContainerComponent, {
+        const ref = this._snackBar.openFromComponent(MessageBarContainerComponent, {
             data: message,
             horizontalPosition: 'center',
             verticalPosition: 'top',
-            duration,
             panelClass: 'message-bar'
         });
+        this.dismissWhenIdle(ref, duration);
     }
     clearSnackbar() {
         this._snackBar.dismiss();
     }
+    /** Closes after `duration` (at least 5 s), restarting the wait while hovered or focused. */
+    dismissWhenIdle(ref, duration) {
+        if (!duration) {
+            return;
+        }
+        ref.afterOpened().subscribe(() => {
+            const element = document.querySelector('mat-snack-bar-container.message-bar');
+            let timer;
+            const stop = () => clearTimeout(timer);
+            const start = () => {
+                stop();
+                if (!element?.matches(':hover') && !element?.contains(document.activeElement)) {
+                    timer = setTimeout(() => ref.dismiss(), Math.max(duration, MIN_MESSAGE_DURATION));
+                }
+            };
+            element?.addEventListener('mouseenter', stop);
+            element?.addEventListener('focusin', stop);
+            element?.addEventListener('mouseleave', start);
+            // focusout fires before focus lands on the next element.
+            element?.addEventListener('focusout', () => setTimeout(start));
+            ref.afterDismissed().subscribe(stop);
+            start();
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatMessageBarService, deps: [{ token: i1$5.MatSnackBar }, { token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FloatMessageBarService, providedIn: 'root' }); }
 }
@@ -124898,8 +125263,10 @@ class BaseNotificationService {
     show(config, notificationComponent) {
         this.options.toastComponent = notificationComponent;
         this.options.toastClass = config.class;
-        this.options.timeOut = config.duration;
-        this.options.extendedTimeOut = config.duration;
+        // 0 or no duration keeps the notification open.
+        const duration = config.duration ? Math.max(config.duration, MIN_MESSAGE_DURATION) : config.duration;
+        this.options.timeOut = duration;
+        this.options.extendedTimeOut = duration;
         this.options.autoDismiss = !!config.maxOpened;
         this.options.maxOpened = config.maxOpened;
         this.options.easeTime = 0;
@@ -124980,14 +125347,14 @@ class NotificationTypeLabelComponent extends BaseComponent {
         this.notificationTypeClass = notificationTypeClasses.join(" ");
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationTypeLabelComponent, deps: [{ token: i1$4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: NotificationTypeLabelComponent, isStandalone: true, selector: "tb-notification-type-label", inputs: { notificationSeverity: "notificationSeverity", notificationSeverityInvert: "notificationSeverityInvert", notificationSeverityText: "notificationSeverityText" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"notificationTypeClass\">\n  <span>{{ notificationSeverityText }}</span>\n</div>", styles: [".notification-type-label{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;width:fit-content;padding:0 5px;font-size:13px;line-height:20px;border-radius:4px}.notification-type-label.critical{background-color:#ff0e4d;color:#fff}.notification-type-label.critical.invert{background-color:#fff;color:#ff0e4d}.notification-type-label.high{background-color:#e3554c;color:#fff}.notification-type-label.medium{background-color:#ffd362;color:#2c3e50}.notification-type-label.low{background-color:#c1e0fa;color:#2c3e50}.notification-type-label.information{background-color:#0985eb;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: LocalizationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: NotificationTypeLabelComponent, isStandalone: true, selector: "tb-notification-type-label", inputs: { notificationSeverity: "notificationSeverity", notificationSeverityInvert: "notificationSeverityInvert", notificationSeverityText: "notificationSeverityText" }, usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"notificationTypeClass\">\n  <span>{{ notificationSeverityText }}</span>\n</div>", styles: [".notification-type-label{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;width:fit-content;padding:0 5px;font-size:13px;line-height:20px;border-radius:4px}.notification-type-label.critical{background-color:#ec003e;color:#fff}.notification-type-label.critical.invert{background-color:#fff;color:#ec003e}.notification-type-label.high{background-color:#dd3329;color:#fff}.notification-type-label.medium{background-color:#ffd362;color:#2c3e50}.notification-type-label.low{background-color:#c1e0fa;color:#2c3e50}.notification-type-label.information{background-color:#0670c7;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: LocalizationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NotificationTypeLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tb-notification-type-label', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
                         LocalizationModule,
-                    ], template: "<div [ngClass]=\"notificationTypeClass\">\n  <span>{{ notificationSeverityText }}</span>\n</div>", styles: [".notification-type-label{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;width:fit-content;padding:0 5px;font-size:13px;line-height:20px;border-radius:4px}.notification-type-label.critical{background-color:#ff0e4d;color:#fff}.notification-type-label.critical.invert{background-color:#fff;color:#ff0e4d}.notification-type-label.high{background-color:#e3554c;color:#fff}.notification-type-label.medium{background-color:#ffd362;color:#2c3e50}.notification-type-label.low{background-color:#c1e0fa;color:#2c3e50}.notification-type-label.information{background-color:#0985eb;color:#fff}\n"] }]
+                    ], template: "<div [ngClass]=\"notificationTypeClass\">\n  <span>{{ notificationSeverityText }}</span>\n</div>", styles: [".notification-type-label{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;width:fit-content;padding:0 5px;font-size:13px;line-height:20px;border-radius:4px}.notification-type-label.critical{background-color:#ec003e;color:#fff}.notification-type-label.critical.invert{background-color:#fff;color:#ec003e}.notification-type-label.high{background-color:#dd3329;color:#fff}.notification-type-label.medium{background-color:#ffd362;color:#2c3e50}.notification-type-label.low{background-color:#c1e0fa;color:#2c3e50}.notification-type-label.information{background-color:#0670c7;color:#fff}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.TranslateService }], propDecorators: { notificationSeverity: [{
                 type: Input
             }], notificationSeverityInvert: [{
@@ -125009,11 +125376,11 @@ class AlertNotificationComponent extends Toast {
         $event.stopPropagation();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertNotificationComponent, deps: [{ token: i1$8.ToastrService }, { token: i1$8.ToastPackage }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AlertNotificationComponent, isStandalone: true, selector: "tb-alert-notification", inputs: { data: "data", activeToast: "activeToast" }, usesInheritance: true, ngImport: i0, template: "<div class=\"tb-alert-notification-container tb-flex tb-full-height\">\n  <div class=\"tb-status alert-notification-prefix\" [ngClass]=\"'tb-status-' + NotificationSeverity[data.severity] | lowercase\">\n  </div>\n  <div class=\"tb-messages alert-notification-content\">\n    <div *ngFor=\"let message of data?.messages\" [ngClass]=\"message.class\">\n      <span>{{ message.value | translate }}</span>\n    </div>\n  </div>\n  <div class=\"alert-notification-suffix\">\n    <div class=\"alert-notification-dismiss\">\n      <tb-icon *ngIf=\"options.closeButton\" [settings]=\"IconsHelper.cancel\" class=\"tb-button tb-icon-30\" (click)=\"closeNotification($event)\">\n      </tb-icon>\n    </div>\n    <tb-notification-type-label class=\"tb-mr-5\" [notificationSeverity]=\"data.severity\">\n    </tb-notification-type-label>\n  </div>\n</div>\n<div *ngIf=\"options.progressBar\">\n  <div class=\"notification-progress\" [style.width]=\"width + '%'\"></div>\n</div>\n<div class=\"tb-alert-notification-container-shadow\" [matTooltip]=\"data.titleTooltip\"\n  [matTooltipDisabled]=\"!data.titleTooltip\" [matTooltipPosition]=\"'above'\"></div>", styles: [":host{position:relative;min-height:75px;width:395px;padding:0;background-color:#fff;border-left:6px solid #dee2e6;border-radius:4px;margin-bottom:10px;overflow:hidden;pointer-events:initial;box-shadow:0 3px 15px #0000004d;cursor:pointer;transition:all .2s ease;display:flex}:host .tb-alert-notification-container{flex:1}:host .tb-alert-notification-container div{z-index:1;pointer-events:none}:host .tb-alert-notification-container .alert-notification-suffix{display:flex;flex-direction:column;align-items:flex-end;margin-right:5px}:host .tb-alert-notification-container .alert-notification-dismiss{pointer-events:all;display:flex;height:30px;width:30px;margin:5px;color:#2c3e50;border-radius:4px}:host .tb-alert-notification-container .alert-notification-dismiss:hover{background-color:#ecedf0}:host .tb-alert-notification-container .alert-notification-dismiss .tb-icon{border-radius:4px;cursor:pointer}:host .tb-alert-notification-container-shadow{position:absolute;width:100%;height:100%}:host .tb-alert-notification-container-shadow:hover{background:#ecedf0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NotificationTypeLabelComponent, selector: "tb-notification-type-label", inputs: ["notificationSeverity", "notificationSeverityInvert", "notificationSeverityText"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }], animations: [notificationAnimation()] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AlertNotificationComponent, isStandalone: true, selector: "tb-alert-notification", inputs: { data: "data", activeToast: "activeToast" }, host: { listeners: { "focusin": "stickAround()", "focusout": "delayedHideToast()" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"tb-alert-notification-container tb-flex tb-full-height\">\n  <div class=\"tb-status alert-notification-prefix\" [ngClass]=\"'tb-status-' + NotificationSeverity[data.severity] | lowercase\">\n  </div>\n  <div class=\"tb-messages alert-notification-content\">\n    <div *ngFor=\"let message of data?.messages\" [ngClass]=\"message.class\">\n      <span>{{ message.value | translate }}</span>\n    </div>\n  </div>\n  <div class=\"alert-notification-suffix\">\n    <div class=\"alert-notification-dismiss\">\n      <tb-icon *ngIf=\"options.closeButton\" [settings]=\"IconsHelper.cancel\" class=\"tb-button tb-icon-30\" (click)=\"closeNotification($event)\">\n      </tb-icon>\n    </div>\n    <tb-notification-type-label class=\"tb-mr-5\" [notificationSeverity]=\"data.severity\">\n    </tb-notification-type-label>\n  </div>\n</div>\n<div *ngIf=\"options.progressBar\">\n  <div class=\"notification-progress\" [style.width]=\"width + '%'\"></div>\n</div>\n<div class=\"tb-alert-notification-container-shadow\" [matTooltip]=\"data.titleTooltip\"\n  [matTooltipDisabled]=\"!data.titleTooltip\" [matTooltipPosition]=\"'above'\"></div>", styles: [":host{position:relative;min-height:75px;width:395px;padding:0;background-color:#fff;border-left:6px solid #dee2e6;border-radius:4px;margin-bottom:10px;overflow:hidden;pointer-events:initial;box-shadow:0 3px 15px #0000004d;cursor:pointer;transition:all .2s ease;display:flex}:host .tb-alert-notification-container{flex:1}:host .tb-alert-notification-container div{z-index:1;pointer-events:none}:host .tb-alert-notification-container .alert-notification-suffix{display:flex;flex-direction:column;align-items:flex-end;margin-right:5px}:host .tb-alert-notification-container .alert-notification-dismiss{pointer-events:all;display:flex;height:30px;width:30px;margin:5px;color:#2c3e50;border-radius:4px}:host .tb-alert-notification-container .alert-notification-dismiss:hover{background-color:#ecedf0}:host .tb-alert-notification-container .alert-notification-dismiss .tb-icon{border-radius:4px;cursor:pointer}:host .tb-alert-notification-container-shadow{position:absolute;width:100%;height:100%}:host .tb-alert-notification-container-shadow:hover{background:#ecedf0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: NotificationTypeLabelComponent, selector: "tb-notification-type-label", inputs: ["notificationSeverity", "notificationSeverityInvert", "notificationSeverityText"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }], animations: [notificationAnimation()] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AlertNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tb-alert-notification', animations: [notificationAnimation()], standalone: true, imports: [
+            args: [{ selector: 'tb-alert-notification', animations: [notificationAnimation()], host: { '(focusin)': 'stickAround()', '(focusout)': 'delayedHideToast()' }, standalone: true, imports: [
                         CommonModule,
                         LocalizationModule,
                         MatTooltipModule,
@@ -126969,11 +127336,11 @@ class CommandNotificationComponent extends Toast {
         this.CommandNotificationType = CommandNotificationType;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CommandNotificationComponent, deps: [{ token: i1$8.ToastrService }, { token: i1$8.ToastPackage }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CommandNotificationComponent, isStandalone: true, selector: "tb-command-notification", inputs: { data: "data" }, usesInheritance: true, ngImport: i0, template: "<div class=\"tb-flex tb-full-height\">\n  <div [ngClass]=\"'tb-status-' + CommandNotificationType[data.type] | lowercase\" class=\"tb-status\"></div>\n  <div class=\"tb-messages\">\n    <div *ngFor=\"let message of data?.messages\" [ngClass]=\"message.class\">\n      <span>{{ message.value }}</span>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;min-height:75px;padding:0;background-color:#fff;border-left:6px solid #dee2e6;border-radius:4px;position:relative;-ms-flex-align:center;align-items:center;margin:10px;max-width:33vw;min-width:344px;transform-origin:center;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }], animations: [notificationAnimation()] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CommandNotificationComponent, isStandalone: true, selector: "tb-command-notification", inputs: { data: "data" }, host: { listeners: { "focusin": "stickAround()", "focusout": "delayedHideToast()" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"tb-flex tb-full-height\">\n  <div [ngClass]=\"'tb-status-' + CommandNotificationType[data.type] | lowercase\" class=\"tb-status\"></div>\n  <div class=\"tb-messages\">\n    <div *ngFor=\"let message of data?.messages\" [ngClass]=\"message.class\">\n      <span>{{ message.value }}</span>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;min-height:75px;padding:0;background-color:#fff;border-left:6px solid #dee2e6;border-radius:4px;position:relative;-ms-flex-align:center;align-items:center;margin:10px;max-width:33vw;min-width:344px;transform-origin:center;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i2.LowerCasePipe, name: "lowercase" }], animations: [notificationAnimation()] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CommandNotificationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tb-command-notification', animations: [notificationAnimation()], standalone: true, imports: [
+            args: [{ selector: 'tb-command-notification', animations: [notificationAnimation()], host: { '(focusin)': 'stickAround()', '(focusout)': 'delayedHideToast()' }, standalone: true, imports: [
                         CommonModule,
                     ], template: "<div class=\"tb-flex tb-full-height\">\n  <div [ngClass]=\"'tb-status-' + CommandNotificationType[data.type] | lowercase\" class=\"tb-status\"></div>\n  <div class=\"tb-messages\">\n    <div *ngFor=\"let message of data?.messages\" [ngClass]=\"message.class\">\n      <span>{{ message.value }}</span>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;min-height:75px;padding:0;background-color:#fff;border-left:6px solid #dee2e6;border-radius:4px;position:relative;-ms-flex-align:center;align-items:center;margin:10px;max-width:33vw;min-width:344px;transform-origin:center;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}\n"] }]
         }], ctorParameters: () => [{ type: i1$8.ToastrService }, { type: i1$8.ToastPackage }], propDecorators: { data: [{
@@ -129079,11 +129446,11 @@ class RestartLinkComponent {
         window.location.reload();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RestartLinkComponent, deps: [{ token: i1$4.TranslateService }, { token: i1$2.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RestartLinkComponent, selector: "tb-restart-link", inputs: { label: "label", messageText: "messageText" }, ngImport: i0, template: "<div class=\"restart-link-container\">\n  <div class=\"text-content\">\n    <span>\n      {{ messageText }}\n    </span>\n    <span class=\"tb-text-link\" (click)=\"onClick()\">\n      {{ label }}\n    </span>\n  </div>\n  <tb-icon [settings]=\"IconSettings.refresh\" [setCursorPointer]=\"false\" class=\"tb-icon-30 tb-mt-2 icon-fixed\"></tb-icon>\n</div>\n", styles: [":host{display:inline-block;padding-left:4px;min-width:270px}:host[dir=rtl] .restart-link-container{flex-direction:row-reverse}:host[dir=rtl] .text-content{direction:rtl;text-align:right}:host[dir=ltr] .text-content{direction:ltr;text-align:left}.restart-link-container,.restart-link-container .text-content{display:flex;align-items:center;gap:.5em}.restart-link-container .tb-text-link{color:#0985eb;cursor:pointer;display:flex;align-items:center;text-decoration:none}.restart-link-container .tb-text-link:hover{opacity:.9}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: RestartLinkComponent, selector: "tb-restart-link", inputs: { label: "label", messageText: "messageText" }, ngImport: i0, template: "<div class=\"restart-link-container\">\n  <div class=\"text-content\">\n    <span>\n      {{ messageText }}\n    </span>\n    <span class=\"tb-text-link\" (click)=\"onClick()\">\n      {{ label }}\n    </span>\n  </div>\n  <tb-icon [settings]=\"IconSettings.refresh\" [setCursorPointer]=\"false\" class=\"tb-icon-30 tb-mt-2 icon-fixed\"></tb-icon>\n</div>\n", styles: [":host{display:inline-block;padding-left:4px;min-width:270px}:host[dir=rtl] .restart-link-container{flex-direction:row-reverse}:host[dir=rtl] .text-content{direction:rtl;text-align:right}:host[dir=ltr] .text-content{direction:ltr;text-align:left}.restart-link-container,.restart-link-container .text-content{display:flex;align-items:center;gap:.5em}.restart-link-container .tb-text-link{color:#0670c7;cursor:pointer;display:flex;align-items:center;text-decoration:none}.restart-link-container .tb-text-link:hover{opacity:.9}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RestartLinkComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tb-restart-link', template: "<div class=\"restart-link-container\">\n  <div class=\"text-content\">\n    <span>\n      {{ messageText }}\n    </span>\n    <span class=\"tb-text-link\" (click)=\"onClick()\">\n      {{ label }}\n    </span>\n  </div>\n  <tb-icon [settings]=\"IconSettings.refresh\" [setCursorPointer]=\"false\" class=\"tb-icon-30 tb-mt-2 icon-fixed\"></tb-icon>\n</div>\n", styles: [":host{display:inline-block;padding-left:4px;min-width:270px}:host[dir=rtl] .restart-link-container{flex-direction:row-reverse}:host[dir=rtl] .text-content{direction:rtl;text-align:right}:host[dir=ltr] .text-content{direction:ltr;text-align:left}.restart-link-container,.restart-link-container .text-content{display:flex;align-items:center;gap:.5em}.restart-link-container .tb-text-link{color:#0985eb;cursor:pointer;display:flex;align-items:center;text-decoration:none}.restart-link-container .tb-text-link:hover{opacity:.9}\n"] }]
+            args: [{ selector: 'tb-restart-link', template: "<div class=\"restart-link-container\">\n  <div class=\"text-content\">\n    <span>\n      {{ messageText }}\n    </span>\n    <span class=\"tb-text-link\" (click)=\"onClick()\">\n      {{ label }}\n    </span>\n  </div>\n  <tb-icon [settings]=\"IconSettings.refresh\" [setCursorPointer]=\"false\" class=\"tb-icon-30 tb-mt-2 icon-fixed\"></tb-icon>\n</div>\n", styles: [":host{display:inline-block;padding-left:4px;min-width:270px}:host[dir=rtl] .restart-link-container{flex-direction:row-reverse}:host[dir=rtl] .text-content{direction:rtl;text-align:right}:host[dir=ltr] .text-content{direction:ltr;text-align:left}.restart-link-container,.restart-link-container .text-content{display:flex;align-items:center;gap:.5em}.restart-link-container .tb-text-link{color:#0670c7;cursor:pointer;display:flex;align-items:center;text-decoration:none}.restart-link-container .tb-text-link:hover{opacity:.9}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.TranslateService }, { type: i1$2.Store }, { type: i0.ElementRef }], propDecorators: { label: [{
                 type: Input
             }], messageText: [{
@@ -129325,47 +129692,6 @@ function isBoolean(value) {
     }
 }
 
-const DATE_TIME_ERROR_INVALID_DATE = 'invalidDate';
-const DATE_TIME_ERROR_INVALID_DATE_RANGE = 'invalidDateRange';
-const DATE_TIME_ERROR_REQUIRED = 'required';
-const DATE_TIME_ERRORS = [
-    DATE_TIME_ERROR_INVALID_DATE,
-    DATE_TIME_ERROR_INVALID_DATE_RANGE,
-    DATE_TIME_ERROR_REQUIRED,
-];
-function setErrorMessage(formName, controlName, errors) {
-    if (errors) {
-        const control = formName.get(controlName);
-        if (control) {
-            control.setErrors(errors);
-            control.markAsTouched();
-        }
-    }
-}
-function setDateTimeErrorMessage(formName, controlName, errors) {
-    const control = formName.get(controlName);
-    if (control) {
-        const currentErrors = control.errors ?? {};
-        if (errors) {
-            // Strip any stale DateTime keys before merging so incoming errors are authoritative
-            const nonDateTimeErrors = { ...currentErrors };
-            DATE_TIME_ERRORS.forEach((key) => delete nonDateTimeErrors[key]);
-            control.setErrors({ ...nonDateTimeErrors, ...errors });
-            control.markAsTouched();
-        }
-        else {
-            // Create a copy to prevent direct mutation of Angular's internal errors object
-            const cleanedErrors = { ...currentErrors };
-            // No DateTime error → remove only DateTime-related errors
-            DATE_TIME_ERRORS.forEach((key) => {
-                delete cleanedErrors[key];
-            });
-            // If no errors left, clear errors completely
-            control.setErrors(Object.keys(cleanedErrors).length > 0 ? cleanedErrors : null);
-        }
-    }
-}
-
 function hasRequiredField(abstractControl) {
     return abstractControl?.hasValidator(Validators.required);
 }
@@ -131664,6 +131990,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$4.TranslateService }] });
 
+const FOCUSABLE = 'input:not([type=hidden]), select, textarea, button, [tabindex]:not([tabindex="-1"])';
+const isShown = (el) => el.getClientRects().length > 0;
+/** Focuses the first visible invalid field in `container`, else its first error message; false when there is neither. */
+function focusFirstProblem(container) {
+    if (focusFirstInvalidField(container)) {
+        return true;
+    }
+    // A rule over several fields (one of Card, Car Plate or Mobile) marks no single field: read its message.
+    const message = Array.from(container.querySelectorAll('[role="alert"]')).find((el) => isShown(el) && !el.closest('mat-dialog-actions'));
+    if (!message) {
+        return false;
+    }
+    message.tabIndex = -1;
+    message.focus();
+    return true;
+}
+/** As focusFirstProblem; when the open tab has none but the form is invalid, opens the first other tab that has one. */
+async function focusFirstProblemInTabs(container, settle = () => new Promise((resolve) => setTimeout(resolve, 300))) {
+    if (focusFirstProblem(container)) {
+        return true;
+    }
+    // Valid form = a save in progress: never flip through its tabs.
+    if (!container.querySelector('.ng-invalid, [aria-invalid="true"]')) {
+        return false;
+    }
+    const tabs = Array.from(container.querySelectorAll('[role="tab"]'));
+    const current = tabs.find((tab) => tab.getAttribute('aria-selected') === 'true');
+    for (const tab of tabs.filter((t) => t !== current)) {
+        tab.click();
+        await settle();
+        if (focusFirstProblem(container)) {
+            return true;
+        }
+    }
+    current?.click();
+    return false;
+}
+/** Focuses the first visible invalid field in `container`; false when there is none. */
+function focusFirstInvalidField(container) {
+    for (const el of Array.from(container.querySelectorAll('.ng-invalid, [aria-invalid="true"]'))) {
+        // A form or group is invalid because of a field inside it: that field comes next in page order.
+        if (el.matches('form, [formGroupName], [formgroupname], [formGroup], [formgroup], [formArrayName], [formarrayname]')) {
+            continue;
+        }
+        const target = el.matches(FOCUSABLE) ? el : el.querySelector(FOCUSABLE);
+        if (target && isShown(target) && !target.closest('[inert]')) {
+            target.focus();
+            return true;
+        }
+    }
+    return false;
+}
 const Z_INDEX_FRONT = '1000';
 const Z_INDEX_BACK = '999';
 class ModalService {
@@ -131688,6 +132066,8 @@ class ModalService {
         const dialogRef = this.dialog.open(modalComponent, this.buildDialogConfig(modalConfig));
         this.createBackdrop(dialogRef.id);
         this.attachButtonWrapper(dialogRef, modalConfig);
+        this.closeOnEscape(dialogRef);
+        this.keepFocusInDialog(dialogRef);
         // take(1), not first(): router teardown can complete these subjects without ever emitting,
         // and first() turns that benign completion into an unhandled EmptyError (SPRK3-14821).
         //
@@ -131843,6 +132223,45 @@ class ModalService {
             }
         });
     }
+    // Esc does what the dialog's X does; a dialog without an X stays open. Listened on the dialog itself:
+    // the overlay keyboard dispatcher gives keys only to the top overlay, often a tooltip left on the opener.
+    closeOnEscape(dialogRef) {
+        dialogRef.afterOpened().pipe(take$1(1)).subscribe(() => {
+            const container = document.getElementById(dialogRef.id);
+            container?.addEventListener('keydown', (event) => {
+                if (event.key === 'Escape' && !event.defaultPrevented) {
+                    container.querySelector('.modal-close-icon')?.click();
+                }
+            });
+        });
+    }
+    // A wizard swaps Next for Save (or drops Back on the first step) under the keyboard focus; the browser
+    // then drops focus to <body>, outside the dialog, where Tab and Esc no longer reach it.
+    keepFocusInDialog(dialogRef) {
+        dialogRef.afterOpened().pipe(take$1(1)).subscribe(() => {
+            const container = document.getElementById(dialogRef.id);
+            if (!container) {
+                return;
+            }
+            let focused = null;
+            container.addEventListener('focusin', (event) => (focused = event.target));
+            const observer = new MutationObserver(() => {
+                if (focused && !focused.isConnected && (!document.activeElement || document.activeElement === document.body)) {
+                    focused = null;
+                    (container.querySelector('mat-dialog-actions .tb-primary-button:not([disabled])') ?? container).focus();
+                }
+            });
+            // Create / Next / Save pressed but the dialog stayed on an invalid form: take the keyboard to the problem.
+            container.addEventListener('click', (event) => {
+                const button = event.target.closest('mat-dialog-actions .tb-primary-button');
+                if (button) {
+                    setTimeout(() => document.activeElement === button && focusFirstProblemInTabs(container));
+                }
+            });
+            observer.observe(container, { childList: true, subtree: true });
+            dialogRef.afterClosed().pipe(take$1(1)).subscribe(() => observer.disconnect());
+        });
+    }
     detachButtonWrapper(dialogId) {
         const ref = this._buttonWrapperRefs[dialogId];
         if (ref) {
@@ -135027,7 +135446,7 @@ class CloudConfirmDialogComponent extends BaseComponent {
         this.dialogRef.close(ok);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CloudConfirmDialogComponent, deps: [{ token: i1$4.TranslateService }, { token: MAT_DIALOG_DATA }, { token: i2$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CloudConfirmDialogComponent, isStandalone: true, selector: "tb-cloud-confirm-dialog", usesInheritance: true, ngImport: i0, template: "<div class=\"tb-modal\">\n  <div class=\"modal-title-container\">\n    <div class=\"ellipsis modal-title-content\" mat-dialog-title>\n      <div class=\"modal-title-primary ellipsis\">{{data.confirmTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data.confirmSubTitle\">{{data.confirmSubTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.ticket\">\n        <span class=\"entity-identifier-type\">{{ data.ticket.type }}</span>\n        <span>#{{ data.ticket.number }}</span>\n      </div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.device\">{{ data.device.name }} | #{{ data.device.commId\n        }}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.lpr\">{{ L.car_plate | translate }}: {{ data.lpr.lprString\n        }}</div>\n      <div class=\"modal-title-sub-secondary ellipsis\" *ngIf=\"data?.parkName\">\n        <span>{{ data.parkName }}</span>\n        <span *ngIf=\"data?.zoneName\"> | {{ data.zoneName }}</span>\n      </div>\n    </div>\n    <div class=\"modal-button-wrapper\">\n      <tb-notification-type-label *ngIf=\"data?.notificationSeverity\" class=\"tb-mr-5\"\n        [notificationSeverity]=\"data?.notificationSeverity\"\n        [notificationSeverityInvert]=\"data?.notificationSeverityInvert\">\n      </tb-notification-type-label>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <tb-message-bar *ngIf=\"data.showMessageBar\" [dialog]=\"true\"></tb-message-bar>\n    <div class=\"modal-text\" *ngFor=\"let confirmMessage of data.confirmMessages\">\n      <span [innerHTML]=\"confirmMessage | curlyToBold\"></span>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-left\">\n        <!-- No Left Action -->\n      </div>\n      <div class=\"buttons-wrapper-right\">\n        <button *ngIf=\"!data.hideCancel\" class='tb-button tb-tertiary-button basic-button' tabindex=\"-1\"\n          (click)=\"close(false)\" [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.cancel_btn\"\n          matRipple>\n          <span class=\"button-text\">{{ data.cancelText | translate }}</span>\n        </button>\n        <button *ngIf=\"!data.hideOk\" class='tb-button tb-primary-button basic-button' (click)=\"close(true)\"\n          [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ data.okText | translate }}</span>\n        </button>\n      </div>\n    </div>\n\n  </mat-dialog-actions>\n</div>\n", styles: [".modal-text span{white-space:pre-line}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "component", type: NotificationTypeLabelComponent, selector: "tb-notification-type-label", inputs: ["notificationSeverity", "notificationSeverityInvert", "notificationSeverityText"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i4$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MessageBarModule }, { kind: "component", type: MessageBarComponent, selector: "tb-message-bar", inputs: ["id", "stack", "fade", "dialog", "class"] }, { kind: "pipe", type: CurlyToBoldPipe, name: "curlyToBold" }, { kind: "directive", type: SanitizedInnerHtmlDirective, selector: "[innerHTML]", inputs: ["innerHTML"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CloudConfirmDialogComponent, isStandalone: true, selector: "tb-cloud-confirm-dialog", usesInheritance: true, ngImport: i0, template: "<div class=\"tb-modal\">\n  <div class=\"modal-title-container\">\n    <div class=\"ellipsis modal-title-content\" mat-dialog-title>\n      <div class=\"modal-title-primary ellipsis\">{{data.confirmTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data.confirmSubTitle\">{{data.confirmSubTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.ticket\">\n        <span class=\"entity-identifier-type\">{{ data.ticket.type }}</span>\n        <span>#{{ data.ticket.number }}</span>\n      </div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.device\">{{ data.device.name }} | #{{ data.device.commId\n        }}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.lpr\">{{ L.car_plate | translate }}: {{ data.lpr.lprString\n        }}</div>\n      <div class=\"modal-title-sub-secondary ellipsis\" *ngIf=\"data?.parkName\">\n        <span>{{ data.parkName }}</span>\n        <span *ngIf=\"data?.zoneName\"> | {{ data.zoneName }}</span>\n      </div>\n    </div>\n    <div class=\"modal-button-wrapper\">\n      <tb-notification-type-label *ngIf=\"data?.notificationSeverity\" class=\"tb-mr-5\"\n        [notificationSeverity]=\"data?.notificationSeverity\"\n        [notificationSeverityInvert]=\"data?.notificationSeverityInvert\">\n      </tb-notification-type-label>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <tb-message-bar *ngIf=\"data.showMessageBar\" [dialog]=\"true\"></tb-message-bar>\n    <div class=\"modal-text\" *ngFor=\"let confirmMessage of data.confirmMessages\">\n      <span [innerHTML]=\"confirmMessage | curlyToBold\"></span>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-left\">\n        <!-- No Left Action -->\n      </div>\n      <div class=\"buttons-wrapper-right\">\n        <!-- Confirmations change data: the safe choice takes focus, so Enter cannot confirm by accident. -->\n        <button *ngIf=\"!data.hideCancel\" class='tb-button tb-tertiary-button basic-button'\n          (click)=\"close(false)\" cdkFocusInitial [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.cancel_btn\"\n          matRipple>\n          <span class=\"button-text\">{{ data.cancelText | translate }}</span>\n        </button>\n        <button *ngIf=\"!data.hideOk\" class='tb-button tb-primary-button basic-button' (click)=\"close(true)\" [attr.cdkFocusInitial]=\"data.hideCancel ? '' : null\"\n          [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ data.okText | translate }}</span>\n        </button>\n      </div>\n    </div>\n\n  </mat-dialog-actions>\n</div>\n", styles: [".modal-text span{white-space:pre-line}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "component", type: NotificationTypeLabelComponent, selector: "tb-notification-type-label", inputs: ["notificationSeverity", "notificationSeverityInvert", "notificationSeverityText"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i4$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "ngmodule", type: MessageBarModule }, { kind: "component", type: MessageBarComponent, selector: "tb-message-bar", inputs: ["id", "stack", "fade", "dialog", "class"] }, { kind: "pipe", type: CurlyToBoldPipe, name: "curlyToBold" }, { kind: "directive", type: SanitizedInnerHtmlDirective, selector: "[innerHTML]", inputs: ["innerHTML"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CloudConfirmDialogComponent, decorators: [{
             type: Component,
@@ -135042,7 +135461,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         MessageBarModule,
                         CurlyToBoldPipe,
                         SanitizedInnerHtmlDirective,
-                    ], template: "<div class=\"tb-modal\">\n  <div class=\"modal-title-container\">\n    <div class=\"ellipsis modal-title-content\" mat-dialog-title>\n      <div class=\"modal-title-primary ellipsis\">{{data.confirmTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data.confirmSubTitle\">{{data.confirmSubTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.ticket\">\n        <span class=\"entity-identifier-type\">{{ data.ticket.type }}</span>\n        <span>#{{ data.ticket.number }}</span>\n      </div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.device\">{{ data.device.name }} | #{{ data.device.commId\n        }}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.lpr\">{{ L.car_plate | translate }}: {{ data.lpr.lprString\n        }}</div>\n      <div class=\"modal-title-sub-secondary ellipsis\" *ngIf=\"data?.parkName\">\n        <span>{{ data.parkName }}</span>\n        <span *ngIf=\"data?.zoneName\"> | {{ data.zoneName }}</span>\n      </div>\n    </div>\n    <div class=\"modal-button-wrapper\">\n      <tb-notification-type-label *ngIf=\"data?.notificationSeverity\" class=\"tb-mr-5\"\n        [notificationSeverity]=\"data?.notificationSeverity\"\n        [notificationSeverityInvert]=\"data?.notificationSeverityInvert\">\n      </tb-notification-type-label>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <tb-message-bar *ngIf=\"data.showMessageBar\" [dialog]=\"true\"></tb-message-bar>\n    <div class=\"modal-text\" *ngFor=\"let confirmMessage of data.confirmMessages\">\n      <span [innerHTML]=\"confirmMessage | curlyToBold\"></span>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-left\">\n        <!-- No Left Action -->\n      </div>\n      <div class=\"buttons-wrapper-right\">\n        <button *ngIf=\"!data.hideCancel\" class='tb-button tb-tertiary-button basic-button' tabindex=\"-1\"\n          (click)=\"close(false)\" [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.cancel_btn\"\n          matRipple>\n          <span class=\"button-text\">{{ data.cancelText | translate }}</span>\n        </button>\n        <button *ngIf=\"!data.hideOk\" class='tb-button tb-primary-button basic-button' (click)=\"close(true)\"\n          [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ data.okText | translate }}</span>\n        </button>\n      </div>\n    </div>\n\n  </mat-dialog-actions>\n</div>\n", styles: [".modal-text span{white-space:pre-line}\n"] }]
+                    ], template: "<div class=\"tb-modal\">\n  <div class=\"modal-title-container\">\n    <div class=\"ellipsis modal-title-content\" mat-dialog-title>\n      <div class=\"modal-title-primary ellipsis\">{{data.confirmTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data.confirmSubTitle\">{{data.confirmSubTitle}}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.ticket\">\n        <span class=\"entity-identifier-type\">{{ data.ticket.type }}</span>\n        <span>#{{ data.ticket.number }}</span>\n      </div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.device\">{{ data.device.name }} | #{{ data.device.commId\n        }}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.lpr\">{{ L.car_plate | translate }}: {{ data.lpr.lprString\n        }}</div>\n      <div class=\"modal-title-sub-secondary ellipsis\" *ngIf=\"data?.parkName\">\n        <span>{{ data.parkName }}</span>\n        <span *ngIf=\"data?.zoneName\"> | {{ data.zoneName }}</span>\n      </div>\n    </div>\n    <div class=\"modal-button-wrapper\">\n      <tb-notification-type-label *ngIf=\"data?.notificationSeverity\" class=\"tb-mr-5\"\n        [notificationSeverity]=\"data?.notificationSeverity\"\n        [notificationSeverityInvert]=\"data?.notificationSeverityInvert\">\n      </tb-notification-type-label>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <tb-message-bar *ngIf=\"data.showMessageBar\" [dialog]=\"true\"></tb-message-bar>\n    <div class=\"modal-text\" *ngFor=\"let confirmMessage of data.confirmMessages\">\n      <span [innerHTML]=\"confirmMessage | curlyToBold\"></span>\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-left\">\n        <!-- No Left Action -->\n      </div>\n      <div class=\"buttons-wrapper-right\">\n        <!-- Confirmations change data: the safe choice takes focus, so Enter cannot confirm by accident. -->\n        <button *ngIf=\"!data.hideCancel\" class='tb-button tb-tertiary-button basic-button'\n          (click)=\"close(false)\" cdkFocusInitial [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.cancel_btn\"\n          matRipple>\n          <span class=\"button-text\">{{ data.cancelText | translate }}</span>\n        </button>\n        <button *ngIf=\"!data.hideOk\" class='tb-button tb-primary-button basic-button' (click)=\"close(true)\" [attr.cdkFocusInitial]=\"data.hideCancel ? '' : null\"\n          [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ data.okText | translate }}</span>\n        </button>\n      </div>\n    </div>\n\n  </mat-dialog-actions>\n</div>\n", styles: [".modal-text span{white-space:pre-line}\n"] }]
         }], ctorParameters: () => [{ type: i1$4.TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -135057,7 +135476,8 @@ class CanDeactivateService {
     canDeactivate() {
         const isDialogClosed = this.isDialogClosed();
         if (this.hasUnsavedChanges() && isDialogClosed) {
-            return this.displayDialog().pipe(tap$1(value => {
+            // X and Esc close the dialog without a result: stay, like Cancel.
+            return this.displayDialog().pipe(map(value => value === true), tap$1(value => {
                 if (value) {
                     this.hasUnsavedChanges.set(false);
                 }
@@ -139130,11 +139550,11 @@ class GuestOpenTicketDialogComponent {
         this.dialogRef.close(null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GuestOpenTicketDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i2$1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GuestOpenTicketDialogComponent, isStandalone: true, selector: "tb-guest-open-ticket-dialog", ngImport: i0, template: "<div class=\"tb-open-ticket-dialog\">\n  <!-- Named by id rather than by mat-dialog-title: the directive brings Material's own title\n       typography and spacing with it, which would fight the coloured header band. The dialog's\n       accessible name comes from ariaLabelledBy on the modal config. -->\n  <header id=\"tb-guest-open-ticket-title\" class=\"tb-open-ticket-dialog__header\">\n    {{ L.guest_open_ticket_detected_title | translate }}\n  </header>\n\n  <div class=\"tb-open-ticket-dialog__body\">\n    <section class=\"tb-open-ticket-dialog__summary\">\n      <!-- One key, not four concatenated fragments: he.json is a live RTL locale and a translator\n           cannot reorder pieces the template glues together in source order. The emphasis on the\n           plate and dates is given up deliberately - a sentence that can be translated is worth\n           more than the bold. -->\n      <p class=\"tb-open-ticket-dialog__summary-text\">\n        {{\n          (data.entryBeforeCheckIn ? L.guest_open_ticket_summary : L.guest_open_ticket_summary_after)\n            | translate\n              : {\n                  carPlate: data.carPlate,\n                  ticketNumber: data.ticketNumber,\n                  entryTime: data.entryDate | date: data.dateFormat,\n                  checkInTime: data.checkInDate | date: data.dateFormat,\n                  passEndTime: data.passEndDate | date: data.dateFormat\n                }\n        }}\n      </p>\n      <!-- Only meaningful before check-in: an entry after the pass period has no gap to absorb. -->\n      <p *ngIf=\"data.entryBeforeCheckIn\" class=\"tb-open-ticket-dialog__duration\">\n        {{ L.guest_open_ticket_duration_before_check_in | translate }}\n        <strong>{{ data.durationBeforeCheckIn }}</strong>\n      </p>\n    </section>\n\n    <!-- With only one option left there is no choice to make, so asking \"how would you like to\n         proceed?\" above a single radio reads as a rendering fault. State the outcome instead. -->\n    <h3 id=\"tb-guest-open-ticket-question\" class=\"tb-open-ticket-dialog__question\">\n      {{\n        (data.coverAllowed ? L.guest_open_ticket_how_to_proceed : L.guest_open_ticket_only_exit_option)\n          | translate\n      }}\n    </h3>\n\n    <mat-radio-group\n      class=\"tb-open-ticket-dialog__options\"\n      aria-labelledby=\"tb-guest-open-ticket-question\"\n      [(ngModel)]=\"choice\"\n      name=\"openTicketChoice\">\n      <!-- A div, not a label: mat-radio-button renders its own <label for>, and nesting that\n           inside another label is invalid HTML and makes the click target ambiguous. The click\n           handler keeps the whole card selectable. -->\n      <div\n        *ngIf=\"data.coverAllowed\"\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.CoverParkingPeriod\"\n        (click)=\"choice = Choice.CoverParkingPeriod\">\n        <mat-radio-button [value]=\"Choice.CoverParkingPeriod\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_cover_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_cover_detail\n              | translate\n                : {\n                    entryTime: data.entryDate | date: data.dateFormat,\n                    duration: data.durationShort\n                  }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--closed\">\n          {{ L.guest_open_ticket_outcome_closed | translate }}\n        </p>\n      </div>\n\n      <div\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.ExitAndReenter\"\n        (click)=\"choice = Choice.ExitAndReenter\">\n        <mat-radio-button [value]=\"Choice.ExitAndReenter\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_exit_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_exit_detail\n              | translate: { checkInTime: data.checkInDate | date: data.dateFormat }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--open\">\n          {{ L.guest_open_ticket_outcome_open | translate }}\n        </p>\n      </div>\n    </mat-radio-group>\n  </div>\n\n  <mat-dialog-actions class=\"tb-open-ticket-dialog__footer\">\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-right\">\n        <button (click)=\"cancel()\" class=\"tb-button tb-tertiary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.cancel_btn\" matRipple>\n          <span class=\"button-text\">{{ L.cancel | translate }}</span>\n        </button>\n        <button (click)=\"createGuest()\" class=\"tb-button tb-primary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ L.guest_open_ticket_create_guest | translate }}</span>\n        </button>\n      </div>\n    </div>\n  </mat-dialog-actions>\n</div>\n", styles: [".tb-open-ticket-dialog{display:flex;flex-direction:column;height:100%}.tb-open-ticket-dialog__header{background:#ffd362;padding:8px 16px;font-size:14px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__body{flex:1;overflow-y:auto;padding:10px 16px}.tb-open-ticket-dialog__summary{background:#f9f9f9;border-radius:4px;padding:10px 12px;margin-bottom:10px}.tb-open-ticket-dialog__summary-text{margin:0;font-size:12px;line-height:1.45;color:#2c3e50}.tb-open-ticket-dialog__ticket{color:#0985eb;font-weight:600}.tb-open-ticket-dialog__duration{margin:6px 0 0;font-size:12px;color:#919eab}.tb-open-ticket-dialog__question{margin:0 0 8px;font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__options{display:flex;flex-direction:column;gap:6px}.tb-open-ticket-dialog__option{display:block;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;cursor:pointer}.tb-open-ticket-dialog__option--selected{border-color:#0985eb;background:#f2f7fb}.tb-open-ticket-dialog__option-title{font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__option-detail{margin:3px 0 0 30px;font-size:11px;line-height:1.4;color:#919eab}.tb-open-ticket-dialog__outcome{margin:5px 0 0 30px;font-size:11px;font-weight:500}.tb-open-ticket-dialog__outcome--closed{color:#26d637}.tb-open-ticket-dialog__outcome--open{color:#8a6d1a}.tb-open-ticket-dialog__footer{padding:10px 16px;border-top:1px solid #dee2e6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i4$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GuestOpenTicketDialogComponent, isStandalone: true, selector: "tb-guest-open-ticket-dialog", ngImport: i0, template: "<div class=\"tb-open-ticket-dialog\">\n  <!-- Named by id rather than by mat-dialog-title: the directive brings Material's own title\n       typography and spacing with it, which would fight the coloured header band. The dialog's\n       accessible name comes from ariaLabelledBy on the modal config. -->\n  <header id=\"tb-guest-open-ticket-title\" class=\"tb-open-ticket-dialog__header\">\n    {{ L.guest_open_ticket_detected_title | translate }}\n  </header>\n\n  <div class=\"tb-open-ticket-dialog__body\">\n    <section class=\"tb-open-ticket-dialog__summary\">\n      <!-- One key, not four concatenated fragments: he.json is a live RTL locale and a translator\n           cannot reorder pieces the template glues together in source order. The emphasis on the\n           plate and dates is given up deliberately - a sentence that can be translated is worth\n           more than the bold. -->\n      <p class=\"tb-open-ticket-dialog__summary-text\">\n        {{\n          (data.entryBeforeCheckIn ? L.guest_open_ticket_summary : L.guest_open_ticket_summary_after)\n            | translate\n              : {\n                  carPlate: data.carPlate,\n                  ticketNumber: data.ticketNumber,\n                  entryTime: data.entryDate | date: data.dateFormat,\n                  checkInTime: data.checkInDate | date: data.dateFormat,\n                  passEndTime: data.passEndDate | date: data.dateFormat\n                }\n        }}\n      </p>\n      <!-- Only meaningful before check-in: an entry after the pass period has no gap to absorb. -->\n      <p *ngIf=\"data.entryBeforeCheckIn\" class=\"tb-open-ticket-dialog__duration\">\n        {{ L.guest_open_ticket_duration_before_check_in | translate }}\n        <strong>{{ data.durationBeforeCheckIn }}</strong>\n      </p>\n    </section>\n\n    <!-- With only one option left there is no choice to make, so asking \"how would you like to\n         proceed?\" above a single radio reads as a rendering fault. State the outcome instead. -->\n    <h3 id=\"tb-guest-open-ticket-question\" class=\"tb-open-ticket-dialog__question\">\n      {{\n        (data.coverAllowed ? L.guest_open_ticket_how_to_proceed : L.guest_open_ticket_only_exit_option)\n          | translate\n      }}\n    </h3>\n\n    <mat-radio-group\n      class=\"tb-open-ticket-dialog__options\"\n      aria-labelledby=\"tb-guest-open-ticket-question\"\n      [(ngModel)]=\"choice\"\n      name=\"openTicketChoice\">\n      <!-- A div, not a label: mat-radio-button renders its own <label for>, and nesting that\n           inside another label is invalid HTML and makes the click target ambiguous. The click\n           handler keeps the whole card selectable. -->\n      <div\n        *ngIf=\"data.coverAllowed\"\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.CoverParkingPeriod\"\n        (click)=\"choice = Choice.CoverParkingPeriod\">\n        <mat-radio-button [value]=\"Choice.CoverParkingPeriod\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_cover_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_cover_detail\n              | translate\n                : {\n                    entryTime: data.entryDate | date: data.dateFormat,\n                    duration: data.durationShort\n                  }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--closed\">\n          {{ L.guest_open_ticket_outcome_closed | translate }}\n        </p>\n      </div>\n\n      <div\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.ExitAndReenter\"\n        (click)=\"choice = Choice.ExitAndReenter\">\n        <mat-radio-button [value]=\"Choice.ExitAndReenter\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_exit_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_exit_detail\n              | translate: { checkInTime: data.checkInDate | date: data.dateFormat }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--open\">\n          {{ L.guest_open_ticket_outcome_open | translate }}\n        </p>\n      </div>\n    </mat-radio-group>\n  </div>\n\n  <mat-dialog-actions class=\"tb-open-ticket-dialog__footer\">\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-right\">\n        <button (click)=\"cancel()\" class=\"tb-button tb-tertiary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.cancel_btn\" matRipple>\n          <span class=\"button-text\">{{ L.cancel | translate }}</span>\n        </button>\n        <button (click)=\"createGuest()\" class=\"tb-button tb-primary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ L.guest_open_ticket_create_guest | translate }}</span>\n        </button>\n      </div>\n    </div>\n  </mat-dialog-actions>\n</div>\n", styles: [".tb-open-ticket-dialog{display:flex;flex-direction:column;height:100%}.tb-open-ticket-dialog__header{background:#ffd362;padding:8px 16px;font-size:14px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__body{flex:1;overflow-y:auto;padding:10px 16px}.tb-open-ticket-dialog__summary{background:#f9f9f9;border-radius:4px;padding:10px 12px;margin-bottom:10px}.tb-open-ticket-dialog__summary-text{margin:0;font-size:12px;line-height:1.45;color:#2c3e50}.tb-open-ticket-dialog__ticket{color:#0670c7;font-weight:600}.tb-open-ticket-dialog__duration{margin:6px 0 0;font-size:12px;color:#5f6b78}.tb-open-ticket-dialog__question{margin:0 0 8px;font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__options{display:flex;flex-direction:column;gap:6px}.tb-open-ticket-dialog__option{display:block;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;cursor:pointer}.tb-open-ticket-dialog__option--selected{border-color:#0670c7;background:#f2f7fb}.tb-open-ticket-dialog__option-title{font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__option-detail{margin:3px 0 0 30px;font-size:11px;line-height:1.4;color:#5f6b78}.tb-open-ticket-dialog__outcome{margin:5px 0 0 30px;font-size:11px;font-weight:500}.tb-open-ticket-dialog__outcome--closed{color:#26d637}.tb-open-ticket-dialog__outcome--open{color:#8a6d1a}.tb-open-ticket-dialog__footer{padding:10px 16px;border-top:1px solid #dee2e6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i2$1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i5.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i5.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i4$1.MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GuestOpenTicketDialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tb-guest-open-ticket-dialog', standalone: true, imports: [CommonModule, FormsModule, LocalizationModule, MatDialogModule, MatRadioModule, MatRippleModule], template: "<div class=\"tb-open-ticket-dialog\">\n  <!-- Named by id rather than by mat-dialog-title: the directive brings Material's own title\n       typography and spacing with it, which would fight the coloured header band. The dialog's\n       accessible name comes from ariaLabelledBy on the modal config. -->\n  <header id=\"tb-guest-open-ticket-title\" class=\"tb-open-ticket-dialog__header\">\n    {{ L.guest_open_ticket_detected_title | translate }}\n  </header>\n\n  <div class=\"tb-open-ticket-dialog__body\">\n    <section class=\"tb-open-ticket-dialog__summary\">\n      <!-- One key, not four concatenated fragments: he.json is a live RTL locale and a translator\n           cannot reorder pieces the template glues together in source order. The emphasis on the\n           plate and dates is given up deliberately - a sentence that can be translated is worth\n           more than the bold. -->\n      <p class=\"tb-open-ticket-dialog__summary-text\">\n        {{\n          (data.entryBeforeCheckIn ? L.guest_open_ticket_summary : L.guest_open_ticket_summary_after)\n            | translate\n              : {\n                  carPlate: data.carPlate,\n                  ticketNumber: data.ticketNumber,\n                  entryTime: data.entryDate | date: data.dateFormat,\n                  checkInTime: data.checkInDate | date: data.dateFormat,\n                  passEndTime: data.passEndDate | date: data.dateFormat\n                }\n        }}\n      </p>\n      <!-- Only meaningful before check-in: an entry after the pass period has no gap to absorb. -->\n      <p *ngIf=\"data.entryBeforeCheckIn\" class=\"tb-open-ticket-dialog__duration\">\n        {{ L.guest_open_ticket_duration_before_check_in | translate }}\n        <strong>{{ data.durationBeforeCheckIn }}</strong>\n      </p>\n    </section>\n\n    <!-- With only one option left there is no choice to make, so asking \"how would you like to\n         proceed?\" above a single radio reads as a rendering fault. State the outcome instead. -->\n    <h3 id=\"tb-guest-open-ticket-question\" class=\"tb-open-ticket-dialog__question\">\n      {{\n        (data.coverAllowed ? L.guest_open_ticket_how_to_proceed : L.guest_open_ticket_only_exit_option)\n          | translate\n      }}\n    </h3>\n\n    <mat-radio-group\n      class=\"tb-open-ticket-dialog__options\"\n      aria-labelledby=\"tb-guest-open-ticket-question\"\n      [(ngModel)]=\"choice\"\n      name=\"openTicketChoice\">\n      <!-- A div, not a label: mat-radio-button renders its own <label for>, and nesting that\n           inside another label is invalid HTML and makes the click target ambiguous. The click\n           handler keeps the whole card selectable. -->\n      <div\n        *ngIf=\"data.coverAllowed\"\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.CoverParkingPeriod\"\n        (click)=\"choice = Choice.CoverParkingPeriod\">\n        <mat-radio-button [value]=\"Choice.CoverParkingPeriod\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_cover_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_cover_detail\n              | translate\n                : {\n                    entryTime: data.entryDate | date: data.dateFormat,\n                    duration: data.durationShort\n                  }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--closed\">\n          {{ L.guest_open_ticket_outcome_closed | translate }}\n        </p>\n      </div>\n\n      <div\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.ExitAndReenter\"\n        (click)=\"choice = Choice.ExitAndReenter\">\n        <mat-radio-button [value]=\"Choice.ExitAndReenter\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_exit_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_exit_detail\n              | translate: { checkInTime: data.checkInDate | date: data.dateFormat }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--open\">\n          {{ L.guest_open_ticket_outcome_open | translate }}\n        </p>\n      </div>\n    </mat-radio-group>\n  </div>\n\n  <mat-dialog-actions class=\"tb-open-ticket-dialog__footer\">\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-right\">\n        <button (click)=\"cancel()\" class=\"tb-button tb-tertiary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.cancel_btn\" matRipple>\n          <span class=\"button-text\">{{ L.cancel | translate }}</span>\n        </button>\n        <button (click)=\"createGuest()\" class=\"tb-button tb-primary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ L.guest_open_ticket_create_guest | translate }}</span>\n        </button>\n      </div>\n    </div>\n  </mat-dialog-actions>\n</div>\n", styles: [".tb-open-ticket-dialog{display:flex;flex-direction:column;height:100%}.tb-open-ticket-dialog__header{background:#ffd362;padding:8px 16px;font-size:14px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__body{flex:1;overflow-y:auto;padding:10px 16px}.tb-open-ticket-dialog__summary{background:#f9f9f9;border-radius:4px;padding:10px 12px;margin-bottom:10px}.tb-open-ticket-dialog__summary-text{margin:0;font-size:12px;line-height:1.45;color:#2c3e50}.tb-open-ticket-dialog__ticket{color:#0985eb;font-weight:600}.tb-open-ticket-dialog__duration{margin:6px 0 0;font-size:12px;color:#919eab}.tb-open-ticket-dialog__question{margin:0 0 8px;font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__options{display:flex;flex-direction:column;gap:6px}.tb-open-ticket-dialog__option{display:block;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;cursor:pointer}.tb-open-ticket-dialog__option--selected{border-color:#0985eb;background:#f2f7fb}.tb-open-ticket-dialog__option-title{font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__option-detail{margin:3px 0 0 30px;font-size:11px;line-height:1.4;color:#919eab}.tb-open-ticket-dialog__outcome{margin:5px 0 0 30px;font-size:11px;font-weight:500}.tb-open-ticket-dialog__outcome--closed{color:#26d637}.tb-open-ticket-dialog__outcome--open{color:#8a6d1a}.tb-open-ticket-dialog__footer{padding:10px 16px;border-top:1px solid #dee2e6}\n"] }]
+            args: [{ selector: 'tb-guest-open-ticket-dialog', standalone: true, imports: [CommonModule, FormsModule, LocalizationModule, MatDialogModule, MatRadioModule, MatRippleModule], template: "<div class=\"tb-open-ticket-dialog\">\n  <!-- Named by id rather than by mat-dialog-title: the directive brings Material's own title\n       typography and spacing with it, which would fight the coloured header band. The dialog's\n       accessible name comes from ariaLabelledBy on the modal config. -->\n  <header id=\"tb-guest-open-ticket-title\" class=\"tb-open-ticket-dialog__header\">\n    {{ L.guest_open_ticket_detected_title | translate }}\n  </header>\n\n  <div class=\"tb-open-ticket-dialog__body\">\n    <section class=\"tb-open-ticket-dialog__summary\">\n      <!-- One key, not four concatenated fragments: he.json is a live RTL locale and a translator\n           cannot reorder pieces the template glues together in source order. The emphasis on the\n           plate and dates is given up deliberately - a sentence that can be translated is worth\n           more than the bold. -->\n      <p class=\"tb-open-ticket-dialog__summary-text\">\n        {{\n          (data.entryBeforeCheckIn ? L.guest_open_ticket_summary : L.guest_open_ticket_summary_after)\n            | translate\n              : {\n                  carPlate: data.carPlate,\n                  ticketNumber: data.ticketNumber,\n                  entryTime: data.entryDate | date: data.dateFormat,\n                  checkInTime: data.checkInDate | date: data.dateFormat,\n                  passEndTime: data.passEndDate | date: data.dateFormat\n                }\n        }}\n      </p>\n      <!-- Only meaningful before check-in: an entry after the pass period has no gap to absorb. -->\n      <p *ngIf=\"data.entryBeforeCheckIn\" class=\"tb-open-ticket-dialog__duration\">\n        {{ L.guest_open_ticket_duration_before_check_in | translate }}\n        <strong>{{ data.durationBeforeCheckIn }}</strong>\n      </p>\n    </section>\n\n    <!-- With only one option left there is no choice to make, so asking \"how would you like to\n         proceed?\" above a single radio reads as a rendering fault. State the outcome instead. -->\n    <h3 id=\"tb-guest-open-ticket-question\" class=\"tb-open-ticket-dialog__question\">\n      {{\n        (data.coverAllowed ? L.guest_open_ticket_how_to_proceed : L.guest_open_ticket_only_exit_option)\n          | translate\n      }}\n    </h3>\n\n    <mat-radio-group\n      class=\"tb-open-ticket-dialog__options\"\n      aria-labelledby=\"tb-guest-open-ticket-question\"\n      [(ngModel)]=\"choice\"\n      name=\"openTicketChoice\">\n      <!-- A div, not a label: mat-radio-button renders its own <label for>, and nesting that\n           inside another label is invalid HTML and makes the click target ambiguous. The click\n           handler keeps the whole card selectable. -->\n      <div\n        *ngIf=\"data.coverAllowed\"\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.CoverParkingPeriod\"\n        (click)=\"choice = Choice.CoverParkingPeriod\">\n        <mat-radio-button [value]=\"Choice.CoverParkingPeriod\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_cover_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_cover_detail\n              | translate\n                : {\n                    entryTime: data.entryDate | date: data.dateFormat,\n                    duration: data.durationShort\n                  }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--closed\">\n          {{ L.guest_open_ticket_outcome_closed | translate }}\n        </p>\n      </div>\n\n      <div\n        class=\"tb-open-ticket-dialog__option\"\n        [class.tb-open-ticket-dialog__option--selected]=\"choice === Choice.ExitAndReenter\"\n        (click)=\"choice = Choice.ExitAndReenter\">\n        <mat-radio-button [value]=\"Choice.ExitAndReenter\">\n          <span class=\"tb-open-ticket-dialog__option-title\">\n            {{ L.guest_open_ticket_option_exit_title | translate }}\n          </span>\n        </mat-radio-button>\n        <p class=\"tb-open-ticket-dialog__option-detail\">\n          {{\n            L.guest_open_ticket_option_exit_detail\n              | translate: { checkInTime: data.checkInDate | date: data.dateFormat }\n          }}\n        </p>\n        <p class=\"tb-open-ticket-dialog__outcome tb-open-ticket-dialog__outcome--open\">\n          {{ L.guest_open_ticket_outcome_open | translate }}\n        </p>\n      </div>\n    </mat-radio-group>\n  </div>\n\n  <mat-dialog-actions class=\"tb-open-ticket-dialog__footer\">\n    <div class=\"buttons-wrapper\">\n      <div class=\"buttons-wrapper-right\">\n        <button (click)=\"cancel()\" class=\"tb-button tb-tertiary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.cancel_btn\" matRipple>\n          <span class=\"button-text\">{{ L.cancel | translate }}</span>\n        </button>\n        <button (click)=\"createGuest()\" class=\"tb-button tb-primary-button basic-button\"\n          [attr.data-qa]=\"DataQaAttribute.guest_open_ticket_dialog + '_' + DataQaAttribute.confirm_btn\" matRipple>\n          <span class=\"button-text\">{{ L.guest_open_ticket_create_guest | translate }}</span>\n        </button>\n      </div>\n    </div>\n  </mat-dialog-actions>\n</div>\n", styles: [".tb-open-ticket-dialog{display:flex;flex-direction:column;height:100%}.tb-open-ticket-dialog__header{background:#ffd362;padding:8px 16px;font-size:14px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__body{flex:1;overflow-y:auto;padding:10px 16px}.tb-open-ticket-dialog__summary{background:#f9f9f9;border-radius:4px;padding:10px 12px;margin-bottom:10px}.tb-open-ticket-dialog__summary-text{margin:0;font-size:12px;line-height:1.45;color:#2c3e50}.tb-open-ticket-dialog__ticket{color:#0670c7;font-weight:600}.tb-open-ticket-dialog__duration{margin:6px 0 0;font-size:12px;color:#5f6b78}.tb-open-ticket-dialog__question{margin:0 0 8px;font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__options{display:flex;flex-direction:column;gap:6px}.tb-open-ticket-dialog__option{display:block;border:1px solid #dee2e6;border-radius:6px;padding:10px 12px;cursor:pointer}.tb-open-ticket-dialog__option--selected{border-color:#0670c7;background:#f2f7fb}.tb-open-ticket-dialog__option-title{font-size:12px;font-weight:600;color:#2c3e50}.tb-open-ticket-dialog__option-detail{margin:3px 0 0 30px;font-size:11px;line-height:1.4;color:#5f6b78}.tb-open-ticket-dialog__outcome{margin:5px 0 0 30px;font-size:11px;font-weight:500}.tb-open-ticket-dialog__outcome--closed{color:#26d637}.tb-open-ticket-dialog__outcome--open{color:#8a6d1a}.tb-open-ticket-dialog__footer{padding:10px 16px;border-top:1px solid #dee2e6}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -142211,14 +142631,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // Resolvers
 
 class ErrorPageComponent extends BaseComponent {
-    constructor(store, sessionStorageService, httpCancelService, appConfig, activatedRoute) {
+    constructor(store, sessionStorageService, httpCancelService, appConfig, activatedRoute, elementRef) {
         super();
         this.store = store;
         this.sessionStorageService = sessionStorageService;
         this.httpCancelService = httpCancelService;
         this.appConfig = appConfig;
         this.activatedRoute = activatedRoute;
+        this.elementRef = elementRef;
         this.drawerCollapsed = true;
+        this.animationPaused = false;
+        // A button's changed name is not read again under focus: the new label is said here after a press.
+        this.announcement = '';
         this.appSectionLabel = AppSectionLabel;
         this.iconsHelper = IconsHelper;
     }
@@ -142228,6 +142652,11 @@ class ErrorPageComponent extends BaseComponent {
         this.httpCancelService.cancelPendingRequests();
         this.isCloud = this.appConfig.getConfig().appType === AppType.Cloud;
     }
+    /** Moving content beside text needs a way to stop it (WCAG 2.2.2). */
+    toggleAnimation() {
+        this.animationPaused = this.elementRef.nativeElement.classList.toggle('tb-still');
+        this.announcement = this.animationPaused ? this.L.play_animation : this.L.pause_animation;
+    }
     extractedErrorClass(activatedRoute) {
         this.statusCodeError = activatedRoute.routeConfig.path === '**' ? '404' : activatedRoute.routeConfig.path;
         this.statusCodeErrorMessage = this.statusCodeError === '404' ? this.L.error_page_message_404 : this.L.error_page_message_403;
@@ -142281,18 +142710,37 @@ class ErrorPageComponent extends BaseComponent {
         }
         this.store.dispatch(new Navigate(route));
     }
+    /** Opening the narrow-screen menu moves focus to its first module. */
+    toggleDrawer() {
+        this.drawerCollapsed = !this.drawerCollapsed;
+        if (!this.drawerCollapsed) {
+            setTimeout(() => this.elementRef.nativeElement.querySelector('.tb-module')?.focus());
+        }
+    }
+    closeDrawerFromKeyboard() {
+        if (!this.drawerCollapsed) {
+            this.drawerCollapsed = true;
+            this.menuButton?.nativeElement.focus();
+        }
+    }
     click() {
         if (!this.drawerCollapsed) {
             this.drawerCollapsed = true;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorPageComponent, deps: [{ token: i1$2.Store }, { token: SessionStorageService }, { token: HttpCancelService }, { token: AppConfigService }, { token: i1$7.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ErrorPageComponent, selector: "tb-error-page", host: { listeners: { "document:click": "click($event)" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"tb-container\" [@routerTransition]>\n  <header>\n    <div class=\"tb-flex tb-align-items-center tb-full-height tb-space-between tb-flex-grow\">\n      <div class=\"wrapper-logo tb-flex-center\">\n        <div class=\"tb-logo\" (click)=\"navigateToDefaultRoute()\"></div>\n      </div>\n      <div class=\"tb-button tb-mr-28\" (click)=\"drawerCollapsed = !drawerCollapsed; $event.stopPropagation();\">\n        <tb-icon [settings]=\"iconsHelper.three_bars_mobile\" class=\"tb-icon tb-icon-30\"></tb-icon>\n      </div>\n    </div>\n    <div class=\"tb-modules\" [class.drawer-collapsed]=\"drawerCollapsed\">\n      <div class=\"tb-module\" *ngFor=\"let appSectionKey of appSectionModuleMenu\"\n        (click)=\"navigateToModule(appSectionKey)\">\n        <tb-icon [settings]=\"iconsHelper[appSectionLabel.get(appSectionKey) + '_blue']\"></tb-icon>\n        <span class=\"tb-menu-header-text\"> {{appSectionLabel.get(appSectionKey) | translateLocal | async}}</span>\n      </div>\n    </div>\n  </header>\n\n  <main>\n    <div class=\"container\">\n      <div class=\"left-section\">\n        <div class=\"inner-content\">\n          <h1 class=\"heading\">{{ statusCodeError }}</h1>\n          <p class=\"subheading\">{{ statusCodeErrorMessage | translateLocal | async }}</p>\n        </div>\n      </div>\n      <div class=\"right-section\">\n        <div>\n          <img class=\"mountains-image\" src=\"assets/mountains-{{statusCodeError}}.svg\">\n          <img *ngIf=\"statusCodeError=='404'\" class=\"blue-gate\" src=\"assets/blue-gate.svg\">\n        </div>\n      </div>\n    </div>\n    <div id=\"clouds\">\n      <div class=\"cloud background light-blue-cloud\"></div>\n      <div class=\"cloud foreground light-blue-cloud\"></div>\n      <div class=\"cloud background grey-cloud\"></div>\n      <div class=\"cloud background light-blue-cloud\"></div>\n    </div>\n  </main>\n</div>", styles: ["@keyframes gate-up-animation-default{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(14px,-47px)}70%{transform:rotate(-40deg) translate(14px,-47px)}to{transform:none}}@keyframes gate-up-animation-mobile{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(11px,-22px)}70%{transform:rotate(-40deg) translate(11px,-22px)}to{transform:none}}div.tb-container{position:absolute;inset:0;background-size:cover;overflow:hidden}div.tb-container header{display:flex;flex-direction:row;align-items:flex-end;height:100px;background:#263544 0% 0% no-repeat padding-box}div.tb-container header div:first-child{z-index:4;background:inherit}div.tb-container header .tb-button{display:none}div.tb-container header .wrapper-logo{width:166px;height:64px;padding:18px 56px}div.tb-container header .wrapper-logo .tb-logo{height:100%;width:100%;background:url(/assets/tiba-logo.svg) no-repeat;background-size:contain;cursor:pointer}div.tb-container header .tb-modules{display:flex;align-items:center;width:680px;min-width:340px;margin-left:80px;flex:100%}div.tb-container header .tb-modules .tb-module{flex:1;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;max-width:180px;min-width:120px}div.tb-container header .tb-modules .tb-module span{text-align:center;font-size:13px;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#fff}div.tb-container header .tb-modules .tb-module:hover{background:#ffffff1a}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-insights-module-blue{background-image:url(/assets/icons/insights-blue-404.svg)}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-tech-tools-module-blue{background-image:url(/assets/icons/tech-tools-module-404.svg)}div.tb-container main{height:calc(100% - 100px)}div.tb-container main .left-section .inner-content{position:absolute;top:100px}div.tb-container main .container{position:relative;margin:0 auto;width:85%;height:100%;padding-bottom:25vh;display:flex;flex-direction:row;justify-content:space-around}div.tb-container main .left-section,div.tb-container main .right-section{position:relative}div.tb-container main .left-section{width:40%}div.tb-container main .heading{text-align:center;font-size:300px;line-height:1.3em;margin:2rem 0 .5rem;padding:0;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;font-weight:900;color:#2c3e50}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;text-align:center;max-width:606px;font-size:34px;line-height:1.15em;padding:0 1rem;margin:0 auto}div.tb-container main .right-section{width:50%;display:flex;justify-content:center}div.tb-container main .right-section div{height:100%;width:100%;position:relative}div.tb-container main .mountains-image{position:absolute;bottom:0;padding-top:10vh;padding-left:1vh;max-height:100%;min-width:500px;z-index:1}div.tb-container main .blue-gate{position:absolute;bottom:165px;left:493px;animation:gate-up-animation-default linear 10s infinite;animation-delay:2s}div.tb-container #clouds{height:100%;width:100%}div.tb-container #clouds .light-blue-cloud{width:187px;height:131px;background-image:url(/assets/light-blue-cloud.svg)}div.tb-container #clouds .grey-cloud{width:154px;height:108px;background-image:url(/assets/grey-cloud.svg)}div.tb-container #clouds .cloud{position:absolute;animation-fill-mode:both}div.tb-container #clouds .cloud.foreground{z-index:2}div.tb-container #clouds .cloud.background{z-index:-1}@keyframes cloud-animation{0%{left:-10%}to{left:100%}}@keyframes cloud1-animation{0%{left:-10%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(1){left:-10%;top:147px;animation:cloud1-animation linear,cloud-animation linear infinite;animation-duration:24s,27s;animation-delay:0s,24s}@keyframes cloud2-animation{0%{left:50%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(2){left:50%;top:283px;animation:cloud2-animation linear,cloud-animation linear infinite;animation-duration:18s,26s;animation-delay:0s,18s}@keyframes cloud3-animation{0%{left:53%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(3){left:53%;top:278px;animation:cloud3-animation linear,cloud-animation linear infinite;animation-duration:12s,25s;animation-delay:0s,12s}@keyframes cloud4-animation{0%{left:85%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(4){left:85%;top:488px;animation:cloud4-animation linear,cloud-animation linear infinite;animation-duration:6s,24s;animation-delay:0s,6s}@media (max-width: 1300px){div.tb-container header{height:80px}div.tb-container header .wrapper-logo{height:100%;width:121px;padding:0 0 0 20px}div.tb-container header .wrapper-logo .tb-logo{width:121px;max-width:121px;max-height:45px}div.tb-container header .tb-button{display:block}div.tb-container header .tb-modules{position:absolute;top:80px;background:#263544 0% 0% no-repeat padding-box;max-height:440px;overflow:auto;width:100%!important;margin:-1px 0 0!important;padding-bottom:20px;z-index:3;display:grid!important;grid-template-columns:repeat(4,180px);align-content:space-around;justify-content:center;transition:transform 1s}div.tb-container header .tb-modules.drawer-collapsed{transform:translateY(-100%)}div.tb-container main{height:calc(100% - 80px)}div.tb-container main .container{flex-direction:column;padding-bottom:0vh}div.tb-container main .left-section{width:100%;height:40%;position:absolute;top:0}div.tb-container main .left-section .inner-content{position:relative;padding:1rem 0}div.tb-container main .heading{font-size:143px;line-height:1.15;margin:0}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;font-size:16px;line-height:1.15;max-width:100%}div.tb-container main .right-section{width:100%;height:60%;position:absolute;bottom:0}div.tb-container main .right-section>div{display:flex;justify-content:center}div.tb-container main .right-section>div img.mountains-image{width:375px}div.tb-container main .right-section>div img.blue-gate{width:75px;left:47px;top:105px;animation:gate-up-animation-mobile linear 10s infinite;position:relative}div.tb-container main .mountains-image{padding:0}div.tb-container #clouds .light-blue-cloud{width:88px;height:62px;background-size:contain}div.tb-container #clouds .grey-cloud{width:73px;height:51px;background-size:contain}div.tb-container #clouds .cloud:nth-child(1){top:120px}div.tb-container #clouds .cloud:nth-child(2){top:185px}div.tb-container #clouds .cloud:nth-child(3){top:182px}div.tb-container #clouds .cloud:nth-child(4){top:325px}}@media (max-width: 800px){div.tb-container header .tb-modules{grid-template-columns:repeat(3,180px)}}@media (max-width: 600px){div.tb-container header .tb-modules{grid-template-columns:repeat(2,180px)}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateLocalPipe, name: "translateLocal" }], animations: [appModuleAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorPageComponent, deps: [{ token: i1$2.Store }, { token: SessionStorageService }, { token: HttpCancelService }, { token: AppConfigService }, { token: i1$7.ActivatedRoute }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ErrorPageComponent, selector: "tb-error-page", host: { listeners: { "document:keydown.escape": "closeDrawerFromKeyboard()", "document:click": "click($event)" } }, viewQueries: [{ propertyName: "menuButton", first: true, predicate: ["menuButton"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"tb-container\" [@routerTransition]>\n  <header>\n    <div class=\"tb-flex tb-align-items-center tb-full-height tb-space-between tb-flex-grow\">\n      <div class=\"wrapper-logo tb-flex-center\">\n        <div class=\"tb-logo\" (click)=\"navigateToDefaultRoute()\"></div>\n      </div>\n      <button type=\"button\" #menuButton class=\"tb-button tb-mr-28\" [attr.aria-expanded]=\"!drawerCollapsed\" aria-controls=\"tb-error-page-modules\"\n        [attr.aria-label]=\"L.modules | translateLocal | async\" (click)=\"toggleDrawer(); $event.stopPropagation();\">\n        <tb-icon [settings]=\"iconsHelper.three_bars_mobile\" class=\"tb-icon tb-icon-30\" aria-hidden=\"true\"></tb-icon>\n      </button>\n    </div>\n    <nav id=\"tb-error-page-modules\" class=\"tb-modules\" [class.drawer-collapsed]=\"drawerCollapsed\" [attr.aria-label]=\"L.modules | translateLocal | async\">\n      <button type=\"button\" class=\"tb-module\" *ngFor=\"let appSectionKey of appSectionModuleMenu\"\n        (click)=\"navigateToModule(appSectionKey)\">\n        <tb-icon [settings]=\"iconsHelper[appSectionLabel.get(appSectionKey) + '_blue']\" aria-hidden=\"true\"></tb-icon>\n        <span class=\"tb-menu-header-text\"> {{appSectionLabel.get(appSectionKey) | translateLocal | async}}</span>\n      </button>\n    </nav>\n  </header>\n\n  <main>\n    <div class=\"container\">\n      <div class=\"left-section\">\n        <div class=\"inner-content\">\n          <h1 class=\"heading\">{{ statusCodeError }}</h1>\n          <p class=\"subheading\">{{ statusCodeErrorMessage | translateLocal | async }}</p>\n          <button type=\"button\" class=\"tb-animation-toggle\" (click)=\"toggleAnimation()\">\n            {{ (animationPaused ? L.play_animation : L.pause_animation) | translateLocal | async }}\n          </button>\n          <span class=\"cdk-visually-hidden\" aria-live=\"polite\">{{ announcement ? (announcement | translateLocal | async) : '' }}</span>\n        </div>\n      </div>\n      <div class=\"right-section\">\n        <div>\n          <img class=\"mountains-image\" alt=\"\" src=\"assets/mountains-{{statusCodeError}}.svg\">\n          <img *ngIf=\"statusCodeError=='404'\" class=\"blue-gate\" alt=\"\" src=\"assets/blue-gate.svg\">\n        </div>\n      </div>\n    </div>\n    <div id=\"clouds\">\n      <div class=\"cloud background light-blue-cloud\"></div>\n      <div class=\"cloud foreground light-blue-cloud\"></div>\n      <div class=\"cloud background grey-cloud\"></div>\n      <div class=\"cloud background light-blue-cloud\"></div>\n    </div>\n  </main>\n</div>", styles: ["@keyframes gate-up-animation-default{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(14px,-47px)}70%{transform:rotate(-40deg) translate(14px,-47px)}to{transform:none}}@keyframes gate-up-animation-mobile{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(11px,-22px)}70%{transform:rotate(-40deg) translate(11px,-22px)}to{transform:none}}div.tb-container{position:absolute;inset:0;background-size:cover;background-color:#fff;overflow:hidden}div.tb-container header{display:flex;flex-direction:row;align-items:flex-end;height:100px;background:#263544 0% 0% no-repeat padding-box}div.tb-container header div:first-child{z-index:4;background:inherit}div.tb-container header .tb-button{display:none;padding:0;border:none;background:none;cursor:pointer}div.tb-container header .tb-button:focus-visible,div.tb-container header .tb-module:focus-visible{outline:1px solid #ffffff;outline-offset:-3px;border-radius:4px}div.tb-container header .wrapper-logo{width:166px;height:64px;padding:18px 56px}div.tb-container header .wrapper-logo .tb-logo{height:100%;width:100%;background:url(/assets/tiba-logo.svg) no-repeat;background-size:contain;cursor:pointer}div.tb-container header .tb-modules{display:flex;align-items:center;width:680px;min-width:340px;margin-left:80px;flex:100%}div.tb-container header .tb-modules .tb-module{flex:1;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;max-width:180px;min-width:120px;padding:0;border:none;background:none;font:inherit}div.tb-container header .tb-modules .tb-module span{text-align:center;font-size:13px;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#fff}div.tb-container header .tb-modules .tb-module:hover{background:#ffffff1a}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-insights-module-blue{background-image:url(/assets/icons/insights-blue-404.svg)}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-tech-tools-module-blue{background-image:url(/assets/icons/tech-tools-module-404.svg)}div.tb-container main{height:calc(100% - 100px)}div.tb-container main .left-section .inner-content{position:absolute;top:100px}div.tb-container main .container{position:relative;margin:0 auto;width:85%;height:100%;padding-bottom:25vh;display:flex;flex-direction:row;justify-content:space-around}div.tb-container main .left-section,div.tb-container main .right-section{position:relative}div.tb-container main .left-section{width:40%}div.tb-container main .heading{text-align:center;font-size:300px;line-height:1.3em;margin:2rem 0 .5rem;padding:0;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;font-weight:900;color:#2c3e50}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;text-align:center;max-width:606px;font-size:34px;line-height:1.15em;padding:0 1rem;margin:0 auto}div.tb-container main .right-section{width:50%;display:flex;justify-content:center}div.tb-container main .right-section div{height:100%;width:100%;position:relative}div.tb-container main .mountains-image{position:absolute;bottom:0;padding-top:10vh;padding-left:1vh;max-height:100%;min-width:500px;z-index:1}div.tb-container main .blue-gate{position:absolute;bottom:165px;left:493px;animation:gate-up-animation-default linear 10s infinite;animation-delay:2s}div.tb-container #clouds{height:100%;width:100%}div.tb-container #clouds .light-blue-cloud{width:187px;height:131px;background-image:url(/assets/light-blue-cloud.svg)}div.tb-container #clouds .grey-cloud{width:154px;height:108px;background-image:url(/assets/grey-cloud.svg)}div.tb-container #clouds .cloud{position:absolute;animation-fill-mode:both}div.tb-container #clouds .cloud.foreground{z-index:2}div.tb-container #clouds .cloud.background{z-index:-1}@keyframes cloud-animation{0%{left:-10%}to{left:100%}}@keyframes cloud1-animation{0%{left:-10%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(1){left:-10%;top:147px;animation:cloud1-animation linear,cloud-animation linear infinite;animation-duration:24s,27s;animation-delay:0s,24s}@keyframes cloud2-animation{0%{left:50%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(2){left:50%;top:283px;animation:cloud2-animation linear,cloud-animation linear infinite;animation-duration:18s,26s;animation-delay:0s,18s}@keyframes cloud3-animation{0%{left:53%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(3){left:53%;top:278px;animation:cloud3-animation linear,cloud-animation linear infinite;animation-duration:12s,25s;animation-delay:0s,12s}@keyframes cloud4-animation{0%{left:85%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(4){left:85%;top:488px;animation:cloud4-animation linear,cloud-animation linear infinite;animation-duration:6s,24s;animation-delay:0s,6s}@media (max-width: 1300px){div.tb-container{overflow-y:auto}div.tb-container header{height:80px}div.tb-container header .wrapper-logo{height:100%;width:121px;padding:0 0 0 20px}div.tb-container header .wrapper-logo .tb-logo{width:121px;max-width:121px;max-height:45px}div.tb-container header .tb-button{display:block}div.tb-container header .tb-modules{position:absolute;top:80px;background:#263544 0% 0% no-repeat padding-box;max-height:440px;overflow:auto;width:100%!important;margin:-1px 0 0!important;padding-bottom:20px;z-index:3;display:grid!important;grid-template-columns:repeat(4,180px);align-content:space-around;justify-content:center;transition:transform 1s}div.tb-container header .tb-modules.drawer-collapsed{transform:translateY(-100%);visibility:hidden;transition:transform 1s,visibility 0s 1s}div.tb-container main{height:auto;min-height:calc(100% - 80px)}div.tb-container main .container{flex-direction:column;padding-bottom:0vh;height:auto}div.tb-container main .left-section{width:100%}div.tb-container main .left-section .inner-content{position:relative;top:0;padding:1rem 0}div.tb-container main .heading{font-size:143px;line-height:1.15;margin:0}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;font-size:16px;line-height:1.15;max-width:100%}div.tb-container main .right-section{width:100%;height:260px;flex:none}div.tb-container main .right-section>div{display:flex;justify-content:center}div.tb-container main .right-section>div img.mountains-image{width:375px}div.tb-container main .right-section>div img.blue-gate{width:75px;left:47px;top:105px;animation:gate-up-animation-mobile linear 10s infinite;position:relative}div.tb-container main .mountains-image{padding:0}div.tb-container #clouds .light-blue-cloud{width:88px;height:62px;background-size:contain}div.tb-container #clouds .grey-cloud{width:73px;height:51px;background-size:contain}div.tb-container #clouds .cloud:nth-child(1){top:120px}div.tb-container #clouds .cloud:nth-child(2){top:185px}div.tb-container #clouds .cloud:nth-child(3){top:182px}div.tb-container #clouds .cloud:nth-child(4){top:325px}}@media (max-width: 800px){div.tb-container header .tb-modules{grid-template-columns:repeat(3,180px)}}@media (max-width: 640px){div.tb-container header .tb-modules{grid-template-columns:repeat(2,180px)}}:host.tb-still *{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){:host *{animation:none!important}.tb-animation-toggle{display:none}}.tb-animation-toggle{margin-top:16px;padding:6px 12px;border:1px solid #0670c7;border-radius:4px;background:#fff;color:#0670c7;font:inherit;font-size:13px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslateLocalPipe, name: "translateLocal" }], animations: [appModuleAnimation()], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorPageComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tb-error-page', animations: [appModuleAnimation()], standalone: false, template: "<div class=\"tb-container\" [@routerTransition]>\n  <header>\n    <div class=\"tb-flex tb-align-items-center tb-full-height tb-space-between tb-flex-grow\">\n      <div class=\"wrapper-logo tb-flex-center\">\n        <div class=\"tb-logo\" (click)=\"navigateToDefaultRoute()\"></div>\n      </div>\n      <div class=\"tb-button tb-mr-28\" (click)=\"drawerCollapsed = !drawerCollapsed; $event.stopPropagation();\">\n        <tb-icon [settings]=\"iconsHelper.three_bars_mobile\" class=\"tb-icon tb-icon-30\"></tb-icon>\n      </div>\n    </div>\n    <div class=\"tb-modules\" [class.drawer-collapsed]=\"drawerCollapsed\">\n      <div class=\"tb-module\" *ngFor=\"let appSectionKey of appSectionModuleMenu\"\n        (click)=\"navigateToModule(appSectionKey)\">\n        <tb-icon [settings]=\"iconsHelper[appSectionLabel.get(appSectionKey) + '_blue']\"></tb-icon>\n        <span class=\"tb-menu-header-text\"> {{appSectionLabel.get(appSectionKey) | translateLocal | async}}</span>\n      </div>\n    </div>\n  </header>\n\n  <main>\n    <div class=\"container\">\n      <div class=\"left-section\">\n        <div class=\"inner-content\">\n          <h1 class=\"heading\">{{ statusCodeError }}</h1>\n          <p class=\"subheading\">{{ statusCodeErrorMessage | translateLocal | async }}</p>\n        </div>\n      </div>\n      <div class=\"right-section\">\n        <div>\n          <img class=\"mountains-image\" src=\"assets/mountains-{{statusCodeError}}.svg\">\n          <img *ngIf=\"statusCodeError=='404'\" class=\"blue-gate\" src=\"assets/blue-gate.svg\">\n        </div>\n      </div>\n    </div>\n    <div id=\"clouds\">\n      <div class=\"cloud background light-blue-cloud\"></div>\n      <div class=\"cloud foreground light-blue-cloud\"></div>\n      <div class=\"cloud background grey-cloud\"></div>\n      <div class=\"cloud background light-blue-cloud\"></div>\n    </div>\n  </main>\n</div>", styles: ["@keyframes gate-up-animation-default{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(14px,-47px)}70%{transform:rotate(-40deg) translate(14px,-47px)}to{transform:none}}@keyframes gate-up-animation-mobile{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(11px,-22px)}70%{transform:rotate(-40deg) translate(11px,-22px)}to{transform:none}}div.tb-container{position:absolute;inset:0;background-size:cover;overflow:hidden}div.tb-container header{display:flex;flex-direction:row;align-items:flex-end;height:100px;background:#263544 0% 0% no-repeat padding-box}div.tb-container header div:first-child{z-index:4;background:inherit}div.tb-container header .tb-button{display:none}div.tb-container header .wrapper-logo{width:166px;height:64px;padding:18px 56px}div.tb-container header .wrapper-logo .tb-logo{height:100%;width:100%;background:url(/assets/tiba-logo.svg) no-repeat;background-size:contain;cursor:pointer}div.tb-container header .tb-modules{display:flex;align-items:center;width:680px;min-width:340px;margin-left:80px;flex:100%}div.tb-container header .tb-modules .tb-module{flex:1;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;max-width:180px;min-width:120px}div.tb-container header .tb-modules .tb-module span{text-align:center;font-size:13px;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#fff}div.tb-container header .tb-modules .tb-module:hover{background:#ffffff1a}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-insights-module-blue{background-image:url(/assets/icons/insights-blue-404.svg)}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-tech-tools-module-blue{background-image:url(/assets/icons/tech-tools-module-404.svg)}div.tb-container main{height:calc(100% - 100px)}div.tb-container main .left-section .inner-content{position:absolute;top:100px}div.tb-container main .container{position:relative;margin:0 auto;width:85%;height:100%;padding-bottom:25vh;display:flex;flex-direction:row;justify-content:space-around}div.tb-container main .left-section,div.tb-container main .right-section{position:relative}div.tb-container main .left-section{width:40%}div.tb-container main .heading{text-align:center;font-size:300px;line-height:1.3em;margin:2rem 0 .5rem;padding:0;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;font-weight:900;color:#2c3e50}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;text-align:center;max-width:606px;font-size:34px;line-height:1.15em;padding:0 1rem;margin:0 auto}div.tb-container main .right-section{width:50%;display:flex;justify-content:center}div.tb-container main .right-section div{height:100%;width:100%;position:relative}div.tb-container main .mountains-image{position:absolute;bottom:0;padding-top:10vh;padding-left:1vh;max-height:100%;min-width:500px;z-index:1}div.tb-container main .blue-gate{position:absolute;bottom:165px;left:493px;animation:gate-up-animation-default linear 10s infinite;animation-delay:2s}div.tb-container #clouds{height:100%;width:100%}div.tb-container #clouds .light-blue-cloud{width:187px;height:131px;background-image:url(/assets/light-blue-cloud.svg)}div.tb-container #clouds .grey-cloud{width:154px;height:108px;background-image:url(/assets/grey-cloud.svg)}div.tb-container #clouds .cloud{position:absolute;animation-fill-mode:both}div.tb-container #clouds .cloud.foreground{z-index:2}div.tb-container #clouds .cloud.background{z-index:-1}@keyframes cloud-animation{0%{left:-10%}to{left:100%}}@keyframes cloud1-animation{0%{left:-10%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(1){left:-10%;top:147px;animation:cloud1-animation linear,cloud-animation linear infinite;animation-duration:24s,27s;animation-delay:0s,24s}@keyframes cloud2-animation{0%{left:50%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(2){left:50%;top:283px;animation:cloud2-animation linear,cloud-animation linear infinite;animation-duration:18s,26s;animation-delay:0s,18s}@keyframes cloud3-animation{0%{left:53%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(3){left:53%;top:278px;animation:cloud3-animation linear,cloud-animation linear infinite;animation-duration:12s,25s;animation-delay:0s,12s}@keyframes cloud4-animation{0%{left:85%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(4){left:85%;top:488px;animation:cloud4-animation linear,cloud-animation linear infinite;animation-duration:6s,24s;animation-delay:0s,6s}@media (max-width: 1300px){div.tb-container header{height:80px}div.tb-container header .wrapper-logo{height:100%;width:121px;padding:0 0 0 20px}div.tb-container header .wrapper-logo .tb-logo{width:121px;max-width:121px;max-height:45px}div.tb-container header .tb-button{display:block}div.tb-container header .tb-modules{position:absolute;top:80px;background:#263544 0% 0% no-repeat padding-box;max-height:440px;overflow:auto;width:100%!important;margin:-1px 0 0!important;padding-bottom:20px;z-index:3;display:grid!important;grid-template-columns:repeat(4,180px);align-content:space-around;justify-content:center;transition:transform 1s}div.tb-container header .tb-modules.drawer-collapsed{transform:translateY(-100%)}div.tb-container main{height:calc(100% - 80px)}div.tb-container main .container{flex-direction:column;padding-bottom:0vh}div.tb-container main .left-section{width:100%;height:40%;position:absolute;top:0}div.tb-container main .left-section .inner-content{position:relative;padding:1rem 0}div.tb-container main .heading{font-size:143px;line-height:1.15;margin:0}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;font-size:16px;line-height:1.15;max-width:100%}div.tb-container main .right-section{width:100%;height:60%;position:absolute;bottom:0}div.tb-container main .right-section>div{display:flex;justify-content:center}div.tb-container main .right-section>div img.mountains-image{width:375px}div.tb-container main .right-section>div img.blue-gate{width:75px;left:47px;top:105px;animation:gate-up-animation-mobile linear 10s infinite;position:relative}div.tb-container main .mountains-image{padding:0}div.tb-container #clouds .light-blue-cloud{width:88px;height:62px;background-size:contain}div.tb-container #clouds .grey-cloud{width:73px;height:51px;background-size:contain}div.tb-container #clouds .cloud:nth-child(1){top:120px}div.tb-container #clouds .cloud:nth-child(2){top:185px}div.tb-container #clouds .cloud:nth-child(3){top:182px}div.tb-container #clouds .cloud:nth-child(4){top:325px}}@media (max-width: 800px){div.tb-container header .tb-modules{grid-template-columns:repeat(3,180px)}}@media (max-width: 600px){div.tb-container header .tb-modules{grid-template-columns:repeat(2,180px)}}\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.Store }, { type: SessionStorageService }, { type: HttpCancelService }, { type: AppConfigService }, { type: i1$7.ActivatedRoute }], propDecorators: { click: [{
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'tb-error-page', animations: [appModuleAnimation()], standalone: false, template: "<div class=\"tb-container\" [@routerTransition]>\n  <header>\n    <div class=\"tb-flex tb-align-items-center tb-full-height tb-space-between tb-flex-grow\">\n      <div class=\"wrapper-logo tb-flex-center\">\n        <div class=\"tb-logo\" (click)=\"navigateToDefaultRoute()\"></div>\n      </div>\n      <button type=\"button\" #menuButton class=\"tb-button tb-mr-28\" [attr.aria-expanded]=\"!drawerCollapsed\" aria-controls=\"tb-error-page-modules\"\n        [attr.aria-label]=\"L.modules | translateLocal | async\" (click)=\"toggleDrawer(); $event.stopPropagation();\">\n        <tb-icon [settings]=\"iconsHelper.three_bars_mobile\" class=\"tb-icon tb-icon-30\" aria-hidden=\"true\"></tb-icon>\n      </button>\n    </div>\n    <nav id=\"tb-error-page-modules\" class=\"tb-modules\" [class.drawer-collapsed]=\"drawerCollapsed\" [attr.aria-label]=\"L.modules | translateLocal | async\">\n      <button type=\"button\" class=\"tb-module\" *ngFor=\"let appSectionKey of appSectionModuleMenu\"\n        (click)=\"navigateToModule(appSectionKey)\">\n        <tb-icon [settings]=\"iconsHelper[appSectionLabel.get(appSectionKey) + '_blue']\" aria-hidden=\"true\"></tb-icon>\n        <span class=\"tb-menu-header-text\"> {{appSectionLabel.get(appSectionKey) | translateLocal | async}}</span>\n      </button>\n    </nav>\n  </header>\n\n  <main>\n    <div class=\"container\">\n      <div class=\"left-section\">\n        <div class=\"inner-content\">\n          <h1 class=\"heading\">{{ statusCodeError }}</h1>\n          <p class=\"subheading\">{{ statusCodeErrorMessage | translateLocal | async }}</p>\n          <button type=\"button\" class=\"tb-animation-toggle\" (click)=\"toggleAnimation()\">\n            {{ (animationPaused ? L.play_animation : L.pause_animation) | translateLocal | async }}\n          </button>\n          <span class=\"cdk-visually-hidden\" aria-live=\"polite\">{{ announcement ? (announcement | translateLocal | async) : '' }}</span>\n        </div>\n      </div>\n      <div class=\"right-section\">\n        <div>\n          <img class=\"mountains-image\" alt=\"\" src=\"assets/mountains-{{statusCodeError}}.svg\">\n          <img *ngIf=\"statusCodeError=='404'\" class=\"blue-gate\" alt=\"\" src=\"assets/blue-gate.svg\">\n        </div>\n      </div>\n    </div>\n    <div id=\"clouds\">\n      <div class=\"cloud background light-blue-cloud\"></div>\n      <div class=\"cloud foreground light-blue-cloud\"></div>\n      <div class=\"cloud background grey-cloud\"></div>\n      <div class=\"cloud background light-blue-cloud\"></div>\n    </div>\n  </main>\n</div>", styles: ["@keyframes gate-up-animation-default{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(14px,-47px)}70%{transform:rotate(-40deg) translate(14px,-47px)}to{transform:none}}@keyframes gate-up-animation-mobile{0%{transform:none}20%{transform:none}50%{transform:rotate(-40deg) translate(11px,-22px)}70%{transform:rotate(-40deg) translate(11px,-22px)}to{transform:none}}div.tb-container{position:absolute;inset:0;background-size:cover;background-color:#fff;overflow:hidden}div.tb-container header{display:flex;flex-direction:row;align-items:flex-end;height:100px;background:#263544 0% 0% no-repeat padding-box}div.tb-container header div:first-child{z-index:4;background:inherit}div.tb-container header .tb-button{display:none;padding:0;border:none;background:none;cursor:pointer}div.tb-container header .tb-button:focus-visible,div.tb-container header .tb-module:focus-visible{outline:1px solid #ffffff;outline-offset:-3px;border-radius:4px}div.tb-container header .wrapper-logo{width:166px;height:64px;padding:18px 56px}div.tb-container header .wrapper-logo .tb-logo{height:100%;width:100%;background:url(/assets/tiba-logo.svg) no-repeat;background-size:contain;cursor:pointer}div.tb-container header .tb-modules{display:flex;align-items:center;width:680px;min-width:340px;margin-left:80px;flex:100%}div.tb-container header .tb-modules .tb-module{flex:1;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;max-width:180px;min-width:120px;padding:0;border:none;background:none;font:inherit}div.tb-container header .tb-modules .tb-module span{text-align:center;font-size:13px;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#fff}div.tb-container header .tb-modules .tb-module:hover{background:#ffffff1a}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-insights-module-blue{background-image:url(/assets/icons/insights-blue-404.svg)}div.tb-container header .tb-modules .tb-module ::ng-deep .tb-icon-tech-tools-module-blue{background-image:url(/assets/icons/tech-tools-module-404.svg)}div.tb-container main{height:calc(100% - 100px)}div.tb-container main .left-section .inner-content{position:absolute;top:100px}div.tb-container main .container{position:relative;margin:0 auto;width:85%;height:100%;padding-bottom:25vh;display:flex;flex-direction:row;justify-content:space-around}div.tb-container main .left-section,div.tb-container main .right-section{position:relative}div.tb-container main .left-section{width:40%}div.tb-container main .heading{text-align:center;font-size:300px;line-height:1.3em;margin:2rem 0 .5rem;padding:0;font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;font-weight:900;color:#2c3e50}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;text-align:center;max-width:606px;font-size:34px;line-height:1.15em;padding:0 1rem;margin:0 auto}div.tb-container main .right-section{width:50%;display:flex;justify-content:center}div.tb-container main .right-section div{height:100%;width:100%;position:relative}div.tb-container main .mountains-image{position:absolute;bottom:0;padding-top:10vh;padding-left:1vh;max-height:100%;min-width:500px;z-index:1}div.tb-container main .blue-gate{position:absolute;bottom:165px;left:493px;animation:gate-up-animation-default linear 10s infinite;animation-delay:2s}div.tb-container #clouds{height:100%;width:100%}div.tb-container #clouds .light-blue-cloud{width:187px;height:131px;background-image:url(/assets/light-blue-cloud.svg)}div.tb-container #clouds .grey-cloud{width:154px;height:108px;background-image:url(/assets/grey-cloud.svg)}div.tb-container #clouds .cloud{position:absolute;animation-fill-mode:both}div.tb-container #clouds .cloud.foreground{z-index:2}div.tb-container #clouds .cloud.background{z-index:-1}@keyframes cloud-animation{0%{left:-10%}to{left:100%}}@keyframes cloud1-animation{0%{left:-10%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(1){left:-10%;top:147px;animation:cloud1-animation linear,cloud-animation linear infinite;animation-duration:24s,27s;animation-delay:0s,24s}@keyframes cloud2-animation{0%{left:50%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(2){left:50%;top:283px;animation:cloud2-animation linear,cloud-animation linear infinite;animation-duration:18s,26s;animation-delay:0s,18s}@keyframes cloud3-animation{0%{left:53%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(3){left:53%;top:278px;animation:cloud3-animation linear,cloud-animation linear infinite;animation-duration:12s,25s;animation-delay:0s,12s}@keyframes cloud4-animation{0%{left:85%}to{left:100%}}div.tb-container #clouds .cloud:nth-child(4){left:85%;top:488px;animation:cloud4-animation linear,cloud-animation linear infinite;animation-duration:6s,24s;animation-delay:0s,6s}@media (max-width: 1300px){div.tb-container{overflow-y:auto}div.tb-container header{height:80px}div.tb-container header .wrapper-logo{height:100%;width:121px;padding:0 0 0 20px}div.tb-container header .wrapper-logo .tb-logo{width:121px;max-width:121px;max-height:45px}div.tb-container header .tb-button{display:block}div.tb-container header .tb-modules{position:absolute;top:80px;background:#263544 0% 0% no-repeat padding-box;max-height:440px;overflow:auto;width:100%!important;margin:-1px 0 0!important;padding-bottom:20px;z-index:3;display:grid!important;grid-template-columns:repeat(4,180px);align-content:space-around;justify-content:center;transition:transform 1s}div.tb-container header .tb-modules.drawer-collapsed{transform:translateY(-100%);visibility:hidden;transition:transform 1s,visibility 0s 1s}div.tb-container main{height:auto;min-height:calc(100% - 80px)}div.tb-container main .container{flex-direction:column;padding-bottom:0vh;height:auto}div.tb-container main .left-section{width:100%}div.tb-container main .left-section .inner-content{position:relative;top:0;padding:1rem 0}div.tb-container main .heading{font-size:143px;line-height:1.15;margin:0}div.tb-container main .subheading{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;color:#2c3e50;font-size:16px;line-height:1.15;max-width:100%}div.tb-container main .right-section{width:100%;height:260px;flex:none}div.tb-container main .right-section>div{display:flex;justify-content:center}div.tb-container main .right-section>div img.mountains-image{width:375px}div.tb-container main .right-section>div img.blue-gate{width:75px;left:47px;top:105px;animation:gate-up-animation-mobile linear 10s infinite;position:relative}div.tb-container main .mountains-image{padding:0}div.tb-container #clouds .light-blue-cloud{width:88px;height:62px;background-size:contain}div.tb-container #clouds .grey-cloud{width:73px;height:51px;background-size:contain}div.tb-container #clouds .cloud:nth-child(1){top:120px}div.tb-container #clouds .cloud:nth-child(2){top:185px}div.tb-container #clouds .cloud:nth-child(3){top:182px}div.tb-container #clouds .cloud:nth-child(4){top:325px}}@media (max-width: 800px){div.tb-container header .tb-modules{grid-template-columns:repeat(3,180px)}}@media (max-width: 640px){div.tb-container header .tb-modules{grid-template-columns:repeat(2,180px)}}:host.tb-still *{animation-play-state:paused!important}@media (prefers-reduced-motion: reduce){:host *{animation:none!important}.tb-animation-toggle{display:none}}.tb-animation-toggle{margin-top:16px;padding:6px 12px;border:1px solid #0670c7;border-radius:4px;background:#fff;color:#0670c7;font:inherit;font-size:13px;cursor:pointer}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.Store }, { type: SessionStorageService }, { type: HttpCancelService }, { type: AppConfigService }, { type: i1$7.ActivatedRoute }, { type: i0.ElementRef }], propDecorators: { menuButton: [{
+                type: ViewChild,
+                args: ['menuButton']
+            }], closeDrawerFromKeyboard: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }], click: [{
                 type: HostListener,
                 args: ['document:click', ['$event']]
             }] } });
@@ -142352,13 +142800,13 @@ class IntercomComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IntercomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: IntercomComponent, isStandalone: true, selector: "tb-intercom", inputs: { intercom: { classPropertyName: "intercom", publicName: "intercom", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"intercomStatusClass()\" class=\"tb-intercom-icon\"></div>\n", styles: [":host{display:block}.tb-intercom-icon{display:block;height:22px;width:22px;background-image:url(/assets/icons/devices/status/phone.svg);background-size:12px;background-repeat:no-repeat;background-position:center;background-color:#d8dbe0;border-radius:50%;display:flex;justify-content:center;align-items:center}.tb-intercom-status-active,.tb-intercom-status-ringing{background-color:#0985eb}.tb-intercom-status-ringing:before{content:\"\";position:absolute;border:1px solid #0985eb;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite}.tb-intercom-status-ringing:after{content:\"\";position:absolute;border:1px solid #0985eb;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite;animation-delay:.3s}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: IntercomComponent, isStandalone: true, selector: "tb-intercom", inputs: { intercom: { classPropertyName: "intercom", publicName: "intercom", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div [ngClass]=\"intercomStatusClass()\" class=\"tb-intercom-icon\"></div>\n", styles: [":host{display:block}.tb-intercom-icon{display:block;height:22px;width:22px;background-image:url(/assets/icons/devices/status/phone.svg);background-size:12px;background-repeat:no-repeat;background-position:center;background-color:#d8dbe0;border-radius:50%;display:flex;justify-content:center;align-items:center}.tb-intercom-status-active,.tb-intercom-status-ringing{background-color:#0670c7}.tb-intercom-status-ringing:before{content:\"\";position:absolute;border:1px solid #0670c7;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite}.tb-intercom-status-ringing:after{content:\"\";position:absolute;border:1px solid #0670c7;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite;animation-delay:.3s}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: IntercomComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tb-intercom', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule
-                    ], template: "<div [ngClass]=\"intercomStatusClass()\" class=\"tb-intercom-icon\"></div>\n", styles: [":host{display:block}.tb-intercom-icon{display:block;height:22px;width:22px;background-image:url(/assets/icons/devices/status/phone.svg);background-size:12px;background-repeat:no-repeat;background-position:center;background-color:#d8dbe0;border-radius:50%;display:flex;justify-content:center;align-items:center}.tb-intercom-status-active,.tb-intercom-status-ringing{background-color:#0985eb}.tb-intercom-status-ringing:before{content:\"\";position:absolute;border:1px solid #0985eb;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite}.tb-intercom-status-ringing:after{content:\"\";position:absolute;border:1px solid #0985eb;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite;animation-delay:.3s}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}\n"] }]
+                    ], template: "<div [ngClass]=\"intercomStatusClass()\" class=\"tb-intercom-icon\"></div>\n", styles: [":host{display:block}.tb-intercom-icon{display:block;height:22px;width:22px;background-image:url(/assets/icons/devices/status/phone.svg);background-size:12px;background-repeat:no-repeat;background-position:center;background-color:#d8dbe0;border-radius:50%;display:flex;justify-content:center;align-items:center}.tb-intercom-status-active,.tb-intercom-status-ringing{background-color:#0670c7}.tb-intercom-status-ringing:before{content:\"\";position:absolute;border:1px solid #0670c7;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite}.tb-intercom-status-ringing:after{content:\"\";position:absolute;border:1px solid #0670c7;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:50%;animation:pulse 1s linear infinite;animation-delay:.3s}@keyframes pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}\n"] }]
         }] });
 
 const ENTRY_TL60 = 'entry-tl60';
@@ -143080,7 +143528,7 @@ class EmptyResultsComponent extends BaseComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EmptyResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EmptyResultsComponent, isStandalone: true, selector: "tb-empty-results", inputs: { options: "options" }, usesInheritance: true, ngImport: i0, template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\" [class.has-leading-icon]=\"options?.icon !== undefined\">\n  <!-- SPRK3-13627: leading icon, above the message. Absent unless a caller sets options.icon. -->\n  <tb-icon *ngIf=\"options?.icon !== undefined\" [settings]=\"options?.icon\" [setCursorPointer]=\"false\" class=\"tb-icon-30 empty-results-icon\"></tb-icon>\n  <ng-container *ngIf=\"options?.searchValue else noMessageValue\">\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate:{ searchValue: options?.searchValue}\"></span>\n  </ng-container>\n  <ng-template #noMessageValue>\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate\"></span>\n  </ng-template>\n  <tb-icon *ngIf=\"options?.tooltip?.icon\" [settings]=\"options?.tooltip?.icon\" class=\"tb-icon-30\" [matTooltip]=\"options?.tooltip?.text | translate\"\n    [matTooltipPosition]=\"options?.tooltip?.position\">\n  </tb-icon>\n</div>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1}:host.tb-mobile-search-validate-ticket{border:none}.empty-results-wrapper{display:flex;flex:1;justify-content:center}.empty-results-wrapper.tb-search-validate-ticket,.empty-results-wrapper.tb-mobile-search-validate-ticket{flex:unset}.empty-results-wrapper.tb-mobile-search-validate-ticket span{font-family:Quicksand,Quicksand Local,Roboto,Roboto Local,sans-serif;font-size:17px;font-weight:700;text-align:center}.empty-results-wrapper.tb-mobile-search-validate-ticket tb-icon{display:none}.empty-results-wrapper.has-leading-icon{flex-direction:column;align-items:center;justify-content:center;gap:16px}.empty-results-wrapper.has-leading-icon .empty-results-message{display:block}.empty-results-wrapper .empty-results-message{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;color:#919eab;cursor:default;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: SanitizedInnerHtmlDirective, selector: "[innerHTML]", inputs: ["innerHTML"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EmptyResultsComponent, isStandalone: true, selector: "tb-empty-results", inputs: { options: "options" }, usesInheritance: true, ngImport: i0, template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\" [class.has-leading-icon]=\"options?.icon !== undefined\">\n  <!-- SPRK3-13627: leading icon, above the message. Absent unless a caller sets options.icon. -->\n  <tb-icon *ngIf=\"options?.icon !== undefined\" [settings]=\"options?.icon\" [setCursorPointer]=\"false\" class=\"tb-icon-30 empty-results-icon\"></tb-icon>\n  <ng-container *ngIf=\"options?.searchValue else noMessageValue\">\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate:{ searchValue: options?.searchValue}\"></span>\n  </ng-container>\n  <ng-template #noMessageValue>\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate\"></span>\n  </ng-template>\n  <tb-icon *ngIf=\"options?.tooltip?.icon\" [settings]=\"options?.tooltip?.icon\" class=\"tb-icon-30\" tabindex=\"0\" role=\"img\" [attr.aria-label]=\"L.info | translate\" [matTooltip]=\"options?.tooltip?.text | translate\"\n    [matTooltipPosition]=\"options?.tooltip?.position\">\n  </tb-icon>\n</div>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1}:host.tb-mobile-search-validate-ticket{border:none}.empty-results-wrapper{display:flex;flex:1;justify-content:center}.empty-results-wrapper.tb-search-validate-ticket,.empty-results-wrapper.tb-mobile-search-validate-ticket{flex:unset}.empty-results-wrapper.tb-mobile-search-validate-ticket span{font-family:Quicksand,Quicksand Local,Roboto,Roboto Local,sans-serif;font-size:17px;font-weight:700;text-align:center}.empty-results-wrapper.tb-mobile-search-validate-ticket tb-icon{display:none}.empty-results-wrapper.has-leading-icon{flex-direction:column;align-items:center;justify-content:center;gap:16px}.empty-results-wrapper.has-leading-icon .empty-results-message{display:block}.empty-results-wrapper .empty-results-message{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;color:#5f6b78;cursor:default;text-align:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: SanitizedInnerHtmlDirective, selector: "[innerHTML]", inputs: ["innerHTML"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EmptyResultsComponent, decorators: [{
             type: Component,
@@ -143090,7 +143538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         LocalizationModule,
                         MatTooltipModule,
                         SanitizedInnerHtmlDirective,
-                    ], template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\" [class.has-leading-icon]=\"options?.icon !== undefined\">\n  <!-- SPRK3-13627: leading icon, above the message. Absent unless a caller sets options.icon. -->\n  <tb-icon *ngIf=\"options?.icon !== undefined\" [settings]=\"options?.icon\" [setCursorPointer]=\"false\" class=\"tb-icon-30 empty-results-icon\"></tb-icon>\n  <ng-container *ngIf=\"options?.searchValue else noMessageValue\">\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate:{ searchValue: options?.searchValue}\"></span>\n  </ng-container>\n  <ng-template #noMessageValue>\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate\"></span>\n  </ng-template>\n  <tb-icon *ngIf=\"options?.tooltip?.icon\" [settings]=\"options?.tooltip?.icon\" class=\"tb-icon-30\" [matTooltip]=\"options?.tooltip?.text | translate\"\n    [matTooltipPosition]=\"options?.tooltip?.position\">\n  </tb-icon>\n</div>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1}:host.tb-mobile-search-validate-ticket{border:none}.empty-results-wrapper{display:flex;flex:1;justify-content:center}.empty-results-wrapper.tb-search-validate-ticket,.empty-results-wrapper.tb-mobile-search-validate-ticket{flex:unset}.empty-results-wrapper.tb-mobile-search-validate-ticket span{font-family:Quicksand,Quicksand Local,Roboto,Roboto Local,sans-serif;font-size:17px;font-weight:700;text-align:center}.empty-results-wrapper.tb-mobile-search-validate-ticket tb-icon{display:none}.empty-results-wrapper.has-leading-icon{flex-direction:column;align-items:center;justify-content:center;gap:16px}.empty-results-wrapper.has-leading-icon .empty-results-message{display:block}.empty-results-wrapper .empty-results-message{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;color:#919eab;cursor:default;text-align:center}\n"] }]
+                    ], template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\" [class.has-leading-icon]=\"options?.icon !== undefined\">\n  <!-- SPRK3-13627: leading icon, above the message. Absent unless a caller sets options.icon. -->\n  <tb-icon *ngIf=\"options?.icon !== undefined\" [settings]=\"options?.icon\" [setCursorPointer]=\"false\" class=\"tb-icon-30 empty-results-icon\"></tb-icon>\n  <ng-container *ngIf=\"options?.searchValue else noMessageValue\">\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate:{ searchValue: options?.searchValue}\"></span>\n  </ng-container>\n  <ng-template #noMessageValue>\n    <span class=\"empty-results-message\" [innerHTML]=\"options?.noDataMessage | translate\"></span>\n  </ng-template>\n  <tb-icon *ngIf=\"options?.tooltip?.icon\" [settings]=\"options?.tooltip?.icon\" class=\"tb-icon-30\" tabindex=\"0\" role=\"img\" [attr.aria-label]=\"L.info | translate\" [matTooltip]=\"options?.tooltip?.text | translate\"\n    [matTooltipPosition]=\"options?.tooltip?.position\">\n  </tb-icon>\n</div>\n", styles: [":host{display:flex;flex-direction:column;flex-grow:1}:host.tb-mobile-search-validate-ticket{border:none}.empty-results-wrapper{display:flex;flex:1;justify-content:center}.empty-results-wrapper.tb-search-validate-ticket,.empty-results-wrapper.tb-mobile-search-validate-ticket{flex:unset}.empty-results-wrapper.tb-mobile-search-validate-ticket span{font-family:Quicksand,Quicksand Local,Roboto,Roboto Local,sans-serif;font-size:17px;font-weight:700;text-align:center}.empty-results-wrapper.tb-mobile-search-validate-ticket tb-icon{display:none}.empty-results-wrapper.has-leading-icon{flex-direction:column;align-items:center;justify-content:center;gap:16px}.empty-results-wrapper.has-leading-icon .empty-results-message{display:block}.empty-results-wrapper .empty-results-message{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;align-items:center;color:#5f6b78;cursor:default;text-align:center}\n"] }]
         }], ctorParameters: () => [], propDecorators: { options: [{
                 type: Input
             }] } });
@@ -143101,7 +143549,7 @@ class ErrorResultsComponent extends BaseComponent {
         this.IconsHelper = IconsHelper;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ErrorResultsComponent, isStandalone: true, selector: "tb-error-results", usesInheritance: true, ngImport: i0, template: "<div class=\"tb-loading-error\">\n  <tb-icon [settings]=\"IconsHelper.info_gray\" class=\"cursor-default\"></tb-icon>\n  <div class=\"error-general error-primary tb-center-text\">{{ L.something_went_wrong | translate }}</div>\n  <div class=\"error-general error-secondary tb-center-text\">{{ L.please_contact_us_to_report_the_error | translate }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;width:100%}.tb-loading-error{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;color:#919eab;padding:20px 0}.tb-loading-error .error-general{margin-top:10px;font-weight:500}.tb-loading-error .error-general.error-primary{font-size:15px}.tb-loading-error .error-general.error-secondary{font-size:13px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ErrorResultsComponent, isStandalone: true, selector: "tb-error-results", usesInheritance: true, ngImport: i0, template: "<div class=\"tb-loading-error\">\n  <tb-icon [settings]=\"IconsHelper.info_gray\" class=\"cursor-default\"></tb-icon>\n  <div class=\"error-general error-primary tb-center-text\">{{ L.something_went_wrong | translate }}</div>\n  <div class=\"error-general error-secondary tb-center-text\">{{ L.please_contact_us_to_report_the_error | translate }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;width:100%}.tb-loading-error{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;color:#5f6b78;padding:20px 0}.tb-loading-error .error-general{margin-top:10px;font-weight:500}.tb-loading-error .error-general.error-primary{font-size:15px}.tb-loading-error .error-general.error-secondary{font-size:13px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ErrorResultsComponent, decorators: [{
             type: Component,
@@ -143109,7 +143557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         CommonModule,
                         IconModule,
                         LocalizationModule,
-                    ], template: "<div class=\"tb-loading-error\">\n  <tb-icon [settings]=\"IconsHelper.info_gray\" class=\"cursor-default\"></tb-icon>\n  <div class=\"error-general error-primary tb-center-text\">{{ L.something_went_wrong | translate }}</div>\n  <div class=\"error-general error-secondary tb-center-text\">{{ L.please_contact_us_to_report_the_error | translate }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;width:100%}.tb-loading-error{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;color:#919eab;padding:20px 0}.tb-loading-error .error-general{margin-top:10px;font-weight:500}.tb-loading-error .error-general.error-primary{font-size:15px}.tb-loading-error .error-general.error-secondary{font-size:13px}\n"] }]
+                    ], template: "<div class=\"tb-loading-error\">\n  <tb-icon [settings]=\"IconsHelper.info_gray\" class=\"cursor-default\"></tb-icon>\n  <div class=\"error-general error-primary tb-center-text\">{{ L.something_went_wrong | translate }}</div>\n  <div class=\"error-general error-secondary tb-center-text\">{{ L.please_contact_us_to_report_the_error | translate }}\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;height:100%;width:100%}.tb-loading-error{font-family:Open Sans,Open Sans Local,Roboto,Roboto Local,sans-serif;display:flex;height:100%;justify-content:center;align-items:center;flex-direction:column;color:#5f6b78;padding:20px 0}.tb-loading-error .error-general{margin-top:10px;font-weight:500}.tb-loading-error .error-general.error-primary{font-size:15px}.tb-loading-error .error-general.error-secondary{font-size:13px}\n"] }]
         }], ctorParameters: () => [] });
 
 class LoadingOverlayComponent extends BaseComponent {
@@ -143353,7 +143801,7 @@ class LogoComponent extends BaseComponent {
     ngOnInit() {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LogoComponent, isStandalone: true, selector: "tb-logo", inputs: { classImage: "classImage" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"image$ | async as image\">\n  <div [class.tb-h-60]=\"image\" class=\"tb-logo-wrapper {{classImage}}\">\n    <img class=\"image-logo\" [src]=\"image\">\n  </div>\n</ng-container>\n", styles: [":host{width:100%}.tb-logo-wrapper{display:flex;justify-content:center}.tb-logo-wrapper.tb-user-menu-logo{height:20px!important;max-width:50px;margin:5px 10px}.image-logo{max-width:100%;object-fit:contain}.mobile-menu-logo{margin:0;padding:5px 6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TenantLogoModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LogoComponent, isStandalone: true, selector: "tb-logo", inputs: { classImage: "classImage" }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"image$ | async as image\">\n  <div [class.tb-h-60]=\"image\" class=\"tb-logo-wrapper {{classImage}}\">\n    <img class=\"image-logo\" [src]=\"image\" alt=\"\">\n  </div>\n</ng-container>\n", styles: [":host{width:100%}.tb-logo-wrapper{display:flex;justify-content:center}.tb-logo-wrapper.tb-user-menu-logo{height:20px!important;max-width:50px;margin:5px 10px}.image-logo{max-width:100%;object-fit:contain}.mobile-menu-logo{margin:0;padding:5px 6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TenantLogoModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 __decorate([
     Select(LogoState.image)
@@ -143363,7 +143811,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             args: [{ selector: 'tb-logo', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
                         TenantLogoModule,
-                    ], template: "<ng-container *ngIf=\"image$ | async as image\">\n  <div [class.tb-h-60]=\"image\" class=\"tb-logo-wrapper {{classImage}}\">\n    <img class=\"image-logo\" [src]=\"image\">\n  </div>\n</ng-container>\n", styles: [":host{width:100%}.tb-logo-wrapper{display:flex;justify-content:center}.tb-logo-wrapper.tb-user-menu-logo{height:20px!important;max-width:50px;margin:5px 10px}.image-logo{max-width:100%;object-fit:contain}.mobile-menu-logo{margin:0;padding:5px 6px}\n"] }]
+                    ], template: "<ng-container *ngIf=\"image$ | async as image\">\n  <div [class.tb-h-60]=\"image\" class=\"tb-logo-wrapper {{classImage}}\">\n    <img class=\"image-logo\" [src]=\"image\" alt=\"\">\n  </div>\n</ng-container>\n", styles: [":host{width:100%}.tb-logo-wrapper{display:flex;justify-content:center}.tb-logo-wrapper.tb-user-menu-logo{height:20px!important;max-width:50px;margin:5px 10px}.image-logo{max-width:100%;object-fit:contain}.mobile-menu-logo{margin:0;padding:5px 6px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { image$: [], classImage: [{
                 type: Input
             }] } });
@@ -143392,7 +143840,7 @@ class ModalButtonsWrapperComponent extends BaseComponent {
         this.minimize.next(this.isMinimized);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalButtonsWrapperComponent, deps: [{ token: i1$2.Store }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ModalButtonsWrapperComponent, isStandalone: true, selector: "tb-modal-buttons-wrapper", inputs: { enabledMinimized: "enabledMinimized" }, outputs: { close: "close", minimize: "minimize" }, usesInheritance: true, ngImport: i0, template: "<tb-icon *ngIf=\"enabledMinimized\" (click)=\"toggleMinimize()\" [settings]=\"isMinimized ? IconsHelper.fullscreen : IconsHelper.minus\"\n  class=\"tb-button tb-icon-30 modal-minimize-icon tb-mr-5\" [class.disabled]=\"isMinimizeIconDisabled$ | async\">\n</tb-icon>\n\n<tb-icon (click)=\"close.next()\" [settings]=\"IconsHelper.cancel\" class=\"tb-button tb-icon-30 modal-close-icon\" [attr.data-qa]=\"DataQaAttribute.close\">\n</tb-icon>", styles: [":host{display:flex}tb-icon:hover{height:30px;width:30px;border-radius:4px;background-color:#ecedf0}tb-icon.disabled{opacity:.5;cursor:default;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatDialogModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ModalButtonsWrapperComponent, isStandalone: true, selector: "tb-modal-buttons-wrapper", inputs: { enabledMinimized: "enabledMinimized" }, outputs: { close: "close", minimize: "minimize" }, usesInheritance: true, ngImport: i0, template: "<tb-icon *ngIf=\"enabledMinimized\" (click)=\"toggleMinimize()\" [settings]=\"isMinimized ? IconsHelper.fullscreen : IconsHelper.minus\"\n  [tbIconButton]=\"(isMinimized ? L.restore : L.minimize) | translate\"\n  class=\"tb-button tb-icon-30 modal-minimize-icon tb-mr-5\" [class.disabled]=\"isMinimizeIconDisabled$ | async\">\n</tb-icon>\n\n<tb-icon (click)=\"close.next()\" [settings]=\"IconsHelper.cancel\" class=\"tb-button tb-icon-30 modal-close-icon\" [attr.data-qa]=\"DataQaAttribute.close\"\n  [tbIconButton]=\"L.close | translate\">\n</tb-icon>", styles: [":host{display:flex}tb-icon:hover{height:30px;width:30px;border-radius:4px;background-color:#ecedf0}tb-icon.disabled{opacity:.5;cursor:default;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: IconButtonDirective, selector: "[tbIconButton]", inputs: ["tbIconButton"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalButtonsWrapperComponent, decorators: [{
             type: Component,
@@ -143400,8 +143848,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         CommonModule,
                         IconModule,
                         MatSnackBarModule,
-                        MatDialogModule
-                    ], template: "<tb-icon *ngIf=\"enabledMinimized\" (click)=\"toggleMinimize()\" [settings]=\"isMinimized ? IconsHelper.fullscreen : IconsHelper.minus\"\n  class=\"tb-button tb-icon-30 modal-minimize-icon tb-mr-5\" [class.disabled]=\"isMinimizeIconDisabled$ | async\">\n</tb-icon>\n\n<tb-icon (click)=\"close.next()\" [settings]=\"IconsHelper.cancel\" class=\"tb-button tb-icon-30 modal-close-icon\" [attr.data-qa]=\"DataQaAttribute.close\">\n</tb-icon>", styles: [":host{display:flex}tb-icon:hover{height:30px;width:30px;border-radius:4px;background-color:#ecedf0}tb-icon.disabled{opacity:.5;cursor:default;pointer-events:none}\n"] }]
+                        MatDialogModule,
+                        IconButtonDirective,
+                        LocalizationModule,
+                    ], template: "<tb-icon *ngIf=\"enabledMinimized\" (click)=\"toggleMinimize()\" [settings]=\"isMinimized ? IconsHelper.fullscreen : IconsHelper.minus\"\n  [tbIconButton]=\"(isMinimized ? L.restore : L.minimize) | translate\"\n  class=\"tb-button tb-icon-30 modal-minimize-icon tb-mr-5\" [class.disabled]=\"isMinimizeIconDisabled$ | async\">\n</tb-icon>\n\n<tb-icon (click)=\"close.next()\" [settings]=\"IconsHelper.cancel\" class=\"tb-button tb-icon-30 modal-close-icon\" [attr.data-qa]=\"DataQaAttribute.close\"\n  [tbIconButton]=\"L.close | translate\">\n</tb-icon>", styles: [":host{display:flex}tb-icon:hover{height:30px;width:30px;border-radius:4px;background-color:#ecedf0}tb-icon.disabled{opacity:.5;cursor:default;pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Store }], propDecorators: { enabledMinimized: [{
                 type: Input
             }], close: [{
@@ -143573,5 +144023,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACCESS_PROFILE_DAT_TYPES_SP, ACTION_STATUS, ACTIVE_BYTE, ADVANCED_OPTIONS_VALUE, ADVANCED_PERMISSION_DEPENDENCIES, AES_DEFAULT_IV, ALERT_DESCRIPTION_DISPLAY_LENGTH, ALERT_NOTIFICATION_CONTAINER, ALLOWED_FILES_FORMATS, ALLOWED_FILES_MAX_SIZE_1_MB, ALLOWED_FILES_MAX_SIZE_200_KB, ALLOWED_FILES_MAX_SIZE_2_MB, ALLOWED_FILES_MAX_SIZE_MB, ALLOWED_NUMBER_OF_DAYS, ALLOWED_UPLOAD_FILES_QUANTITY, ALL_DAYS_IN_BINARY, ALL_DAYS_IN_BYTE, AccessModeIconPipe, AccessProfileChangeValidTypesText, AccessProfileDayTypesText, AccessProfileRestrictionTypesText, AccessProfileShortDayTypesText, AccessProfileSpecialDaysMap, AccessProfileTypesText, AccountFrameMessageBarComponent, AccountLinkedEntitiesText, AccountLinkedEntityText, AccountSetPasswordAction, AccountSetPasswordErrorAction, AccountSetPasswordInitAction, ActionStatusService, AddSmartparkAction, AddUserAction, AdministrativeNotificationEntityType, AdministrativeNotificationsModule, AdministrativeNotificationsState, AggregatedStatusText, AlertChangedAction, AlertNotificationBorderClass, AlertNotificationClassificationMap, AlertNotificationComponent, AlertNotificationService, AlertsAndNotificationsService, AlertsAndNotificationsState, AlertsDeviceTypeLabel, AlertsDeviceTypeOptions, AlertsDeviceTypeOptionsMapping, AmountStepSurchargeMinLimit, AnalyticsCommandsText, AnalyticsEventsText, AnalyticsService, AnalyticsSourceComponent, AnalyticsSourceProps, AppConfigService, AppModuleService, AppModuleToMainPermissionTypeMap, AppSectionLabel, AppSectionModuleMenuOrder, AppSectionRoute, AppSettingsService, AppType, AuditActionTypeText, AuditLogoutAction, AuthModule, AuthRouteGuard, AuthService, AuthTokenService, Authenticate2FAforUser, AuthenticateMultipleTenantsAction, AutofocusDirective, BC_DS_P_VALIDATION, BOM_UNICODE, BackOfficeParkerType, BackofficeAutheticateAction, BarcodeTypeLength, BarrireStateText, BaseComponent, BaseDeviceItemComponent, BaseDeviceService, BaseFacilityCommandsConfigService, BaseFacilityCommandsService, BaseNotificationService, BillDispenserStatusText, BillTypeText, BillValidatorStatusText, ButtonStatus, CANCEL_ALL_RELAY_VALUE, CLogItPipe, COLORS, CREDIT_CARD_POSTFIX_LENGTH, CalculatorModule, CalculatorState, CanDeactivateService, CancelWhatsAppReceiptAction, CarModule, CarState, CassetteStatusText, CategoryModule, CategoryState, CentToCoinPipe, ChangeLanguageAction, ChangePasswordAction, ChartLayout, CleanLogoAction, ClearAdministrativeNotificationsAction, ClearAdministrativeNotificationsByEntityTypeAction, ClearAlertsAndNotificationsAction, ClearBaseZonesAction, ClearCalculatorPriceAction, ClearCategoriesAction, ClearColorsAction, ClearConflictDetected, ClearDeviceAction, ClearDeviceEventsExpanded, ClearDevicesAction, ClearEventActivitiesExpanded, ClearFacilityDictionaryAction, ClearGroupsAction, ClearGuestAction, ClearGuestProfilesAction, ClearGuestsListAction, ClearHandledGuest, ClearInactiveSelectedParkAction, ClearJobTitlesAction, ClearLocateTicketSearchAction, ClearLocatedTicketAction, ClearLprTransactionsExpanded, ClearMacroCommandsAction, ClearModelsAction, ClearParkerAction, ClearRateAction, ClearSearchResultsAction, ClearSearchTermAction, ClearSearchTicketAction, ClearSelectedFacilityAction, ClearSelectedParkAction, ClearSelectedRow, ClearSelectedSmartparkAction, ClearSmartparksBasicAction, ClearSpAndSparkVersionsAction, ClearSpecialTransientTablesAction, ClearSuspendedParkActivitiesAction, ClearUserSettingsByCategoryAction, ClearUsersAction, ClearValidationTypesAction, ClearZoneAction, ClearZonesAction, ClearZsAction, cloudServiceProxies as Cloud, CloudConfirmDialogComponent, CofCredentialSubTypeText, CoinStatusText, CollapsedGuestsByBatchIdAction, ComAggregatedStatus, ComAggregatedStatusText, ComStatusIconComponent, CommandCenterModuleResolver, CommandNotificationBorderClass, CommandNotificationComponent, CommandNotificationDisplayCase, CommandNotificationService, CommandNotificationType, CommandsLocalizationKey, CommonPagesModule, CompanyService, ConfigResolver, ConnectSmartparkAction, ContainerRefDirective, CoreEntities, CouponSearchFieldSelectorText, CreateBasicBatchAction, CreateBasicGuestAction, CreateBatchAction, CreateCategoryAction, CreateColorAction, CreateGroupAction, CreateGuestAction, CreateJobTitleAction, CreateModelAction, CreateOrUpdateSMTPDetailsAction, CredentialTypeText, CreditCardTypeText, CrudOperationText, CurlyToBoldPipe, DATA_IMAGE_BASE64_PREFIX, DATE_TIME_ERROR_INVALID_DATE, DATE_TIME_ERROR_INVALID_DATE_RANGE, DATE_TIME_ERROR_REQUIRED, DEFAULT_DATE_FORMAT, DEFAULT_EXPIRATION_MONTHS_COUNT, DEFAULT_MINIMUM_LENGTH, DEFAULT_MODULE, DEFAULT_PASSWORD_HISTORY_COUNT, DEFAULT_PERMITTED_CREDENTIALS, DEFAULT_SMART_PARK_DATE_TIME, DEFAULT_SORT_MENU, DEFAULT_SPECIAL_TRANSIENT_CATEGORY, DEFAULT_STICKER_NUM, DEVICE_EVENT_OPTIONS_KEY, DEVICE_NAVIGATE_KEY, DISABLED_FOCUS_ELEMENT_CLASSES, DISABLED_FOCUS_ELEMENT_TYPES, DYNAMIC_PRICING_CONDITION, DataQaAttribute, DateService, DateValidityText, DaysText, DecimalToAmountPipe, DecimalToCurrencyPipe, DefaultImageTimeout, DeleteCategoryAction, DeleteGroupAction, DeleteGuestAction, DeleteJobTitleAction, DeleteLogoAction, DeleteUserAction, DetectBrowserService, DeviceActivityChangedAction, DeviceActivityLabel, DeviceActivityMode, DeviceActivityModeIcon, DeviceActivityModeText, DeviceActivityStatus, DeviceActivityType, DeviceAggregatedStatus, DeviceAggregatedStatusText, DeviceEventChangedAction, DeviceIconComponent, DeviceIndicationStatus, DeviceLaneTypes, DeviceLoop, DeviceModule, DevicePipeModule, DevicePrinterStatusText, DeviceRemoteCommandsService, DeviceSortBy, DeviceStatusBaseComponent, DeviceStatusChangedAction, DeviceTypeIconName, DeviceTypeText, DeviceTypesAlertsMapping, DevicesViewMode, DialogMode, DipSwitchStatus, Disable2FAAction, DisableUserSSOAction, DisconnectSmartParkAction, DoorSensorStatus, DoorStatusText, DurationMessageBar, DynamicContainerComponent, DynamicEllipsisTooltipDirective, ENGLISH_LANGUAGE, ENVIRONMENT, EXPIRATION_MONTHS_COUNT_OPTIONS, edgeServiceProxies as Edge, EditUserAction, ElectronicWalletPaymentMethodTypesText, EllipsisMultilineDirective, EmailServerModule, EmailServerState, EmptyResultsComponent, Enable2FAAction, EnumsToArrayPipe, EnvironmentModeText, ErrorPageComponent, ErrorPageResolver, ErrorResultsComponent, ExceedingBehaviorTypeText, ExpandGuestsByBatchIdAction, ExportFileService, ExportGuestsAction, ExportPdfSmartparksTableAction, ExportSmartparkAction, FONT_BASE64, FacilitiesAndSmartparksState, FacilityChangedAction, FacilityMenuService, FacilityModule, FacilityRemoteCommandExecutedAction, FacilityRemoteCommandTypesIcon, FacilityRemoteCommandsLocalizationKey, FacilityRemoteCommandsMenuItems, FacilityService, FacilityState, FieldLabelComponent, FieldValidationsComponent, FileGenerateMethod, FileSanitizerService, FileService, FilterByDeviceType, FilterDevicesByTypePipe, FilterDevicesByZonePipe, FilterKeysPipe, FilterNumbersPipe, FilterPipe, FlattenedCoreEntities, FloatMessageBarService, ForgotPasswordAction, ForgotPasswordTenantlessAction, FormValidationsComponent, FormattedInputDirective, FrequentParkingActionText, FrequentParkingErrorActionText, GATE_STATE_VALUE, GeneralActionService, GenerateSearchParamsDto, GenerateSlimSearchParamsDto, GetAllLocalizationsAction, GetLogoAction, GetRateByIdAction, GetSpecialTransientTablesAction, GetUserSettingsByCategoryAction, GlobalErrorService, GlobalMessageContainerComponent, GroupModule, GroupPermissionsPipe, GroupState, GuestModule, GuestOpenTicketChoice, GuestOpenTicketDialogComponent, GuestOpenTicketResolutionService, GuestSearchFieldSelectorText, GuestState, GuestTypeCastText, GuestTypesText, HOUR_FORMAT_12, HOUR_FORMAT_24, HOUR_FORMAT_FULL_DAY, HandleAlertsAction, HandleNotificationAction, HandledNotificationAction, HasActionErrored, HealthAction, HoldRelayMode, HoldRelayModeText, HopperStatusText, HotelGuestSearchFieldSelectorText, HtmlSanitizerService, HttpCancelBlackListUrls, HttpCancelInterceptor, HttpCancelService, HumanizePipe, INPUT_SEARCH_DEBOUNCE_TIME, INPUT_SEARCH_DEBOUNCE_TIME_LOW, INPUT_SEARCH_DEBOUNCE_TIME_MEDIUM, IconColumnComponent, IconComponent, IconModule, IconsHelper, IconsHelperText, identityServiceProxies as Identity, ImportMonthyStastusFieldSelectorText, InitAddSmartparkConnectionAction, InitSMTPDetailsAction, InitSessionFromLocalStorageAction, InitSmartparkTransportAction, IntercomComponent, InternetConnectionService, InternetConnectionStatus, IsActionExecuting, IsEllipsisDirective, JobTitleModule, JobTitleState, LOCAL_ENGLISH_LANGUAGE, LOCATION_OPTIONS, LOGGED_TENANT_KEY, LOOKUP_NAME_MAX_LENGTH, LanguageTypeKeys, LayoutModule, LayoutState, Load2FAUserAction, LoadAccessProfileBaseZonesAction, LoadAccessProfileZoneAction, LoadAccessProfileZonesAction, LoadAdministrativeNotificationsAction, LoadAlertsAndNotificationsAction, LoadAppConfigurationAction, LoadBackofficeAppConfigurationAction, LoadBackofficeSmartparksTableAction, LoadBackofficeSpAndSparkVersionsAction, LoadBackofficeVarByIdAction, LoadBackofficeVarsAction, LoadCalculatorPriceAction, LoadCategoriesAction, LoadCcMainBaseZonesAction, LoadCcMainZonesAction, LoadColorsAction, LoadColorsAction1, LoadColorsAction2, LoadColorsAction3, LoadColorsAction4, LoadColorsAction5, LoadDeviceAction, LoadDeviceEventActivitiesAction, LoadDeviceEventsAction, LoadDeviceEventsCollapse, LoadDeviceLprTransactionsAction, LoadDeviceStatusAction, LoadDevicesAction, LoadDevicesByTypeAction, LoadDynamicPricingBaseZonesAction, LoadDynamicPricingZoneAction, LoadEventActivitiesCollapse, LoadFacilityAction, LoadFacilityRemoteCommandsRefAction, LoadGroupAction, LoadGuestByIdAction, LoadGuestProfilesAction, LoadGuestsAction, LoadGuestsByBatchIdAction, LoadGuestsByBatchIdCancelledAction, LoadJobTitleAction, LoadLocateTicketSearchAction, LoadLocatedTicketAction, LoadLprTransactionsCollapse, LoadMacroCommandsAction, LoadModelsAction, LoadModelsAction1, LoadModelsAction2, LoadModelsAction3, LoadModelsAction4, LoadModelsAction5, LoadOverflowPriceTableAction, LoadParkActivitiesAction, LoadParkDevicesAction, LoadParkerAction, LoadParkersAction, LoadParkingLotAction, LoadParksAction, LoadRateByIdAction, LoadRatesAction, LoadRemoteCommandsRefAction, LoadReportsBaseZonesAction, LoadReportsZoneAction, LoadReportsZonesAction, LoadSMTPDetailsAction, LoadSelectedDeviceAction, LoadSmartparksAction, LoadSmartparksDropdownAction, LoadSmartparksTableAction, LoadSpAndSparkVersionsAction, LoadStickerPriceTableAction, LoadTicketNumParkersAction, LoadTransientPriceTableAction, LoadUserCapabilitiesAction, LoadUsersAction, LoadUsersAdministrativeNotificationsAction, LoadValidationTypeAction, LoadVarsAction, LoadZsAction, LoadingOverlayComponent, LocalStorageMigrator, LocalStorageService, Localization, LocalizationModule, LocalizationResolver, LocalizationService, LocalizationState, LoginModule, LoginRequestAction, LoginService, LoginState, LoginSuccess, LogoComponent, LogoState, LogoutAction, LogoutMobileAction, LoopStatus, LowerCaseUrlSerializer, LprTransactionsChangedAction, LprTransactionsOptionsText, LprTransactionsSearchFieldSelectorText, MANUAL_ACTION_REASON_NAME_MAX_LENGTH, MAX_ALLOWED_BADGE_VALUE, MAX_ALLOWED_CURRENT_BALANCE, MAX_ALLOWED_DEDUCTION_VALUE, MAX_ALLOWED_GUEST_UNIT_QUANTITY, MAX_ALLOWED_IDENTIFIER_VALUE, MAX_ALLOWED_STARTING_PURSE_VALUE, MAX_CAPACITY_VALUE, MAX_CARDS, MAX_CAR_PLATES, MAX_EMAIL_CHARACTERS_LENGTH, MAX_EXPORT_RECORDS, MAX_HOTEL_ROOM_NUMBER_LENGTH, MAX_INT16_VALUE, MAX_INT32_VALUE, MAX_INTEGER_VALUE, MAX_LENGTH_BATCH_NAME, MAX_LENGTH_DESCRIPTION_50, MAX_LENGTH_DESCRIPTION_70, MAX_LENGTH_FOOTER, MAX_LENGTH_LEFT, MAX_LENGTH_LEFT_BACKWARD_COMPATIBILITY, MAX_LENGTH_MANUAL_TEXT, MAX_LENGTH_NAME_100, MAX_LENGTH_NAME_20, MAX_LENGTH_NAME_25, MAX_LENGTH_NAME_30, MAX_LENGTH_NAME_50, MAX_LENGTH_NOTES, MAX_LENGTH_QUANTITY, MAX_LENGTH_REASON_DESCRIPTION, MAX_LENGTH_SERACH_TERM, MAX_LENGTH_SERACH_TERM_30, MAX_MOBILE_LENGTH, MAX_NUMBER_OF_NIGHTS, MAX_NUMBER_OF_ROW_IN_MENU, MAX_OCCUPANCY_VALUE, MAX_PERIOD_TIME, MAX_PLATE_ID_LENGTH, MAX_PRICE_NO_TIME_LIMIT_VALUE, MAX_PRICE_PERIOD_VALUE, MAX_REPEAT_COUNT_VALUE, MAX_RESULTS, MAX_ROLE_NAME_LENGTH, MAX_SP, MAX_TIME_RANGE_ITEMS_PER_KEY, MC_READER_ID, MESSAGE_BAR_DEFAULT_ID, MINIMUM_DROPDOWN_RESULTS_WITHOUT_SEARCH, MINIMUM_LENGTH_OPTIONS, MINUTES_PER_HOUR, MIN_ALLOWED_GUEST_UNIT_QUANTITY, MIN_LENGTH_QUANTITY, MIN_NUMBER_OF_ROW_IN_MENU, MIN_TIME_RANGE_ITEMS_PER_KEY, MOBILE_REFRESH_INFO, MSALGuardConfigFactory, MSALInstanceFactory, MSALInterceptorConfigFactory, MSLAuthService, MULTIPLE, MainModuleToSubModulesPermissionTypeMap, MatHintErrorDirective, MaxAllowedSurchargeAmount, MaxAllowedSurchargeMaxLimit, MaxAllowedSurchargeMinLimit, MaxDisplayTimeout, MaxIPV4TextLength, MaxSurchargeNameLength, MenuAppModuleLoadAction, MenuClearAction, MenuLoadAction, MenuService, MenuSubModuleClearAction, MenuSubModuleLoadAction, MessageBarComponent, MessageBarContainerComponent, MessageBarModule, MessageBarPosition, MessageBarService, MessageBarStatus, MiddayPeriod, MinAllowedSurchargeAmount, MinAllowedSurchargeMaxLimit, MinAllowedSurchargeMinLimit, MinDisplayTimeout, MobileAppSectionLabel, MobileLogoutAction, ModalButtonsWrapperComponent, ModalService, ModuleGuard, ModuleMenuBaseComponent, MonthlyRenewalSettingsActionTypesText, MonthlyRenewalSettingsActionTypesValueText, MonthlySearchFieldSelectorText, MslEventType, NONE_ACTIVE_BYTE, NONE_USER_ID, NO_RESULT, NativeElementInjectorDirective, NotSupportedBrowserGuard, NotSupportedBrowserPageComponent, NotificationChangedAction, NotificationClass, NotificationClassficationType, NotificationCloseAllButtonComponent, NotificationConfig, NotificationEventService, NotificationHPositions, NotificationModule, NotificationSeverityText, NotificationTypeLabelComponent, NotificationTypeText, NotificationVPositions, NotificationsModule, ONE_DAY_IN_MINUTES_VALUE, ONE_MINUTE_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, OPEN_TICKET_CHECK_MIN_VERSION, OPEN_TICKET_CHECK_NOTICE_DELAY_MS, OffScreenDirective, OpenIdAuthInitializeService, OpenIdAuthService, OpenIdAutheticateAction, Operator, OrderBy, OrderByPipe, OrderDirection, OrphanFacilitiesPipe, PARKER_SEARCH_AUTO_REDIRECT, PASSWORD_EXPIRED, PASSWORD_HISTORY_COUNT_OPTIONS, PREVENT_CLICK_ELEMENT_CLASSES, ParkActivitiesModule, ParkActivitiesState, ParkActivityChangedAction, ParkConnectionStatus, ParkConnectionStatusClass, ParkConnectionStatusText, ParkManagerModule, ParkManagerState, ParkService, ParkTimeService, ParkerSearchTerm, ParkerService, ParkerState, ParkerTagsText, ParkerTypesText, PasswordScore, PasswordStrengthService, PaymentSearchFieldSelectorText, PaymentServiceTypeText, PaymentsTypesText, PermissionCacheService, PermissionConfigService, PermissionGroupText, PermissionTypeSupportedVersionDictionary, PermissionTypeText, PermissionsService, PrintReceiptAction, ProfileTypeText, QUERY_INTENT_PATTERNS, RATE_ID_WITH_VALUE_2, REDIRECT_URL, RELAY_2_VALUE, RELAY_3_VALUE, RELAY_4_VALUE, REPORT_CATEGORY_ALL, RESET_PASSWORD_EMAIL, RESTRICTED_CAR_NOTE_MAX_LENGTH, REVENUE_DATA_UNAVAILABLE, RTL_LANGUAGES, RTObjectObject, RangeModes, RangeModesText, RateModule, RateState, RealtimeEventService, RealtimeResolver, ReceiptGeneratedAction, RefreshTokenService, RefreshTokenState, RelayStatus, ReloadParkerAction, RemoteCommandService, RemoteCommandTypesIcon, RemoteValidationModule, RemoteValidationState, RemoveExpiredAlertsAndNotificationsAction, RemoveSmartparkBasicAction, ReportMethodDictionary, ResendPendingAdminInvitationsAction, ResendUserInvitationAction, ResetRatesAction, RestartLinkComponent, RestartLinkModule, RestrictionLocationTypeText, RestrictionLocationTypeTextTable, RestrictionTypeText, RevenueService, RouteService, RowOperation, rpcServiceProxies as Rpc, SESSION, SPECIAL_TRANSIENT_CATEGORIES, SPECIAL_TRANSIENT_LABEL_NOT_AVAILABLE, STATUS_CODE_SERVER_VALIDATION, STATUS_CODE_UNAUTHORIZED, STRING_ZERO, SUPER_PARK_ROUTE_KEY, SUPPORETD_RESTORE_TICKET_TYPES, SUPPORTED_CAR_ON_LOOP_DEVICE_TYPES, SUPPORTED_DEVICES_SCHEDULER, SUPPORTED_GATE_DEVICE_TYPES, SUPPORTED_LPR_TRANSACTIONS_DEVICE_TYPES, SUPPORTED_PAYMENT_FOR_ISF_TYPES, SUPPORTED_RESTORE_TICKET_DEVICE_TYPES, SUPPORTED_STATUS_DEVICE_TYPES, SUPPORTED_TICKET_INSIDE_DEVICE_TYPES, SYSTEM_ALERT_VALUE, SanitizedInnerHtmlDirective, SearchFacilitiesMode, SearchFieldSelectorText, SearchTicketAction, SearchValueHighlightComponent, SecurityModule, SecurityState, SelectDeviceAction, SelectLprTransactionsRowAction, SelectParkAction, SelectSmartParkAction, SelectedRowAction, SendEmailFromEntityAction, SendEmailToGuestAction, SendGuestPassesToEmailAction, SendTestEmailAction, ServiceProxyModule, ServicesRunningStatusChangedAction, SessionState, SessionStorageService, SetBackofficeSmartParkVersionsAction, SetBasicMenuAction, SetConflictDetected, SetDeviceEventsExpanded, SetDeviceRemoteCommandsMapAction, SetDeviceStatusAction, SetDeviceViewModeAction, SetEnableHotelPostingAction, SetEventActivitiesExpanded, SetFacilityRemoteCommandsMapAction, SetGuestsAction, SetLprTransactionsExpanded, SetMobileModeAction, SetParkActivitiesAction, SetRealTimeEventStatusAction, SetSearchTermAction, SetSelectedParkAction, SetSelectedSmartparkAction, SetSmartParkAction, SetSmartParkTableAction, SetSmartParkVersionsAction, SetSmartparkBasicAction, SetSmartparkBasicAllAction, SetSmartparkEdgeWebhooksAction, SetStateAction, SetTFASetupAction, SetTenantUserAction, SetTicketIdentifierAction, SetUserNameAction, SetUserStatusAction, SetUsersAction, SetkeepMeLoggedInAction, SharedComponentsModule, SharedDirectivesModule, SharedModule, SharedPipesModule, SideNavSortBy, SidenavModule, SidenavState, SignalR, SignalRObject, SignalRRefreshTokenAction, SingleSignOnProviderText, SmartParkDeviceStatusChangedAction, SmartParkStatusText, SmartparkDateTimePipe, SmartparkModule, SmartparkService, SmartparkState, SortDevicesPipe, SortPipe, SparkKeyboardEvent, SparkNotification, SpecialDaysPipe, SpecialTransientCategory, SpecialTransientCategoryText, SpinnerDiameterSize, StaticMessageBarService, StatusIconComponent, StickerSearchFieldSelectorText, StopPropagationDirective, StringItPipe, SubModuleGuard, SubstrHightlightManyPipe, SubstrHightlightPipe, SubstrHightlightSinglePipe, SwallowUnitStatusText, SwitchUserToSSOAction, SyncUsersAndRolesBySmartparkIdAction, TAKE_TOP_300, TBFormatPipe, TBNumberDirective, TENANT_KEY, TENS_MULTIPLIER, TableColumnGroup, TableColumnGroupLabel, TableRowHeightSizes, TableTypeText, TagLabelType, TechToolsModuleResolver, TenantClearAction, TenantLoadAction, TenantLogoModule, TenantService, TenantlessLoginMode, TibaDateFormat, TibaMatDialogConfig, TibaRetryPolicy, TibaValidators, TicketService, TimeAgoPipe, TimeElapsedCounterComponent, TimeElapsedFormats, TimeElapsedPipe, TimeRangeFormats, TimeRangePipe, ToggleDrawerAction, ToggleDrawerCollapseAction, TooltipPositions, TrackAction, TransientParkingActionText, TranslateLocalPipe, TreeFilterKeysPipe, TreeMode, TruncatePipe, TypeCastText, UNSAVED_DATA, USER_IS_TEMPORARY_BLOCKED, UnloadParkingLotAction, UnsafeHtmlValidatorDirective, UpdateAndActivateUserAction, UpdateAuthTokenAction, UpdateBasicGuestAction, UpdateDocumentAction, UpdateGuestAction, UpdateGuestLocationAction, UpdateMobileMode, UpdateSmartparkAction, UpdateSmartparkNameAction, UpdateSmartparkVarAction, UpdateTenantInfoProps, UpdateTenantSingleSignOnAction, UpdateTicketPlateIdAction, UpdateUserAlertsPreferencesAction, UpdateUserNotificaitonsPreferencesAction, UpdateUserSettingsAction, UpdateUserSettingsInSessionAction, UploadLogoAction, UserCreationType, UserModule, UserSettingsModule, UserSettingsState, UserState, VALIDATION_TYPE_BY_HOURS_41, VALIDATION_TYPE_BY_HOURS_42, VALID_DATETIME_FILTERS, VALID_TIME_MAX_LENGTH, VALID_ZIP_CODE_LENGTH, VERSION_10_1_0, VERSION_10_2_0, VERSION_10_2_1, VERSION_10_3_0, VERSION_10_3_9, VERSION_10_4_0, VERSION_25_1_0, VERSION_25_2_0, VERSION_25_2_1, VERSION_25_3_0, VERSION_25_3_1, VERSION_25_3_6, VERSION_25_4_0, VERSION_25_4_1, VERSION_26_1_0, VERSION_26_1_1, VERSION_26_1_2, VERSION_26_2_0, VERSION_26_3_0, VERSION_7_4_0, VERSION_7_4_1, VERSION_8_1_0, VERSION_8_2_0, VERSION_8_3_0, VERSION_8_4_0, VERSION_9_1_0, VERSION_9_2_0, VERSION_9_2_2, VERSION_9_3_0, VERSION_9_4_0, VGuestWithBatchTableData, VIRTUAL_DEVICE_LPR_COMPACT_LAYOUT_MEDIA_QUERY, ValidateUserTokenAction, ValidationService, ValidationStickerType, ValidationTypeModule, ValidationTypeState, VarDirective, Verify2FactorAuthenticationAction, VirtualValidationStatusText, WhatsAppReceiptAction, WrapFnPipe, YEAR_LIMIT_IN_DAYS, ZerofyNegativePipe, ZoneChangedAction, ZoneModule, ZoneState, accountModuleAnimation, adjustForTimezone, allowSpecialKeys, alphanumericRegex, appModuleAnimation, areDatesIdentical, areVersionsCompatible, arrayEquals, arraysAreDifferent, baseReduce, blobToBase64, buildMessageInfos, buildMessages, camelize, cancelOn, canceled, capitalizeFirstLetter, compareValues, composeSubCategoryLabel, convert24HoursToAmPM, convertAmPmTo24Hours, convertBinaryToDecimal, convertCentToWholeCoin, convertDecimalToBinary, convertFeaturePermissionsToDictionary, convertFormatWithoutTime, convertWholeCoinToCent, createDescriptor, createMessageText, dateDiffInSeconds, days, daysTranslation, decimalNumberRegex, decimalPercentageRegex, decimalPositiveNumberRegex, decryptClientSecret, delayCancellation, deviceIndicationStatusLocalization, deviceTypeFilterOptions, diffInMillis, dispatched, distinctObjectByProperties, distinctObjectByProperty, downloadFile, ensureObjectMetadata, entryDevicesLaneTypes, errored, exceedsLength, exitDevicesLaneTypes, extractErrorsChanges, extractNumber, extractResetChanges, extractSetValueChanges, extractToggleStatusChanges, extractTouchedChanges, extractUpdateValueAndValidityChanges, filterDependentPermissions, filterDevicesByTypes, filterKeyValueBaseReduce, findChildRoute, findObjectDifferences, findParentElement, findParentElementDimensions, findParentRoute, findParentRouteConfig, flattenByKey, formatMinutesToTimeNumber, formatTimeToMinutes, formatTimeToString, formatTimeWithMidnight, formatTimeWithSeparator, formatTimeWithoutMidnight, formatTimeWithoutSeparator, formatTimeWithoutSeperatorAndWithMidnight, formatTimeWithoutSeperatorAndWithoutMidnight, getActivatedRoutePathSegment, getAddress, getCurrentLang, getDateTimeInSeconds, getDateWithoutTime, getDaysFromValue, getDefaultDeviceStatus, getFormattedTime, getMomenWithTime, getMomentNullable, getMomentWithoutTime, getNavigationRoute, getObjectMetadata, getParkerTypesText, getPasswordMinimalLength, getSecondsBackoff, getTooltipTextByParkerType, getUserTimeZone, getUtcMomentNullable, hasMiddayPeriod, hasMonthName, hasRequiredField, hasUnsafeHtmlValue, hasValue, humanizeTimeElapsed, humanizeUtcTimeElapsed, identity, initializeMsal, initializeOpenId, integerNumberRegex, integerPositiveNumberRegex, ipv4Regex, isBoolean, isCharacterLengthValid, isDefinedAndNotEmpty, isDeviceActive, isDeviceDisplayedActive, isDeviceInFilterDeviceTypes, isDeviceInFiltersDeviceTypes, isFalsy, isIOSDevice, isMaxDaysRangeValid, isNullOrEmpty, isNumber, isObjectEmpty, isQueryIntentRequest, isSearchFieldChanged, isSingularOrPlural, isTrueInBinary, isTruthy, isVersionGreaterThanEqual, loadHTMLContent, lowerCase, lowerCaseFirstLetter, mapTransientTags, markEntitiesAsChanged, markEntityAsUnchanged, matchesDeviceCriteria, matchesDeviceParkingLotCriteria, matchesDevicesParkingLotCriteria, minutesToTime, mobileRegex, nameof, navigateToForbiddenAccessPage, navigateToNotSupportedBrowserPage, noEmojiRegex, notificationAnimation, numberWithLeadingZero, objectKeystoLowerCase, ofStatus, omitKeys, openBackgroundIframe, openCloseFiltersAnimation, parentParkBaseEventTypes, parentParkEventTypes, parkBaseEventTypes, parkEventTypes, parkerEnumToText, parseApiErrorData, parseApiErrorMessage, parseDateTimeToSparkParkTime, parseSmartParkTime, passwordRegex, percentageRegex, printSpecialDaysText, printStackTrace, readjustForTimezone, regexExp, remoteCommandLocalizationMap, replaceAll, resolveAccessModeIcon, resolveSpecialTransientCategory, rtEventPermissions, safeParse, sanitizeHtmlValue, searchBarPopupAnimation, setDateTimeErrorMessage, setErrorMessage, shortDaysTranslation, sleep, slideFromBottom, slideFromRight, slideFromUp, slideUpDown, successful, timeToMinutes, timeToMoment, toInt, toNumberMap, toStringMap, truncate, wrapConstructor };
+export { ACCESS_PROFILE_DAT_TYPES_SP, ACTION_STATUS, ACTIVE_BYTE, ADVANCED_OPTIONS_VALUE, ADVANCED_PERMISSION_DEPENDENCIES, AES_DEFAULT_IV, ALERT_DESCRIPTION_DISPLAY_LENGTH, ALERT_NOTIFICATION_CONTAINER, ALLOWED_FILES_FORMATS, ALLOWED_FILES_MAX_SIZE_1_MB, ALLOWED_FILES_MAX_SIZE_200_KB, ALLOWED_FILES_MAX_SIZE_2_MB, ALLOWED_FILES_MAX_SIZE_MB, ALLOWED_NUMBER_OF_DAYS, ALLOWED_UPLOAD_FILES_QUANTITY, ALL_DAYS_IN_BINARY, ALL_DAYS_IN_BYTE, AccessModeIconPipe, AccessProfileChangeValidTypesText, AccessProfileDayTypesText, AccessProfileRestrictionTypesText, AccessProfileShortDayTypesText, AccessProfileSpecialDaysMap, AccessProfileTypesText, AccountFrameMessageBarComponent, AccountLinkedEntitiesText, AccountLinkedEntityText, AccountSetPasswordAction, AccountSetPasswordErrorAction, AccountSetPasswordInitAction, ActionStatusService, AddSmartparkAction, AddUserAction, AdministrativeNotificationEntityType, AdministrativeNotificationsModule, AdministrativeNotificationsState, AggregatedStatusText, AlertChangedAction, AlertNotificationBorderClass, AlertNotificationClassificationMap, AlertNotificationComponent, AlertNotificationService, AlertsAndNotificationsService, AlertsAndNotificationsState, AlertsDeviceTypeLabel, AlertsDeviceTypeOptions, AlertsDeviceTypeOptionsMapping, AmountStepSurchargeMinLimit, AnalyticsCommandsText, AnalyticsEventsText, AnalyticsService, AnalyticsSourceComponent, AnalyticsSourceProps, AppConfigService, AppModuleService, AppModuleToMainPermissionTypeMap, AppSectionLabel, AppSectionModuleMenuOrder, AppSectionRoute, AppSettingsService, AppType, AuditActionTypeText, AuditLogoutAction, AuthModule, AuthRouteGuard, AuthService, AuthTokenService, Authenticate2FAforUser, AuthenticateMultipleTenantsAction, AutofocusDirective, BC_DS_P_VALIDATION, BOM_UNICODE, BackOfficeParkerType, BackofficeAutheticateAction, BarcodeTypeLength, BarrireStateText, BaseComponent, BaseDeviceItemComponent, BaseDeviceService, BaseFacilityCommandsConfigService, BaseFacilityCommandsService, BaseNotificationService, BillDispenserStatusText, BillTypeText, BillValidatorStatusText, ButtonStatus, CANCEL_ALL_RELAY_VALUE, CLogItPipe, COLORS, CREDIT_CARD_POSTFIX_LENGTH, CalculatorModule, CalculatorState, CanDeactivateService, CancelWhatsAppReceiptAction, CarModule, CarState, CassetteStatusText, CategoryModule, CategoryState, CentToCoinPipe, ChangeLanguageAction, ChangePasswordAction, ChartLayout, CleanLogoAction, ClearAdministrativeNotificationsAction, ClearAdministrativeNotificationsByEntityTypeAction, ClearAlertsAndNotificationsAction, ClearAllButtonDirective, ClearBaseZonesAction, ClearCalculatorPriceAction, ClearCategoriesAction, ClearColorsAction, ClearConflictDetected, ClearDeviceAction, ClearDeviceEventsExpanded, ClearDevicesAction, ClearEventActivitiesExpanded, ClearFacilityDictionaryAction, ClearGroupsAction, ClearGuestAction, ClearGuestProfilesAction, ClearGuestsListAction, ClearHandledGuest, ClearInactiveSelectedParkAction, ClearJobTitlesAction, ClearLocateTicketSearchAction, ClearLocatedTicketAction, ClearLprTransactionsExpanded, ClearMacroCommandsAction, ClearModelsAction, ClearParkerAction, ClearRateAction, ClearSearchResultsAction, ClearSearchTermAction, ClearSearchTicketAction, ClearSelectedFacilityAction, ClearSelectedParkAction, ClearSelectedRow, ClearSelectedSmartparkAction, ClearSmartparksBasicAction, ClearSpAndSparkVersionsAction, ClearSpecialTransientTablesAction, ClearSuspendedParkActivitiesAction, ClearUserSettingsByCategoryAction, ClearUsersAction, ClearValidationTypesAction, ClearZoneAction, ClearZonesAction, ClearZsAction, cloudServiceProxies as Cloud, CloudConfirmDialogComponent, CofCredentialSubTypeText, CoinStatusText, CollapsedGuestsByBatchIdAction, ComAggregatedStatus, ComAggregatedStatusText, ComStatusIconComponent, CommandCenterModuleResolver, CommandNotificationBorderClass, CommandNotificationComponent, CommandNotificationDisplayCase, CommandNotificationService, CommandNotificationType, CommandsLocalizationKey, CommonPagesModule, CompanyService, ConfigResolver, ConnectSmartparkAction, ContainerRefDirective, CoreEntities, CouponSearchFieldSelectorText, CreateBasicBatchAction, CreateBasicGuestAction, CreateBatchAction, CreateCategoryAction, CreateColorAction, CreateGroupAction, CreateGuestAction, CreateJobTitleAction, CreateModelAction, CreateOrUpdateSMTPDetailsAction, CredentialTypeText, CreditCardTypeText, CrudOperationText, CurlyToBoldPipe, DATA_IMAGE_BASE64_PREFIX, DATE_TIME_ERROR_INVALID_DATE, DATE_TIME_ERROR_INVALID_DATE_RANGE, DATE_TIME_ERROR_REQUIRED, DEFAULT_DATE_FORMAT, DEFAULT_EXPIRATION_MONTHS_COUNT, DEFAULT_MINIMUM_LENGTH, DEFAULT_MODULE, DEFAULT_PASSWORD_HISTORY_COUNT, DEFAULT_PERMITTED_CREDENTIALS, DEFAULT_SMART_PARK_DATE_TIME, DEFAULT_SORT_MENU, DEFAULT_SPECIAL_TRANSIENT_CATEGORY, DEFAULT_STICKER_NUM, DEVICE_EVENT_OPTIONS_KEY, DEVICE_NAVIGATE_KEY, DISABLED_FOCUS_ELEMENT_CLASSES, DISABLED_FOCUS_ELEMENT_TYPES, DYNAMIC_PRICING_CONDITION, DataQaAttribute, DateService, DateValidityText, DaysText, DecimalToAmountPipe, DecimalToCurrencyPipe, DefaultImageTimeout, DeleteCategoryAction, DeleteGroupAction, DeleteGuestAction, DeleteJobTitleAction, DeleteLogoAction, DeleteUserAction, DetectBrowserService, DeviceActivityChangedAction, DeviceActivityLabel, DeviceActivityMode, DeviceActivityModeIcon, DeviceActivityModeText, DeviceActivityStatus, DeviceActivityType, DeviceAggregatedStatus, DeviceAggregatedStatusText, DeviceEventChangedAction, DeviceIconComponent, DeviceIndicationStatus, DeviceLaneTypes, DeviceLoop, DeviceModule, DevicePipeModule, DevicePrinterStatusText, DeviceRemoteCommandsService, DeviceSortBy, DeviceStatusBaseComponent, DeviceStatusChangedAction, DeviceTypeIconName, DeviceTypeText, DeviceTypesAlertsMapping, DevicesViewMode, DialogMode, DipSwitchStatus, Disable2FAAction, DisableUserSSOAction, DisabledDirective, DisconnectSmartParkAction, DoorSensorStatus, DoorStatusText, DurationMessageBar, DynamicContainerComponent, DynamicEllipsisTooltipDirective, ENGLISH_LANGUAGE, ENVIRONMENT, EXPIRATION_MONTHS_COUNT_OPTIONS, edgeServiceProxies as Edge, EditUserAction, ElectronicWalletPaymentMethodTypesText, EllipsisMultilineDirective, EmailServerModule, EmailServerState, EmptyResultsComponent, Enable2FAAction, EnumsToArrayPipe, EnvironmentModeText, ErrorPageComponent, ErrorPageResolver, ErrorResultsComponent, ExceedingBehaviorTypeText, ExpandGuestsByBatchIdAction, ExportFileService, ExportGuestsAction, ExportPdfSmartparksTableAction, ExportSmartparkAction, FONT_BASE64, FacilitiesAndSmartparksState, FacilityChangedAction, FacilityMenuService, FacilityModule, FacilityRemoteCommandExecutedAction, FacilityRemoteCommandTypesIcon, FacilityRemoteCommandsLocalizationKey, FacilityRemoteCommandsMenuItems, FacilityService, FacilityState, FieldLabelComponent, FieldValidationsComponent, FileGenerateMethod, FileSanitizerService, FileService, FilterByDeviceType, FilterDevicesByTypePipe, FilterDevicesByZonePipe, FilterKeysPipe, FilterNumbersPipe, FilterPipe, FlattenedCoreEntities, FloatMessageBarService, ForgotPasswordAction, ForgotPasswordTenantlessAction, FormValidationsComponent, FormattedInputDirective, FrequentParkingActionText, FrequentParkingErrorActionText, GATE_STATE_VALUE, GeneralActionService, GenerateSearchParamsDto, GenerateSlimSearchParamsDto, GetAllLocalizationsAction, GetLogoAction, GetRateByIdAction, GetSpecialTransientTablesAction, GetUserSettingsByCategoryAction, GlobalErrorService, GlobalMessageContainerComponent, GroupModule, GroupPermissionsPipe, GroupState, GuestModule, GuestOpenTicketChoice, GuestOpenTicketDialogComponent, GuestOpenTicketResolutionService, GuestSearchFieldSelectorText, GuestState, GuestTypeCastText, GuestTypesText, HOUR_FORMAT_12, HOUR_FORMAT_24, HOUR_FORMAT_FULL_DAY, HandleAlertsAction, HandleNotificationAction, HandledNotificationAction, HasActionErrored, HealthAction, HoldRelayMode, HoldRelayModeText, HopperStatusText, HotelGuestSearchFieldSelectorText, HtmlSanitizerService, HttpCancelBlackListUrls, HttpCancelInterceptor, HttpCancelService, HumanizePipe, INPUT_SEARCH_DEBOUNCE_TIME, INPUT_SEARCH_DEBOUNCE_TIME_LOW, INPUT_SEARCH_DEBOUNCE_TIME_MEDIUM, IconButtonDirective, IconColumnComponent, IconComponent, IconModule, IconsHelper, IconsHelperText, identityServiceProxies as Identity, ImportMonthyStastusFieldSelectorText, InitAddSmartparkConnectionAction, InitSMTPDetailsAction, InitSessionFromLocalStorageAction, InitSmartparkTransportAction, IntercomComponent, InternetConnectionService, InternetConnectionStatus, IsActionExecuting, IsEllipsisDirective, JobTitleModule, JobTitleState, LOCAL_ENGLISH_LANGUAGE, LOCATION_OPTIONS, LOGGED_TENANT_KEY, LOOKUP_NAME_MAX_LENGTH, LanguageTypeKeys, LayoutModule, LayoutState, Load2FAUserAction, LoadAccessProfileBaseZonesAction, LoadAccessProfileZoneAction, LoadAccessProfileZonesAction, LoadAdministrativeNotificationsAction, LoadAlertsAndNotificationsAction, LoadAppConfigurationAction, LoadBackofficeAppConfigurationAction, LoadBackofficeSmartparksTableAction, LoadBackofficeSpAndSparkVersionsAction, LoadBackofficeVarByIdAction, LoadBackofficeVarsAction, LoadCalculatorPriceAction, LoadCategoriesAction, LoadCcMainBaseZonesAction, LoadCcMainZonesAction, LoadColorsAction, LoadColorsAction1, LoadColorsAction2, LoadColorsAction3, LoadColorsAction4, LoadColorsAction5, LoadDeviceAction, LoadDeviceEventActivitiesAction, LoadDeviceEventsAction, LoadDeviceEventsCollapse, LoadDeviceLprTransactionsAction, LoadDeviceStatusAction, LoadDevicesAction, LoadDevicesByTypeAction, LoadDynamicPricingBaseZonesAction, LoadDynamicPricingZoneAction, LoadEventActivitiesCollapse, LoadFacilityAction, LoadFacilityRemoteCommandsRefAction, LoadGroupAction, LoadGuestByIdAction, LoadGuestProfilesAction, LoadGuestsAction, LoadGuestsByBatchIdAction, LoadGuestsByBatchIdCancelledAction, LoadJobTitleAction, LoadLocateTicketSearchAction, LoadLocatedTicketAction, LoadLprTransactionsCollapse, LoadMacroCommandsAction, LoadModelsAction, LoadModelsAction1, LoadModelsAction2, LoadModelsAction3, LoadModelsAction4, LoadModelsAction5, LoadOverflowPriceTableAction, LoadParkActivitiesAction, LoadParkDevicesAction, LoadParkerAction, LoadParkersAction, LoadParkingLotAction, LoadParksAction, LoadRateByIdAction, LoadRatesAction, LoadRemoteCommandsRefAction, LoadReportsBaseZonesAction, LoadReportsZoneAction, LoadReportsZonesAction, LoadSMTPDetailsAction, LoadSelectedDeviceAction, LoadSmartparksAction, LoadSmartparksDropdownAction, LoadSmartparksTableAction, LoadSpAndSparkVersionsAction, LoadStickerPriceTableAction, LoadTicketNumParkersAction, LoadTransientPriceTableAction, LoadUserCapabilitiesAction, LoadUsersAction, LoadUsersAdministrativeNotificationsAction, LoadValidationTypeAction, LoadVarsAction, LoadZsAction, LoadingOverlayComponent, LocalStorageMigrator, LocalStorageService, Localization, LocalizationModule, LocalizationResolver, LocalizationService, LocalizationState, LoginModule, LoginRequestAction, LoginService, LoginState, LoginSuccess, LogoComponent, LogoState, LogoutAction, LogoutMobileAction, LoopStatus, LowerCaseUrlSerializer, LprTransactionsChangedAction, LprTransactionsOptionsText, LprTransactionsSearchFieldSelectorText, MANUAL_ACTION_REASON_NAME_MAX_LENGTH, MAX_ALLOWED_BADGE_VALUE, MAX_ALLOWED_CURRENT_BALANCE, MAX_ALLOWED_DEDUCTION_VALUE, MAX_ALLOWED_GUEST_UNIT_QUANTITY, MAX_ALLOWED_IDENTIFIER_VALUE, MAX_ALLOWED_STARTING_PURSE_VALUE, MAX_CAPACITY_VALUE, MAX_CARDS, MAX_CAR_PLATES, MAX_EMAIL_CHARACTERS_LENGTH, MAX_EXPORT_RECORDS, MAX_HOTEL_ROOM_NUMBER_LENGTH, MAX_INT16_VALUE, MAX_INT32_VALUE, MAX_INTEGER_VALUE, MAX_LENGTH_BATCH_NAME, MAX_LENGTH_DESCRIPTION_50, MAX_LENGTH_DESCRIPTION_70, MAX_LENGTH_FOOTER, MAX_LENGTH_LEFT, MAX_LENGTH_LEFT_BACKWARD_COMPATIBILITY, MAX_LENGTH_MANUAL_TEXT, MAX_LENGTH_NAME_100, MAX_LENGTH_NAME_20, MAX_LENGTH_NAME_25, MAX_LENGTH_NAME_30, MAX_LENGTH_NAME_50, MAX_LENGTH_NOTES, MAX_LENGTH_QUANTITY, MAX_LENGTH_REASON_DESCRIPTION, MAX_LENGTH_SERACH_TERM, MAX_LENGTH_SERACH_TERM_30, MAX_MOBILE_LENGTH, MAX_NUMBER_OF_NIGHTS, MAX_NUMBER_OF_ROW_IN_MENU, MAX_OCCUPANCY_VALUE, MAX_PERIOD_TIME, MAX_PLATE_ID_LENGTH, MAX_PRICE_NO_TIME_LIMIT_VALUE, MAX_PRICE_PERIOD_VALUE, MAX_REPEAT_COUNT_VALUE, MAX_RESULTS, MAX_ROLE_NAME_LENGTH, MAX_SP, MAX_TIME_RANGE_ITEMS_PER_KEY, MC_READER_ID, MESSAGE_BAR_DEFAULT_ID, MINIMUM_DROPDOWN_RESULTS_WITHOUT_SEARCH, MINIMUM_LENGTH_OPTIONS, MINUTES_PER_HOUR, MIN_ALLOWED_GUEST_UNIT_QUANTITY, MIN_LENGTH_QUANTITY, MIN_MESSAGE_DURATION, MIN_NUMBER_OF_ROW_IN_MENU, MIN_TIME_RANGE_ITEMS_PER_KEY, MOBILE_REFRESH_INFO, MSALGuardConfigFactory, MSALInstanceFactory, MSALInterceptorConfigFactory, MSLAuthService, MULTIPLE, MainModuleToSubModulesPermissionTypeMap, MatHintErrorDirective, MaxAllowedSurchargeAmount, MaxAllowedSurchargeMaxLimit, MaxAllowedSurchargeMinLimit, MaxDisplayTimeout, MaxIPV4TextLength, MaxSurchargeNameLength, MenuAppModuleLoadAction, MenuClearAction, MenuLoadAction, MenuService, MenuSubModuleClearAction, MenuSubModuleLoadAction, MessageBarComponent, MessageBarContainerComponent, MessageBarModule, MessageBarPosition, MessageBarService, MessageBarStatus, MiddayPeriod, MinAllowedSurchargeAmount, MinAllowedSurchargeMaxLimit, MinAllowedSurchargeMinLimit, MinDisplayTimeout, MobileAppSectionLabel, MobileLogoutAction, ModalButtonsWrapperComponent, ModalService, ModuleGuard, ModuleMenuBaseComponent, MonthlyRenewalSettingsActionTypesText, MonthlyRenewalSettingsActionTypesValueText, MonthlySearchFieldSelectorText, MslEventType, NONE_ACTIVE_BYTE, NONE_USER_ID, NO_RESULT, NativeElementInjectorDirective, NotSupportedBrowserGuard, NotSupportedBrowserPageComponent, NotificationChangedAction, NotificationClass, NotificationClassficationType, NotificationCloseAllButtonComponent, NotificationConfig, NotificationEventService, NotificationHPositions, NotificationModule, NotificationSeverityText, NotificationTypeLabelComponent, NotificationTypeText, NotificationVPositions, NotificationsModule, ONE_DAY_IN_MINUTES_VALUE, ONE_MINUTE_IN_MILLISECONDS, ONE_SECOND_IN_MILLISECONDS, OPEN_TICKET_CHECK_MIN_VERSION, OPEN_TICKET_CHECK_NOTICE_DELAY_MS, OffScreenDirective, OpenIdAuthInitializeService, OpenIdAuthService, OpenIdAutheticateAction, Operator, OrderBy, OrderByPipe, OrderDirection, OrphanFacilitiesPipe, PARKER_SEARCH_AUTO_REDIRECT, PASSWORD_EXPIRED, PASSWORD_HISTORY_COUNT_OPTIONS, PREVENT_CLICK_ELEMENT_CLASSES, ParkActivitiesModule, ParkActivitiesState, ParkActivityChangedAction, ParkConnectionStatus, ParkConnectionStatusClass, ParkConnectionStatusText, ParkManagerModule, ParkManagerState, ParkService, ParkTimeService, ParkerSearchTerm, ParkerService, ParkerState, ParkerTagsText, ParkerTypesText, PasswordScore, PasswordStrengthService, PaymentSearchFieldSelectorText, PaymentServiceTypeText, PaymentsTypesText, PermissionCacheService, PermissionConfigService, PermissionGroupText, PermissionTypeSupportedVersionDictionary, PermissionTypeText, PermissionsService, PrintReceiptAction, ProfileTypeText, QUERY_INTENT_PATTERNS, RATE_ID_WITH_VALUE_2, REDIRECT_URL, RELAY_2_VALUE, RELAY_3_VALUE, RELAY_4_VALUE, REPORT_CATEGORY_ALL, RESET_PASSWORD_EMAIL, RESTRICTED_CAR_NOTE_MAX_LENGTH, REVENUE_DATA_UNAVAILABLE, RTL_LANGUAGES, RTObjectObject, RangeModes, RangeModesText, RateModule, RateState, RealtimeEventService, RealtimeResolver, ReceiptGeneratedAction, RefreshTokenService, RefreshTokenState, RelayStatus, ReloadParkerAction, RemoteCommandService, RemoteCommandTypesIcon, RemoteValidationModule, RemoteValidationState, RemoveExpiredAlertsAndNotificationsAction, RemoveSmartparkBasicAction, ReportMethodDictionary, ResendPendingAdminInvitationsAction, ResendUserInvitationAction, ResetRatesAction, RestartLinkComponent, RestartLinkModule, RestrictionLocationTypeText, RestrictionLocationTypeTextTable, RestrictionTypeText, RevenueService, RouteService, RowOperation, rpcServiceProxies as Rpc, SESSION, SPECIAL_TRANSIENT_CATEGORIES, SPECIAL_TRANSIENT_LABEL_NOT_AVAILABLE, STATUS_CODE_SERVER_VALIDATION, STATUS_CODE_UNAUTHORIZED, STRING_ZERO, SUPER_PARK_ROUTE_KEY, SUPPORETD_RESTORE_TICKET_TYPES, SUPPORTED_CAR_ON_LOOP_DEVICE_TYPES, SUPPORTED_DEVICES_SCHEDULER, SUPPORTED_GATE_DEVICE_TYPES, SUPPORTED_LPR_TRANSACTIONS_DEVICE_TYPES, SUPPORTED_PAYMENT_FOR_ISF_TYPES, SUPPORTED_RESTORE_TICKET_DEVICE_TYPES, SUPPORTED_STATUS_DEVICE_TYPES, SUPPORTED_TICKET_INSIDE_DEVICE_TYPES, SYSTEM_ALERT_VALUE, SanitizedInnerHtmlDirective, SearchFacilitiesMode, SearchFieldSelectorText, SearchTicketAction, SearchValueHighlightComponent, SecurityModule, SecurityState, SelectDeviceAction, SelectLprTransactionsRowAction, SelectParkAction, SelectSmartParkAction, SelectedRowAction, SendEmailFromEntityAction, SendEmailToGuestAction, SendGuestPassesToEmailAction, SendTestEmailAction, ServiceProxyModule, ServicesRunningStatusChangedAction, SessionState, SessionStorageService, SetBackofficeSmartParkVersionsAction, SetBasicMenuAction, SetConflictDetected, SetDeviceEventsExpanded, SetDeviceRemoteCommandsMapAction, SetDeviceStatusAction, SetDeviceViewModeAction, SetEnableHotelPostingAction, SetEventActivitiesExpanded, SetFacilityRemoteCommandsMapAction, SetGuestsAction, SetLprTransactionsExpanded, SetMobileModeAction, SetParkActivitiesAction, SetRealTimeEventStatusAction, SetSearchTermAction, SetSelectedParkAction, SetSelectedSmartparkAction, SetSmartParkAction, SetSmartParkTableAction, SetSmartParkVersionsAction, SetSmartparkBasicAction, SetSmartparkBasicAllAction, SetSmartparkEdgeWebhooksAction, SetStateAction, SetTFASetupAction, SetTenantUserAction, SetTicketIdentifierAction, SetUserNameAction, SetUserStatusAction, SetUsersAction, SetkeepMeLoggedInAction, SharedComponentsModule, SharedDirectivesModule, SharedModule, SharedPipesModule, SideNavSortBy, SidenavModule, SidenavState, SignalR, SignalRObject, SignalRRefreshTokenAction, SingleSignOnProviderText, SmartParkDeviceStatusChangedAction, SmartParkStatusText, SmartparkDateTimePipe, SmartparkModule, SmartparkService, SmartparkState, SortDevicesPipe, SortPipe, SparkKeyboardEvent, SparkNotification, SpecialDaysPipe, SpecialTransientCategory, SpecialTransientCategoryText, SpinnerDiameterSize, StaticMessageBarService, StatusIconComponent, StickerSearchFieldSelectorText, StopPropagationDirective, StringItPipe, SubModuleGuard, SubstrHightlightManyPipe, SubstrHightlightPipe, SubstrHightlightSinglePipe, SwallowUnitStatusText, SwitchUserToSSOAction, SyncUsersAndRolesBySmartparkIdAction, TAKE_TOP_300, TBFormatPipe, TBNumberDirective, TENANT_KEY, TENS_MULTIPLIER, TableColumnGroup, TableColumnGroupLabel, TableRowHeightSizes, TableTypeText, TagLabelType, TechToolsModuleResolver, TenantClearAction, TenantLoadAction, TenantLogoModule, TenantService, TenantlessLoginMode, TibaDateFormat, TibaMatDialogConfig, TibaRetryPolicy, TibaValidators, TicketService, TimeAgoPipe, TimeElapsedCounterComponent, TimeElapsedFormats, TimeElapsedPipe, TimeRangeFormats, TimeRangePipe, ToggleDrawerAction, ToggleDrawerCollapseAction, TooltipPositions, TrackAction, TransientParkingActionText, TranslateLocalPipe, TreeFilterKeysPipe, TreeMode, TruncatePipe, TypeCastText, UNSAVED_DATA, USER_IS_TEMPORARY_BLOCKED, UnloadParkingLotAction, UnsafeHtmlValidatorDirective, UpdateAndActivateUserAction, UpdateAuthTokenAction, UpdateBasicGuestAction, UpdateDocumentAction, UpdateGuestAction, UpdateGuestLocationAction, UpdateMobileMode, UpdateSmartparkAction, UpdateSmartparkNameAction, UpdateSmartparkVarAction, UpdateTenantInfoProps, UpdateTenantSingleSignOnAction, UpdateTicketPlateIdAction, UpdateUserAlertsPreferencesAction, UpdateUserNotificaitonsPreferencesAction, UpdateUserSettingsAction, UpdateUserSettingsInSessionAction, UploadLogoAction, UserCreationType, UserModule, UserSettingsModule, UserSettingsState, UserState, VALIDATION_TYPE_BY_HOURS_41, VALIDATION_TYPE_BY_HOURS_42, VALID_DATETIME_FILTERS, VALID_TIME_MAX_LENGTH, VALID_ZIP_CODE_LENGTH, VERSION_10_1_0, VERSION_10_2_0, VERSION_10_2_1, VERSION_10_3_0, VERSION_10_3_9, VERSION_10_4_0, VERSION_25_1_0, VERSION_25_2_0, VERSION_25_2_1, VERSION_25_3_0, VERSION_25_3_1, VERSION_25_3_6, VERSION_25_4_0, VERSION_25_4_1, VERSION_26_1_0, VERSION_26_1_1, VERSION_26_1_2, VERSION_26_2_0, VERSION_26_3_0, VERSION_7_4_0, VERSION_7_4_1, VERSION_8_1_0, VERSION_8_2_0, VERSION_8_3_0, VERSION_8_4_0, VERSION_9_1_0, VERSION_9_2_0, VERSION_9_2_2, VERSION_9_3_0, VERSION_9_4_0, VGuestWithBatchTableData, VIRTUAL_DEVICE_LPR_COMPACT_LAYOUT_MEDIA_QUERY, ValidateUserTokenAction, ValidationService, ValidationStickerType, ValidationTypeModule, ValidationTypeState, VarDirective, Verify2FactorAuthenticationAction, VirtualValidationStatusText, WhatsAppReceiptAction, WrapFnPipe, YEAR_LIMIT_IN_DAYS, ZerofyNegativePipe, ZoneChangedAction, ZoneModule, ZoneState, accountModuleAnimation, adjustForTimezone, allowSpecialKeys, alphanumericRegex, appModuleAnimation, areDatesIdentical, areVersionsCompatible, arrayEquals, arraysAreDifferent, baseReduce, blobToBase64, buildMessageInfos, buildMessages, camelize, cancelOn, canceled, capitalizeFirstLetter, compareValues, composeSubCategoryLabel, convert24HoursToAmPM, convertAmPmTo24Hours, convertBinaryToDecimal, convertCentToWholeCoin, convertDecimalToBinary, convertFeaturePermissionsToDictionary, convertFormatWithoutTime, convertWholeCoinToCent, createDescriptor, createMessageText, dateDiffInSeconds, dateRangeKey, days, daysTranslation, decimalNumberRegex, decimalPercentageRegex, decimalPositiveNumberRegex, decryptClientSecret, delayCancellation, deviceIndicationStatusLocalization, deviceTypeFilterOptions, diffInMillis, dispatched, distinctObjectByProperties, distinctObjectByProperty, downloadFile, ensureObjectMetadata, entryDevicesLaneTypes, errored, exceedsLength, exitDevicesLaneTypes, extractErrorsChanges, extractNumber, extractResetChanges, extractSetValueChanges, extractToggleStatusChanges, extractTouchedChanges, extractUpdateValueAndValidityChanges, filterDependentPermissions, filterDevicesByTypes, filterKeyValueBaseReduce, findChildRoute, findObjectDifferences, findParentElement, findParentElementDimensions, findParentRoute, findParentRouteConfig, flattenByKey, focusFirstInvalidField, focusFirstProblem, focusFirstProblemInTabs, formatMinutesToTimeNumber, formatTimeToMinutes, formatTimeToString, formatTimeWithMidnight, formatTimeWithSeparator, formatTimeWithoutMidnight, formatTimeWithoutSeparator, formatTimeWithoutSeperatorAndWithMidnight, formatTimeWithoutSeperatorAndWithoutMidnight, getActivatedRoutePathSegment, getAddress, getCurrentLang, getDateTimeInSeconds, getDateWithoutTime, getDaysFromValue, getDefaultDeviceStatus, getFormattedTime, getMomenWithTime, getMomentNullable, getMomentWithoutTime, getNavigationRoute, getObjectMetadata, getParkerTypesText, getPasswordMinimalLength, getSecondsBackoff, getTooltipTextByParkerType, getUserTimeZone, getUtcMomentNullable, hasMiddayPeriod, hasMonthName, hasRequiredField, hasUnsafeHtmlValue, hasValue, humanizeTimeElapsed, humanizeUtcTimeElapsed, identity, initializeMsal, initializeOpenId, integerNumberRegex, integerPositiveNumberRegex, ipv4Regex, isBoolean, isCharacterLengthValid, isDefinedAndNotEmpty, isDeviceActive, isDeviceDisplayedActive, isDeviceInFilterDeviceTypes, isDeviceInFiltersDeviceTypes, isFalsy, isIOSDevice, isMaxDaysRangeValid, isNullOrEmpty, isNumber, isObjectEmpty, isQueryIntentRequest, isSearchFieldChanged, isSingularOrPlural, isTrueInBinary, isTruthy, isVersionGreaterThanEqual, loadHTMLContent, lowerCase, lowerCaseFirstLetter, mapTransientTags, markEntitiesAsChanged, markEntityAsUnchanged, matchesDeviceCriteria, matchesDeviceParkingLotCriteria, matchesDevicesParkingLotCriteria, minutesToTime, mobileRegex, nameof, navigateToForbiddenAccessPage, navigateToNotSupportedBrowserPage, noEmojiRegex, notificationAnimation, numberWithLeadingZero, objectKeystoLowerCase, ofStatus, omitKeys, openBackgroundIframe, openCloseFiltersAnimation, parentParkBaseEventTypes, parentParkEventTypes, parkBaseEventTypes, parkEventTypes, parkerEnumToText, parseApiErrorData, parseApiErrorMessage, parseDateTimeToSparkParkTime, parseSmartParkTime, passwordRegex, percentageRegex, printSpecialDaysText, printStackTrace, readjustForTimezone, regexExp, remoteCommandLocalizationMap, replaceAll, resolveAccessModeIcon, resolveSpecialTransientCategory, rtEventPermissions, safeParse, sanitizeHtmlValue, searchBarPopupAnimation, setDateTimeErrorMessage, setErrorMessage, shortDaysTranslation, sleep, slideFromBottom, slideFromRight, slideFromUp, slideUpDown, successful, timeToMinutes, timeToMoment, toInt, toNumberMap, toStringMap, truncate, wrapConstructor };
 //# sourceMappingURL=tiba-spark-client-shared-lib.mjs.map