Add support for configuration profiles.

src/card-controller/conditions-manager.ts

@@ -1,7 +1,7 @@
 import { CurrentUser } from '@dermotduffy/custom-card-helpers';
 import { HassEntities } from 'home-assistant-js-websocket';
 import merge from 'lodash-es/merge';
-import { copyConfig } from '../config-mgmt';
+import { copyConfig } from '../config/management';
 import {
   FrigateCardCondition,
   frigateConditionalSchema,

src/card-controller/config-manager.ts

@@ -1,5 +1,5 @@
 import isEqual from 'lodash-es/isEqual';
-import { isConfigUpgradeable } from '../config-mgmt';
+import { isConfigUpgradeable } from '../config/management';
 import {
   CardWideConfig,
   FrigateCardConfig,
@@ -7,7 +7,7 @@ import {
   RawFrigateCardConfig
 } from '../config/types';
 import { localize } from '../localize/localize';
-import { setLowPerformanceProfile } from '../performance.js';
+import { setProfiles } from '../config/profiles';
 import { getParseErrorPaths } from '../utils/zod.js';
 import { getOverriddenConfig } from './conditions-manager';
 import { InitializationAspect } from './initialization-manager';
@@ -70,10 +70,7 @@ export class ConfigManager {
             : localize('error.invalid_configuration_no_hint')),
       );
     }
-    const config =
-      parseResult.data.performance.profile !== 'low'
-        ? parseResult.data
-        : setLowPerformanceProfile(inputConfig, parseResult.data);
+    const config = setProfiles(inputConfig, parseResult.data, parseResult.data.profiles);
 
     this._rawConfig = inputConfig;
     if (isEqual(this._config, config)) {

src/card-controller/style-manager.ts

@@ -1,6 +1,5 @@
 import { StyleInfo } from 'lit/directives/style-map';
 import { FrigateCardConfig } from '../config/types';
-import { setPerformanceCSSStyles } from '../performance';
 import { aspectRatioToStyle, setOrRemoveAttribute } from '../utils/basic';
 import { View } from '../view/view';
 import { CardStyleAPI } from './types';
@@ -69,10 +68,22 @@ export class StyleManager {
   }
 
   public setPerformance(): void {
-    setPerformanceCSSStyles(
-      this._api.getCardElementManager().getElement(),
-      this._api.getConfigManager().getCardWideConfig()?.performance,
-    );
+    const STYLE_DISABLE_MAP = {
+      box_shadow: 'none',
+      border_radius: '0px',
+    };
+    const element = this._api.getCardElementManager().getElement();
+    const performance = this._api.getConfigManager().getCardWideConfig()?.performance;
+
+    const styles = performance?.style ?? {};
+    for (const configKey of Object.keys(styles)) {
+      const CSSKey = `--frigate-card-css-${configKey.replaceAll('_', '-')}`;
+      if (styles[configKey] === false) {
+        element.style.setProperty(CSSKey, STYLE_DISABLE_MAP[configKey]);
+      } else {
+        element.style.removeProperty(CSSKey);
+      }
+    }
   }
 
   protected _isAspectRatioEnforced(