@tiba-spark/client-shared-lib 25.3.0-620 → 25.3.0-629

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

@@ -19,7 +19,7 @@ import * as i1$3 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$4 from '@angular/cdk/layout';
 import moment$1 from 'moment-timezone';
-import * as i2$2 from '@angular/material/dialog';
+import * as i2$1 from '@angular/material/dialog';
 import { MatDialogModule, MAT_DIALOG_DATA, MatDialogConfig, MatDialogState } from '@angular/material/dialog';
 import * as i1$6 from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
@@ -37,9 +37,9 @@ import { datadogLogs } from '@datadog/browser-logs';
 import { HubConnectionBuilder, HttpTransportType, HubConnectionState } from '@microsoft/signalr';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver';
-import * as i2$1 from '@angular/platform-browser';
 import * as i4 from '@angular/material/core';
 import { MatRippleModule } from '@angular/material/core';
+import * as i2$2 from '@angular/platform-browser';
 import CryptoJS from 'crypto-js';
 import * as mixpanel from 'mixpanel-browser';
 import { PublicClientApplication, BrowserCacheLocation, LogLevel, InteractionType } from '@azure/msal-browser';
@@ -27439,6 +27439,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ name: 'tbFormat', standalone: true }]
         }] });
 
+class GroupPermissionsPipe {
+    transform(permissions) {
+        const groupPermissions = [];
+        for (const permission of permissions?.filter(p => !p['hide'])) {
+            if (permission.group === PermissionGroup$2.None) {
+                groupPermissions.push(permission);
+            }
+            else {
+                const groupIndex = groupPermissions.findIndex((groupPermissions) => groupPermissions.id === permission.group);
+                if (groupIndex === -1) {
+                    const groupPermission = {
+                        id: permission.group,
+                        permissions: [permission]
+                    };
+                    groupPermissions.push(groupPermission);
+                }
+                else {
+                    groupPermissions[groupIndex].permissions.push(permission);
+                }
+            }
+        }
+        return groupPermissions;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupPermissionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GroupPermissionsPipe, isStandalone: true, name: "groupPermissions" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupPermissionsPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'groupPermissions', standalone: true }]
+        }] });
+
+/**
+ * Transforms a string by replacing all underscores with spaces.
+ *
+ * @param value - The input string that may contain underscores.
+ * @returns The transformed string with underscores replaced by spaces.
+ *          Split the string whenever an uppercase letter starts
+ *          Returns an empty string if the input is null, undefined, or empty.
+ */
+class HumanizePipe {
+    transform(value) {
+        if (!value) {
+            return '';
+        }
+        return value.split(/(?=[A-Z])/).join(' ').replace(/_/g, ' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HumanizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: HumanizePipe, isStandalone: true, name: "humanizePipe" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: HumanizePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'humanizePipe', standalone: true }]
+        }] });
+
 var OrderDirection$1;
 (function (OrderDirection) {
     OrderDirection[OrderDirection["Ascending"] = 0] = "Ascending";
@@ -27469,6 +27523,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ name: 'orderBy', standalone: true }]
         }] });
 
+class OrphanFacilitiesPipe {
+    transform(facilityTreeDtos) {
+        const facilityIds = facilityTreeDtos.map(f => f.id);
+        const orphansFacilities = facilityTreeDtos.filter(ft => facilityIds.indexOf(ft.parent) < 0);
+        return orphansFacilities;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrphanFacilitiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OrphanFacilitiesPipe, isStandalone: true, name: "OrphanFacilities" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrphanFacilitiesPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'OrphanFacilities', standalone: true }]
+        }] });
+
 var FrequentParkingActionText;
 (function (FrequentParkingActionText) {
     FrequentParkingActionText["Unknown"] = "unknown";
@@ -27545,6 +27613,14 @@ var FrequentParkingErrorActionText;
     FrequentParkingErrorActionText["Exit"] = "exit";
 })(FrequentParkingErrorActionText || (FrequentParkingErrorActionText = {}));
 
+var LanguageTypeKeys;
+(function (LanguageTypeKeys) {
+    LanguageTypeKeys["English"] = "en";
+    LanguageTypeKeys["French"] = "fr";
+    LanguageTypeKeys["Spanish"] = "es";
+    LanguageTypeKeys["Hebrew"] = "he";
+})(LanguageTypeKeys || (LanguageTypeKeys = {}));
+
 //----------------------
 // <auto-generated>
 //     Generated using the NSwag toolchain v14.4.0.0 (NJsonSchema v11.3.2.0 (Newtonsoft.Json v13.0.0.0)) (http://NSwag.org)
@@ -87093,6 +87169,210 @@ const MinDisplayTimeout = 1;
 const DefaultImageTimeout = 10;
 ///// Vendor /////
 const MaxIPV4TextLength = 15;
+const RTL_LANGUAGES = [LanguageTypeKeys.Hebrew];
+
+const DATE_FORMAT_YYYY_MM_DD = 'YYYY-MM-DD';
+const DATE_FORMAT_YYYY_MM_DD_HH_MM = 'YYYY-MM-DD HH:mm';
+var MiddayPeriod;
+(function (MiddayPeriod) {
+    MiddayPeriod[MiddayPeriod["AM"] = 1] = "AM";
+    MiddayPeriod[MiddayPeriod["PM"] = 2] = "PM";
+})(MiddayPeriod || (MiddayPeriod = {}));
+function parseSmartParkTime(value) {
+    return moment$1(DEFAULT_SMART_PARK_DATE_TIME).seconds(value);
+}
+function parseDateTimeToSparkParkTime(selectedDate) {
+    if (!selectedDate) {
+        return null;
+    }
+    const date2 = moment$1(selectedDate);
+    // If the date we want is in DST then to avoid incorrect results we need to add it 1 hour
+    if (date2.isDST()) {
+        date2.add({ hour: 1 });
+    }
+    return dateDiffInSeconds(moment$1(DEFAULT_SMART_PARK_DATE_TIME), date2);
+}
+function getDateTimeInSeconds(date, time) {
+    date.setMinutes(time.minutes);
+    date.setHours(time.hours);
+    const dateTimeInSeconds = parseDateTimeToSparkParkTime(date);
+    return dateTimeInSeconds;
+}
+function dateDiffInSeconds(date1, date2) {
+    // moment ignore and return date with system time zone - using format correct the date object
+    const defaultSmartParkTimeUTC = moment$1.tz(date1, 'utc');
+    const selectedDateFormatted = moment$1(date2.format("YYYY-MM-DD HH:mm:ss"));
+    return selectedDateFormatted.diff(defaultSmartParkTimeUTC, 'seconds');
+}
+function humanizeTimeElapsed(from, to) {
+    return moment$1.duration(adjustForTimezone(from).getTime() - to.getTime()).humanize();
+}
+function humanizeUtcTimeElapsed(from, to) {
+    return moment$1.duration(from.getTime() - to.getTime()).humanize();
+}
+function diffInMillis(value, isAbsolute) {
+    const diff = moment$1.duration(moment$1(value).diff(moment$1())).asMilliseconds();
+    if (isAbsolute) {
+        return Math.abs(diff);
+    }
+    else {
+        return diff;
+    }
+}
+function getMomentNullable(date) {
+    return date ? moment$1(date) : null;
+}
+function getUtcMomentNullable(date) {
+    return date ? moment$1(date).utc(true) : null;
+}
+// When subtract the offset from the current date,
+// We get a date that if you remove the offset you will get UTCkind
+// of the time selected
+function adjustForTimezone(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes() - date.getTimezoneOffset(), date.getSeconds());
+}
+// re-adjust method when need to set back the timezoneoffset after using adjustForTimezone
+function readjustForTimezone(date) {
+    return !date ? null : new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes() + date.getTimezoneOffset(), date.getSeconds());
+}
+function isMaxDaysRangeValid(validFrom, validTo, allowedNumberOfDays) {
+    let maxDaysRangeValid = true;
+    if (validFrom && validTo) {
+        const validFromDate = moment$1(validFrom);
+        const validToDate = moment$1(validTo);
+        const numberOfDays = moment$1.duration(validToDate.diff(validFromDate)).asDays();
+        maxDaysRangeValid = !(numberOfDays > allowedNumberOfDays);
+    }
+    return maxDaysRangeValid;
+}
+function areDatesIdentical(fromDate, toDate) {
+    if (fromDate && toDate) {
+        const validFromDate = fromDate;
+        const validToDate = toDate;
+        validFromDate.setSeconds(0, 0);
+        validToDate.setSeconds(0, 0);
+        return validFromDate.getTime() === validToDate.getTime();
+    }
+}
+function getUserTimeZone() {
+    return moment$1.tz.guess();
+}
+function convertFormatWithoutTime(format) {
+    let formatValues = format.split("h");
+    if (formatValues.length === NO_RESULT) {
+        formatValues = format.split("H");
+    }
+    return formatValues[0];
+}
+function getDateWithoutTime(rowValueTime, dateFormat) {
+    const datePipe = new DatePipe('en-US');
+    const date = rowValueTime?.toDate();
+    return datePipe.transform(date, convertFormatWithoutTime(dateFormat));
+}
+function getMomentWithoutTime(momentDate) {
+    const formattedDate = momentDate.format(DATE_FORMAT_YYYY_MM_DD);
+    return new Date(formattedDate);
+}
+function getMomenWithTime(momentDate) {
+    const formattedDate = momentDate.format(DATE_FORMAT_YYYY_MM_DD_HH_MM);
+    return adjustForTimezone(new Date(formattedDate));
+}
+function formatMinutesToTimeNumber(value) {
+    if (value > 0) {
+        return `${Math.floor(value / 60).toString().padStart(2, '0')}${(value % 60).toString().padStart(2, '0')}`;
+    }
+    return null;
+}
+function formatTimeWithoutMidnight(value) {
+    return formatTimeWithSeparator(value, false);
+}
+function formatTimeWithMidnight(value) {
+    return formatTimeWithSeparator(value, true);
+}
+function formatTimeWithoutSeperatorAndWithMidnight(value) {
+    return formatTimeWithoutSeparator(value, true);
+}
+function formatTimeWithoutSeperatorAndWithoutMidnight(value) {
+    return formatTimeWithoutSeparator(value, false);
+}
+function formatTimeToMinutes(value) {
+    value = value?.toString();
+    if (value?.length === VALID_TIME_MAX_LENGTH) {
+        const h = ((+value[0] * TENS_MULTIPLIER) + +value[1]) * MINUTES_PER_HOUR;
+        const m = +value[2] * TENS_MULTIPLIER + +value[3];
+        return h + m;
+    }
+    return null;
+}
+function minutesToTime(minutes) {
+    return minutes >= 0 ? { hours: Math.floor(minutes / MINUTES_PER_HOUR), minutes: minutes % MINUTES_PER_HOUR } : null;
+}
+function timeToMinutes(time) {
+    return time ? (time.hours * MINUTES_PER_HOUR) + time.minutes : 0;
+}
+function timeToMoment(time) {
+    if (!time || time.hours == null || time.minutes == null) {
+        return null;
+    }
+    let { hours, minutes, seconds, middayPeriod } = time;
+    if (middayPeriod === MiddayPeriod.PM && hours < 12) {
+        hours += 12;
+    }
+    else if (middayPeriod === MiddayPeriod.AM && hours === 12) {
+        hours = 0;
+    }
+    return moment$1().hours(hours).minutes(minutes).seconds(seconds ?? 0);
+}
+function getFormattedTime(minutes, isMidnightEnable, format, defaultValue = null) {
+    if (isMidnightEnable || minutes > 0) {
+        return convertMinutesToTime(minutes, format);
+    }
+    return defaultValue !== null ? convertMinutesToTime(defaultValue, format) : null;
+}
+function convertMinutesToTime(minutes, format) {
+    // Determine if the format is 12-hour or 24-hour and extract the time part
+    const timeFormat = format.toLocaleLowerCase().includes('a') ? 'hh:mm A' : 'HH:mm';
+    return moment$1().startOf('day').add(minutes, 'minutes').format(timeFormat);
+}
+// Wrapper method to format minutes with ":" as separator (e.g., "HH:mm")
+function formatTimeWithSeparator(value, isMidnightEnable) {
+    return formatTime(value, isMidnightEnable, ':');
+}
+// Wrapper method to format minutes without separator (e.g., "HHmm")
+function formatTimeWithoutSeparator(value, isMidnightEnable) {
+    return formatTime(value, isMidnightEnable, '');
+}
+// Core method for formatting minutes with flexibility in output format
+function formatTime(value, isMidnightEnabled, separator = ':') {
+    if (isMidnightEnabled || value > 0) {
+        const hours = Math.floor(value / MINUTES_PER_HOUR).toString().padStart(2, '0');
+        const minutes = (value % MINUTES_PER_HOUR).toString().padStart(2, '0');
+        return `${hours}${separator}${minutes}`;
+    }
+    return null;
+}
+function formatTimeToString(obj) {
+    let result = '-';
+    if (obj) {
+        const hours = obj.hours?.toString().padStart(2, '0') ?? '00';
+        const minutes = obj.minutes?.toString().padStart(2, '0') ?? '00';
+        const seconds = obj.seconds?.toString().padStart(2, '0') ?? '00';
+        result = `${hours}:${minutes}:${seconds}`;
+    }
+    return result;
+}
+
+class SmartparkDateTimePipe {
+    transform(seconds = 0) {
+        return parseSmartParkTime(seconds).toDate();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkDateTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SmartparkDateTimePipe, isStandalone: true, name: "smartparkDatetime" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkDateTimePipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'smartparkDatetime', standalone: true }]
+        }] });
 
 var OrderBy;
 (function (OrderBy) {
@@ -89155,14 +89435,6 @@ var InternetConnectionStatus;
     InternetConnectionStatus["Disconnected"] = "disconnected";
 })(InternetConnectionStatus || (InternetConnectionStatus = {}));
 
-var LanguageTypeKeys;
-(function (LanguageTypeKeys) {
-    LanguageTypeKeys["English"] = "en";
-    LanguageTypeKeys["French"] = "fr";
-    LanguageTypeKeys["Spanish"] = "es";
-    LanguageTypeKeys["Hebrew"] = "he";
-})(LanguageTypeKeys || (LanguageTypeKeys = {}));
-
 var LoopStatus;
 (function (LoopStatus) {
     LoopStatus[LoopStatus["Off"] = 0] = "Off";
@@ -90001,254 +90273,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ name: 'zerofyNegative', standalone: true }]
         }] });
 
