Skip to main content

Variable: CONFIG

const CONFIG: {
 CHART: {
  CHART_TYPES: {
   ALTITUDE: "altitude";
   ELEVATION: "elevation";
   GPS_TRACK: "gps-track";
   HEART_RATE: "heart-rate";
   LAP_ZONE: "lap-zone";
   POWER: "power";
   SPEED: "speed";
  };
  DEFAULT_CHART: "elevation";
  DEFAULT_COLORS: {
   PRIMARY: "#667eea";
   SECONDARY: "#764ba2";
  };
  DEFAULT_ZOOM_LEVEL: 1;
  MAX_ZOOM_LEVEL: 10;
  MIN_ZOOM_LEVEL: 0.1;
 };
 CONVERSION: {
  CELSIUS_TO_FAHRENHEIT_MULTIPLIER: number;
  CELSIUS_TO_FAHRENHEIT_OFFSET: 32;
  DECIMAL_PLACES: 2;
  DECIMAL_PLACES_PRECISE: 4;
  INCHES_PER_FOOT: 12;
  KG_TO_POUNDS: 2.20462;
  METERS_PER_KILOMETER: 1000;
  METERS_PER_MILE: 1609.344;
  METERS_TO_FEET: 3.28084;
  METERS_TO_INCHES: 39.3701;
  MILLISECONDS_PER_SECOND: 1000;
  MPS_TO_KMH: 3.6;
  MPS_TO_MPH: 2.237;
  SECONDS_PER_HOUR: 3600;
  SECONDS_PER_MINUTE: 60;
 };
 DEBUG: {
  CATEGORIES: {
   CHARTS: "charts";
   DATA: "data";
   FILES: "files";
   STATE: "state";
   UI: "ui";
  };
  ENABLED: false;
  LOG_LEVELS: {
   DEBUG: "debug";
   ERROR: "error";
   INFO: "info";
   WARN: "warn";
  };
 };
 DISTANCE_UNITS: {
  FEET: "feet";
  KILOMETERS: "kilometers";
  METERS: "meters";
  MILES: "miles";
 };
 ERROR: {
  CODES: {
   FILE_NOT_FOUND: "FILE_NOT_FOUND";
   INVALID_INPUT: "INVALID_INPUT";
   NETWORK_ERROR: "NETWORK_ERROR";
   PARSE_ERROR: "PARSE_ERROR";
   PERMISSION_DENIED: "PERMISSION_DENIED";
   STATE_ERROR: "STATE_ERROR";
   UNKNOWN_ERROR: "UNKNOWN_ERROR";
   VALIDATION_ERROR: "VALIDATION_ERROR";
  };
  MESSAGES: {
   FILE_NOT_FOUND: "File not found";
   INVALID_INPUT: "Invalid input provided";
   NETWORK_ERROR: "Network connection error";
   PARSE_ERROR: "Failed to parse file";
   PERMISSION_DENIED: "Permission denied";
   STATE_ERROR: "Application state error";
   UNKNOWN_ERROR: "An unknown error occurred";
   VALIDATION_ERROR: "Input validation failed";
  };
 };
 FILE: {
  DEFAULT_EXPORT_FORMAT: "gpx";
  EXPORT_FORMATS: {
   CSV: "csv";
   GPX: "gpx";
   JSON: "json";
  };
  IFRAME_PATHS: {
   ALT_FIT: "ffv/index.html";
  };
  MAX_FILE_SIZE: number;
  SUPPORTED_EXTENSIONS: readonly [".fit"];
  SUPPORTED_MIME_TYPES: readonly ["application/octet-stream"];
 };
 MAP: {
  DEFAULT_CENTER: readonly [0, 0];
  DEFAULT_PROVIDER: "openstreetmap";
  DEFAULT_ZOOM: 13;
  PROVIDERS: {
   OPENSTREETMAP: "openstreetmap";
   SATELLITE: "satellite";
  };
 };
 PERFORMANCE: {
  CATEGORIES: {
   CHARTS: "charts";
   DATA_PROCESSING: "data-processing";
   FILE_OPERATIONS: "file-operations";
   STATE_MANAGEMENT: "state-management";
   UI_RENDERING: "ui-rendering";
  };
  ENABLE_MONITORING: false;
  MAX_HISTORY_SIZE: 100;
  MEMORY_CHECK_INTERVAL: 30000;
  SLOW_OPERATION_THRESHOLD: 10;
 };
 TEMPERATURE_UNITS: {
  CELSIUS: "celsius";
  FAHRENHEIT: "fahrenheit";
  KELVIN: "kelvin";
 };
 TIME_UNITS: {
  HOURS: "hours";
  MILLISECONDS: "milliseconds";
  MINUTES: "minutes";
  SECONDS: "seconds";
 };
 UI: {
  ANIMATION_DURATION: 300;
  CSS_CLASSES: {
   ACTIVE: "active";
   HIDDEN: "hidden";
   LOADING: "loading";
   SHOW: "show";
   THEMED_BTN: "themed-btn";
  };
  DEBOUNCE_DELAY: 250;
  DEFAULT_THEME: "dark";
  DOM_IDS: {
   ACTIVE_FILE_NAME: "active_file_name";
   ACTIVE_FILE_NAME_CONTAINER: "active_file_name_container";
   ALT_FIT_IFRAME: "altfit_iframe";
   CONTENT_CHART: "content_chart";
   CONTENT_DATA: "content_data";
   CONTENT_MAP: "content_map";
   CONTENT_SUMMARY: "content_summary";
   DROP_OVERLAY: "drop_overlay";
   NOTIFICATION: "notification";
   TAB_CHART: "tab_chart";
   TAB_SUMMARY: "tab_summary";
   UNLOAD_FILE_BTN: "unload_file_btn";
   ZWIFT_IFRAME: "zwift_iframe";
  };
  HEADER_HEIGHT: 60;
  NOTIFICATION_TYPES: {
   ERROR: {
    ariaLabel: "Error";
    duration: 6000;
    icon: "❌";
    type: "error";
   };
   INFO: {
    ariaLabel: "Information";
    duration: 4000;
    icon: "ℹ️";
    type: "info";
   };
   SUCCESS: {
    ariaLabel: "Success";
    duration: 3000;
    icon: "✅";
    type: "success";
   };
   WARNING: {
    ariaLabel: "Warning";
    duration: 5000;
    icon: "⚠️";
    type: "warning";
   };
  };
  SIDEBAR_WIDTH: 250;
  SUMMARY_COLUMN_SELECTOR_DELAY: 100;
  THEMES: {
   DARK: "dark";
   LIGHT: "light";
   SYSTEM: "system";
  };
 };
 VALIDATION: {
  MAX_DISTANCE: 1000000;
  MAX_DURATION: 86400;
  MAX_SPEED: 200;
  MAX_STRING_LENGTH: 1000;
  MIN_DISTANCE: 0;
  MIN_DURATION: 0;
  MIN_SPEED: 0;
  MIN_STRING_LENGTH: 1;
 };
};

