refactor: Significantly refactor how conditions work internally (#1886)

- Much improved API cleanliness and testability to allow further
extensibility in future
 - Simplified code in `live` view

This technically contains a small change in how overrides work in the
`live` view. Since that change is _closer_ to the documentation, and
since this is likely to be rarely used, this is not considered a
breaking change. Previously, overrides for a given live camera would
always render _as if_ that camera was selected, vs was actually
selected. Now, overrides will only apply in the live view when the
camera is _actually_ selected. If this is an issue for you in practice,
lets discuss.

src/card-controller/fullscreen/fullscreen-manager.ts

@@ -60,7 +60,7 @@ export class FullscreenManager {
   };
 
   protected _setConditionState(): void {
-    this._api.getConditionsManager()?.setState({
+    this._api.getConditionStateManager()?.setState({
       fullscreen: this.isInFullscreen(),
     });
   }

src/card-controller/fullscreen/webkit/index.ts

@@ -1,6 +1,6 @@
+import { ConditionStateChange } from '../../../conditions/types';
 import { WebkitHTMLVideoElement } from '../../../types';
 import { Timer } from '../../../utils/timer';
-import { ConditionState } from '../../conditions-manager';
 import { FullscreenProviderBase } from '../provider';
 import { FullscreenProvider } from '../types';
 
@@ -18,26 +18,23 @@ export class WebkitFullScreenProvider
   protected _playTimer = new Timer();
 
   public connect(): void {
-    this._api.getConditionsManager().addListener(this._conditionChangeHandler);
+    this._api.getConditionStateManager().addListener(this._stateChangeHandler);
   }
 
   public disconnect(): void {
-    this._api.getConditionsManager().removeListener(this._conditionChangeHandler);
+    this._api.getConditionStateManager().removeListener(this._stateChangeHandler);
   }
 
-  protected _conditionChangeHandler = (
-    newState: ConditionState,
-    oldState?: ConditionState,
-  ): void => {
+  protected _stateChangeHandler = (change: ConditionStateChange): void => {
     if (
-      newState.mediaLoadedInfo?.player?.getFullscreenElement() !==
-      oldState?.mediaLoadedInfo?.player?.getFullscreenElement()
+      change.old.mediaLoadedInfo?.player?.getFullscreenElement() !==
+      change.new.mediaLoadedInfo?.player?.getFullscreenElement()
     ) {
-      const oldElement = oldState?.mediaLoadedInfo?.player?.getFullscreenElement();
+      const oldElement = change.old.mediaLoadedInfo?.player?.getFullscreenElement();
       oldElement?.removeEventListener('webkitbeginfullscreen', this._handler);
       oldElement?.removeEventListener('webkitendfullscreen', this._endHandler);
 
-      const newElement = newState.mediaLoadedInfo?.player?.getFullscreenElement();
+      const newElement = change.new.mediaLoadedInfo?.player?.getFullscreenElement();
       newElement?.addEventListener('webkitbeginfullscreen', this._handler);
       newElement?.addEventListener('webkitendfullscreen', this._endHandler);
     }