-const DATE_FORMAT_YYYY_MM_DD = 'YYYY-MM-DD';
-const DATE_FORMAT_YYYY_MM_DD_HH_MM = 'YYYY-MM-DD HH:mm';
-var MiddayPeriod;
-(function (MiddayPeriod) {
-    MiddayPeriod[MiddayPeriod["AM"] = 1] = "AM";
-    MiddayPeriod[MiddayPeriod["PM"] = 2] = "PM";
-})(MiddayPeriod || (MiddayPeriod = {}));
-function parseSmartParkTime(value) {
-    return moment$1(DEFAULT_SMART_PARK_DATE_TIME).seconds(value);
-}
-function parseDateTimeToSparkParkTime(selectedDate) {
-    if (!selectedDate) {
-        return null;
-    }
-    const date2 = moment$1(selectedDate);
-    // If the date we want is in DST then to avoid incorrect results we need to add it 1 hour
-    if (date2.isDST()) {
-        date2.add({ hour: 1 });
-    }
-    return dateDiffInSeconds(moment$1(DEFAULT_SMART_PARK_DATE_TIME), date2);
-}
-function getDateTimeInSeconds(date, time) {
-    date.setMinutes(time.minutes);
-    date.setHours(time.hours);
-    const dateTimeInSeconds = parseDateTimeToSparkParkTime(date);
-    return dateTimeInSeconds;
-}
-function dateDiffInSeconds(date1, date2) {
-    // moment ignore and return date with system time zone - using format correct the date object
-    const defaultSmartParkTimeUTC = moment$1.tz(date1, 'utc');
-    const selectedDateFormatted = moment$1(date2.format("YYYY-MM-DD HH:mm:ss"));
-    return selectedDateFormatted.diff(defaultSmartParkTimeUTC, 'seconds');
-}
-function humanizeTimeElapsed(from, to) {
-    return moment$1.duration(adjustForTimezone(from).getTime() - to.getTime()).humanize();
-}
-function humanizeUtcTimeElapsed(from, to) {
-    return moment$1.duration(from.getTime() - to.getTime()).humanize();
-}
-function diffInMillis(value, isAbsolute) {
-    const diff = moment$1.duration(moment$1(value).diff(moment$1())).asMilliseconds();
-    if (isAbsolute) {
-        return Math.abs(diff);
-    }
-    else {
-        return diff;
-    }
-}
-function getMomentNullable(date) {
-    return date ? moment$1(date) : null;
-}
-function getUtcMomentNullable(date) {
-    return date ? moment$1(date).utc(true) : null;
-}
-// When subtract the offset from the current date,
-// We get a date that if you remove the offset you will get UTCkind
-// of the time selected
-function adjustForTimezone(date) {
-    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes() - date.getTimezoneOffset(), date.getSeconds());
-}
-// re-adjust method when need to set back the timezoneoffset after using adjustForTimezone
-function readjustForTimezone(date) {
-    return !date ? null : new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes() + date.getTimezoneOffset(), date.getSeconds());
-}
-function isMaxDaysRangeValid(validFrom, validTo, allowedNumberOfDays) {
-    let maxDaysRangeValid = true;
-    if (validFrom && validTo) {
-        const validFromDate = moment$1(validFrom);
-        const validToDate = moment$1(validTo);
-        const numberOfDays = moment$1.duration(validToDate.diff(validFromDate)).asDays();
-        maxDaysRangeValid = !(numberOfDays > allowedNumberOfDays);
-    }
-    return maxDaysRangeValid;
-}
-function areDatesIdentical(fromDate, toDate) {
-    if (fromDate && toDate) {
-        const validFromDate = fromDate;
-        const validToDate = toDate;
-        validFromDate.setSeconds(0, 0);
-        validToDate.setSeconds(0, 0);
-        return validFromDate.getTime() === validToDate.getTime();
-    }
-}
-function getUserTimeZone() {
-    return moment$1.tz.guess();
-}
-function convertFormatWithoutTime(format) {
-    let formatValues = format.split("h");
-    if (formatValues.length === NO_RESULT) {
-        formatValues = format.split("H");
-    }
-    return formatValues[0];
-}
-function getDateWithoutTime(rowValueTime, dateFormat) {
-    const datePipe = new DatePipe('en-US');
-    const date = rowValueTime?.toDate();
-    return datePipe.transform(date, convertFormatWithoutTime(dateFormat));
-}
-function getMomentWithoutTime(momentDate) {
-    const formattedDate = momentDate.format(DATE_FORMAT_YYYY_MM_DD);
-    return new Date(formattedDate);
-}
-function getMomenWithTime(momentDate) {
-    const formattedDate = momentDate.format(DATE_FORMAT_YYYY_MM_DD_HH_MM);
-    return adjustForTimezone(new Date(formattedDate));
-}
-function formatMinutesToTimeNumber(value) {
-    if (value > 0) {
-        return `${Math.floor(value / 60).toString().padStart(2, '0')}${(value % 60).toString().padStart(2, '0')}`;
-    }
-    return null;
-}
-function formatTimeWithoutMidnight(value) {
-    return formatTimeWithSeparator(value, false);
-}
-function formatTimeWithMidnight(value) {
-    return formatTimeWithSeparator(value, true);
-}
-function formatTimeWithoutSeperatorAndWithMidnight(value) {
-    return formatTimeWithoutSeparator(value, true);
-}
-function formatTimeWithoutSeperatorAndWithoutMidnight(value) {
-    return formatTimeWithoutSeparator(value, false);
-}
-function formatTimeToMinutes(value) {
-    value = value?.toString();
-    if (value?.length === VALID_TIME_MAX_LENGTH) {
-        const h = ((+value[0] * TENS_MULTIPLIER) + +value[1]) * MINUTES_PER_HOUR;
-        const m = +value[2] * TENS_MULTIPLIER + +value[3];
-        return h + m;
-    }
-    return null;
-}
-function minutesToTime(minutes) {
-    return minutes >= 0 ? { hours: Math.floor(minutes / MINUTES_PER_HOUR), minutes: minutes % MINUTES_PER_HOUR } : null;
-}
-function timeToMinutes(time) {
-    return time ? (time.hours * MINUTES_PER_HOUR) + time.minutes : 0;
-}
-function timeToMoment(time) {
-    if (!time || time.hours == null || time.minutes == null) {
-        return null;
-    }
-    let { hours, minutes, seconds, middayPeriod } = time;
-    if (middayPeriod === MiddayPeriod.PM && hours < 12) {
-        hours += 12;
-    }
-    else if (middayPeriod === MiddayPeriod.AM && hours === 12) {
-        hours = 0;
-    }
-    return moment$1().hours(hours).minutes(minutes).seconds(seconds ?? 0);
-}
-function getFormattedTime(minutes, isMidnightEnable, format, defaultValue = null) {
-    if (isMidnightEnable || minutes > 0) {
-        return convertMinutesToTime(minutes, format);
-    }
-    return defaultValue !== null ? convertMinutesToTime(defaultValue, format) : null;
-}
-function convertMinutesToTime(minutes, format) {
-    // Determine if the format is 12-hour or 24-hour and extract the time part
-    const timeFormat = format.toLocaleLowerCase().includes('a') ? 'hh:mm A' : 'HH:mm';
-    return moment$1().startOf('day').add(minutes, 'minutes').format(timeFormat);
-}
-// Wrapper method to format minutes with ":" as separator (e.g., "HH:mm")
-function formatTimeWithSeparator(value, isMidnightEnable) {
-    return formatTime(value, isMidnightEnable, ':');
-}
-// Wrapper method to format minutes without separator (e.g., "HHmm")
-function formatTimeWithoutSeparator(value, isMidnightEnable) {
-    return formatTime(value, isMidnightEnable, '');
-}
-// Core method for formatting minutes with flexibility in output format
-function formatTime(value, isMidnightEnabled, separator = ':') {
-    if (isMidnightEnabled || value > 0) {
-        const hours = Math.floor(value / MINUTES_PER_HOUR).toString().padStart(2, '0');
-        const minutes = (value % MINUTES_PER_HOUR).toString().padStart(2, '0');
-        return `${hours}${separator}${minutes}`;
-    }
-    return null;
-}
-function formatTimeToString(obj) {
-    let result = '-';
-    if (obj) {
-        const hours = obj.hours?.toString().padStart(2, '0') ?? '00';
-        const minutes = obj.minutes?.toString().padStart(2, '0') ?? '00';
-        const seconds = obj.seconds?.toString().padStart(2, '0') ?? '00';
-        result = `${hours}:${minutes}:${seconds}`;
-    }
-    return result;
-}
-
-class SmartparkDateTimePipe {
-    transform(seconds = 0) {
-        return parseSmartParkTime(seconds).toDate();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkDateTimePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SmartparkDateTimePipe, isStandalone: true, name: "smartparkDatetime" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkDateTimePipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'smartparkDatetime', standalone: true }]
-        }] });
-
-class OrphanFacilitiesPipe {
-    transform(facilityTreeDtos) {
-        const facilityIds = facilityTreeDtos.map(f => f.id);
-        const orphansFacilities = facilityTreeDtos.filter(ft => facilityIds.indexOf(ft.parent) < 0);
-        return orphansFacilities;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrphanFacilitiesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OrphanFacilitiesPipe, isStandalone: true, name: "OrphanFacilities" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OrphanFacilitiesPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'OrphanFacilities', standalone: true }]
-        }] });
-
-class GroupPermissionsPipe {
-    transform(permissions) {
-        const groupPermissions = [];
-        for (const permission of permissions?.filter(p => !p['hide'])) {
-            if (permission.group === PermissionGroup$2.None) {
-                groupPermissions.push(permission);
-            }
-            else {
-                const groupIndex = groupPermissions.findIndex((groupPermissions) => groupPermissions.id === permission.group);
-                if (groupIndex === -1) {
-                    const groupPermission = {
-                        id: permission.group,
-                        permissions: [permission]
-                    };
-                    groupPermissions.push(groupPermission);
-                }
-                else {
-                    groupPermissions[groupIndex].permissions.push(permission);
-                }
-            }
-        }
-        return groupPermissions;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupPermissionsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: GroupPermissionsPipe, isStandalone: true, name: "groupPermissions" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GroupPermissionsPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'groupPermissions', standalone: true }]
-        }] });
-
 class SharedPipesModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SharedPipesModule, imports: [SmartparkDateTimePipe,
@@ -90274,7 +90298,8 @@ class SharedPipesModule {
             ZerofyNegativePipe,
             SubstrHightlightPipe,
             GroupPermissionsPipe,
-            OrphanFacilitiesPipe], exports: [SmartparkDateTimePipe,
+            OrphanFacilitiesPipe,
+            HumanizePipe], exports: [SmartparkDateTimePipe,
             CLogItPipe,
             CentToCoinPipe,
             CurlyToBoldPipe,
@@ -90297,7 +90322,8 @@ class SharedPipesModule {
             ZerofyNegativePipe,
             SubstrHightlightPipe,
             GroupPermissionsPipe,
-            OrphanFacilitiesPipe] }); }
+            OrphanFacilitiesPipe,
+            HumanizePipe] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedPipesModule }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SharedPipesModule, decorators: [{
@@ -90329,6 +90355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SubstrHightlightPipe,
                         GroupPermissionsPipe,
                         OrphanFacilitiesPipe,
+                        HumanizePipe,
                     ],
                     exports: [
                         SmartparkDateTimePipe,
@@ -90355,6 +90382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         SubstrHightlightPipe,
                         GroupPermissionsPipe,
                         OrphanFacilitiesPipe,
+                        HumanizePipe,
                     ],
                 }]
         }] });
@@ -97075,6 +97103,7 @@ class MessageBarContainerComponent {
             [MessageBarStatus.Warning]: 'alert-warning'
         };
         return {
+            'ready': true,
             'alert-container': true,
             'alert-container-mobile': this.isMobileAppMode,
             'alert-dismissable': true,
@@ -97082,14 +97111,14 @@ class MessageBarContainerComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarContainerComponent, deps: [{ token: AppConfigService }, { token: MAT_SNACK_BAR_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MessageBarContainerComponent, isStandalone: true, selector: "message-bar-container", inputs: { messageInfo: "messageInfo", fade: "fade" }, ngImport: i0, template: "<div data-qa=\"messageInfo\" [ngClass]=\"ngClass\">\n  <container-element [ngSwitch]=\"messageInfo.status\">\n    <tb-icon *ngSwitchCase=\"MessageBarType.Success\" [settings]=\"IconsHelper.success_circle\" [setCursorPointer]=\"false\"\n      class=\"tb-successCircle\">\n    </tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Error\" [settings]=\"IconsHelper.redX\" [setCursorPointer]=\"false\"\n      class=\"tb-redx\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Warning\" [settings]=\"IconsHelper.warning\" [setCursorPointer]=\"false\"\n      class=\"tb-warning\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Info\" [settings]=\"IconsHelper.info_blue\" [setCursorPointer]=\"false\"\n      class=\"tb-info\"></tb-icon>\n  </container-element>\n  <span class=\"msg-text\" [innerHTML]=\"messageInfo.message\"></span>\n  <ng-container *ngIf=\"messageInfo.action?.component\">\n    <ng-container *ngComponentOutlet=\"messageInfo.action.component\"></ng-container>\n  </ng-container>\n</div>", styles: [":host{display:flex;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MessageBarContainerComponent, isStandalone: true, selector: "message-bar-container", inputs: { messageInfo: "messageInfo", fade: "fade" }, ngImport: i0, template: "<div class=\"message-container\" data-qa=\"messageInfo\" [ngClass]=\"ngClass\">\n  <container-element [ngSwitch]=\"messageInfo.status\">\n    <tb-icon *ngSwitchCase=\"MessageBarType.Success\" [settings]=\"IconsHelper.success_circle\" [setCursorPointer]=\"false\"\n      class=\"tb-successCircle\">\n    </tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Error\" [settings]=\"IconsHelper.redX\" [setCursorPointer]=\"false\"\n      class=\"tb-redx\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Warning\" [settings]=\"IconsHelper.warning\" [setCursorPointer]=\"false\"\n      class=\"tb-warning\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Info\" [settings]=\"IconsHelper.info_blue\" [setCursorPointer]=\"false\"\n      class=\"tb-info\"></tb-icon>\n  </container-element>\n  <span class=\"msg-text\" [innerHTML]=\"messageInfo.message\"></span>\n  <ng-container *ngIf=\"messageInfo.action?.component\">\n    <ng-container *ngComponentOutlet=\"messageInfo.action.component\"></ng-container>\n  </ng-container>\n</div>\n", styles: [":host{display:flex;width:100%}.message-container{opacity:0}.message-container.ready{opacity:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: IconComponent, selector: "tb-icon", inputs: ["setCursorPointer", "facilityCommandIcon", "remoteCommandIcon", "settings"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'message-bar-container', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
                         IconModule,
-                    ], template: "<div data-qa=\"messageInfo\" [ngClass]=\"ngClass\">\n  <container-element [ngSwitch]=\"messageInfo.status\">\n    <tb-icon *ngSwitchCase=\"MessageBarType.Success\" [settings]=\"IconsHelper.success_circle\" [setCursorPointer]=\"false\"\n      class=\"tb-successCircle\">\n    </tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Error\" [settings]=\"IconsHelper.redX\" [setCursorPointer]=\"false\"\n      class=\"tb-redx\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Warning\" [settings]=\"IconsHelper.warning\" [setCursorPointer]=\"false\"\n      class=\"tb-warning\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Info\" [settings]=\"IconsHelper.info_blue\" [setCursorPointer]=\"false\"\n      class=\"tb-info\"></tb-icon>\n  </container-element>\n  <span class=\"msg-text\" [innerHTML]=\"messageInfo.message\"></span>\n  <ng-container *ngIf=\"messageInfo.action?.component\">\n    <ng-container *ngComponentOutlet=\"messageInfo.action.component\"></ng-container>\n  </ng-container>\n</div>", styles: [":host{display:flex;width:100%}\n"] }]
+                    ], template: "<div class=\"message-container\" data-qa=\"messageInfo\" [ngClass]=\"ngClass\">\n  <container-element [ngSwitch]=\"messageInfo.status\">\n    <tb-icon *ngSwitchCase=\"MessageBarType.Success\" [settings]=\"IconsHelper.success_circle\" [setCursorPointer]=\"false\"\n      class=\"tb-successCircle\">\n    </tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Error\" [settings]=\"IconsHelper.redX\" [setCursorPointer]=\"false\"\n      class=\"tb-redx\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Warning\" [settings]=\"IconsHelper.warning\" [setCursorPointer]=\"false\"\n      class=\"tb-warning\"></tb-icon>\n    <tb-icon *ngSwitchCase=\"MessageBarType.Info\" [settings]=\"IconsHelper.info_blue\" [setCursorPointer]=\"false\"\n      class=\"tb-info\"></tb-icon>\n  </container-element>\n  <span class=\"msg-text\" [innerHTML]=\"messageInfo.message\"></span>\n  <ng-container *ngIf=\"messageInfo.action?.component\">\n    <ng-container *ngComponentOutlet=\"messageInfo.action.component\"></ng-container>\n  </ng-container>\n</div>\n", styles: [":host{display:flex;width:100%}.message-container{opacity:0}.message-container.ready{opacity:1}\n"] }]
         }], ctorParameters: () => [{ type: AppConfigService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -103515,110 +103544,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Injectable
         }], ctorParameters: () => [{ type: i1$2.Store }, { type: FacilityServiceProxy }] });
 
