agora-electron-sdk 4.3.2 → 4.4.0-dev.1

package/js/Private/ti/AgoraBase-ti.js

@@ -27,14 +27,14 @@ exports.IAudioEncodedFrameObserver = void 0;
 /**
  * This module was automatically generated by `ts-interface-builder`
  */
-var t = __importStar(require("ts-interface-checker"));
+const t = __importStar(require("ts-interface-checker"));
 // tslint:disable:object-literal-key-quotes
 exports.IAudioEncodedFrameObserver = t.iface([], {
     "onRecordAudioEncodedFrame": t.opt(t.func("void", t.param("frameBuffer", "Uint8Array"), t.param("length", "number"), t.param("audioEncodedFrameInfo", "EncodedAudioFrameInfo"))),
     "onPlaybackAudioEncodedFrame": t.opt(t.func("void", t.param("frameBuffer", "Uint8Array"), t.param("length", "number"), t.param("audioEncodedFrameInfo", "EncodedAudioFrameInfo"))),
     "onMixedAudioEncodedFrame": t.opt(t.func("void", t.param("frameBuffer", "Uint8Array"), t.param("length", "number"), t.param("audioEncodedFrameInfo", "EncodedAudioFrameInfo"))),
 });
-var exportedTypeSuite = {
+const exportedTypeSuite = {
     IAudioEncodedFrameObserver: exports.IAudioEncodedFrameObserver,
 };
 exports.default = exportedTypeSuite;

package/js/Private/ti/AgoraMediaBase-ti.js

@@ -27,7 +27,7 @@ exports.IMediaRecorderObserver = exports.IFaceInfoObserver = exports.IVideoFrame
 /**
  * This module was automatically generated by `ts-interface-builder`
  */
-var t = __importStar(require("ts-interface-checker"));
+const t = __importStar(require("ts-interface-checker"));
 // tslint:disable:object-literal-key-quotes
 exports.IAudioPcmFrameSink = t.iface([], {
     "onFrame": t.opt(t.func("void", t.param("frame", "AudioPcmFrame"))),
@@ -62,7 +62,7 @@ exports.IMediaRecorderObserver = t.iface([], {
     "onRecorderStateChanged": t.opt(t.func("void", t.param("channelId", "string"), t.param("uid", "number"), t.param("state", "RecorderState"), t.param("reason", "RecorderReasonCode"))),
     "onRecorderInfoUpdated": t.opt(t.func("void", t.param("channelId", "string"), t.param("uid", "number"), t.param("info", "RecorderInfo"))),
 });
-var exportedTypeSuite = {
+const exportedTypeSuite = {
     IAudioPcmFrameSink: exports.IAudioPcmFrameSink,
     IAudioFrameObserverBase: exports.IAudioFrameObserverBase,
     IAudioFrameObserver: exports.IAudioFrameObserver,

package/js/Private/ti/AgoraMediaPlayerTypes-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraH265Transcoder-ti.js

@@ -27,14 +27,14 @@ exports.IH265TranscoderObserver = void 0;
 /**
  * This module was automatically generated by `ts-interface-builder`
  */
-var t = __importStar(require("ts-interface-checker"));
+const t = __importStar(require("ts-interface-checker"));
 // tslint:disable:object-literal-key-quotes
 exports.IH265TranscoderObserver = t.iface([], {
     "onEnableTranscode": t.opt(t.func("void", t.param("result", "H265TranscodeResult"))),
     "onQueryChannel": t.opt(t.func("void", t.param("result", "H265TranscodeResult"), t.param("originChannel", "string"), t.param("transcodeChannel", "string"))),
     "onTriggerTranscode": t.opt(t.func("void", t.param("result", "H265TranscodeResult"))),
 });
-var exportedTypeSuite = {
+const exportedTypeSuite = {
     IH265TranscoderObserver: exports.IH265TranscoderObserver,
 };
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraLog-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraMediaEngine-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraMediaPlayer-ti.js

@@ -27,12 +27,12 @@ exports.IMediaPlayerVideoFrameObserver = void 0;
 /**
  * This module was automatically generated by `ts-interface-builder`
  */
-var t = __importStar(require("ts-interface-checker"));
+const t = __importStar(require("ts-interface-checker"));
 // tslint:disable:object-literal-key-quotes
 exports.IMediaPlayerVideoFrameObserver = t.iface([], {
     "onFrame": t.opt(t.func("void", t.param("frame", "VideoFrame"))),
 });
-var exportedTypeSuite = {
+const exportedTypeSuite = {
     IMediaPlayerVideoFrameObserver: exports.IMediaPlayerVideoFrameObserver,
 };
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraMediaPlayerSource-ti.js

@@ -27,7 +27,7 @@ exports.IMediaPlayerSourceObserver = void 0;
 /**
  * This module was automatically generated by `ts-interface-builder`
  */
-var t = __importStar(require("ts-interface-checker"));
+const t = __importStar(require("ts-interface-checker"));
 // tslint:disable:object-literal-key-quotes
 exports.IMediaPlayerSourceObserver = t.iface([], {
     "onPlayerSourceStateChanged": t.opt(t.func("void", t.param("state", "MediaPlayerState"), t.param("reason", "MediaPlayerReason"))),
@@ -44,7 +44,7 @@ exports.IMediaPlayerSourceObserver = t.iface([], {
     "onPlayerPlaybackStats": t.opt(t.func("void", t.param("stats", "PlayerPlaybackStats"))),
     "onAudioVolumeIndication": t.opt(t.func("void", t.param("volume", "number"))),
 });
-var exportedTypeSuite = {
+const exportedTypeSuite = {
     IMediaPlayerSourceObserver: exports.IMediaPlayerSourceObserver,
 };
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraMediaRecorder-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraMediaStreamingSource-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraMusicContentCenter-ti.js

@@ -27,7 +27,7 @@ exports.IMusicContentCenterEventHandler = void 0;
 /**
  * This module was automatically generated by `ts-interface-builder`
  */
-var t = __importStar(require("ts-interface-checker"));
+const t = __importStar(require("ts-interface-checker"));
 // tslint:disable:object-literal-key-quotes
 exports.IMusicContentCenterEventHandler = t.iface([], {
     "onMusicChartsResult": t.opt(t.func("void", t.param("requestId", "string"), t.param("result", t.array("MusicChartInfo")), t.param("reason", "MusicContentCenterStateReason"))),
@@ -36,7 +36,7 @@ exports.IMusicContentCenterEventHandler = t.iface([], {
     "onSongSimpleInfoResult": t.opt(t.func("void", t.param("requestId", "string"), t.param("songCode", "number"), t.param("simpleInfo", "string"), t.param("reason", "MusicContentCenterStateReason"))),
     "onPreLoadEvent": t.opt(t.func("void", t.param("requestId", "string"), t.param("songCode", "number"), t.param("percent", "number"), t.param("lyricUrl", "string"), t.param("state", "PreloadState"), t.param("reason", "MusicContentCenterStateReason"))),
 });
-var exportedTypeSuite = {
+const exportedTypeSuite = {
     IMusicContentCenterEventHandler: exports.IMusicContentCenterEventHandler,
 };
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraRhythmPlayer-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraRtcEngine-ti.js

@@ -27,7 +27,7 @@ exports.IDirectCdnStreamingEventHandler = exports.IMetadataObserver = exports.IR
 /**
  * This module was automatically generated by `ts-interface-builder`
  */
-var t = __importStar(require("ts-interface-checker"));
+const t = __importStar(require("ts-interface-checker"));
 // tslint:disable:object-literal-key-quotes
 exports.IRtcEngineEventHandler = t.iface([], {
     "onJoinChannelSuccess": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("elapsed", "number"))),
@@ -65,7 +65,7 @@ exports.IRtcEngineEventHandler = t.iface([], {
     "onUserEnableLocalVideo": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("remoteUid", "number"), t.param("enabled", "boolean"))),
     "onRemoteAudioStats": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("stats", "RemoteAudioStats"))),
     "onLocalAudioStats": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("stats", "LocalAudioStats"))),
-    "onLocalVideoStats": t.opt(t.func("void", t.param("source", "VideoSourceType"), t.param("stats", "LocalVideoStats"))),
+    "onLocalVideoStats": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("stats", "LocalVideoStats"))),
     "onRemoteVideoStats": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("stats", "RemoteVideoStats"))),
     "onCameraReady": t.opt(t.func("void")),
     "onCameraFocusAreaChanged": t.opt(t.func("void", t.param("x", "number"), t.param("y", "number"), t.param("width", "number"), t.param("height", "number"))),
@@ -120,10 +120,10 @@ exports.IRtcEngineEventHandler = t.iface([], {
     "onVideoPublishStateChanged": t.opt(t.func("void", t.param("source", "VideoSourceType"), t.param("channel", "string"), t.param("oldState", "StreamPublishState"), t.param("newState", "StreamPublishState"), t.param("elapseSinceLastState", "number"))),
     "onTranscodedStreamLayoutInfo": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("uid", "number"), t.param("width", "number"), t.param("height", "number"), t.param("layoutCount", "number"), t.param("layoutlist", t.array("VideoLayout")))),
     "onAudioMetadataReceived": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("uid", "number"), t.param("metadata", "string"), t.param("length", "number"))),
-    "onExtensionEvent": t.opt(t.func("void", t.param("provider", "string"), t.param("extension", "string"), t.param("key", "string"), t.param("value", "string"))),
-    "onExtensionStarted": t.opt(t.func("void", t.param("provider", "string"), t.param("extension", "string"))),
-    "onExtensionStopped": t.opt(t.func("void", t.param("provider", "string"), t.param("extension", "string"))),
-    "onExtensionError": t.opt(t.func("void", t.param("provider", "string"), t.param("extension", "string"), t.param("error", "number"), t.param("message", "string"))),
+    "onExtensionEventWithContext": t.opt(t.func("void", t.param("context", "ExtensionContext"), t.param("key", "string"), t.param("value", "string"))),
+    "onExtensionStartedWithContext": t.opt(t.func("void", t.param("context", "ExtensionContext"))),
+    "onExtensionStoppedWithContext": t.opt(t.func("void", t.param("context", "ExtensionContext"))),
+    "onExtensionErrorWithContext": t.opt(t.func("void", t.param("context", "ExtensionContext"), t.param("error", "number"), t.param("message", "string"))),
     "onSetRtmFlagResult": t.opt(t.func("void", t.param("connection", "RtcConnection"), t.param("code", "number"))),
 });
 exports.IMetadataObserver = t.iface([], {
@@ -133,7 +133,7 @@ exports.IDirectCdnStreamingEventHandler = t.iface([], {
     "onDirectCdnStreamingStateChanged": t.opt(t.func("void", t.param("state", "DirectCdnStreamingState"), t.param("reason", "DirectCdnStreamingReason"), t.param("message", "string"))),
     "onDirectCdnStreamingStats": t.opt(t.func("void", t.param("stats", "DirectCdnStreamingStats"))),
 });
-var exportedTypeSuite = {
+const exportedTypeSuite = {
     IRtcEngineEventHandler: exports.IRtcEngineEventHandler,
     IMetadataObserver: exports.IMetadataObserver,
     IDirectCdnStreamingEventHandler: exports.IDirectCdnStreamingEventHandler,

package/js/Private/ti/IAgoraRtcEngineEx-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAgoraSpatialAudio-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Private/ti/IAudioDeviceManager-ti.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 // tslint:disable:object-literal-key-quotes
-var exportedTypeSuite = {};
+const exportedTypeSuite = {};
 exports.default = exportedTypeSuite;

package/js/Renderer/AgoraView.js

@@ -1,168 +1,124 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-var AgoraBase_1 = require("../Private/AgoraBase");
-var AgoraMediaBase_1 = require("../Private/AgoraMediaBase");
-var Utils_1 = require("../Utils");
-var VIDEO_SOURCE_TYPE_STRING = 'video-source-type';
-var UID_STRING = 'uid';
-var CHANNEL_ID_STRING = 'channel-id';
-var RENDERER_CONTENT_MODE_STRING = 'renderer-content-mode';
-var RENDERER_MIRROR_STRING = 'renderer-mirror';
-var observedAttributes = [
+const AgoraBase_1 = require("../Private/AgoraBase");
+const AgoraMediaBase_1 = require("../Private/AgoraMediaBase");
+const Utils_1 = require("../Utils");
+const VIDEO_SOURCE_TYPE_STRING = 'video-source-type';
+const UID_STRING = 'uid';
+const CHANNEL_ID_STRING = 'channel-id';
+const RENDERER_CONTENT_MODE_STRING = 'renderer-content-mode';
+const RENDERER_MIRROR_STRING = 'renderer-mirror';
+const observedAttributes = [
     VIDEO_SOURCE_TYPE_STRING,
     UID_STRING,
     CHANNEL_ID_STRING,
     RENDERER_CONTENT_MODE_STRING,
     RENDERER_MIRROR_STRING,
 ];
-var AgoraView = /** @class */ (function (_super) {
-    __extends(AgoraView, _super);
-    function AgoraView() {
-        var _this = _super.call(this) || this;
-        _this.isConnectedCallback = false;
-        _this.initializeRender = function () {
-            var _a;
-            var _b = _this, channelId = _b.channelId, uid = _b.uid, sourceType = _b.sourceType, renderMode = _b.renderMode, renderMirror = _b.renderMirror;
-            (_a = Utils_1.AgoraEnv.AgoraRendererManager) === null || _a === void 0 ? void 0 : _a.addOrRemoveRenderer({
-                sourceType: sourceType,
-                view: _this,
-                uid: uid,
-                channelId: channelId,
-                renderMode: renderMode,
+class AgoraView extends HTMLElement {
+    static get observedAttributes() {
+        return observedAttributes;
+    }
+    get sourceType() {
+        const number = Number(this.getAttribute(VIDEO_SOURCE_TYPE_STRING));
+        return isNaN(number) ? 0 : number;
+    }
+    set sourceType(val) {
+        if (val) {
+            this.setAttribute(VIDEO_SOURCE_TYPE_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(VIDEO_SOURCE_TYPE_STRING);
+        }
+    }
+    get uid() {
+        const number = Number(this.getAttribute(UID_STRING));
+        return isNaN(number) ? 0 : number;
+    }
+    set uid(val) {
+        if (val) {
+            this.setAttribute(UID_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(UID_STRING);
+        }
+    }
+    get channelId() {
+        return this.getAttribute(CHANNEL_ID_STRING) || '';
+    }
+    set channelId(val) {
+        if (val) {
+            this.setAttribute(CHANNEL_ID_STRING, val);
+        }
+        else {
+            this.removeAttribute(CHANNEL_ID_STRING);
+        }
+    }
+    get renderMode() {
+        const number = Number(this.getAttribute(RENDERER_CONTENT_MODE_STRING) ||
+            AgoraMediaBase_1.RenderModeType.RenderModeFit);
+        return isNaN(number) ? AgoraMediaBase_1.RenderModeType.RenderModeFit : number;
+    }
+    set renderMode(val) {
+        if (val) {
+            this.setAttribute(RENDERER_CONTENT_MODE_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(RENDERER_CONTENT_MODE_STRING);
+        }
+    }
+    get renderMirror() {
+        return this.getAttribute(RENDERER_MIRROR_STRING) === 'true';
+    }
+    set renderMirror(val) {
+        if (val) {
+            this.setAttribute(RENDERER_MIRROR_STRING, String(val));
+        }
+        else {
+            this.removeAttribute(RENDERER_MIRROR_STRING);
+        }
+    }
+    constructor() {
+        super();
+        this.isConnectedCallback = false;
+        this.initializeRender = () => {
+            const { channelId, uid, sourceType, renderMode, renderMirror } = this;
+            Utils_1.AgoraEnv.AgoraRendererManager?.addOrRemoveRenderer({
+                sourceType,
+                view: this,
+                uid,
+                channelId,
+                renderMode,
                 mirrorMode: renderMirror
                     ? AgoraBase_1.VideoMirrorModeType.VideoMirrorModeEnabled
                     : AgoraBase_1.VideoMirrorModeType.VideoMirrorModeDisabled,
                 setupMode: AgoraBase_1.VideoViewSetupMode.VideoViewSetupReplace,
             });
         };
-        _this.destroyRender = function () {
-            var _a;
-            var _b = _this, channelId = _b.channelId, uid = _b.uid, sourceType = _b.sourceType;
-            (_a = Utils_1.AgoraEnv.AgoraRendererManager) === null || _a === void 0 ? void 0 : _a.removeRendererFromCache({
-                channelId: channelId,
-                uid: uid,
-                sourceType: sourceType,
-                view: _this,
+        this.destroyRender = () => {
+            const { channelId, uid, sourceType } = this;
+            Utils_1.AgoraEnv.AgoraRendererManager?.removeRendererFromCache({
+                channelId,
+                uid,
+                sourceType,
+                view: this,
             });
         };
-        return _this;
     }
-    Object.defineProperty(AgoraView, "observedAttributes", {
-        get: function () {
-            return observedAttributes;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AgoraView.prototype, "sourceType", {
-        get: function () {
-            var number = Number(this.getAttribute(VIDEO_SOURCE_TYPE_STRING));
-            return isNaN(number) ? 0 : number;
-        },
-        set: function (val) {
-            if (val) {
-                this.setAttribute(VIDEO_SOURCE_TYPE_STRING, String(val));
-            }
-            else {
-                this.removeAttribute(VIDEO_SOURCE_TYPE_STRING);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AgoraView.prototype, "uid", {
-        get: function () {
-            var number = Number(this.getAttribute(UID_STRING));
-            return isNaN(number) ? 0 : number;
-        },
-        set: function (val) {
-            if (val) {
-                this.setAttribute(UID_STRING, String(val));
-            }
-            else {
-                this.removeAttribute(UID_STRING);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AgoraView.prototype, "channelId", {
-        get: function () {
-            return this.getAttribute(CHANNEL_ID_STRING) || '';
-        },
-        set: function (val) {
-            if (val) {
-                this.setAttribute(CHANNEL_ID_STRING, val);
-            }
-            else {
-                this.removeAttribute(CHANNEL_ID_STRING);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AgoraView.prototype, "renderMode", {
-        get: function () {
-            var number = Number(this.getAttribute(RENDERER_CONTENT_MODE_STRING) ||
-                AgoraMediaBase_1.RenderModeType.RenderModeFit);
-            return isNaN(number) ? AgoraMediaBase_1.RenderModeType.RenderModeFit : number;
-        },
-        set: function (val) {
-            if (val) {
-                this.setAttribute(RENDERER_CONTENT_MODE_STRING, String(val));
-            }
-            else {
-                this.removeAttribute(RENDERER_CONTENT_MODE_STRING);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(AgoraView.prototype, "renderMirror", {
-        get: function () {
-            return this.getAttribute(RENDERER_MIRROR_STRING) === 'true';
-        },
-        set: function (val) {
-            if (val) {
-                this.setAttribute(RENDERER_MIRROR_STRING, String(val));
-            }
-            else {
-                this.removeAttribute(RENDERER_MIRROR_STRING);
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    AgoraView.prototype.connectedCallback = function () {
+    connectedCallback() {
         this.isConnectedCallback = true;
         this.initializeRender();
-    };
-    AgoraView.prototype.attributeChangedCallback = function (attrName, oldVal, newVal) {
-        var _a;
+    }
+    attributeChangedCallback(attrName, oldVal, newVal) {
         if (!this.isConnectedCallback) {
             return;
         }
-        var isSetRenderOption = [
+        const isSetRenderOption = [
             RENDERER_CONTENT_MODE_STRING,
             RENDERER_MIRROR_STRING,
         ].includes(attrName);
         if (isSetRenderOption) {
-            (_a = Utils_1.AgoraEnv.AgoraRendererManager) === null || _a === void 0 ? void 0 : _a.setRendererContext({
+            Utils_1.AgoraEnv.AgoraRendererManager?.setRendererContext({
                 view: this,
                 renderMode: this.renderMode,
                 mirrorMode: this.renderMirror
@@ -171,17 +127,16 @@ var AgoraView = /** @class */ (function (_super) {
             });
             return;
         }
-        var isNeedReInitialize = observedAttributes.includes(attrName);
+        const isNeedReInitialize = observedAttributes.includes(attrName);
         if (!isNeedReInitialize) {
             return;
         }
         this.initializeRender();
-    };
-    AgoraView.prototype.disconnectedCallback = function () {
+    }
+    disconnectedCallback() {
         this.isConnectedCallback = false;
         this.destroyRender();
-    };
-    return AgoraView;
-}(HTMLElement));
+    }
+}
 exports.default = AgoraView;
 window.customElements.define('agora-view', AgoraView);