Defined in: utils/config/constants.ts:363

Namespaced constant groups for consumers that prefer grouped access.

Type Declaration​

CHART​

readonly CHART: {
  CHART_TYPES: {
     ALTITUDE: "altitude";
     ELEVATION: "elevation";
     GPS_TRACK: "gps-track";
     HEART_RATE: "heart-rate";
     LAP_ZONE: "lap-zone";
     POWER: "power";
     SPEED: "speed";
  };
  DEFAULT_CHART: "elevation";
  DEFAULT_COLORS: {
     PRIMARY: "#667eea";
     SECONDARY: "#764ba2";
  };
  DEFAULT_ZOOM_LEVEL: 1;
  MAX_ZOOM_LEVEL: 10;
  MIN_ZOOM_LEVEL: 0.1;
} = CHART_CONSTANTS;

CHART.CHART_TYPES​

readonly CHART_TYPES: {
  ALTITUDE: "altitude";
  ELEVATION: "elevation";
  GPS_TRACK: "gps-track";
  HEART_RATE: "heart-rate";
  LAP_ZONE: "lap-zone";
  POWER: "power";
  SPEED: "speed";
};

CHART.CHART_TYPES.ALTITUDE​

readonly ALTITUDE: "altitude" = "altitude";

CHART.CHART_TYPES.ELEVATION​

readonly ELEVATION: "elevation" = "elevation";

CHART.CHART_TYPES.GPS_TRACK​

readonly GPS_TRACK: "gps-track" = "gps-track";

CHART.CHART_TYPES.HEART_RATE​

readonly HEART_RATE: "heart-rate" = "heart-rate";

CHART.CHART_TYPES.LAP_ZONE​

readonly LAP_ZONE: "lap-zone" = "lap-zone";

CHART.CHART_TYPES.POWER​

readonly POWER: "power" = "power";

CHART.CHART_TYPES.SPEED​

readonly SPEED: "speed" = "speed";

CHART.DEFAULT_CHART​

readonly DEFAULT_CHART: "elevation" = "elevation";

CHART.DEFAULT_COLORS​