-// Module
-
-;
-
-class MessageBarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, declarations: [MessageBarComponent], imports: [CommonModule,
-            MessageBarContainerComponent,
-            MatSnackBarModule,
-            MatDialogModule], exports: [CommonModule,
-            MessageBarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, imports: [CommonModule,
-            MessageBarContainerComponent,
-            MatSnackBarModule,
-            MatDialogModule, CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MessageBarComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        MessageBarContainerComponent,
-                        MatSnackBarModule,
-                        MatDialogModule,
-                    ],
-                    exports: [
-                        CommonModule,
-                        MessageBarComponent,
-                    ],
-                    providers: []
-                }]
-        }] });
-
-// Services
-
-class EmptyResultsComponent extends BaseComponent {
-    constructor() {
-        super();
-    }
-    ngOnInit() {
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EmptyResultsComponent, isStandalone: true, selector: "tb-empty-results", inputs: { options: "options" }, usesInheritance: true, ngImport: i0, template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\">\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>", 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 .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$5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyResultsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tb-empty-results', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        IconModule,
-                        LocalizationModule,
-                        MatTooltipModule,
-                    ], template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\">\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>", 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 .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"] }]
-        }], ctorParameters: () => [], propDecorators: { options: [{
-                type: Input
-            }] } });
-
-class LoadingOverlayComponent extends BaseComponent {
-    get loadingOverlayOptions() {
-        return this._loadingOverlayOptions;
-    }
-    set loadingOverlayOptions(loadingOverlayOptions) {
-        this._loadingOverlayOptions = loadingOverlayOptions;
-        this.init(loadingOverlayOptions);
-    }
-    constructor(actionStatusService) {
-        super();
-        this.actionStatusService = actionStatusService;
-        this.IconsHelper = IconsHelper;
-        this.SpinnerDiameterSize = SpinnerDiameterSize;
-    }
-    init(loadingOverlayOptions) {
-        if (loadingOverlayOptions?.actions) {
-            const actions = loadingOverlayOptions.actions instanceof Array ? loadingOverlayOptions.actions : [loadingOverlayOptions.actions];
-            if (!loadingOverlayOptions.loading$) {
-                loadingOverlayOptions.loading$ = this.actionStatusService.actionsExecuting$(actions);
-            }
-            if (!loadingOverlayOptions.ignoreError && !loadingOverlayOptions.hasError$) {
-                loadingOverlayOptions.hasError$ = this.actionStatusService.actionsErrored$(actions);
-            }
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingOverlayComponent, deps: [{ token: ActionStatusService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: LoadingOverlayComponent, isStandalone: true, selector: "tb-loading-overlay", inputs: { data: "data", loadingOverlayOptions: "loadingOverlayOptions" }, usesInheritance: true, ngImport: i0, template: "<div\n  *tbVar=\"(loadingOverlayOptions?.loading || (loadingOverlayOptions?.loading$ | async) || (loadingOverlayOptions?.loadingSignal && loadingOverlayOptions?.loadingSignal())) as loading\"\n  [class.tb-loading]=\"loading\" class=\"tb-loading-overlay-container tb-flex-grow tb-flex-column tb-full-width\">\n  <div class=\"tb-loading-overlay-content tb-flex-grow tb-flex-column\">\n    <ng-container *ngIf=\"loadingOverlayOptions?.hasError$ | async; then errorOccurred else noErrorOccurred\">\n    </ng-container>\n\n    <ng-template #noErrorOccurred>\n      <ng-container *ngIf=\"!loading && data && !data.length &&\n        loadingOverlayOptions?.emptyResultsOptions; then displayNoDataMessage else displayContent\">\n      </ng-container>\n    </ng-template>\n\n    <ng-template #displayContent>\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n  <div class=\"tb-loading-overlay tb-flex-grow\">\n    <div class=\"tb-margin-auto\">\n      <div class=\"tb-spinner\" [attr.data-qa]=\"DataQaAttribute.spinner\"\n        class=\"diameter_{{loadingOverlayOptions?.diameter || SpinnerDiameterSize.Default}}\">\n        <svg preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 34 34\">\n          <circle cx=\"50%\" cy=\"50%\" r=\"15\"></circle>\n        </svg>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorOccurred>\n  <div #customErrorMessage>\n    <ng-content select=\"[tb-error-message]\"></ng-content>\n  </div>\n  <div *ngIf=\"!customErrorMessage?.childNodes?.length\" 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</ng-template>\n\n<ng-template #displayNoDataMessage>\n  <tb-empty-results class=\"loading-overlay-empty-results {{loadingOverlayOptions?.emptyResultsOptions?.cssClass}}\"\n    [options]=\"loadingOverlayOptions?.emptyResultsOptions\">\n  </tb-empty-results>\n</ng-template>", styles: [":host{display:flex;flex:1;min-height:1px}.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}tb-empty-results.loading-overlay-empty-results{display:flex;justify-content:center;height:100%;border-radius:4px}\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: "component", type: EmptyResultsComponent, selector: "tb-empty-results", inputs: ["options"] }, { kind: "ngmodule", type: LocalizationModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: SharedDirectivesModule }, { kind: "directive", type: VarDirective, selector: "[tbVar]", inputs: ["tbVar"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingOverlayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'tb-loading-overlay', standalone: true, imports: [
-                        CommonModule,
-                        IconModule,
-                        EmptyResultsComponent,
-                        LocalizationModule,
-                        SharedDirectivesModule,
-                    ], template: "<div\n  *tbVar=\"(loadingOverlayOptions?.loading || (loadingOverlayOptions?.loading$ | async) || (loadingOverlayOptions?.loadingSignal && loadingOverlayOptions?.loadingSignal())) as loading\"\n  [class.tb-loading]=\"loading\" class=\"tb-loading-overlay-container tb-flex-grow tb-flex-column tb-full-width\">\n  <div class=\"tb-loading-overlay-content tb-flex-grow tb-flex-column\">\n    <ng-container *ngIf=\"loadingOverlayOptions?.hasError$ | async; then errorOccurred else noErrorOccurred\">\n    </ng-container>\n\n    <ng-template #noErrorOccurred>\n      <ng-container *ngIf=\"!loading && data && !data.length &&\n        loadingOverlayOptions?.emptyResultsOptions; then displayNoDataMessage else displayContent\">\n      </ng-container>\n    </ng-template>\n\n    <ng-template #displayContent>\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n  <div class=\"tb-loading-overlay tb-flex-grow\">\n    <div class=\"tb-margin-auto\">\n      <div class=\"tb-spinner\" [attr.data-qa]=\"DataQaAttribute.spinner\"\n        class=\"diameter_{{loadingOverlayOptions?.diameter || SpinnerDiameterSize.Default}}\">\n        <svg preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 34 34\">\n          <circle cx=\"50%\" cy=\"50%\" r=\"15\"></circle>\n        </svg>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorOccurred>\n  <div #customErrorMessage>\n    <ng-content select=\"[tb-error-message]\"></ng-content>\n  </div>\n  <div *ngIf=\"!customErrorMessage?.childNodes?.length\" 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</ng-template>\n\n<ng-template #displayNoDataMessage>\n  <tb-empty-results class=\"loading-overlay-empty-results {{loadingOverlayOptions?.emptyResultsOptions?.cssClass}}\"\n    [options]=\"loadingOverlayOptions?.emptyResultsOptions\">\n  </tb-empty-results>\n</ng-template>", styles: [":host{display:flex;flex:1;min-height:1px}.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}tb-empty-results.loading-overlay-empty-results{display:flex;justify-content:center;height:100%;border-radius:4px}\n"] }]
-        }], ctorParameters: () => [{ type: ActionStatusService }], propDecorators: { data: [{
-                type: Input
-            }], loadingOverlayOptions: [{
-                type: Input
-            }] } });
-
-// Components
-
 function appModuleAnimation() {
     return slideFromBottom();
 }
@@ -103764,57 +103689,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 // Module
 
-// Module
-
-class NotificationModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, imports: [CommonModule,
-            CommandNotificationComponent,
-            NotificationCloseAllButtonComponent,
-            NotificationTypeLabelComponent,
-            AlertNotificationComponent,
-            IconModule,
-            LocalizationModule,
-            MatTooltipModule, i1$9.ToastrModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, providers: [
-            NotificationEventService,
-            CommandNotificationService,
-            AlertNotificationService,
-        ], imports: [CommonModule,
-            CommandNotificationComponent,
-            NotificationCloseAllButtonComponent,
-            NotificationTypeLabelComponent,
-            AlertNotificationComponent,
-            IconModule,
-            LocalizationModule,
-            MatTooltipModule,
-            ToastrModule.forRoot()] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        CommonModule,
-                        CommandNotificationComponent,
-                        NotificationCloseAllButtonComponent,
-                        NotificationTypeLabelComponent,
-                        AlertNotificationComponent,
-                        IconModule,
-                        LocalizationModule,
-                        MatTooltipModule,
-                        ToastrModule.forRoot(),
-                    ],
-                    providers: [
-                        NotificationEventService,
-                        CommandNotificationService,
-                        AlertNotificationService,
-                    ],
-                }]
-        }] });
-
-// Module
-
 class DeviceIconComponent {
     constructor(deviceService) {
         this.deviceService = deviceService;
@@ -104447,33 +104321,232 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 // Module
 
-class ComStatusIconComponent {
+// Module
+
+;
+
+class MessageBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, declarations: [MessageBarComponent], imports: [CommonModule,
+            MessageBarContainerComponent,
+            MatSnackBarModule,
+            MatDialogModule], exports: [CommonModule,
+            MessageBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, imports: [CommonModule,
+            MessageBarContainerComponent,
+            MatSnackBarModule,
+            MatDialogModule, CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MessageBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MessageBarComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        MessageBarContainerComponent,
+                        MatSnackBarModule,
+                        MatDialogModule,
+                    ],
+                    exports: [
+                        CommonModule,
+                        MessageBarComponent,
+                    ],
+                    providers: []
+                }]
+        }] });
+
+// Services
+
+// Module
+
+class NotificationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, imports: [CommonModule,
+            CommandNotificationComponent,
+            NotificationCloseAllButtonComponent,
+            NotificationTypeLabelComponent,
+            AlertNotificationComponent,
+            IconModule,
+            LocalizationModule,
+            MatTooltipModule, i1$9.ToastrModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, providers: [
+            NotificationEventService,
+            CommandNotificationService,
+            AlertNotificationService,
+        ], imports: [CommonModule,
+            CommandNotificationComponent,
+            NotificationCloseAllButtonComponent,
+            NotificationTypeLabelComponent,
+            AlertNotificationComponent,
+            IconModule,
+            LocalizationModule,
+            MatTooltipModule,
+            ToastrModule.forRoot()] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [
+                        CommonModule,
+                        CommandNotificationComponent,
+                        NotificationCloseAllButtonComponent,
+                        NotificationTypeLabelComponent,
+                        AlertNotificationComponent,
+                        IconModule,
+                        LocalizationModule,
+                        MatTooltipModule,
+                        ToastrModule.forRoot(),
+                    ],
+                    providers: [
+                        NotificationEventService,
+                        CommandNotificationService,
+                        AlertNotificationService,
+                    ],
+                }]
+        }] });
+
+// Module
+
+class EmptyResultsComponent extends BaseComponent {
     constructor() {
-        this.isActive = true;
+        super();
     }
-    set status(status) {
-        this.statusName = this.isActive ? ComAggregatedStatus[status]?.toLowerCase() : DeviceActivityLabel.get(DeviceActivityStatus.Inactive);
+    ngOnInit() {
     }
-    ;
-    set active(active) {
-        this.isActive = active;
-        this.statusName = active ? this.statusName : DeviceActivityLabel.get(DeviceActivityStatus.Inactive);
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EmptyResultsComponent, isStandalone: true, selector: "tb-empty-results", inputs: { options: "options" }, usesInheritance: true, ngImport: i0, template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\">\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>", 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 .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$5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1$3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EmptyResultsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tb-empty-results', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        IconModule,
+                        LocalizationModule,
+                        MatTooltipModule,
+                    ], template: "<div class=\"empty-results-wrapper {{options?.cssClass}}\">\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>", 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 .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"] }]
+        }], ctorParameters: () => [], propDecorators: { options: [{
+                type: Input
+            }] } });
+
+class ErrorResultsComponent extends BaseComponent {
+    constructor() {
+        super();
+        this.IconsHelper = IconsHelper;
     }
-    ;
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComStatusIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComStatusIconComponent, isStandalone: true, selector: "tb-com-status-icon", inputs: { status: "status", active: "active" }, ngImport: i0, template: "<div [ngClass]=\"'tb-com-status-' + statusName\" class=\"tb-com-status-icon\"></div>\n", styles: [":host{display:block}.tb-com-status-icon{display:block;height:18px;width:18px}.tb-com-status-inactive{background-image:url(/assets/status/inactive.svg)}.tb-com-status-ok{background-image:url(/assets/status/ok.svg)}.tb-com-status-warning{background-image:url(/assets/status/warning.svg)}.tb-com-status-error{background-image:url(/assets/status/error.svg)}.tb-com-status-comerror{background-image:url(/assets/status/com-error.svg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ErrorResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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:block;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$5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComStatusIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ErrorResultsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tb-com-status-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule
-                    ], template: "<div [ngClass]=\"'tb-com-status-' + statusName\" class=\"tb-com-status-icon\"></div>\n", styles: [":host{display:block}.tb-com-status-icon{display:block;height:18px;width:18px}.tb-com-status-inactive{background-image:url(/assets/status/inactive.svg)}.tb-com-status-ok{background-image:url(/assets/status/ok.svg)}.tb-com-status-warning{background-image:url(/assets/status/warning.svg)}.tb-com-status-error{background-image:url(/assets/status/error.svg)}.tb-com-status-comerror{background-image:url(/assets/status/com-error.svg)}\n"] }]
-        }], propDecorators: { status: [{
+            args: [{ selector: 'tb-error-results', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        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:block;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"] }]
+        }], ctorParameters: () => [] });
+
+class LoadingOverlayComponent extends BaseComponent {
+    get loadingOverlayOptions() {
+        return this._loadingOverlayOptions;
+    }
+    set loadingOverlayOptions(loadingOverlayOptions) {
+        this._loadingOverlayOptions = loadingOverlayOptions;
+        this.init(loadingOverlayOptions);
+    }
+    constructor(actionStatusService) {
+        super();
+        this.actionStatusService = actionStatusService;
+        this.SpinnerDiameterSize = SpinnerDiameterSize;
+    }
+    init(loadingOverlayOptions) {
+        if (loadingOverlayOptions?.actions) {
+            const actions = loadingOverlayOptions.actions instanceof Array ? loadingOverlayOptions.actions : [loadingOverlayOptions.actions];
+            if (!loadingOverlayOptions.loading$) {
+                loadingOverlayOptions.loading$ = this.actionStatusService.actionsExecuting$(actions);
+            }
+            if (!loadingOverlayOptions.ignoreError && !loadingOverlayOptions.hasError$) {
+                loadingOverlayOptions.hasError$ = this.actionStatusService.actionsErrored$(actions);
+            }
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingOverlayComponent, deps: [{ token: ActionStatusService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LoadingOverlayComponent, isStandalone: true, selector: "tb-loading-overlay", inputs: { data: "data", loadingOverlayOptions: "loadingOverlayOptions" }, usesInheritance: true, ngImport: i0, template: "<div\n  *tbVar=\"(loadingOverlayOptions?.loading || (loadingOverlayOptions?.loading$ | async) || (loadingOverlayOptions?.loadingSignal && loadingOverlayOptions?.loadingSignal())) as loading\"\n  [class.tb-loading]=\"loading\" class=\"tb-loading-overlay-container tb-flex-grow tb-flex-column tb-full-width\">\n  <div class=\"tb-loading-overlay-content tb-flex-grow tb-flex-column\">\n    <ng-container *ngIf=\"loadingOverlayOptions?.hasError$ | async; then errorOccurred else noErrorOccurred\">\n    </ng-container>\n\n    <ng-template #noErrorOccurred>\n      <ng-container *ngIf=\"!loading && data && !data.length &&\n        loadingOverlayOptions?.emptyResultsOptions; then displayNoDataMessage else displayContent\">\n      </ng-container>\n    </ng-template>\n\n    <ng-template #displayContent>\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n  <div class=\"tb-loading-overlay tb-flex-grow\">\n    <div class=\"tb-margin-auto\">\n      <div class=\"tb-spinner\" [attr.data-qa]=\"DataQaAttribute.spinner\"\n        class=\"diameter_{{loadingOverlayOptions?.diameter || SpinnerDiameterSize.Default}}\">\n        <svg preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 34 34\">\n          <circle cx=\"50%\" cy=\"50%\" r=\"15\"></circle>\n        </svg>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorOccurred>\n  <div #customErrorMessage class=\"display-contents\">\n    <ng-content select=\"[tb-error-message]\"></ng-content>\n  </div>\n  @if (!customErrorMessage?.childNodes?.length) {\n  <tb-error-results></tb-error-results>\n  }\n</ng-template>\n\n<ng-template #displayNoDataMessage>\n  <tb-empty-results class=\"loading-overlay-empty-results {{loadingOverlayOptions?.emptyResultsOptions?.cssClass}}\"\n    [options]=\"loadingOverlayOptions?.emptyResultsOptions\">\n  </tb-empty-results>\n</ng-template>\n", styles: [":host{display:flex;flex:1;min-height:1px}tb-empty-results.loading-overlay-empty-results{display:flex;justify-content:center;height:100%;border-radius:4px}.display-contents{display:contents}\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: EmptyResultsComponent, selector: "tb-empty-results", inputs: ["options"] }, { kind: "component", type: ErrorResultsComponent, selector: "tb-error-results" }, { kind: "ngmodule", type: LocalizationModule }, { kind: "ngmodule", type: SharedDirectivesModule }, { kind: "directive", type: VarDirective, selector: "[tbVar]", inputs: ["tbVar"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LoadingOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tb-loading-overlay', standalone: true, imports: [
+                        CommonModule,
+                        IconModule,
+                        EmptyResultsComponent,
+                        ErrorResultsComponent,
+                        LocalizationModule,
+                        SharedDirectivesModule,
+                    ], template: "<div\n  *tbVar=\"(loadingOverlayOptions?.loading || (loadingOverlayOptions?.loading$ | async) || (loadingOverlayOptions?.loadingSignal && loadingOverlayOptions?.loadingSignal())) as loading\"\n  [class.tb-loading]=\"loading\" class=\"tb-loading-overlay-container tb-flex-grow tb-flex-column tb-full-width\">\n  <div class=\"tb-loading-overlay-content tb-flex-grow tb-flex-column\">\n    <ng-container *ngIf=\"loadingOverlayOptions?.hasError$ | async; then errorOccurred else noErrorOccurred\">\n    </ng-container>\n\n    <ng-template #noErrorOccurred>\n      <ng-container *ngIf=\"!loading && data && !data.length &&\n        loadingOverlayOptions?.emptyResultsOptions; then displayNoDataMessage else displayContent\">\n      </ng-container>\n    </ng-template>\n\n    <ng-template #displayContent>\n      <ng-content></ng-content>\n    </ng-template>\n  </div>\n  <div class=\"tb-loading-overlay tb-flex-grow\">\n    <div class=\"tb-margin-auto\">\n      <div class=\"tb-spinner\" [attr.data-qa]=\"DataQaAttribute.spinner\"\n        class=\"diameter_{{loadingOverlayOptions?.diameter || SpinnerDiameterSize.Default}}\">\n        <svg preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 34 34\">\n          <circle cx=\"50%\" cy=\"50%\" r=\"15\"></circle>\n        </svg>\n      </div>\n    </div>\n  </div>\n</div>\n\n<ng-template #errorOccurred>\n  <div #customErrorMessage class=\"display-contents\">\n    <ng-content select=\"[tb-error-message]\"></ng-content>\n  </div>\n  @if (!customErrorMessage?.childNodes?.length) {\n  <tb-error-results></tb-error-results>\n  }\n</ng-template>\n\n<ng-template #displayNoDataMessage>\n  <tb-empty-results class=\"loading-overlay-empty-results {{loadingOverlayOptions?.emptyResultsOptions?.cssClass}}\"\n    [options]=\"loadingOverlayOptions?.emptyResultsOptions\">\n  </tb-empty-results>\n</ng-template>\n", styles: [":host{display:flex;flex:1;min-height:1px}tb-empty-results.loading-overlay-empty-results{display:flex;justify-content:center;height:100%;border-radius:4px}.display-contents{display:contents}\n"] }]
+        }], ctorParameters: () => [{ type: ActionStatusService }], propDecorators: { data: [{
                 type: Input
-            }], active: [{
+            }], loadingOverlayOptions: [{
+                type: Input
+            }] } });
+
+// Components
+
+class RestartLinkComponent {
+    constructor(translate, store, elementRef) {
+        this.translate = translate;
+        this.store = store;
+        this.elementRef = elementRef;
+        this.label = this.translate.instant(Localization.please_refresh_and_try_again);
+        this.messageText = this.translate.instant(Localization.refresh_link_something_went_wrong_message);
+        this.IconSettings = IconsHelper;
+    }
+    ngOnInit() {
+        // Direction will be handled globally once RTL support is implemented
+        const userSettings = this.store.selectSnapshot(SessionState.mappedUserSettings);
+        const userLocalization = userSettings.get(SettingsCategory$2.Localization);
+        const direction = RTL_LANGUAGES.includes(userLocalization.keyName) ? 'rtl' : 'ltr';
+        this.elementRef.nativeElement.dir = direction;
+    }
+    onClick() {
+        window.location.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RestartLinkComponent, deps: [{ token: i1$5.TranslateService }, { token: i1$2.Store }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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"] }]
+        }], ctorParameters: () => [{ type: i1$5.TranslateService }, { type: i1$2.Store }, { type: i0.ElementRef }], propDecorators: { label: [{
+                type: Input
+            }], messageText: [{
                 type: Input
             }] } });
 
