Add event to collect appearances runtime API usage

GitOrigin-RevId: 52c45d4b9cd91523b904702dd16f2e773797b137

Author: ibesora

src/ui/map.ts

@@ -14,7 +14,8 @@ import {
     AUTH_ERR_MSG,
     storeAuthState,
     removeAuthState,
-    postStyleWithAppearanceEvent
+    postStyleWithAppearanceEvent,
+    postAddedAppearanceEvent
 } from '../util/mapbox';
 import Style from '../style/style';
 import IndoorManager from '../style/indoor_manager';
@@ -3516,6 +3517,10 @@ export class Map extends Camera {
             return this;
         }
 
+        if (name === 'appearances') {
+            this._postAddingAppearancesToStyleEvent();
+        }
+
         this.style.setLayerProperty(layerId, name, value, options);
         return this._update(true);
     }
@@ -4814,6 +4819,10 @@ export class Map extends Camera {
         postStyleWithAppearanceEvent(this._requestManager._customAccessToken);
     }
 
+    _postAddingAppearancesToStyleEvent() {
+        postAddedAppearanceEvent(this._requestManager._customAccessToken);
+    }
+
     _updateTerrain() {
         // Recalculate if enabled/disabled and calculate elevation cover. As camera is using elevation tiles before
         // render (and deferred update after zoom recalculation), this needs to be called when removing terrain source.

src/util/mapbox.ts

@@ -866,6 +866,10 @@ export const styleWithAppearanceEvent = new MetricsEvent({attributes: [{name: 'm
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 export const postStyleWithAppearanceEvent: (arg1: string | null | undefined) => void = styleWithAppearanceEvent.postMetricsEvent.bind(styleWithAppearanceEvent);
 
+export const addedAppearanceEvent = new MetricsEvent({attributes: [{name: 'maps/js/layer-animations/runtime-appearances'}]});
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+export const postAddedAppearanceEvent: (arg1: string | null | undefined) => void = addedAppearanceEvent.postMetricsEvent.bind(addedAppearanceEvent);
+
 export const performanceEvent_: PerformanceEvent = new PerformanceEvent();
 // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 export const postPerformanceEvent: (arg1: string | null | undefined, arg2: LivePerformanceData) => void = performanceEvent_.postPerformanceEvent.bind(performanceEvent_);