readonly DEFAULT_COLORS: {
  PRIMARY: "#667eea";
  SECONDARY: "#764ba2";
};

CHART.DEFAULT_COLORS.PRIMARY​

readonly PRIMARY: "#667eea" = "#667eea";

CHART.DEFAULT_COLORS.SECONDARY​

readonly SECONDARY: "#764ba2" = "#764ba2";

CHART.DEFAULT_ZOOM_LEVEL​

readonly DEFAULT_ZOOM_LEVEL: 1 = 1;

CHART.MAX_ZOOM_LEVEL​

readonly MAX_ZOOM_LEVEL: 10 = 10;

CHART.MIN_ZOOM_LEVEL​

readonly MIN_ZOOM_LEVEL: 0.1 = 0.1;

CONVERSION​

readonly CONVERSION: {
  CELSIUS_TO_FAHRENHEIT_MULTIPLIER: number;
  CELSIUS_TO_FAHRENHEIT_OFFSET: 32;
  DECIMAL_PLACES: 2;
  DECIMAL_PLACES_PRECISE: 4;
  INCHES_PER_FOOT: 12;
  KG_TO_POUNDS: 2.20462;
  METERS_PER_KILOMETER: 1000;
  METERS_PER_MILE: 1609.344;
  METERS_TO_FEET: 3.28084;
  METERS_TO_INCHES: 39.3701;
  MILLISECONDS_PER_SECOND: 1000;
  MPS_TO_KMH: 3.6;
  MPS_TO_MPH: 2.237;
  SECONDS_PER_HOUR: 3600;
  SECONDS_PER_MINUTE: 60;
} = CONVERSION_FACTORS;

CONVERSION.CELSIUS_TO_FAHRENHEIT_MULTIPLIER​

readonly CELSIUS_TO_FAHRENHEIT_MULTIPLIER: number;

CONVERSION.CELSIUS_TO_FAHRENHEIT_OFFSET​

readonly CELSIUS_TO_FAHRENHEIT_OFFSET: 32 = 32;

CONVERSION.DECIMAL_PLACES​

readonly DECIMAL_PLACES: 2 = 2;

CONVERSION.DECIMAL_PLACES_PRECISE​

readonly DECIMAL_PLACES_PRECISE: 4 = 4;

CONVERSION.INCHES_PER_FOOT​

readonly INCHES_PER_FOOT: 12 = 12;

CONVERSION.KG_TO_POUNDS​

readonly KG_TO_POUNDS: 2.20462 = 2.204_62;

CONVERSION.METERS_PER_KILOMETER​

readonly METERS_PER_KILOMETER: 1000 = 1000;

CONVERSION.METERS_PER_MILE​

readonly METERS_PER_MILE: 1609.344 = 1609.344;

CONVERSION.METERS_TO_FEET​

readonly METERS_TO_FEET: 3.28084 = 3.280_84;

CONVERSION.METERS_TO_INCHES​

readonly METERS_TO_INCHES: 39.3701 = 39.3701;

CONVERSION.MILLISECONDS_PER_SECOND​

readonly MILLISECONDS_PER_SECOND: 1000 = 1000;

CONVERSION.MPS_TO_KMH​

readonly MPS_TO_KMH: 3.6 = 3.6;

CONVERSION.MPS_TO_MPH​

readonly MPS_TO_MPH: 2.237 = 2.237;

CONVERSION.SECONDS_PER_HOUR​

readonly SECONDS_PER_HOUR: 3600 = 3600;

CONVERSION.SECONDS_PER_MINUTE​

readonly SECONDS_PER_MINUTE: 60 = 60;

DEBUG​

readonly DEBUG: {
  CATEGORIES: {
     CHARTS: "charts";
     DATA: "data";
     FILES: "files";
     STATE: "state";
     UI: "ui";
  };
  ENABLED: false;
  LOG_LEVELS: {
     DEBUG: "debug";
     ERROR: "error";
     INFO: "info";
     WARN: "warn";
  };
} = DEBUG_CONSTANTS;

DEBUG.CATEGORIES​

readonly CATEGORIES: {
  CHARTS: "charts";
  DATA: "data";
  FILES: "files";
  STATE: "state";
  UI: "ui";
};

DEBUG.CATEGORIES.CHARTS​

readonly CHARTS: "charts" = "charts";

DEBUG.CATEGORIES.DATA​

readonly DATA: "data" = "data";

DEBUG.CATEGORIES.FILES​

readonly FILES: "files" = "files";

DEBUG.CATEGORIES.STATE​

readonly STATE: "state" = "state";