+class RestartLinkModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RestartLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: RestartLinkModule, declarations: [RestartLinkComponent], imports: [CommonModule,
+            IconModule], exports: [RestartLinkComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RestartLinkModule, imports: [CommonModule,
+            IconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RestartLinkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        RestartLinkComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        IconModule
+                    ],
+                    exports: [
+                        RestartLinkComponent
+                    ]
+                }]
+        }] });
+
 class GlobalMessageContainerComponent extends BaseComponent {
     constructor(appConfig) {
         super();
@@ -104514,142 +104587,101 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-let LogoState = class LogoState {
-    constructor(assetService, domSanitizer, messageBarService, mobileServiceProxyIdentity) {
-        this.assetService = assetService;
-        this.domSanitizer = domSanitizer;
-        this.messageBarService = messageBarService;
-        this.mobileServiceProxyIdentity = mobileServiceProxyIdentity;
-        this.cleanLogo = () => new CleanLogoAction();
-    }
-    static image(state) {
-        return state.image;
-    }
-    onGetLogoAction(ctx, action) {
-        if (ctx.getState().identifier !== action.logo.identifier) {
-            this.cleanLogo();
-            return this.assetService.getLogo(action.logo.identifier).pipe(tap(logo => this.convertAndPatch(ctx, logo.data, action.logo.identifier)));
-        }
-    }
-    onGetMobileLogoAction(ctx, action) {
-        if (ctx.getState().identifier !== action.logo.identifier) {
-            this.cleanLogo();
-            return this.mobileServiceProxyIdentity.getMobileLogo(action.logo.identifier, VERSION_V1).pipe(tap(logo => this.convertAndPatch(ctx, logo.data, action.logo.identifier)));
-        }
-    }
-    onUploadLogoAction(ctx, action) {
-        const uploadLogo = new UploadLogoDto();
-        uploadLogo.identifier = action.file.identifier;
-        uploadLogo.imageB64 = action.file.imageB64;
-        uploadLogo.fileType = action.file.fileType;
-        return this.assetService.uploadLogo(uploadLogo).pipe(tap({
-            next: uploadedLogo => this.convertAndPatch(ctx, uploadedLogo.data, action.file.identifier),
-            error: (err) => {
-                this.messageBarService.error(parseApiErrorMessage(err));
+class InternetConnectionService {
+    constructor(router) {
+        this.router = router;
+        this.autoReloadComponent = true;
+        this.destroy$ = new Subject();
+        this.status().pipe(takeUntil$1(this.destroy$), skip(1)).subscribe(internetConnectionStatus => {
+            if (internetConnectionStatus === InternetConnectionStatus.Connected && this.autoReloadComponent) {
+                this.reloadComponent();
             }
-        }));
+        });
     }
-    onDeleteLogoAction(ctx, action) {
-        return this.assetService.deleteLogo(action.logo).pipe(tap({
-            next: () => {
-                ctx.patchState({
-                    image: null,
-                });
-            },
-            error: (err) => {
-                this.messageBarService.error(parseApiErrorMessage(err));
-            }
-        }));
+    status() {
+        return of(fromEvent(window, 'offline').pipe(map(() => InternetConnectionStatus.Disconnected)), fromEvent(window, 'online').pipe(map(() => InternetConnectionStatus.Connected)), new Observable((sub) => {
+            sub.next(navigator.onLine ? InternetConnectionStatus.Connected : InternetConnectionStatus.Disconnected);
+            sub.complete();
+        })).pipe(mergeAll());
     }
-    onCleanLogoAction(ctx) {
-        ctx.patchState({
-            image: null
+    reloadComponent() {
+        const currentUrl = this.router.url;
+        const currentRouteReuseStrategy = this.router.routeReuseStrategy.shouldReuseRoute;
+        this.router.routeReuseStrategy.shouldReuseRoute = () => false;
+        this.router.onSameUrlNavigation = 'reload';
+        this.router.navigate([currentUrl]).then(() => {
+            this.router.routeReuseStrategy.shouldReuseRoute = currentRouteReuseStrategy;
+            this.router.onSameUrlNavigation = 'ignore';
         });
     }
-    convertAndPatch(ctx, logo, identifier) {
-        if (logo?.image) {
-            const base64Image = this.domSanitizer.bypassSecurityTrustUrl(`${DATA_IMAGE_BASE64_PREFIX},${logo?.image}`);
-            ctx.patchState({
-                image: base64Image,
-                identifier
-            });
-        }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoState, deps: [{ token: AssetServiceProxy }, { token: i2$1.DomSanitizer }, { token: MessageBarService }, { token: MobileServiceProxyIdentity }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoState }); }
-};
-__decorate([
-    Action(GetLogoAction)
-], LogoState.prototype, "onGetLogoAction", null);
-__decorate([
-    Action(GetMobileLogoAction)
-], LogoState.prototype, "onGetMobileLogoAction", null);
-__decorate([
-    Action(UploadLogoAction, { cancelUncompleted: true })
-], LogoState.prototype, "onUploadLogoAction", null);
-__decorate([
-    Action(DeleteLogoAction, { cancelUncompleted: true })
-], LogoState.prototype, "onDeleteLogoAction", null);
-__decorate([
-    Action(CleanLogoAction, { cancelUncompleted: true })
-], LogoState.prototype, "onCleanLogoAction", null);
-__decorate([
-    Dispatch()
-], LogoState.prototype, "cleanLogo", void 0);
-__decorate([
-    Selector()
-], LogoState, "image", null);
-LogoState = __decorate([
-    State({
-        name: 'logo',
-        defaults: {
-            image: null,
-            identifier: null
-        }
-    })
-], LogoState);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoState, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: AssetServiceProxy }, { type: i2$1.DomSanitizer }, { type: MessageBarService }, { type: MobileServiceProxyIdentity }], propDecorators: { onGetLogoAction: [], onGetMobileLogoAction: [], onUploadLogoAction: [], onDeleteLogoAction: [], onCleanLogoAction: [], cleanLogo: [] } });
-
-class TenantLogoModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, imports: [i1$2.ɵNgxsFeatureModule, MessageBarModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, imports: [NgxsModule.forFeature([LogoState]),
-            MessageBarModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternetConnectionService, deps: [{ token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternetConnectionService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [],
-                    imports: [
-                        NgxsModule.forFeature([LogoState]),
-                        MessageBarModule
-                    ]
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternetConnectionService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$8.Router }] });
 
-class LogoComponent extends BaseComponent {
-    constructor() {
+class AccountFrameMessageBarComponent extends BaseComponent {
+    constructor(appConfig, internetConnectionService, messageBarService) {
         super();
+        this.appConfig = appConfig;
+        this.internetConnectionService = internetConnectionService;
+        this.messageBarService = messageBarService;
+        this.InternetConnectionStatus = InternetConnectionStatus;
+        this.IconsHelper = IconsHelper;
+        this.IconsHelperText = IconsHelperText;
     }
     ngOnInit() {
+        const isEdgeMode = this.appConfig.getConfig().appType === AppType.Edge;
+        this.displayNoInternetConnection$ = this.internetConnectionService.status().pipe(takeUntil$1(this.destroy$), map(status => {
+            let displayNoInternetConnection = false;
+            if (!isEdgeMode) {
+                displayNoInternetConnection = status === InternetConnectionStatus.Disconnected;
+                if (displayNoInternetConnection) {
+                    console.warn('INTERNET CONNECTION STATUS: ', status, new Date().toISOString());
+                }
+                this.messageBarService.clearMessagebar();
+                this.messageBarService.clearSnackbar();
+            }
+            return displayNoInternetConnection;
+        }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccountFrameMessageBarComponent, deps: [{ token: AppConfigService }, { token: InternetConnectionService }, { token: MessageBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccountFrameMessageBarComponent, isStandalone: true, selector: "tb-account-frame-message-bar", usesInheritance: true, ngImport: i0, template: `
+    <tb-global-message-container [isPositionStatic]="true" *ngIf="displayNoInternetConnection$ | async else displayMessageBar"
+      [message]="L.no_internet_connection | translate"
+      [icon]="IconsHelperText[IconsHelper[IconsHelper.no_internet_connection]]"></tb-global-message-container>
+    <ng-template #displayMessageBar>
+      <tb-message-bar></tb-message-bar>
+    </ng-template>
+  `, isInline: true, 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: LocalizationModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }, { kind: "component", type: GlobalMessageContainerComponent, selector: "tb-global-message-container", inputs: ["isMobile", "message", "title", "icon", "timeAgoInSeconds", "isPositionStatic"] }, { kind: "ngmodule", type: MessageBarModule }, { kind: "component", type: MessageBarComponent, selector: "tb-message-bar", inputs: ["id", "stack", "fade", "dialog", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-__decorate([
-    Select(LogoState.image)
-], LogoComponent.prototype, "image$", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccountFrameMessageBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tb-logo', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'tb-account-frame-message-bar',
+                    template: `
+    <tb-global-message-container [isPositionStatic]="true" *ngIf="displayNoInternetConnection$ | async else displayMessageBar"
+      [message]="L.no_internet_connection | translate"
+      [icon]="IconsHelperText[IconsHelper[IconsHelper.no_internet_connection]]"></tb-global-message-container>
+    <ng-template #displayMessageBar>
+      <tb-message-bar></tb-message-bar>
+    </ng-template>
+  `,
+                    standalone: true,
+                    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"] }]
-        }], ctorParameters: () => [], propDecorators: { image$: [], classImage: [{
-                type: Input
-            }] } });
+                        LocalizationModule,
+                        GlobalMessageContainerComponent,
+                        MessageBarModule,
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: AppConfigService }, { type: InternetConnectionService }, { type: MessageBarService }] });
 
 class CloudConfirmDialogComponent extends BaseComponent {
     constructor(translateService, data, dialogRef) {
@@ -104665,8 +104697,8 @@ class CloudConfirmDialogComponent extends BaseComponent {
     close(ok) {
         this.dialogRef.close(ok);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CloudConfirmDialogComponent, deps: [{ token: i1$5.TranslateService }, { token: MAT_DIALOG_DATA }, { token: i2$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 }}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.lpr\">{{ L.car_plate | translate }}: {{ data.lpr.lprString }}</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\" [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\" (click)=\"close(false)\"\n          [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.cancel_btn\" 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  </mat-dialog-actions>\n</div>", 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$5.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$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i2$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i2$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatRippleModule }, { kind: "directive", type: i4.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CloudConfirmDialogComponent, deps: [{ token: i1$5.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.13", 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 }}</div>\n      <div class=\"modal-title-secondary ellipsis\" *ngIf=\"data?.lpr\">{{ L.car_plate | translate }}: {{ data.lpr.lprString }}</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\" [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\" (click)=\"close(false)\"\n          [attr.data-qa]=\"DataQaAttribute.cloud_confirm_diaglog+'_'+DataQaAttribute.cancel_btn\" 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  </mat-dialog-actions>\n</div>", 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$5.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.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" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CloudConfirmDialogComponent, decorators: [{
             type: Component,
@@ -104684,33 +104716,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: i1$5.TranslateService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
-                }] }, { type: i2$2.MatDialogRef }] });
+                }] }, { type: i2$1.MatDialogRef }] });
 