DEBUG.CATEGORIES.UI​

readonly UI: "ui" = "ui";

DEBUG.ENABLED​

readonly ENABLED: false = false;

DEBUG.LOG_LEVELS​

readonly LOG_LEVELS: {
  DEBUG: "debug";
  ERROR: "error";
  INFO: "info";
  WARN: "warn";
};

DEBUG.LOG_LEVELS.DEBUG​

readonly DEBUG: "debug" = "debug";

DEBUG.LOG_LEVELS.ERROR​

readonly ERROR: "error" = "error";

DEBUG.LOG_LEVELS.INFO​

readonly INFO: "info" = "info";

DEBUG.LOG_LEVELS.WARN​

readonly WARN: "warn" = "warn";

DISTANCE_UNITS​

DISTANCE_UNITS: {
 FEET: "feet";
 KILOMETERS: "kilometers";
 METERS: "meters";
 MILES: "miles";
}

Distance unit definitions with consistent naming.

DISTANCE_UNITS.FEET​

readonly FEET: "feet" = "feet";

DISTANCE_UNITS.KILOMETERS​

readonly KILOMETERS: "kilometers" = "kilometers";

DISTANCE_UNITS.METERS​

readonly METERS: "meters" = "meters";

DISTANCE_UNITS.MILES​

readonly MILES: "miles" = "miles";

ERROR​

readonly ERROR: {
  CODES: {
     FILE_NOT_FOUND: "FILE_NOT_FOUND";
     INVALID_INPUT: "INVALID_INPUT";
     NETWORK_ERROR: "NETWORK_ERROR";
     PARSE_ERROR: "PARSE_ERROR";
     PERMISSION_DENIED: "PERMISSION_DENIED";
     STATE_ERROR: "STATE_ERROR";
     UNKNOWN_ERROR: "UNKNOWN_ERROR";
     VALIDATION_ERROR: "VALIDATION_ERROR";
  };
  MESSAGES: {
     FILE_NOT_FOUND: "File not found";
     INVALID_INPUT: "Invalid input provided";
     NETWORK_ERROR: "Network connection error";
     PARSE_ERROR: "Failed to parse file";
     PERMISSION_DENIED: "Permission denied";
     STATE_ERROR: "Application state error";
     UNKNOWN_ERROR: "An unknown error occurred";
     VALIDATION_ERROR: "Input validation failed";
  };
} = ERROR_CONSTANTS;

ERROR.CODES​

readonly CODES: {
  FILE_NOT_FOUND: "FILE_NOT_FOUND";
  INVALID_INPUT: "INVALID_INPUT";
  NETWORK_ERROR: "NETWORK_ERROR";
  PARSE_ERROR: "PARSE_ERROR";
  PERMISSION_DENIED: "PERMISSION_DENIED";
  STATE_ERROR: "STATE_ERROR";
  UNKNOWN_ERROR: "UNKNOWN_ERROR";
  VALIDATION_ERROR: "VALIDATION_ERROR";
};

ERROR.CODES.FILE_NOT_FOUND​

readonly FILE_NOT_FOUND: "FILE_NOT_FOUND" = "FILE_NOT_FOUND";

ERROR.CODES.INVALID_INPUT​

readonly INVALID_INPUT: "INVALID_INPUT" = "INVALID_INPUT";

ERROR.CODES.NETWORK_ERROR​

readonly NETWORK_ERROR: "NETWORK_ERROR" = "NETWORK_ERROR";

ERROR.CODES.PARSE_ERROR​

readonly PARSE_ERROR: "PARSE_ERROR" = "PARSE_ERROR";

ERROR.CODES.PERMISSION_DENIED​

readonly PERMISSION_DENIED: "PERMISSION_DENIED" = "PERMISSION_DENIED";

ERROR.CODES.STATE_ERROR​

readonly STATE_ERROR: "STATE_ERROR" = "STATE_ERROR";

ERROR.CODES.UNKNOWN_ERROR​

readonly UNKNOWN_ERROR: "UNKNOWN_ERROR" = "UNKNOWN_ERROR";

ERROR.CODES.VALIDATION_ERROR​

readonly VALIDATION_ERROR: "VALIDATION_ERROR" = "VALIDATION_ERROR";

ERROR.MESSAGES​

readonly MESSAGES: {
  FILE_NOT_FOUND: "File not found";
  INVALID_INPUT: "Invalid input provided";
  NETWORK_ERROR: "Network connection error";
  PARSE_ERROR: "Failed to parse file";
  PERMISSION_DENIED: "Permission denied";
  STATE_ERROR: "Application state error";
  UNKNOWN_ERROR: "An unknown error occurred";
  VALIDATION_ERROR: "Input validation failed";
};

ERROR.MESSAGES.FILE_NOT_FOUND​

readonly FILE_NOT_FOUND: "File not found" = "File not found";

ERROR.MESSAGES.INVALID_INPUT​

readonly INVALID_INPUT: "Invalid input provided" = "Invalid input provided";

ERROR.MESSAGES.NETWORK_ERROR​

readonly NETWORK_ERROR: "Network connection error" = "Network connection error";

ERROR.MESSAGES.PARSE_ERROR​

readonly PARSE_ERROR: "Failed to parse file" = "Failed to parse file";

ERROR.MESSAGES.PERMISSION_DENIED​

readonly PERMISSION_DENIED: "Permission denied" = "Permission denied";

ERROR.MESSAGES.STATE_ERROR​

readonly STATE_ERROR: "Application state error" = "Application state error";

ERROR.MESSAGES.UNKNOWN_ERROR​

readonly UNKNOWN_ERROR: "An unknown error occurred" = "An unknown error occurred";

ERROR.MESSAGES.VALIDATION_ERROR​

readonly VALIDATION_ERROR: "Input validation failed" = "Input validation failed";

FILE​

readonly FILE: {
  DEFAULT_EXPORT_FORMAT: "gpx";
  EXPORT_FORMATS: {
     CSV: "csv";
     GPX: "gpx";
     JSON: "json";
  };
  IFRAME_PATHS: {
     ALT_FIT: "ffv/index.html";
  };
  MAX_FILE_SIZE: number;
  SUPPORTED_EXTENSIONS: readonly [".fit"];
  SUPPORTED_MIME_TYPES: readonly ["application/octet-stream"];
} = FILE_CONSTANTS;

FILE.DEFAULT_EXPORT_FORMAT​

readonly DEFAULT_EXPORT_FORMAT: "gpx" = "gpx";

FILE.EXPORT_FORMATS​

readonly EXPORT_FORMATS: {
  CSV: "csv";
  GPX: "gpx";
  JSON: "json";
};

FILE.EXPORT_FORMATS.CSV​

readonly CSV: "csv" = "csv";

FILE.EXPORT_FORMATS.GPX​

readonly GPX: "gpx" = "gpx";

FILE.EXPORT_FORMATS.JSON​

readonly JSON: "json" = "json";

FILE.IFRAME_PATHS​

readonly IFRAME_PATHS: {
  ALT_FIT: "ffv/index.html";
};

FILE.IFRAME_PATHS.ALT_FIT​

readonly ALT_FIT: "ffv/index.html" = "ffv/index.html";

FILE.MAX_FILE_SIZE​

readonly MAX_FILE_SIZE: number;

FILE.SUPPORTED_EXTENSIONS​

readonly SUPPORTED_EXTENSIONS: readonly [".fit"];

FILE.SUPPORTED_MIME_TYPES​

readonly SUPPORTED_MIME_TYPES: readonly ["application/octet-stream"];

MAP​

readonly MAP: {
  DEFAULT_CENTER: readonly [0, 0];
  DEFAULT_PROVIDER: "openstreetmap";
  DEFAULT_ZOOM: 13;
  PROVIDERS: {
     OPENSTREETMAP: "openstreetmap";
     SATELLITE: "satellite";
  };
} = MAP_CONSTANTS;

MAP.DEFAULT_CENTER​

readonly DEFAULT_CENTER: readonly [0, 0];

MAP.DEFAULT_PROVIDER​

readonly DEFAULT_PROVIDER: "openstreetmap" = "openstreetmap";

MAP.DEFAULT_ZOOM​

readonly DEFAULT_ZOOM: 13 = 13;

MAP.PROVIDERS​

readonly PROVIDERS: {
  OPENSTREETMAP: "openstreetmap";
  SATELLITE: "satellite";
};

MAP.PROVIDERS.OPENSTREETMAP​

readonly OPENSTREETMAP: "openstreetmap" = "openstreetmap";

MAP.PROVIDERS.SATELLITE​

readonly SATELLITE: "satellite" = "satellite";

PERFORMANCE​

readonly PERFORMANCE: {
  CATEGORIES: {
     CHARTS: "charts";
     DATA_PROCESSING: "data-processing";
     FILE_OPERATIONS: "file-operations";
     STATE_MANAGEMENT: "state-management";
     UI_RENDERING: "ui-rendering";
  };
  ENABLE_MONITORING: false;
  MAX_HISTORY_SIZE: 100;
  MEMORY_CHECK_INTERVAL: 30000;
  SLOW_OPERATION_THRESHOLD: 10;
} = PERFORMANCE_CONSTANTS;