-class SearchValueHighlightComponent extends BaseComponent {
+class ComStatusIconComponent {
     constructor() {
-        super();
-        this.isLuckySearchField = false;
+        this.isActive = true;
     }
-    ngOnInit() {
+    set status(status) {
+        this.statusName = this.isActive ? ComAggregatedStatus[status]?.toLowerCase() : DeviceActivityLabel.get(DeviceActivityStatus.Inactive);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchValueHighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchValueHighlightComponent, isStandalone: true, selector: "[search-value-highlight]", inputs: { displayValue: "displayValue", searchValue: "searchValue", isLuckySearch: "isLuckySearch", isLuckySearchField: "isLuckySearchField", ngClass: "ngClass" }, usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"ngClass\" *ngIf=\"displayValue?.toString().length\">\n    <ng-content></ng-content>\n</span>\n<span [ngClass]=\"ngClass\" innerHTML=\"{{ displayValue | substrHighlight:searchValue:isLuckySearch:isLuckySearchField }}\"></span>", styles: [""], 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: SubstrHightlightPipe, name: "substrHighlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    ;
+    set active(active) {
+        this.isActive = active;
+        this.statusName = active ? this.statusName : DeviceActivityLabel.get(DeviceActivityStatus.Inactive);
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComStatusIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ComStatusIconComponent, isStandalone: true, selector: "tb-com-status-icon", inputs: { status: "status", active: "active" }, ngImport: i0, template: "<div [ngClass]=\"'tb-com-status-' + statusName\" class=\"tb-com-status-icon\"></div>\n", styles: [":host{display:block}.tb-com-status-icon{display:block;height:18px;width:18px}.tb-com-status-inactive{background-image:url(/assets/status/inactive.svg)}.tb-com-status-ok{background-image:url(/assets/status/ok.svg)}.tb-com-status-warning{background-image:url(/assets/status/warning.svg)}.tb-com-status-error{background-image:url(/assets/status/error.svg)}.tb-com-status-comerror{background-image:url(/assets/status/com-error.svg)}\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.13", ngImport: i0, type: SearchValueHighlightComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComStatusIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[search-value-highlight]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        CommonModule,
-                        SubstrHightlightPipe
-                    ], template: "<span [ngClass]=\"ngClass\" *ngIf=\"displayValue?.toString().length\">\n    <ng-content></ng-content>\n</span>\n<span [ngClass]=\"ngClass\" innerHTML=\"{{ displayValue | substrHighlight:searchValue:isLuckySearch:isLuckySearchField }}\"></span>" }]
-        }], ctorParameters: () => [], propDecorators: { displayValue: [{
-                type: Input
-            }], searchValue: [{
-                type: Input
-            }], isLuckySearch: [{
-                type: Input
-            }], isLuckySearchField: [{
+            args: [{ selector: 'tb-com-status-icon', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule
+                    ], template: "<div [ngClass]=\"'tb-com-status-' + statusName\" class=\"tb-com-status-icon\"></div>\n", styles: [":host{display:block}.tb-com-status-icon{display:block;height:18px;width:18px}.tb-com-status-inactive{background-image:url(/assets/status/inactive.svg)}.tb-com-status-ok{background-image:url(/assets/status/ok.svg)}.tb-com-status-warning{background-image:url(/assets/status/warning.svg)}.tb-com-status-error{background-image:url(/assets/status/error.svg)}.tb-com-status-comerror{background-image:url(/assets/status/com-error.svg)}\n"] }]
+        }], propDecorators: { status: [{
                 type: Input
-            }], ngClass: [{
+            }], active: [{
                 type: Input
             }] } });
 
@@ -104755,163 +104786,140 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Output
             }] } });
 