PERFORMANCE.CATEGORIES​

readonly CATEGORIES: {
  CHARTS: "charts";
  DATA_PROCESSING: "data-processing";
  FILE_OPERATIONS: "file-operations";
  STATE_MANAGEMENT: "state-management";
  UI_RENDERING: "ui-rendering";
};

PERFORMANCE.CATEGORIES.CHARTS​

readonly CHARTS: "charts" = "charts";

PERFORMANCE.CATEGORIES.DATA_PROCESSING​

readonly DATA_PROCESSING: "data-processing" = "data-processing";

PERFORMANCE.CATEGORIES.FILE_OPERATIONS​

readonly FILE_OPERATIONS: "file-operations" = "file-operations";

PERFORMANCE.CATEGORIES.STATE_MANAGEMENT​

readonly STATE_MANAGEMENT: "state-management" = "state-management";

PERFORMANCE.CATEGORIES.UI_RENDERING​

readonly UI_RENDERING: "ui-rendering" = "ui-rendering";

PERFORMANCE.ENABLE_MONITORING​

readonly ENABLE_MONITORING: false = false;

PERFORMANCE.MAX_HISTORY_SIZE​

readonly MAX_HISTORY_SIZE: 100 = 100;

PERFORMANCE.MEMORY_CHECK_INTERVAL​

readonly MEMORY_CHECK_INTERVAL: 30000 = 30_000;

PERFORMANCE.SLOW_OPERATION_THRESHOLD​

readonly SLOW_OPERATION_THRESHOLD: 10 = 10;

TEMPERATURE_UNITS​

TEMPERATURE_UNITS: {
 CELSIUS: "celsius";
 FAHRENHEIT: "fahrenheit";
 KELVIN: "kelvin";
}

Temperature unit definitions.

TEMPERATURE_UNITS.CELSIUS​

readonly CELSIUS: "celsius" = "celsius";

TEMPERATURE_UNITS.FAHRENHEIT​

readonly FAHRENHEIT: "fahrenheit" = "fahrenheit";

TEMPERATURE_UNITS.KELVIN​

readonly KELVIN: "kelvin" = "kelvin";

TIME_UNITS​

TIME_UNITS: {
 HOURS: "hours";
 MILLISECONDS: "milliseconds";
 MINUTES: "minutes";
 SECONDS: "seconds";
}

Time unit definitions.

TIME_UNITS.HOURS​

readonly HOURS: "hours" = "hours";

TIME_UNITS.MILLISECONDS​

readonly MILLISECONDS: "milliseconds" = "milliseconds";

TIME_UNITS.MINUTES​

readonly MINUTES: "minutes" = "minutes";

TIME_UNITS.SECONDS​

readonly SECONDS: "seconds" = "seconds";

UI​

readonly UI: {
  ANIMATION_DURATION: 300;
  CSS_CLASSES: {
     ACTIVE: "active";
     HIDDEN: "hidden";
     LOADING: "loading";
     SHOW: "show";
     THEMED_BTN: "themed-btn";
  };
  DEBOUNCE_DELAY: 250;
  DEFAULT_THEME: "dark";
  DOM_IDS: {
     ACTIVE_FILE_NAME: "active_file_name";
     ACTIVE_FILE_NAME_CONTAINER: "active_file_name_container";
     ALT_FIT_IFRAME: "altfit_iframe";
     CONTENT_CHART: "content_chart";
     CONTENT_DATA: "content_data";
     CONTENT_MAP: "content_map";
     CONTENT_SUMMARY: "content_summary";
     DROP_OVERLAY: "drop_overlay";
     NOTIFICATION: "notification";
     TAB_CHART: "tab_chart";
     TAB_SUMMARY: "tab_summary";
     UNLOAD_FILE_BTN: "unload_file_btn";
     ZWIFT_IFRAME: "zwift_iframe";
  };
  HEADER_HEIGHT: 60;
  NOTIFICATION_TYPES: {
     ERROR: {
        ariaLabel: "Error";
        duration: 6000;
        icon: "❌";
        type: "error";
     };
     INFO: {
        ariaLabel: "Information";
        duration: 4000;
        icon: "ℹ️";
        type: "info";
     };
     SUCCESS: {
        ariaLabel: "Success";
        duration: 3000;
        icon: "✅";
        type: "success";
     };
     WARNING: {
        ariaLabel: "Warning";
        duration: 5000;
        icon: "⚠️";
        type: "warning";
     };
  };
  SIDEBAR_WIDTH: 250;
  SUMMARY_COLUMN_SELECTOR_DELAY: 100;
  THEMES: {
     DARK: "dark";
     LIGHT: "light";
     SYSTEM: "system";
  };
} = UI_CONSTANTS;

UI.ANIMATION_DURATION​

readonly ANIMATION_DURATION: 300 = 300;

UI.CSS_CLASSES​

readonly CSS_CLASSES: {
  ACTIVE: "active";
  HIDDEN: "hidden";
  LOADING: "loading";
  SHOW: "show";
  THEMED_BTN: "themed-btn";
};

UI.CSS_CLASSES.ACTIVE​

readonly ACTIVE: "active" = "active";

UI.CSS_CLASSES.HIDDEN​

readonly HIDDEN: "hidden" = "hidden";

UI.CSS_CLASSES.LOADING​

readonly LOADING: "loading" = "loading";

UI.CSS_CLASSES.SHOW​

readonly SHOW: "show" = "show";

UI.CSS_CLASSES.THEMED_BTN​

readonly THEMED_BTN: "themed-btn" = "themed-btn";

UI.DEBOUNCE_DELAY​

readonly DEBOUNCE_DELAY: 250 = 250;

UI.DEFAULT_THEME​

readonly DEFAULT_THEME: "dark" = "dark";

UI.DOM_IDS​

readonly DOM_IDS: {
  ACTIVE_FILE_NAME: "active_file_name";
  ACTIVE_FILE_NAME_CONTAINER: "active_file_name_container";
  ALT_FIT_IFRAME: "altfit_iframe";
  CONTENT_CHART: "content_chart";
  CONTENT_DATA: "content_data";
  CONTENT_MAP: "content_map";
  CONTENT_SUMMARY: "content_summary";
  DROP_OVERLAY: "drop_overlay";
  NOTIFICATION: "notification";
  TAB_CHART: "tab_chart";
  TAB_SUMMARY: "tab_summary";
  UNLOAD_FILE_BTN: "unload_file_btn";
  ZWIFT_IFRAME: "zwift_iframe";
};

UI.DOM_IDS.ACTIVE_FILE_NAME​

readonly ACTIVE_FILE_NAME: "active_file_name" = "active_file_name";

UI.DOM_IDS.ACTIVE_FILE_NAME_CONTAINER​

readonly ACTIVE_FILE_NAME_CONTAINER: "active_file_name_container" = "active_file_name_container";

UI.DOM_IDS.ALT_FIT_IFRAME​

readonly ALT_FIT_IFRAME: "altfit_iframe" = "altfit_iframe";

UI.DOM_IDS.CONTENT_CHART​

readonly CONTENT_CHART: "content_chart" = "content_chart";

UI.DOM_IDS.CONTENT_DATA​

readonly CONTENT_DATA: "content_data" = "content_data";

UI.DOM_IDS.CONTENT_MAP​

readonly CONTENT_MAP: "content_map" = "content_map";

UI.DOM_IDS.CONTENT_SUMMARY​

readonly CONTENT_SUMMARY: "content_summary" = "content_summary";

UI.DOM_IDS.DROP_OVERLAY​

readonly DROP_OVERLAY: "drop_overlay" = "drop_overlay";

UI.DOM_IDS.NOTIFICATION​

readonly NOTIFICATION: "notification" = "notification";

UI.DOM_IDS.TAB_CHART​

readonly TAB_CHART: "tab_chart" = "tab_chart";

UI.DOM_IDS.TAB_SUMMARY​

readonly TAB_SUMMARY: "tab_summary" = "tab_summary";

UI.DOM_IDS.UNLOAD_FILE_BTN​

readonly UNLOAD_FILE_BTN: "unload_file_btn" = "unload_file_btn";

UI.DOM_IDS.ZWIFT_IFRAME​

readonly ZWIFT_IFRAME: "zwift_iframe" = "zwift_iframe";

UI.HEADER_HEIGHT​

readonly HEADER_HEIGHT: 60 = 60;

UI.NOTIFICATION_TYPES​

readonly NOTIFICATION_TYPES: {
  ERROR: {
     ariaLabel: "Error";
     duration: 6000;
     icon: "❌";
     type: "error";
  };
  INFO: {
     ariaLabel: "Information";
     duration: 4000;
     icon: "ℹ️";
     type: "info";
  };
  SUCCESS: {
     ariaLabel: "Success";
     duration: 3000;
     icon: "✅";
     type: "success";
  };
  WARNING: {
     ariaLabel: "Warning";
     duration: 5000;
     icon: "⚠️";
     type: "warning";
  };
};