-class InternetConnectionService {
-    constructor(router) {
-        this.router = router;
-        this.autoReloadComponent = true;
-        this.destroy$ = new Subject();
-        this.status().pipe(takeUntil$1(this.destroy$), skip(1)).subscribe(internetConnectionStatus => {
-            if (internetConnectionStatus === InternetConnectionStatus.Connected && this.autoReloadComponent) {
-                this.reloadComponent();
-            }
-        });
+let LogoState = class LogoState {
+    constructor(assetService, domSanitizer, messageBarService, mobileServiceProxyIdentity) {
+        this.assetService = assetService;
+        this.domSanitizer = domSanitizer;
+        this.messageBarService = messageBarService;
+        this.mobileServiceProxyIdentity = mobileServiceProxyIdentity;
+        this.cleanLogo = () => new CleanLogoAction();
     }
-    status() {
-        return of(fromEvent(window, 'offline').pipe(map(() => InternetConnectionStatus.Disconnected)), fromEvent(window, 'online').pipe(map(() => InternetConnectionStatus.Connected)), new Observable((sub) => {
-            sub.next(navigator.onLine ? InternetConnectionStatus.Connected : InternetConnectionStatus.Disconnected);
-            sub.complete();
-        })).pipe(mergeAll());
+    static image(state) {
+        return state.image;
     }
-    reloadComponent() {
-        const currentUrl = this.router.url;
-        const currentRouteReuseStrategy = this.router.routeReuseStrategy.shouldReuseRoute;
-        this.router.routeReuseStrategy.shouldReuseRoute = () => false;
-        this.router.onSameUrlNavigation = 'reload';
-        this.router.navigate([currentUrl]).then(() => {
-            this.router.routeReuseStrategy.shouldReuseRoute = currentRouteReuseStrategy;
-            this.router.onSameUrlNavigation = 'ignore';
-        });
+    onGetLogoAction(ctx, action) {
+        if (ctx.getState().identifier !== action.logo.identifier) {
+            this.cleanLogo();
+            return this.assetService.getLogo(action.logo.identifier).pipe(tap(logo => this.convertAndPatch(ctx, logo.data, action.logo.identifier)));
+        }
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
+    onGetMobileLogoAction(ctx, action) {
+        if (ctx.getState().identifier !== action.logo.identifier) {
+            this.cleanLogo();
+            return this.mobileServiceProxyIdentity.getMobileLogo(action.logo.identifier, VERSION_V1).pipe(tap(logo => this.convertAndPatch(ctx, logo.data, action.logo.identifier)));
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternetConnectionService, deps: [{ token: i1$8.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternetConnectionService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: InternetConnectionService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$8.Router }] });
-
-class AccountFrameMessageBarComponent extends BaseComponent {
-    constructor(appConfig, internetConnectionService, messageBarService) {
-        super();
-        this.appConfig = appConfig;
-        this.internetConnectionService = internetConnectionService;
-        this.messageBarService = messageBarService;
-        this.InternetConnectionStatus = InternetConnectionStatus;
-        this.IconsHelper = IconsHelper;
-        this.IconsHelperText = IconsHelperText;
+    onUploadLogoAction(ctx, action) {
+        const uploadLogo = new UploadLogoDto();
+        uploadLogo.identifier = action.file.identifier;
+        uploadLogo.imageB64 = action.file.imageB64;
+        uploadLogo.fileType = action.file.fileType;
+        return this.assetService.uploadLogo(uploadLogo).pipe(tap({
+            next: uploadedLogo => this.convertAndPatch(ctx, uploadedLogo.data, action.file.identifier),
+            error: (err) => {
+                this.messageBarService.error(parseApiErrorMessage(err));
+            }
+        }));
     }
-    ngOnInit() {
-        const isEdgeMode = this.appConfig.getConfig().appType === AppType.Edge;
-        this.displayNoInternetConnection$ = this.internetConnectionService.status().pipe(takeUntil$1(this.destroy$), map(status => {
-            let displayNoInternetConnection = false;
-            if (!isEdgeMode) {
-                displayNoInternetConnection = status === InternetConnectionStatus.Disconnected;
-                if (displayNoInternetConnection) {
-                    console.warn('INTERNET CONNECTION STATUS: ', status, new Date().toISOString());
-                }
-                this.messageBarService.clearMessagebar();
-                this.messageBarService.clearSnackbar();
+    onDeleteLogoAction(ctx, action) {
+        return this.assetService.deleteLogo(action.logo).pipe(tap({
+            next: () => {
+                ctx.patchState({
+                    image: null,
+                });
+            },
+            error: (err) => {
+                this.messageBarService.error(parseApiErrorMessage(err));
             }
-            return displayNoInternetConnection;
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccountFrameMessageBarComponent, deps: [{ token: AppConfigService }, { token: InternetConnectionService }, { token: MessageBarService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccountFrameMessageBarComponent, isStandalone: true, selector: "tb-account-frame-message-bar", usesInheritance: true, ngImport: i0, template: `
-    <tb-global-message-container [isPositionStatic]="true" *ngIf="displayNoInternetConnection$ | async else displayMessageBar"
-      [message]="L.no_internet_connection | translate"
-      [icon]="IconsHelperText[IconsHelper[IconsHelper.no_internet_connection]]"></tb-global-message-container>
-    <ng-template #displayMessageBar>
-      <tb-message-bar></tb-message-bar>
-    </ng-template>
-  `, isInline: true, 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: LocalizationModule }, { kind: "pipe", type: i1$5.TranslatePipe, name: "translate" }, { kind: "component", type: GlobalMessageContainerComponent, selector: "tb-global-message-container", inputs: ["isMobile", "message", "title", "icon", "timeAgoInSeconds", "isPositionStatic"] }, { kind: "ngmodule", type: MessageBarModule }, { kind: "component", type: MessageBarComponent, selector: "tb-message-bar", inputs: ["id", "stack", "fade", "dialog", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    onCleanLogoAction(ctx) {
+        ctx.patchState({
+            image: null
+        });
+    }
+    convertAndPatch(ctx, logo, identifier) {
+        if (logo?.image) {
+            const base64Image = this.domSanitizer.bypassSecurityTrustUrl(`${DATA_IMAGE_BASE64_PREFIX},${logo?.image}`);
+            ctx.patchState({
+                image: base64Image,
+                identifier
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoState, deps: [{ token: AssetServiceProxy }, { token: i2$2.DomSanitizer }, { token: MessageBarService }, { token: MobileServiceProxyIdentity }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoState }); }
+};
+__decorate([
+    Action(GetLogoAction)
+], LogoState.prototype, "onGetLogoAction", null);
+__decorate([
+    Action(GetMobileLogoAction)
+], LogoState.prototype, "onGetMobileLogoAction", null);
+__decorate([
+    Action(UploadLogoAction, { cancelUncompleted: true })
+], LogoState.prototype, "onUploadLogoAction", null);
+__decorate([
+    Action(DeleteLogoAction, { cancelUncompleted: true })
+], LogoState.prototype, "onDeleteLogoAction", null);
+__decorate([
+    Action(CleanLogoAction, { cancelUncompleted: true })
+], LogoState.prototype, "onCleanLogoAction", null);
+__decorate([
+    Dispatch()
+], LogoState.prototype, "cleanLogo", void 0);
+__decorate([
+    Selector()
+], LogoState, "image", null);
+LogoState = __decorate([
+    State({
+        name: 'logo',
+        defaults: {
+            image: null,
+            identifier: null
+        }
+    })
+], LogoState);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoState, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: AssetServiceProxy }, { type: i2$2.DomSanitizer }, { type: MessageBarService }, { type: MobileServiceProxyIdentity }], propDecorators: { onGetLogoAction: [], onGetMobileLogoAction: [], onUploadLogoAction: [], onDeleteLogoAction: [], onCleanLogoAction: [], cleanLogo: [] } });
+
+class TenantLogoModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, imports: [i1$2.ɵNgxsFeatureModule, MessageBarModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, imports: [NgxsModule.forFeature([LogoState]),
+            MessageBarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccountFrameMessageBarComponent, decorators: [{
-            type: Component,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantLogoModule, decorators: [{
+            type: NgModule,
             args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'tb-account-frame-message-bar',
-                    template: `
-    <tb-global-message-container [isPositionStatic]="true" *ngIf="displayNoInternetConnection$ | async else displayMessageBar"
-      [message]="L.no_internet_connection | translate"
-      [icon]="IconsHelperText[IconsHelper[IconsHelper.no_internet_connection]]"></tb-global-message-container>
-    <ng-template #displayMessageBar>
-      <tb-message-bar></tb-message-bar>
-    </ng-template>
-  `,
-                    standalone: true,
+                    declarations: [],
                     imports: [
-                        CommonModule,
-                        LocalizationModule,
-                        GlobalMessageContainerComponent,
-                        MessageBarModule,
+                        NgxsModule.forFeature([LogoState]),
+                        MessageBarModule
                     ]
                 }]
-        }], ctorParameters: () => [{ type: AppConfigService }, { type: InternetConnectionService }, { type: MessageBarService }] });
-
-class ParkTimeService {
-    constructor(store) {
-        this.store = store;
-        this.startTimer = (facility, guid) => {
-            const diffDictionary = this.store.selectSnapshot(FacilityState.clientServerDiffDictionary);
-            const facilityGuid = guid || this.store.selectSnapshot(FacilityState.guid);
-            const serverClientTimeSpan = diffDictionary[facilityGuid] || 0;
-            return timer(0, 1000).pipe(startWith(0), map(() => this.populateFacilityDateTime(facility?.timeDrift || 0, facility?.spTimeZone, serverClientTimeSpan)));
-        };
-        this.initCurrentTime();
-    }
-    getCurrentDateTimeTimer(guid, parkId) {
-        const facilityDictionary = this.store.selectSnapshot(FacilityState.facilityDictionary);
-        return this.startTimer(facilityDictionary[guid][parkId], guid);
-    }
-    getCurrentDateTime(parkId, guid) {
-        const facilityDictionary = this.store.selectSnapshot(FacilityState.facilityDictionary);
-        const diffDictionary = this.store.selectSnapshot(FacilityState.clientServerDiffDictionary);
-        const facility = facilityDictionary[guid] ? facilityDictionary[guid][parkId] : null;
-        return this.populateFacilityDateTime(facility?.timeDrift || 0, facility?.spTimeZone, diffDictionary[guid]);
-    }
-    initCurrentTime() {
-        this.currentTime$ = this.facility$.pipe(filter(facility => !!facility && !facility.isMultiPark), switchMap$1(facility => this.startTimer(facility)));
-    }
-    populateFacilityDateTime(timeDrift, spTimeZone, serverClientTimeSpan) {
-        return moment$1.tz(spTimeZone).subtract(serverClientTimeSpan, 'milliseconds').subtract(timeDrift, 'seconds');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParkTimeService, deps: [{ token: i1$2.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParkTimeService }); }
-}
-__decorate([
-    Select(FacilityState.selected)
-], ParkTimeService.prototype, "facility$", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParkTimeService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Store }], propDecorators: { facility$: [] } });
+        }] });
 
-class TimeElapsedCounterComponent extends BaseComponent {
-    constructor(parkTimeService) {
+class LogoComponent extends BaseComponent {
+    constructor() {
         super();
-        this.parkTimeService = parkTimeService;
     }
     ngOnInit() {
-        this.elapsdTime$ = this.parkTimeService.getCurrentDateTimeTimer(this.guid, this.parkId).pipe(takeUntil$1(this.destroy$), map(currentTime => {
-            return dateDiffInSeconds(this.startDate, currentTime);
-        }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeElapsedCounterComponent, deps: [{ token: ParkTimeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TimeElapsedCounterComponent, isStandalone: true, selector: "tb-time-elapsed-counter", inputs: { startDate: "startDate", parkId: "parkId", guid: "guid" }, usesInheritance: true, ngImport: i0, template: "{{ elapsdTime$ | async | timeElapsed }}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TimeElapsedPipe, name: "timeElapsed" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeElapsedCounterComponent, decorators: [{
+__decorate([
+    Select(LogoState.image)
+], LogoComponent.prototype, "image$", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LogoComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tb-time-elapsed-counter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'tb-logo', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
-                        TimeElapsedPipe
-                    ], template: "{{ elapsdTime$ | async | timeElapsed }}\n" }]
-        }], ctorParameters: () => [{ type: ParkTimeService }], propDecorators: { startDate: [{
-                type: Input
-            }], parkId: [{
-                type: Input
-            }], guid: [{
+                        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"] }]
+        }], ctorParameters: () => [], propDecorators: { image$: [], classImage: [{
                 type: Input
             }] } });
 
@@ -105066,12 +105074,12 @@ class ModalService {
             this.componentRef[dialogId] = undefined;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [{ token: i2$2.MatDialog }, { token: i1$6.MatSnackBar }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, deps: [{ token: i2$1.MatDialog }, { token: i1$6.MatSnackBar }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ModalService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i2$2.MatDialog }, { type: i1$6.MatSnackBar }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
+        }], ctorParameters: () => [{ type: i2$1.MatDialog }, { type: i1$6.MatSnackBar }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ComponentFactoryResolver }] });
 
 class CanDeactivateService {
     constructor(modalService, translateService) {
@@ -105564,6 +105572,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { appSection$: [], userInfo$: [] } });
 
+class SearchValueHighlightComponent extends BaseComponent {
+    constructor() {
+        super();
+        this.isLuckySearchField = false;
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchValueHighlightComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SearchValueHighlightComponent, isStandalone: true, selector: "[search-value-highlight]", inputs: { displayValue: "displayValue", searchValue: "searchValue", isLuckySearch: "isLuckySearch", isLuckySearchField: "isLuckySearchField", ngClass: "ngClass" }, usesInheritance: true, ngImport: i0, template: "<span [ngClass]=\"ngClass\" *ngIf=\"displayValue?.toString().length\">\n    <ng-content></ng-content>\n</span>\n<span [ngClass]=\"ngClass\" innerHTML=\"{{ displayValue | substrHighlight:searchValue:isLuckySearch:isLuckySearchField }}\"></span>", styles: [""], 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: SubstrHightlightPipe, name: "substrHighlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SearchValueHighlightComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[search-value-highlight]', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        SubstrHightlightPipe
+                    ], template: "<span [ngClass]=\"ngClass\" *ngIf=\"displayValue?.toString().length\">\n    <ng-content></ng-content>\n</span>\n<span [ngClass]=\"ngClass\" innerHTML=\"{{ displayValue | substrHighlight:searchValue:isLuckySearch:isLuckySearchField }}\"></span>" }]
+        }], ctorParameters: () => [], propDecorators: { displayValue: [{
+                type: Input
+            }], searchValue: [{
+                type: Input
+            }], isLuckySearch: [{
+                type: Input
+            }], isLuckySearchField: [{
+                type: Input
+            }], ngClass: [{
+                type: Input
+            }] } });
+
 class StatusIconComponent {
     constructor() {
         this.isActive = true;
@@ -105591,6 +105627,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+class ParkTimeService {
+    constructor(store) {
+        this.store = store;
+        this.startTimer = (facility, guid) => {
+            const diffDictionary = this.store.selectSnapshot(FacilityState.clientServerDiffDictionary);
+            const facilityGuid = guid || this.store.selectSnapshot(FacilityState.guid);
+            const serverClientTimeSpan = diffDictionary[facilityGuid] || 0;
+            return timer(0, 1000).pipe(startWith(0), map(() => this.populateFacilityDateTime(facility?.timeDrift || 0, facility?.spTimeZone, serverClientTimeSpan)));
+        };
+        this.initCurrentTime();
+    }
+    getCurrentDateTimeTimer(guid, parkId) {
+        const facilityDictionary = this.store.selectSnapshot(FacilityState.facilityDictionary);
+        return this.startTimer(facilityDictionary[guid][parkId], guid);
+    }
+    getCurrentDateTime(parkId, guid) {
+        const facilityDictionary = this.store.selectSnapshot(FacilityState.facilityDictionary);
+        const diffDictionary = this.store.selectSnapshot(FacilityState.clientServerDiffDictionary);
+        const facility = facilityDictionary[guid] ? facilityDictionary[guid][parkId] : null;
+        return this.populateFacilityDateTime(facility?.timeDrift || 0, facility?.spTimeZone, diffDictionary[guid]);
+    }
+    initCurrentTime() {
+        this.currentTime$ = this.facility$.pipe(filter(facility => !!facility && !facility.isMultiPark), switchMap$1(facility => this.startTimer(facility)));
+    }
+    populateFacilityDateTime(timeDrift, spTimeZone, serverClientTimeSpan) {
+        return moment$1.tz(spTimeZone).subtract(serverClientTimeSpan, 'milliseconds').subtract(timeDrift, 'seconds');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParkTimeService, deps: [{ token: i1$2.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParkTimeService }); }
+}
+__decorate([
+    Select(FacilityState.selected)
+], ParkTimeService.prototype, "facility$", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ParkTimeService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i1$2.Store }], propDecorators: { facility$: [] } });
+
+class TimeElapsedCounterComponent extends BaseComponent {
+    constructor(parkTimeService) {
+        super();
+        this.parkTimeService = parkTimeService;
+    }
+    ngOnInit() {
+        this.elapsdTime$ = this.parkTimeService.getCurrentDateTimeTimer(this.guid, this.parkId).pipe(takeUntil$1(this.destroy$), map(currentTime => {
+            return dateDiffInSeconds(this.startDate, currentTime);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeElapsedCounterComponent, deps: [{ token: ParkTimeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TimeElapsedCounterComponent, isStandalone: true, selector: "tb-time-elapsed-counter", inputs: { startDate: "startDate", parkId: "parkId", guid: "guid" }, usesInheritance: true, ngImport: i0, template: "{{ elapsdTime$ | async | timeElapsed }}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: TimeElapsedPipe, name: "timeElapsed" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TimeElapsedCounterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tb-time-elapsed-counter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        TimeElapsedPipe
+                    ], template: "{{ elapsdTime$ | async | timeElapsed }}\n" }]
+        }], ctorParameters: () => [{ type: ParkTimeService }], propDecorators: { startDate: [{
+                type: Input
+            }], parkId: [{
+                type: Input
+            }], guid: [{
+                type: Input
+            }] } });
+
 // Module
 
 const SUPPORTED_DEVICES_SCHEDULER = [
@@ -107557,12 +107657,13 @@ class SmartparkService {
         return this.loading.asObservable();
     }
     get hasError$() {
-        return this.loading.asObservable();
+        return this.hasError.asObservable();
     }
-    constructor(store, facilityServiceProxy, actionStatusService) {
+    constructor(store, facilityServiceProxy, actionStatusService, messageBarService) {
         this.store = store;
         this.facilityServiceProxy = facilityServiceProxy;
         this.actionStatusService = actionStatusService;
+        this.messageBarService = messageBarService;
         this.loading = new BehaviorSubject(false);
         this.hasError = new BehaviorSubject(false);
     }
@@ -107584,6 +107685,15 @@ class SmartparkService {
         }), catchError$1(e => {
             this.hasError.next(true);
             this.loading.next(false);
+            if (e.status !== HttpStatusCode$2.RequestTimeout) {
+                const messageInfo = {
+                    duration: ONE_SECOND_IN_MILLISECONDS * 15,
+                    action: {
+                        component: RestartLinkComponent
+                    },
+                };
+                this.messageBarService.warn("", messageInfo);
+            }
             throw e;
         }));
     }
@@ -107614,12 +107724,12 @@ class SmartparkService {
         }
         return loadingOverlayOptions;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkService, deps: [{ token: i1$2.Store }, { token: FacilityServiceProxy }, { token: ActionStatusService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkService, deps: [{ token: i1$2.Store }, { token: FacilityServiceProxy }, { token: ActionStatusService }, { token: MessageBarService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartparkService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Store }, { type: FacilityServiceProxy }, { type: ActionStatusService }] });
+        }], ctorParameters: () => [{ type: i1$2.Store }, { type: FacilityServiceProxy }, { type: ActionStatusService }, { type: MessageBarService }] });
 
 class AppModuleService {
     constructor() {
@@ -107650,22 +107760,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [] });
 
 class RefreshTokenService {
-    constructor(store, usersServiceProxyIdentity, sessionStorageService, mobileServiceProxyIdentity) {
+    constructor(store, usersServiceProxyIdentity, sessionStorageService, actions$, mobileServiceProxyIdentity) {
         this.store = store;
         this.usersServiceProxyIdentity = usersServiceProxyIdentity;
         this.sessionStorageService = sessionStorageService;
+        this.actions$ = actions$;
         this.mobileServiceProxyIdentity = mobileServiceProxyIdentity;
         this.isRefreshing = false;
         this.refreshTokenSubject = new Subject();
     }
     handleRefreshToken(request, next) {
         if (!this.isRefreshing) {
+            const subscription = this.listenToLogoutAction();
             this.isRefreshing = true;
             const refreshInfo = this.sessionStorageService.getAuth;
             return this.usersServiceProxyIdentity.refreshToken(refreshInfo?.refreshToken).pipe(switchMap$1(tokenResult => {
                 this.setAuthSession(tokenResult.data);
                 return next.handle(this.addToken(request, tokenResult.data.accessToken));
             }), catchError((error) => throwError(() => error)), finalize(() => {
+                if (subscription) {
+                    subscription.unsubscribe();
+                }
                 this.isRefreshing = false;
                 // Process the request queue after token refresh completes
                 this.refreshTokenSubject.next(this.sessionStorageService.accessToken);
@@ -107678,12 +107793,16 @@ class RefreshTokenService {
     }
     handleMobileRefreshToken(request, next) {
         if (!this.isRefreshing) {
+            const subscription = this.listenToLogoutMobileAction();
             this.isRefreshing = true;
             const refreshInfo = this.sessionStorageService.getAuth;
             return this.mobileServiceProxyIdentity.mobileRefreshToken(refreshInfo?.refreshToken, VERSION_V1).pipe(switchMap$1(tokenResult => {
                 this.setAuthSession(tokenResult.data);
                 return next.handle(this.addToken(request, tokenResult.data.accessToken));
             }), catchError((error) => throwError(() => error)), finalize(() => {
+                if (subscription) {
+                    subscription.unsubscribe();
+                }
                 this.isRefreshing = false;
                 // Process the request queue after token refresh completes
                 this.refreshTokenSubject.next(this.sessionStorageService.accessToken);
@@ -107714,6 +107833,25 @@ class RefreshTokenService {
         this.sessionStorageService.setAuthSession(tokenResult.accessToken, newRefreshData);
         this.store.dispatch(new SetStateAction(tokenResult.accessToken, newRefreshData));
     }
+    listenToLogoutAction() {
+        return this.actions$
+            .pipe(ofActionDispatched(LogoutAction), first$1())
+            .subscribe(() => {
+            this.clearRefreshTokenQueue();
+        });
+    }
+    listenToLogoutMobileAction() {
+        return this.actions$
+            .pipe(ofActionDispatched(LogoutMobileAction), first$1())
+            .subscribe(() => {
+            this.clearRefreshTokenQueue();
+        });
+    }
+    clearRefreshTokenQueue() {
+        this.refreshTokenSubject.complete();
+        this.refreshTokenSubject = new Subject();
+        this.isRefreshing = false;
+    }
     handleRefreshTokenQueue(request, next) {
         return this.refreshTokenSubject.pipe(filter((token) => !this.isRefreshing && !!token), take$1(1), switchMap$1((token) => next.handle(this.addToken(request, token))));
     }
@@ -107724,12 +107862,12 @@ class RefreshTokenService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshTokenService, deps: [{ token: i1$2.Store }, { token: UsersServiceProxyIdentity }, { token: SessionStorageService }, { token: MobileServiceProxyIdentity }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshTokenService, deps: [{ token: i1$2.Store }, { token: UsersServiceProxyIdentity }, { token: SessionStorageService }, { token: i1$2.Actions }, { token: MobileServiceProxyIdentity }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshTokenService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: RefreshTokenService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Store }, { type: UsersServiceProxyIdentity }, { type: SessionStorageService }, { type: MobileServiceProxyIdentity }] });
+        }], ctorParameters: () => [{ type: i1$2.Store }, { type: UsersServiceProxyIdentity }, { type: SessionStorageService }, { type: i1$2.Actions }, { type: MobileServiceProxyIdentity }] });
 
 class FileService {
     constructor(messageBarService, translateService) {
@@ -114738,6 +114876,8 @@ class VersionResolver {
     resolve() {
         return this.smartparkServiceProxy.versions().pipe(tap(versionsMap => {
             this.store.dispatch(new SetSmartParkVersionsAction(versionsMap.data));
+        }), catchError$1(() => {
+            return of(null);
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: VersionResolver, deps: [{ token: SmartparkServiceProxy }, { token: i1$2.Store }], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -114753,5 +114893,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ACCESS_PROFILE_DAT_TYPES_SP, ACTIVE_BYTE, ADVANCED_OPTIONS_VALUE, AES_DEFAULT_IV, ALERT_NOTIFICATION_CONTAINER, ALLOWED_FILES_FORMATS, ALLOWED_FILES_MAX_SIZE_MB, ALLOWED_FILES__SIZE_200_KB, ALLOWED_FILES__SIZE_2_MB, ALLOWED_NUMBER_OF_DAYS, ALLOWED_UPLOAD_FILES_QUANTITY, ALL_DAYS_IN_BINARY, ALL_DAYS_IN_BYTE, AccessProfileChangeValidTypesText, AccessProfileDayTypesText, AccessProfileRestrictionTypesText, AccessProfileShortDayTypesText, AccessProfileSpecialDaysMap, AccessProfileTypesText, AccountFrameMessageBarComponent, AccountLinkedEntitiesText, AccountLinkedEntityText, AccountSetPasswordAction, AccountSetPasswordErrorAction, AccountSetPasswordInitAction, ActionReasonsModule, ActionReasonsState, 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, AppSectionModuleMenu, AppSectionRoute, AppSettingsService, AppType, AuditActionTypeText, AuditLogoutAction, AuditLogoutMobileAction, AuthModule, AuthRouteGuard, AuthService, AuthTokenService, Authenticate2FAforUser, AuthenticateMultipleTenantsAction, AutofocusDirective, BOM_UNICODE, BackofficeAutheticateAction, BarcodeTypeLength, BarrireStateText, BaseComponent, BaseDeviceItemComponent, BaseDeviceService, BaseFacilityCommandsService, BaseNotificationService, BillDispenserStatusText, BillTypeText, BillValidatorStatusText, ButtonStatus, CANCEL_ALL_RELAY_VALUE, CLogItPipe, COLORS, CREDIT_CARD_POSTFIX_LENGTH, CalculatorModule, CalculatorState, CanDeactivateService, CarModule, CarState, CassetteStatusText, CentToCoinPipe, ChangeLanguageAction, ChangeMobileLanguageAction, ChangePasswordAction, ChangePasswordMobileAction, ChartLayout, CleanLogoAction, ClearActionReasonsAction, ClearAdministrativeNotificationsAction, ClearAlertsAndNotificationsAction, ClearBaseZonesAction, ClearCalculatorPriceAction, ClearCategoriesAction, ClearColorsAction, 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, ConfigMobileResolver, ConfigResolver, ConnectSmartparkAction, ContainerRefDirective, CoreEntities, CouponSearchFieldSelectorText, CreateBasicBatchAction, CreateBasicGuestAction, CreateBatchAction, CreateColorAction, CreateGuestAction, CreateModelAction, CreateOrUpdateSMTPDetailsAction, CredentialTypeText, CreditCardTypeText, CrudOperationText, CurlyToBoldPipe, DATA_IMAGE_BASE64_PREFIX, DATA_IMAGE_BASE64_SVG_PREFIX, DEFAULT_DATE_FORMAT, DEFAULT_EXPIRATION_MONTHS_COUNT, DEFAULT_MINIMUM_LENGTH, DEFAULT_PASSWORD_HISTORY_COUNT, DEFAULT_PERMITTED_CREDENTIALS, DEFAULT_SMART_PARK_DATE_TIME, DEFAULT_SORT_MENU, 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, DeleteGuestAction, DeleteLogoAction, DeleteUserAction, DetectBrowserService, DeviceActivityChangedAction, DeviceActivityLabel, DeviceActivityMode, DeviceActivityModeText, DeviceActivityStatus, DeviceActivityType, DeviceAggregatedStatus, DeviceAggregatedStatusText, DeviceEventChangedAction, DeviceIconComponent, DeviceIndicationStatus, DeviceLaneTypes, DeviceLoop, DeviceModule, DevicePipeModule, DevicePrinterStatusText, DeviceRemoteCommandsService, DeviceSortBy, DeviceStatusBaseComponent, DeviceStatusChangedAction, DeviceTypeIconName, DeviceTypeText, DeviceTypesAlertsMapping, DevicesViewMode, DialogMode, DipSwitchStatus, Disable2FAAction, 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, ExceedingBehaviorTypeText, ExpandGuestsByBatchIdAction, ExportFileService, ExportGuestsAction, ExportPdfSmartparksTableAction, ExportSmartparkAction, FONT_BASE64, 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, GetAllLocalizationsAction, GetAllLocalizationsMobileAction, GetLogoAction, GetMobileLogoAction, GetRateByIdAction, GetSpecialTransientTablesAction, GetUserSettingsByCategoryAction, GlobalErrorService, GlobalMessageContainerComponent, GroupPermissionsPipe, GuestModule, GuestSearchFieldSelectorText, GuestState, GuestTypeCastText, GuestTypesText, HOUR_FORMAT_12, HOUR_FORMAT_24, HOUR_FORMAT_FULL_DAY, HandleAlertsAction, HandleNotificationAction, HandledNotificationAction, HasActionErrored, HealthAction, HoldRelayMode, HoldRelayModeText, HopperStatusText, HotelGuestSearchFieldSelectorText, HttpCancelBlackListUrls, HttpCancelInterceptor, HttpCancelService, 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, InternetConnectionService, InternetConnectionStatus, IsActionExecuting, IsEllipsisDirective, LOCAL_ENGLISH_LANGUAGE, LOCATION_OPTIONS, LOGGED_TENANT_KEY, LanguageTypeKeys, LayoutModule, LayoutState, Load2FAUserAction, LoadActionReasonsAction, LoadAdministrativeNotificationsAction, LoadAlertsAndNotificationsAction, LoadAppConfigurationAction, LoadAppConfigurationMobileAction, LoadBackofficeAppConfigurationAction, LoadBackofficeSmartparksTableAction, LoadBackofficeSpAndSparkVersionsAction, LoadBackofficeVarsAction, LoadBaseZonesAction, LoadCalculatorPriceAction, LoadCategoriesAction, LoadColorsAction, LoadColorsAction1, LoadColorsAction2, LoadColorsAction3, LoadColorsAction4, LoadColorsAction5, LoadDeviceAction, LoadDeviceEventActivitiesAction, LoadDeviceEventsAction, LoadDeviceEventsCollapse, LoadDeviceLprTransactionsAction, LoadDeviceStatusAction, LoadDevicesAction, LoadDevicesByTypeAction, LoadEventActivitiesCollapse, LoadFacilityAction, LoadFacilityRemoteCommandsRefAction, LoadGroupsAction, LoadGuestByIdAction, LoadGuestProfilesAction, LoadGuestsAction, LoadGuestsByBatchIdAction, LoadGuestsByBatchIdCancelledAction, LoadJobTitlesAction, LoadLocateTicketSearchAction, LoadLocatedTicketAction, LoadLprTransactionsCollapse, LoadMacroCommandsAction, LoadMobileNotificationsAction, LoadMobileSmartparksBasicAction, LoadModelsAction, LoadModelsAction1, LoadModelsAction2, LoadModelsAction3, LoadModelsAction4, LoadModelsAction5, LoadOverflowPriceTableAction, LoadParkActivitiesAction, LoadParkDevicesAction, LoadParkerAction, LoadParkersAction, LoadParkingLotAction, LoadParksAction, LoadRateByIdAction, LoadRatesAction, LoadRemoteCommandsRefAction, LoadSMTPDetailsAction, LoadSelectedDeviceAction, LoadSmartparksAction, LoadSmartparksBasicAction, LoadSmartparksDropdownAction, LoadSmartparksTableAction, LoadSpAndSparkVersionsAction, LoadStickerPriceTableAction, LoadTicketNumParkersAction, LoadTransientPriceTableAction, LoadUserPermissionsAction, LoadUsersAction, LoadUsersAdministrativeNotificationsAction, LoadValidationTypeAction, LoadVarsAction, LoadZoneAction, LoadZonesAction, 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_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_20, MAX_LENGTH_NAME_30, MAX_LENGTH_NAME_50, 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, MobileAuthenticateMultipleTenantsAction, MobileCommandCenterModuleResolver, 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, OffScreenDirective, OpenIdAuthInitializeService, OpenIdAuthService, OpenIdAutheticateAction, Operator, OrderBy, OrderByPipe, OrderDirection$1 as 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, PermissionGroupText, PermissionTypeSupportedVersionDictionary, PermissionTypeText, PermissionsService, PrintReceiptAction, ProfileTypeText, RATE_ID_WITH_VALUE_2, REDIRECT_URL, RELAY_2_VALUE, RELAY_3_VALUE, RELAY_4_VALUE, RESET_PASSWORD_EMAIL, RTObjectObject, RangeModes, RangeModesText, RateModule, RateState, RealtimeEventService, RealtimeResolver, ReceiptGeneratedAction, RefreshTokenService, RefreshTokenState, RelayStatus, ReloadParkerAction, RemoteCommandService, RemoteCommandTypesIcon, RemoteValidationModule, RemoteValidationState, RemoveExpiredAlertsAndNotificationsAction, ReportCategories, ReportCategoriesText, ReportMethodDictionary, ReportSectionMenu, ResendPendingAdminInvitationsAction, ResendUserInvitationAction, ResetRatesAction, RestrictionLocationTypeText, RestrictionLocationTypeTextTable, RestrictionTypeText, RevenueService, RouteService, RowOperation, SESSION, 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, SearchFacilitiesMode, SearchFieldSelectorText, SearchTicketAction, SearchValueHighlightComponent, SecurityModule, SecurityState, SelectDeviceAction, SelectParkAction, SelectSmartParkAction, SelectedRowAction, SendEmailFromEntityAction, SendEmailToGuest, SendGuestPassesToEmailAction, SendTestEmailAction, ServiceProxyModule, ServicesRunningStatusChangedAction, SessionState, SessionStorageService, SetBackofficeSmartParkVersionsAction, SetBasicMenuAction, SetDeviceEventsExpanded, SetDeviceRemoteCommandsMapAction, SetDeviceStatusAction, SetDeviceViewModeAction, SetEventActivitiesExpanded, SetFacilityRemoteCommandsMapAction, SetGuestsAction, SetLprTransactionsExpanded, SetMobileModeAction, SetParkActivitiesAction, SetRealTimeEventStatusAction, SetSearchTermAction, SetSelectedParkAction, SetSmartParkAction, SetSmartParkTableAction, SetSmartParkVersionsAction, SetSmartparkBasicAction, SetSmartparkBasicAllAction, SetStateAction, SetTFASetupAction, SetTenantUserAction, SetTicketIdentifierAction, SetUserNameAction, SetUserStatusAction, SetUsersAction, SetkeepMeLoggedInAction, SharedComponentsModule, SharedDirectivesModule, SharedModule, SharedPipesModule, SideNavSortBy, SidenavModule, SidenavState, SignalR, SignalRObject, SignalRRefreshTokenAction, SingleSignOnProviderText, SmartParkDeviceStatusChangedAction, SmartParkStatusText, SmartparkDateTimePipe, SmartparkDialogState, SmartparkModule, SmartparkService, SmartparkState, SortDevicesPipe, SortPipe, SparkNotification, SpecialDaysPipe, SpinnerDiameterSize, StaticMessageBarService, StatusIconComponent, StickerSearchFieldSelectorText, StopPropagationDirective, StringItPipe, SubModuleGuard, SubstrHightlightManyPipe, SubstrHightlightPipe, SubstrHightlightSinglePipe, SwallowUnitStatusText, SyncUsersAndRolesBySmartparkIdAction, TBFormatPipe, TBNumberDirective, TENANT_KEY, TENS_MULTIPLIER, TableRowHeightSizes, TableTypeText, TagLabelType, TenantClearAction, TenantLoadAction, TenantLogoModule, TenantService, TenantlessLoginMode, TibaDateFormat, TibaMatDialogConfig, TibaRetryPolicy, TibaValidators, TicketService, TimeAgoPipe, TimeElapsedCounterComponent, TimeElapsedFormats, TimeElapsedPipe, TimeRangeFormats, TimeRangePipe, ToggleDrawerAction, ToggleDrawerCollapseAction, TooltipPositions, TrackAction, TransientParkingActionText, TranslateLocalPipe, TreeFilterKeysPipe, TreeMode, TypeCastText, UNSAVED_DATA, USER_IS_TEMPORARY_BLOCKED, UnloadParkingLotAction, UpdateAndActivateUserAction, UpdateAuthTokenAction, UpdateBasicGuestAction, UpdateBasicGuestTempAction, UpdateDocumentAction, UpdateGuestAction, UpdateGuestLocationAction, UpdateMobileMode, UpdateSmartparkAction, UpdateTenantInfoProps, UpdateTenantSingleSignOnAction, UpdateTicketPlateIdAction, UpdateUserAlertsPreferencesAction, UpdateUserNotificaitonsPreferencesAction, UpdateUserSettingsAction, UpdateUserSettingsInSessionAction, UpdateUserSettingsMobileAction, UploadLogoAction, UserCreationType, UserModule, UserSettingsModule, UserSettingsState, UserState, VALIDATION_TYPE_BY_HOURS_41, VALIDATION_TYPE_BY_HOURS_42, VALID_TIME_MAX_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_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, VERSION_V1, VGuestWithBatchTableData, ValidateUserTokenAction, ValidationService, ValidationStickerType, ValidationTypeModule, ValidationTypeState, VarDirective, Verify2FactorAuthenticationAction, VersionMobileResolver, VersionResolver, VirtualValidationStatusText, WrapFnPipe, ZerofyNegativePipe, ZoneChangedAction, ZoneModule, ZoneState, accountModuleAnimation, adjustForTimezone, allowSpecialKeys, alphanumericRegex, appModuleAnimation, areDatesIdentical, areVersionsCompatible, arrayEquals, arraysAreDifferent, baseReduce, blobToBase64, buildMessageInfos, buildMessages, camelize, canceled, capitalizeFirstLetter, compareValues, 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, exitDevicesLaneTypes, extractErrorsChanges, extractNumber, extractResetChanges, extractSetValueChanges, extractToggleStatusChanges, extractTouchedChanges, extractUpdateValueAndValidityChanges, 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, hasRequiredField, hasValue, humanizeTimeElapsed, humanizeUtcTimeElapsed, identity, initializeMsal, initializeOpenId, integerNumberRegex, integerPositiveNumberRegex, ipv4Regex, isBoolean, isCharacterLengthValid, isDefinedAndNotEmpty, isDeviceActive, isDeviceInFilterDeviceTypes, isDeviceInFiltersDeviceTypes, isFalsy, isIOSDevice, isMaxDaysRangeValid, isNullOrEmpty, isNumber, isObjectEmpty, isSearchFieldChanged, isSingularOrPlural, isTrueInBinary, isTruthy, isVersionGreaterThanEqual, loadHTMLContent, lowerCase, lowerCaseFirstLetter, mapTransientTags, markEntitiesAsChanged, markEntityAsUnchanged, matchesDeviceCriteria, matchesDeviceParkingLotCriteria, matchesDevicesParkingLotCriteria, minutesToTime, mobileRegex, nameof, navigateToForbiddenAccessPage, navigateToNotSupportedBrowserPage, noEmojiRegex, notificationAnimation, numberWithLeadingZero, ofStatus, omitKeys, openBackgroundIframe, openCloseFiltersAnimation, parentParkBaseEventTypes, parentParkEventTypes, parkBaseEventTypes, parkEventTypes, parkerEnumToText, parseApiErrorData, parseApiErrorMessage, parseDateTimeToSparkParkTime, parseSmartParkTime, passwordRegex, percentageRegex, printSpecialDaysText, printStackTrace, readjustForTimezone, regexExp, remoteCommandLocalizationMap, replaceAll, rtEventPermissions, safeParse, searchBarPopupAnimation, setErrorMessage, shortDaysTranslation, sleep, slideFromBottom, slideFromRight, slideFromUp, slideUpDown, successful, timeToMinutes, timeToMoment, toInt, toNumberMap, toStringMap, wrapConstructor };
+export { ACCESS_PROFILE_DAT_TYPES_SP, ACTIVE_BYTE, ADVANCED_OPTIONS_VALUE, AES_DEFAULT_IV, ALERT_NOTIFICATION_CONTAINER, ALLOWED_FILES_FORMATS, ALLOWED_FILES_MAX_SIZE_MB, ALLOWED_FILES__SIZE_200_KB, ALLOWED_FILES__SIZE_2_MB, ALLOWED_NUMBER_OF_DAYS, ALLOWED_UPLOAD_FILES_QUANTITY, ALL_DAYS_IN_BINARY, ALL_DAYS_IN_BYTE, AccessProfileChangeValidTypesText, AccessProfileDayTypesText, AccessProfileRestrictionTypesText, AccessProfileShortDayTypesText, AccessProfileSpecialDaysMap, AccessProfileTypesText, AccountFrameMessageBarComponent, AccountLinkedEntitiesText, AccountLinkedEntityText, AccountSetPasswordAction, AccountSetPasswordErrorAction, AccountSetPasswordInitAction, ActionReasonsModule, ActionReasonsState, 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, AppSectionModuleMenu, AppSectionRoute, AppSettingsService, AppType, AuditActionTypeText, AuditLogoutAction, AuditLogoutMobileAction, AuthModule, AuthRouteGuard, AuthService, AuthTokenService, Authenticate2FAforUser, AuthenticateMultipleTenantsAction, AutofocusDirective, BOM_UNICODE, BackofficeAutheticateAction, BarcodeTypeLength, BarrireStateText, BaseComponent, BaseDeviceItemComponent, BaseDeviceService, BaseFacilityCommandsService, BaseNotificationService, BillDispenserStatusText, BillTypeText, BillValidatorStatusText, ButtonStatus, CANCEL_ALL_RELAY_VALUE, CLogItPipe, COLORS, CREDIT_CARD_POSTFIX_LENGTH, CalculatorModule, CalculatorState, CanDeactivateService, CarModule, CarState, CassetteStatusText, CentToCoinPipe, ChangeLanguageAction, ChangeMobileLanguageAction, ChangePasswordAction, ChangePasswordMobileAction, ChartLayout, CleanLogoAction, ClearActionReasonsAction, ClearAdministrativeNotificationsAction, ClearAlertsAndNotificationsAction, ClearBaseZonesAction, ClearCalculatorPriceAction, ClearCategoriesAction, ClearColorsAction, 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, ConfigMobileResolver, ConfigResolver, ConnectSmartparkAction, ContainerRefDirective, CoreEntities, CouponSearchFieldSelectorText, CreateBasicBatchAction, CreateBasicGuestAction, CreateBatchAction, CreateColorAction, CreateGuestAction, CreateModelAction, CreateOrUpdateSMTPDetailsAction, CredentialTypeText, CreditCardTypeText, CrudOperationText, CurlyToBoldPipe, DATA_IMAGE_BASE64_PREFIX, DATA_IMAGE_BASE64_SVG_PREFIX, DEFAULT_DATE_FORMAT, DEFAULT_EXPIRATION_MONTHS_COUNT, DEFAULT_MINIMUM_LENGTH, DEFAULT_PASSWORD_HISTORY_COUNT, DEFAULT_PERMITTED_CREDENTIALS, DEFAULT_SMART_PARK_DATE_TIME, DEFAULT_SORT_MENU, 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, DeleteGuestAction, DeleteLogoAction, DeleteUserAction, DetectBrowserService, DeviceActivityChangedAction, DeviceActivityLabel, DeviceActivityMode, DeviceActivityModeText, DeviceActivityStatus, DeviceActivityType, DeviceAggregatedStatus, DeviceAggregatedStatusText, DeviceEventChangedAction, DeviceIconComponent, DeviceIndicationStatus, DeviceLaneTypes, DeviceLoop, DeviceModule, DevicePipeModule, DevicePrinterStatusText, DeviceRemoteCommandsService, DeviceSortBy, DeviceStatusBaseComponent, DeviceStatusChangedAction, DeviceTypeIconName, DeviceTypeText, DeviceTypesAlertsMapping, DevicesViewMode, DialogMode, DipSwitchStatus, Disable2FAAction, 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, 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, GetAllLocalizationsAction, GetAllLocalizationsMobileAction, GetLogoAction, GetMobileLogoAction, GetRateByIdAction, GetSpecialTransientTablesAction, GetUserSettingsByCategoryAction, GlobalErrorService, GlobalMessageContainerComponent, GroupPermissionsPipe, GuestModule, GuestSearchFieldSelectorText, GuestState, GuestTypeCastText, GuestTypesText, HOUR_FORMAT_12, HOUR_FORMAT_24, HOUR_FORMAT_FULL_DAY, HandleAlertsAction, HandleNotificationAction, HandledNotificationAction, HasActionErrored, HealthAction, HoldRelayMode, HoldRelayModeText, HopperStatusText, HotelGuestSearchFieldSelectorText, 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, InternetConnectionService, InternetConnectionStatus, IsActionExecuting, IsEllipsisDirective, LOCAL_ENGLISH_LANGUAGE, LOCATION_OPTIONS, LOGGED_TENANT_KEY, LanguageTypeKeys, LayoutModule, LayoutState, Load2FAUserAction, LoadActionReasonsAction, LoadAdministrativeNotificationsAction, LoadAlertsAndNotificationsAction, LoadAppConfigurationAction, LoadAppConfigurationMobileAction, LoadBackofficeAppConfigurationAction, LoadBackofficeSmartparksTableAction, LoadBackofficeSpAndSparkVersionsAction, LoadBackofficeVarsAction, LoadBaseZonesAction, LoadCalculatorPriceAction, LoadCategoriesAction, LoadColorsAction, LoadColorsAction1, LoadColorsAction2, LoadColorsAction3, LoadColorsAction4, LoadColorsAction5, LoadDeviceAction, LoadDeviceEventActivitiesAction, LoadDeviceEventsAction, LoadDeviceEventsCollapse, LoadDeviceLprTransactionsAction, LoadDeviceStatusAction, LoadDevicesAction, LoadDevicesByTypeAction, LoadEventActivitiesCollapse, LoadFacilityAction, LoadFacilityRemoteCommandsRefAction, LoadGroupsAction, LoadGuestByIdAction, LoadGuestProfilesAction, LoadGuestsAction, LoadGuestsByBatchIdAction, LoadGuestsByBatchIdCancelledAction, LoadJobTitlesAction, LoadLocateTicketSearchAction, LoadLocatedTicketAction, LoadLprTransactionsCollapse, LoadMacroCommandsAction, LoadMobileNotificationsAction, LoadMobileSmartparksBasicAction, LoadModelsAction, LoadModelsAction1, LoadModelsAction2, LoadModelsAction3, LoadModelsAction4, LoadModelsAction5, LoadOverflowPriceTableAction, LoadParkActivitiesAction, LoadParkDevicesAction, LoadParkerAction, LoadParkersAction, LoadParkingLotAction, LoadParksAction, LoadRateByIdAction, LoadRatesAction, LoadRemoteCommandsRefAction, LoadSMTPDetailsAction, LoadSelectedDeviceAction, LoadSmartparksAction, LoadSmartparksBasicAction, LoadSmartparksDropdownAction, LoadSmartparksTableAction, LoadSpAndSparkVersionsAction, LoadStickerPriceTableAction, LoadTicketNumParkersAction, LoadTransientPriceTableAction, LoadUserPermissionsAction, LoadUsersAction, LoadUsersAdministrativeNotificationsAction, LoadValidationTypeAction, LoadVarsAction, LoadZoneAction, LoadZonesAction, 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_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_20, MAX_LENGTH_NAME_30, MAX_LENGTH_NAME_50, 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, MobileAuthenticateMultipleTenantsAction, MobileCommandCenterModuleResolver, 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, OffScreenDirective, OpenIdAuthInitializeService, OpenIdAuthService, OpenIdAutheticateAction, Operator, OrderBy, OrderByPipe, OrderDirection$1 as 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, PermissionGroupText, PermissionTypeSupportedVersionDictionary, PermissionTypeText, PermissionsService, PrintReceiptAction, ProfileTypeText, RATE_ID_WITH_VALUE_2, REDIRECT_URL, RELAY_2_VALUE, RELAY_3_VALUE, RELAY_4_VALUE, RESET_PASSWORD_EMAIL, RTL_LANGUAGES, RTObjectObject, RangeModes, RangeModesText, RateModule, RateState, RealtimeEventService, RealtimeResolver, ReceiptGeneratedAction, RefreshTokenService, RefreshTokenState, RelayStatus, ReloadParkerAction, RemoteCommandService, RemoteCommandTypesIcon, RemoteValidationModule, RemoteValidationState, RemoveExpiredAlertsAndNotificationsAction, ReportCategories, ReportCategoriesText, ReportMethodDictionary, ReportSectionMenu, ResendPendingAdminInvitationsAction, ResendUserInvitationAction, ResetRatesAction, RestartLinkComponent, RestartLinkModule, RestrictionLocationTypeText, RestrictionLocationTypeTextTable, RestrictionTypeText, RevenueService, RouteService, RowOperation, SESSION, 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, SearchFacilitiesMode, SearchFieldSelectorText, SearchTicketAction, SearchValueHighlightComponent, SecurityModule, SecurityState, SelectDeviceAction, SelectParkAction, SelectSmartParkAction, SelectedRowAction, SendEmailFromEntityAction, SendEmailToGuest, SendGuestPassesToEmailAction, SendTestEmailAction, ServiceProxyModule, ServicesRunningStatusChangedAction, SessionState, SessionStorageService, SetBackofficeSmartParkVersionsAction, SetBasicMenuAction, SetDeviceEventsExpanded, SetDeviceRemoteCommandsMapAction, SetDeviceStatusAction, SetDeviceViewModeAction, SetEventActivitiesExpanded, SetFacilityRemoteCommandsMapAction, SetGuestsAction, SetLprTransactionsExpanded, SetMobileModeAction, SetParkActivitiesAction, SetRealTimeEventStatusAction, SetSearchTermAction, SetSelectedParkAction, SetSmartParkAction, SetSmartParkTableAction, SetSmartParkVersionsAction, SetSmartparkBasicAction, SetSmartparkBasicAllAction, SetStateAction, SetTFASetupAction, SetTenantUserAction, SetTicketIdentifierAction, SetUserNameAction, SetUserStatusAction, SetUsersAction, SetkeepMeLoggedInAction, SharedComponentsModule, SharedDirectivesModule, SharedModule, SharedPipesModule, SideNavSortBy, SidenavModule, SidenavState, SignalR, SignalRObject, SignalRRefreshTokenAction, SingleSignOnProviderText, SmartParkDeviceStatusChangedAction, SmartParkStatusText, SmartparkDateTimePipe, SmartparkDialogState, SmartparkModule, SmartparkService, SmartparkState, SortDevicesPipe, SortPipe, SparkNotification, SpecialDaysPipe, SpinnerDiameterSize, StaticMessageBarService, StatusIconComponent, StickerSearchFieldSelectorText, StopPropagationDirective, StringItPipe, SubModuleGuard, SubstrHightlightManyPipe, SubstrHightlightPipe, SubstrHightlightSinglePipe, SwallowUnitStatusText, SyncUsersAndRolesBySmartparkIdAction, TBFormatPipe, TBNumberDirective, TENANT_KEY, TENS_MULTIPLIER, TableRowHeightSizes, TableTypeText, TagLabelType, TenantClearAction, TenantLoadAction, TenantLogoModule, TenantService, TenantlessLoginMode, TibaDateFormat, TibaMatDialogConfig, TibaRetryPolicy, TibaValidators, TicketService, TimeAgoPipe, TimeElapsedCounterComponent, TimeElapsedFormats, TimeElapsedPipe, TimeRangeFormats, TimeRangePipe, ToggleDrawerAction, ToggleDrawerCollapseAction, TooltipPositions, TrackAction, TransientParkingActionText, TranslateLocalPipe, TreeFilterKeysPipe, TreeMode, TypeCastText, UNSAVED_DATA, USER_IS_TEMPORARY_BLOCKED, UnloadParkingLotAction, UpdateAndActivateUserAction, UpdateAuthTokenAction, UpdateBasicGuestAction, UpdateBasicGuestTempAction, UpdateDocumentAction, UpdateGuestAction, UpdateGuestLocationAction, UpdateMobileMode, UpdateSmartparkAction, UpdateTenantInfoProps, UpdateTenantSingleSignOnAction, UpdateTicketPlateIdAction, UpdateUserAlertsPreferencesAction, UpdateUserNotificaitonsPreferencesAction, UpdateUserSettingsAction, UpdateUserSettingsInSessionAction, UpdateUserSettingsMobileAction, UploadLogoAction, UserCreationType, UserModule, UserSettingsModule, UserSettingsState, UserState, VALIDATION_TYPE_BY_HOURS_41, VALIDATION_TYPE_BY_HOURS_42, VALID_TIME_MAX_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_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, VERSION_V1, VGuestWithBatchTableData, ValidateUserTokenAction, ValidationService, ValidationStickerType, ValidationTypeModule, ValidationTypeState, VarDirective, Verify2FactorAuthenticationAction, VersionMobileResolver, VersionResolver, VirtualValidationStatusText, WrapFnPipe, ZerofyNegativePipe, ZoneChangedAction, ZoneModule, ZoneState, accountModuleAnimation, adjustForTimezone, allowSpecialKeys, alphanumericRegex, appModuleAnimation, areDatesIdentical, areVersionsCompatible, arrayEquals, arraysAreDifferent, baseReduce, blobToBase64, buildMessageInfos, buildMessages, camelize, canceled, capitalizeFirstLetter, compareValues, 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, exitDevicesLaneTypes, extractErrorsChanges, extractNumber, extractResetChanges, extractSetValueChanges, extractToggleStatusChanges, extractTouchedChanges, extractUpdateValueAndValidityChanges, 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, hasRequiredField, hasValue, humanizeTimeElapsed, humanizeUtcTimeElapsed, identity, initializeMsal, initializeOpenId, integerNumberRegex, integerPositiveNumberRegex, ipv4Regex, isBoolean, isCharacterLengthValid, isDefinedAndNotEmpty, isDeviceActive, isDeviceInFilterDeviceTypes, isDeviceInFiltersDeviceTypes, isFalsy, isIOSDevice, isMaxDaysRangeValid, isNullOrEmpty, isNumber, isObjectEmpty, isSearchFieldChanged, isSingularOrPlural, isTrueInBinary, isTruthy, isVersionGreaterThanEqual, loadHTMLContent, lowerCase, lowerCaseFirstLetter, mapTransientTags, markEntitiesAsChanged, markEntityAsUnchanged, matchesDeviceCriteria, matchesDeviceParkingLotCriteria, matchesDevicesParkingLotCriteria, minutesToTime, mobileRegex, nameof, navigateToForbiddenAccessPage, navigateToNotSupportedBrowserPage, noEmojiRegex, notificationAnimation, numberWithLeadingZero, ofStatus, omitKeys, openBackgroundIframe, openCloseFiltersAnimation, parentParkBaseEventTypes, parentParkEventTypes, parkBaseEventTypes, parkEventTypes, parkerEnumToText, parseApiErrorData, parseApiErrorMessage, parseDateTimeToSparkParkTime, parseSmartParkTime, passwordRegex, percentageRegex, printSpecialDaysText, printStackTrace, readjustForTimezone, regexExp, remoteCommandLocalizationMap, replaceAll, rtEventPermissions, safeParse, searchBarPopupAnimation, setErrorMessage, shortDaysTranslation, sleep, slideFromBottom, slideFromRight, slideFromUp, slideUpDown, successful, timeToMinutes, timeToMoment, toInt, toNumberMap, toStringMap, wrapConstructor };
 //# sourceMappingURL=tiba-spark-client-shared-lib.mjs.map