UI.NOTIFICATION_TYPES.ERROR​

readonly ERROR: {
  ariaLabel: "Error";
  duration: 6000;
  icon: "❌";
  type: "error";
};

UI.NOTIFICATION_TYPES.ERROR.ariaLabel​

readonly ariaLabel: "Error" = "Error";

UI.NOTIFICATION_TYPES.ERROR.duration​

readonly duration: 6000 = 6000;

UI.NOTIFICATION_TYPES.ERROR.icon​

readonly icon: "❌" = "❌";

UI.NOTIFICATION_TYPES.ERROR.type​

readonly type: "error" = "error";

UI.NOTIFICATION_TYPES.INFO​

readonly INFO: {
  ariaLabel: "Information";
  duration: 4000;
  icon: "ℹ️";
  type: "info";
};

UI.NOTIFICATION_TYPES.INFO.ariaLabel​

readonly ariaLabel: "Information" = "Information";

UI.NOTIFICATION_TYPES.INFO.duration​

readonly duration: 4000 = 4000;

UI.NOTIFICATION_TYPES.INFO.icon​

readonly icon: "ℹ️" = "ℹ️";

UI.NOTIFICATION_TYPES.INFO.type​

readonly type: "info" = "info";

UI.NOTIFICATION_TYPES.SUCCESS​

readonly SUCCESS: {
  ariaLabel: "Success";
  duration: 3000;
  icon: "✅";
  type: "success";
};

UI.NOTIFICATION_TYPES.SUCCESS.ariaLabel​

readonly ariaLabel: "Success" = "Success";

UI.NOTIFICATION_TYPES.SUCCESS.duration​

readonly duration: 3000 = 3000;

UI.NOTIFICATION_TYPES.SUCCESS.icon​

readonly icon: "✅" = "✅";

UI.NOTIFICATION_TYPES.SUCCESS.type​

readonly type: "success" = "success";

UI.NOTIFICATION_TYPES.WARNING​

readonly WARNING: {
  ariaLabel: "Warning";
  duration: 5000;
  icon: "⚠️";
  type: "warning";
};

UI.NOTIFICATION_TYPES.WARNING.ariaLabel​

readonly ariaLabel: "Warning" = "Warning";

UI.NOTIFICATION_TYPES.WARNING.duration​

readonly duration: 5000 = 5000;

UI.NOTIFICATION_TYPES.WARNING.icon​

readonly icon: "⚠️" = "⚠️";

UI.NOTIFICATION_TYPES.WARNING.type​

readonly type: "warning" = "warning";

UI.SIDEBAR_WIDTH​

readonly SIDEBAR_WIDTH: 250 = 250;

UI.SUMMARY_COLUMN_SELECTOR_DELAY​

readonly SUMMARY_COLUMN_SELECTOR_DELAY: 100 = 100;

UI.THEMES​

readonly THEMES: {
  DARK: "dark";
  LIGHT: "light";
  SYSTEM: "system";
};

UI.THEMES.DARK​

readonly DARK: "dark" = "dark";

UI.THEMES.LIGHT​

readonly LIGHT: "light" = "light";

UI.THEMES.SYSTEM​

readonly SYSTEM: "system" = "system";

VALIDATION​

readonly VALIDATION: {
  MAX_DISTANCE: 1000000;
  MAX_DURATION: 86400;
  MAX_SPEED: 200;
  MAX_STRING_LENGTH: 1000;
  MIN_DISTANCE: 0;
  MIN_DURATION: 0;
  MIN_SPEED: 0;
  MIN_STRING_LENGTH: 1;
} = VALIDATION_CONSTANTS;

VALIDATION.MAX_DISTANCE​

readonly MAX_DISTANCE: 1000000 = 1_000_000;

VALIDATION.MAX_DURATION​

readonly MAX_DURATION: 86400 = 86_400;

VALIDATION.MAX_SPEED​

readonly MAX_SPEED: 200 = 200;

VALIDATION.MAX_STRING_LENGTH​

readonly MAX_STRING_LENGTH: 1000 = 1000;

VALIDATION.MIN_DISTANCE​

readonly MIN_DISTANCE: 0 = 0;

VALIDATION.MIN_DURATION​

readonly MIN_DURATION: 0 = 0;

VALIDATION.MIN_SPEED​

readonly MIN_SPEED: 0 = 0;

VALIDATION.MIN_STRING_LENGTH​

readonly MIN_STRING_LENGTH: 1 = 1;