@realsee/vreo 2.6.4-alpha.5 → 3.0.0-webgpu-react18.8

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 # CHANGELOG
+
+## 2.6.4
+
+- feat: 讲解支持应用侧 PlaybackManager，一段讲解共享播放任务，保留内部音轨混音。
+- fix: 暂停、抢占和销毁同步停止成员媒体，取消延迟加载与关键帧，避免旧任务复播。
+- chore: dnalogel peer/dev 依赖统一为正式版 3.81.10。
+
 # 2.0.0
 - fix: 重新实现了运镜功能，修复了运镜掉帧的问题
 - break-change：修复了模型态切换全景态时的目标点位为0时，有可能不会真正移动到目标位置的问题。该问题的修复会导致之前的一些基于此bug制作的导览出现问题，需要重新制作。

package/README.md

@@ -31,12 +31,12 @@
 
 ```css
   /* @file xxx.css */
-  @import '@realsee/vreo/stylesheets/default.css';
+  @import '@realsee/vreo/styles/default.css';
 ```
 或
 ```jsx
   /* @file xxx.tsx | xxx.jsx */
-  import '@realsee/vreo/stylesheets/default.css';
+  import '@realsee/vreo/styles/default.css';
 ```
 examples:
 ```tsx
@@ -44,7 +44,7 @@ examples:
 import * as React from 'react'
 import { Five } from '@realsee/five'
 import { Player } from '@realsee/vreo'
-import '@realsee/vreo/stylesheets/default.css';
+import '@realsee/vreo/styles/default.css';
 
 // 创建 Five 实例
 const five = new Five({
@@ -75,10 +75,10 @@ vreoPlayer.pause()
 /* @file App.tsx */
 
 import * as React from 'react'
-import * as ReactDOM from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import { Five, Work, parseWork } from '@realsee/five'
 import { createFiveProvider, FiveCanvas } from '@realsee/five/react'
-import { VreoProvider, useVreoAction } from '@realsee/vreo/lib/react'
+import { VreoProvider, useVreoAction } from '@realsee/vreo/react'
 
 // 创建 FiveProvider
 const FiveProvider = createFiveProvider({
@@ -120,7 +120,7 @@ const App: React.FC = () => {
   )
 }
 
-ReactDOM.render(<App></App>, document.getElementById('app'))
+createRoot(document.getElementById('app')!).render(<App />)
 ```
 
 ## 剧本数据结构

package/lib/PlayController/createHTMLAudioElement.d.ts

@@ -1 +1,2 @@
 export declare function createHTMLAudioElement(): HTMLAudioElement;
+//# sourceMappingURL=createHTMLAudioElement.d.ts.map

package/lib/PlayController/createHTMLAudioElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createHTMLAudioElement.d.ts","sourceRoot":"","sources":["../../resources/PlayController/createHTMLAudioElement.ts"],"names":[],"mappings":"AAmCA,wBAAgB,sBAAsB,IAAI,gBAAgB,CAWzD"}

package/lib/PlayController/index.d.ts

@@ -1,38 +1,28 @@
-import { Subscribe } from '@realsee/five';
-import { VreoKeyframe, VreoKeyframeEvent, VreoUnit } from '../typings/VreoUnit';
+import { Subscribe } from '@realsee/five-webgpu';
+import { VreoKeyframeEvent, VreoUnit } from '../typings/VreoUnit';
 export interface PlayControllerConfig {
     audio?: HTMLAudioElement;
 }
 export declare class PlayController extends Subscribe<VreoKeyframeEvent> {
     vreoUnit?: VreoUnit;
-    config: PlayControllerConfig;
-    stopInterval: () => void;
+    readonly config: PlayControllerConfig;
+    private readonly timeline;
+    private readonly ownsAudio;
+    private readonly stopInterval;
+    private playPromise?;
+    private disposed;
+    private readonly onPlaying;
+    private readonly onPaused;
+    private readonly onEnded;
     get paused(): boolean;
     get audioInstance(): HTMLAudioElement;
     get currentTime(): number;
-    get currentKeyframes(): VreoKeyframe[];
-    /**
-     * 音频时长 不一定能获取得到，建议以 VreoUnit 配置的时长为准。
-     */
+    get currentKeyframes(): import("..").VreoKeyframe[];
     get duration(): number;
     constructor(config?: PlayControllerConfig);
-    /**
-     * 载入数据
-     */
     load(vreoUnit: VreoUnit): Promise<boolean>;
-    /**
-     * 播放
-     */
-    play(): Promise<void>;
-    /**
-     * 暂停
-     */
+    play(): Promise<boolean>;
     pause(): Promise<void>;
-    /**
-     * 销毁资源
-     * @notice 一旦销毁，创建的实例将不可用：需重新创建实例。
-     *
-     * @deprecated **慎重执行**
-     */
     dispose(): void;
 }
+//# sourceMappingURL=index.d.ts.map

package/lib/PlayController/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../resources/PlayController/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAGhD,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAGjE,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE,gBAAgB,CAAA;CACzB;AAED,qBAAa,cAAe,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC9D,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,QAAQ,CAAC,MAAM,EAAE,oBAAoB,CAAA;IACrC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAgD;IACzE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAS;IACnC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAY;IACzC,OAAO,CAAC,WAAW,CAAC,CAAe;IACnC,OAAO,CAAC,QAAQ,CAAQ;IAExB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAA6B;IACvD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA4B;IACrD,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAkC;IAE1D,IAAI,MAAM,YAAuC;IACjD,IAAI,aAAa,qBAAgC;IACjD,IAAI,WAAW,WAAmD;IAClE,IAAI,gBAAgB,gCAAuD;IAC3E,IAAI,QAAQ,WAAgD;gBAEhD,MAAM,GAAE,oBAAyB;IAmBvC,IAAI,CAAC,QAAQ,EAAE,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC;IAoB1C,IAAI;IAOJ,KAAK;IASX,OAAO;CAWR"}

package/lib/PlayController/index.js

@@ -1,213 +1,77 @@
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-import { Subscribe } from '@realsee/five';
-import { requestAnimationFrameInterval } from "../shared-utils/animationFrame/index.js";
-import { createHTMLAudioElement } from "./createHTMLAudioElement.js";
-var closures = {};
-export var PlayController = /*#__PURE__*/function (_Subscribe) {
-  function PlayController() {
-    var _this;
-    var config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    _classCallCheck(this, PlayController);
-    _this = _callSuper(this, PlayController);
-    _defineProperty(_this, "config", {});
-    if (!config.audio) {
-      config.audio = createHTMLAudioElement();
-    }
-    _this.config = Object.assign(_this.config, config);
-    closures.onPlaying = function () {
-      return _this.emit('playing');
-    };
-    closures.onPaused = function () {
-      return _this.emit('paused');
-    };
-    closures.onEnded = function () {
-      return _this.emit('paused', true);
-    };
-    _this.audioInstance.addEventListener('play', closures.onPlaying);
-    _this.audioInstance.addEventListener('pause', closures.onPaused);
-    _this.audioInstance.addEventListener('ended', closures.onEnded);
-    _this.stopInterval = requestAnimationFrameInterval(function () {
-      if (_this.audioInstance.paused) {
-        return;
-      }
-      if (!_this.vreoUnit) {
-        return;
-      }
-      var keyframes = _this.vreoUnit.keyframes;
-      var currentTime = _this.currentTime;
-      // 没有被解析过且开始时间低于当前时间戳 100ms
-      var currentKeyframes = keyframes.filter(function (keyframe) {
-        if (keyframe.parsed) return false;
-        var dur = currentTime - keyframe.start;
-        return dur <= 60 && dur >= 0;
-      });
-      currentKeyframes.forEach(function (keyframe) {
-        if (keyframe.parsed) return;
-        keyframe.parsed = true;
-        _this.emit(keyframe.type, keyframe, _this.currentTime);
-      });
+var d = Object.defineProperty;
+var u = (V, t, A) => t in V ? d(V, t, { enumerable: !0, configurable: !0, writable: !0, value: A }) : V[t] = A;
+var e = (V, t, A) => u(V, typeof t != "symbol" ? t + "" : t, A);
+import { Subscribe as h } from "@realsee/five-webgpu";
+import { T as c, r as q } from "../chunks/index-CunyJn6H.js";
+const m = "data:audio/mpeg;base64,//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAgAAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////JcxjHjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zrhIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6ramnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLKxsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKVJ8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLMPQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBRQGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsqFdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=";
+function l() {
+  const V = document.createElement("audio");
+  return V.style.display = "none", V.controls = !1, document.body.appendChild(V), V.src = m, V.play().catch(() => {
+  }), V;
+}
+class v extends h {
+  constructor(A = {}) {
+    super();
+    e(this, "vreoUnit");
+    e(this, "config");
+    e(this, "timeline", new c());
+    e(this, "ownsAudio");
+    e(this, "stopInterval");
+    e(this, "playPromise");
+    e(this, "disposed", !1);
+    e(this, "onPlaying", () => this.emit("playing"));
+    e(this, "onPaused", () => this.emit("paused"));
+    e(this, "onEnded", () => this.emit("paused", !0));
+    const i = A.audio ?? l();
+    this.ownsAudio = !A.audio, this.config = { ...A, audio: i }, i.addEventListener("play", this.onPlaying), i.addEventListener("pause", this.onPaused), i.addEventListener("ended", this.onEnded), this.stopInterval = q(() => {
+      if (i.paused) return;
+      const n = this.currentTime;
+      for (const s of this.timeline.take(n))
+        this.emit(s.type, s, n);
     });
-    return _this;
   }
-
-  /**
-   * 载入数据
-   */
-  _inherits(PlayController, _Subscribe);
-  return _createClass(PlayController, [{
-    key: "paused",
-    get: function get() {
-      return this.audioInstance.paused;
-    }
-  }, {
-    key: "audioInstance",
-    get: function get() {
-      return this.config.audio;
-    }
-  }, {
-    key: "currentTime",
-    get: function get() {
-      return this.audioInstance.currentTime * 1000;
-    }
-  }, {
-    key: "currentKeyframes",
-    get: function get() {
-      var _this2 = this;
-      if (!this.vreoUnit) return [];
-      var keyframes = this.vreoUnit.keyframes;
-      // 没有被解析过且开始时间低于当前时间戳 100ms
-      return keyframes.filter(function (keyframe) {
-        if (keyframe.parsed) return false;
-        var dur = _this2.currentTime - keyframe.start;
-        return dur <= 100 && dur >= 0;
-      });
-    }
-
-    /**
-     * 音频时长 不一定能获取得到，建议以 VreoUnit 配置的时长为准。
-     */
-  }, {
-    key: "duration",
-    get: function get() {
-      return this.audioInstance.duration * 1000;
-    }
-  }, {
-    key: "load",
-    value: (function () {
-      var _load = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(vreoUnit) {
-        var _this3 = this;
-        return _regenerator().w(function (_context) {
-          while (1) switch (_context.n) {
-            case 0:
-              this.vreoUnit = vreoUnit;
-              _context.n = 1;
-              return this.pause();
-            case 1:
-              _context.n = 2;
-              return new Promise(function (resolve, reject) {
-                if (vreoUnit.video.url === _this3.audioInstance.src) {
-                  return resolve(true);
-                }
-                _this3.audioInstance.src = vreoUnit.video.url;
-                var _canplaythrough = function canplaythrough() {
-                  resolve(true);
-                  _this3.audioInstance.removeEventListener('canplaythrough', _canplaythrough);
-                };
-                var _error = function error(err) {
-                  reject(err);
-                  _this3.audioInstance.removeEventListener('error', _error);
-                };
-                _this3.audioInstance.addEventListener('canplaythrough', _canplaythrough);
-                _this3.audioInstance.addEventListener('error', _error);
-              });
-            case 2:
-              return _context.a(2, _context.v);
-          }
-        }, _callee, this);
-      }));
-      function load(_x) {
-        return _load.apply(this, arguments);
-      }
-      return load;
-    }()
-    /**
-     * 播放
-     */
-    )
-  }, {
-    key: "play",
-    value: (function () {
-      var _play = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
-        return _regenerator().w(function (_context2) {
-          while (1) switch (_context2.n) {
-            case 0:
-              closures.playPromise = this.audioInstance.play();
-            case 1:
-              return _context2.a(2);
-          }
-        }, _callee2, this);
-      }));
-      function play() {
-        return _play.apply(this, arguments);
-      }
-      return play;
-    }()
-    /**
-     * 暂停
-     */
-    )
-  }, {
-    key: "pause",
-    value: (function () {
-      var _pause = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
-        return _regenerator().w(function (_context3) {
-          while (1) switch (_context3.n) {
-            case 0:
-              if (!closures.playPromise) {
-                _context3.n = 1;
-                break;
-              }
-              _context3.n = 1;
-              return closures.playPromise;
-            case 1:
-              this.audioInstance.pause();
-            case 2:
-              return _context3.a(2);
-          }
-        }, _callee3, this);
-      }));
-      function pause() {
-        return _pause.apply(this, arguments);
-      }
-      return pause;
-    }()
-    /**
-     * 销毁资源
-     * @notice 一旦销毁，创建的实例将不可用：需重新创建实例。
-     * 
-     * @deprecated **慎重执行**
-     */
-    )
-  }, {
-    key: "dispose",
-    value: function dispose() {
-      // 清理事件监听
-      this.audioInstance.removeEventListener('play', closures.onPlaying);
-      this.audioInstance.removeEventListener('pasue', closures.onPaused);
-      this.audioInstance.removeEventListener('ended', closures.onEnded);
-      if (this.stopInterval) {
-        this.stopInterval();
-      }
+  get paused() {
+    return this.audioInstance.paused;
+  }
+  get audioInstance() {
+    return this.config.audio;
+  }
+  get currentTime() {
+    return this.audioInstance.currentTime * 1e3;
+  }
+  get currentKeyframes() {
+    return this.timeline.pendingAt(this.currentTime);
+  }
+  get duration() {
+    return this.audioInstance.duration * 1e3;
+  }
+  async load(A) {
+    return this.disposed ? !1 : (await this.pause(), this.vreoUnit = A, this.timeline.load(A.keyframes), A.video.url === this.audioInstance.src ? !0 : new Promise((i, n) => {
+      const s = () => {
+        this.audioInstance.removeEventListener("canplaythrough", a), this.audioInstance.removeEventListener("error", o);
+      }, a = () => {
+        s(), i(!0);
+      }, o = (r) => {
+        s(), n(r);
+      };
+      this.audioInstance.addEventListener("canplaythrough", a), this.audioInstance.addEventListener("error", o), this.audioInstance.src = A.video.url;
+    }));
+  }
+  async play() {
+    return this.disposed ? !1 : (this.playPromise = this.audioInstance.play(), await this.playPromise, !0);
+  }
+  async pause() {
+    try {
+      await this.playPromise;
+    } finally {
+      this.playPromise = void 0, this.audioInstance.pause();
     }
-  }]);
-}(Subscribe);
+  }
+  dispose() {
+    this.disposed || (this.disposed = !0, this.stopInterval(), this.audioInstance.removeEventListener("play", this.onPlaying), this.audioInstance.removeEventListener("pause", this.onPaused), this.audioInstance.removeEventListener("ended", this.onEnded), this.audioInstance.pause(), this.ownsAudio && this.audioInstance.remove(), this.timeline.clear());
+  }
+}
+export {
+  v as PlayController
+};
+//# sourceMappingURL=index.js.map

package/lib/PlayController/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../resources/PlayController/createHTMLAudioElement.ts","../../resources/PlayController/index.ts"],"sourcesContent":["\nconst BLANK_AUDIO = ''\n+ 'data:audio/mpeg;base64,'\n+ '//uQxAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAADAAAGhgBVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVWqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqr///////////'\n+ '////////////////////////////////8AAAA5TEFNRTMuOThyAc0AAAAAAAAAABSAJAiqQgAAg'\n+ 'AAABobxtI73AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'\n+ 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'\n+ 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'\n+ 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA'\n+ 'AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQxAACFEII9ACZ/sJZwWEoEb8w/////N//////Jcxj'\n+ 'Hjf+7/v/H2PzCCFAiDtGeyBCIx7bJJ1mmEEMy6g8mm2c8nrGABB4h2Mkmn//4z/73u773R5qHHu'\n+ '/j/w7Kxkzh5lWRWdsifCkNAnY9Zc1HvDAhjhSHdFkHFzLmabt/AQxSg2wwzLhHIJOBnAWwVY4zr'\n+ 'hIYhhc2kvhYDfQ4hDi2Gmh5KyFn8EcGIrHAngNgIwVIEMf5bzbAiTRoAD///8z/KVhkkWEle6IX'\n+ '+d/z4fvH3BShK1e5kmjkCMoxVmXhd4ROlTKo3iipasvTilY21q19ta30/v/0/idPX1v8PNxJL6r'\n+ 'amnOVsdvMv2akO0iSYIzdJFirtzWXCZicS9vHqvSKyqm5XJBdqBwPxyfJdykhWTZ0G0ZyTZGpLK'\n+ 'xsNwwoRhsx3tZfhwmeOBVISm3impAC/IT/8hP/EKEM1KMdVdVKM2rHV4x7HVXZvbVVKN/qq8CiV'\n+ '9VL9jjH/6l6qf7MBCjZmOqsAibjcP+qqqv0oxqpa/NVW286hPo1nz2L/h8+jXt//uSxCmDU2IK/'\n+ 'ECN98KKtE5IYzNoCfbw+u9i5r8PoadUMFPKqWL4LK3T/LCraMSHGkW4bpLXR/E6LlHOVQxmslKV'\n+ 'J8IULktMN06N0FKCpHCoYsjC4F+Z0NVqdNFoGSTjSiyjzLdnZ2fNqTi2eHKONONKLMPMKLONKLM'\n+ 'PQRJGlFxZRoKcJFAYEeIFiRQkUWUeYfef//Ko04soswso40UJAgMw8wosososy0EalnZyjQUGBR'\n+ 'QGIFggOWUacWUeYmuadrZziQKKEgQsQLAhQkUJAgMQDghltLO1onp0cpkNInSFMqlYeSEJ5AHsq'\n+ 'FdOwy1DA2sRmRJKxdKRfLhfLw5BzUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVUxBTUUzLjk4LjJVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVf/7ksRRA8AAAaQAAAAgAAA0gAAABFVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV'\n+ 'VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVU=';\n\n\nexport function createHTMLAudioElement(): HTMLAudioElement {\n  const audio = document.createElement('audio')\n  audio.style.display = 'none'\n  audio.controls = false\n  document.body.appendChild(audio)\n  audio.src = BLANK_AUDIO\n\n  // 触发一次播放\n  void audio.play().catch(() => { /* Browser autoplay policy; the real play remains user-driven. */ })\n\n  return audio\n}\n","import { Subscribe } from '@realsee/five-webgpu'\nimport { requestAnimationFrameInterval } from '../shared-utils/animationFrame'\nimport { Timeline } from '../timeline'\nimport { VreoKeyframeEvent, VreoUnit } from '../typings/VreoUnit'\nimport { createHTMLAudioElement } from './createHTMLAudioElement'\n\nexport interface PlayControllerConfig {\n  audio?: HTMLAudioElement\n}\n\nexport class PlayController extends Subscribe<VreoKeyframeEvent> {\n  vreoUnit?: VreoUnit\n  readonly config: PlayControllerConfig\n  private readonly timeline = new Timeline<VreoUnit['keyframes'][number]>()\n  private readonly ownsAudio: boolean\n  private readonly stopInterval: () => void\n  private playPromise?: Promise<void>\n  private disposed = false\n\n  private readonly onPlaying = () => this.emit('playing')\n  private readonly onPaused = () => this.emit('paused')\n  private readonly onEnded = () => this.emit('paused', true)\n\n  get paused() { return this.audioInstance.paused }\n  get audioInstance() { return this.config.audio! }\n  get currentTime() { return this.audioInstance.currentTime * 1000 }\n  get currentKeyframes() { return this.timeline.pendingAt(this.currentTime) }\n  get duration() { return this.audioInstance.duration * 1000 }\n\n  constructor(config: PlayControllerConfig = {}) {\n    super()\n    const audio = config.audio ?? createHTMLAudioElement()\n    this.ownsAudio = !config.audio\n    this.config = { ...config, audio }\n\n    audio.addEventListener('play', this.onPlaying)\n    audio.addEventListener('pause', this.onPaused)\n    audio.addEventListener('ended', this.onEnded)\n\n    this.stopInterval = requestAnimationFrameInterval(() => {\n      if (audio.paused) return\n      const currentTime = this.currentTime\n      for (const keyframe of this.timeline.take(currentTime)) {\n        this.emit(keyframe.type, keyframe, currentTime)\n      }\n    })\n  }\n\n  async load(vreoUnit: VreoUnit): Promise<boolean> {\n    if (this.disposed) return false\n    await this.pause()\n    this.vreoUnit = vreoUnit\n    this.timeline.load(vreoUnit.keyframes)\n    if (vreoUnit.video.url === this.audioInstance.src) return true\n\n    return new Promise((resolve, reject) => {\n      const clean = () => {\n        this.audioInstance.removeEventListener('canplaythrough', ready)\n        this.audioInstance.removeEventListener('error', error)\n      }\n      const ready = () => { clean(); resolve(true) }\n      const error = (event: Event) => { clean(); reject(event) }\n      this.audioInstance.addEventListener('canplaythrough', ready)\n      this.audioInstance.addEventListener('error', error)\n      this.audioInstance.src = vreoUnit.video.url\n    })\n  }\n\n  async play() {\n    if (this.disposed) return false\n    this.playPromise = this.audioInstance.play()\n    await this.playPromise\n    return true\n  }\n\n  async pause() {\n    try {\n      await this.playPromise\n    } finally {\n      this.playPromise = undefined\n      this.audioInstance.pause()\n    }\n  }\n\n  dispose() {\n    if (this.disposed) return\n    this.disposed = true\n    this.stopInterval()\n    this.audioInstance.removeEventListener('play', this.onPlaying)\n    this.audioInstance.removeEventListener('pause', this.onPaused)\n    this.audioInstance.removeEventListener('ended', this.onEnded)\n    this.audioInstance.pause()\n    if (this.ownsAudio) this.audioInstance.remove()\n    this.timeline.clear()\n  }\n}\n"],"names":["BLANK_AUDIO","createHTMLAudioElement","audio","PlayController","Subscribe","config","__publicField","Timeline","requestAnimationFrameInterval","currentTime","keyframe","vreoUnit","resolve","reject","clean","ready","error","event"],"mappings":"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"}

package/lib/Player/App.d.ts

@@ -1,2 +1,2 @@
-import * as React from 'react';
-export declare function App(): React.JSX.Element;
+export declare function App(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=App.d.ts.map

package/lib/Player/App.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../../resources/Player/App.tsx"],"names":[],"mappings":"AAkDA,wBAAgB,GAAG,4CAmBlB"}

package/lib/Player/Controller.d.ts

@@ -1,5 +1,5 @@
 import { PlaybackLifecycle } from './PlaybackLifecycle';
-import { Five, Subscribe } from '@realsee/five';
+import { Five, Subscribe } from '@realsee/five-webgpu';
 import * as React from 'react';
 import { VreoKeyframe, VreoKeyframeEnum, VreoKeyframeEvent, VreoUnit, VreoVideo } from '../typings/VreoUnit';
 import { VideoAgentScene } from './modules/VideoAgent/VideoAgentScene';
@@ -57,19 +57,19 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
      * @returns 'video' | 'avatar' | 'none' - 媒体类型
      */
     get agentType(): "none" | "video" | "avatar";
-    popUp: string | JSX.Element | null;
+    popUp: string | React.ReactElement | null;
     /**
      * 打开或关闭弹窗
      * @param popUp - 弹窗内容，可以是字符串、JSX元素或false（关闭弹窗）
      */
-    openPopUp(popUp: string | JSX.Element | false): void;
+    openPopUp(popUp: string | React.ReactElement | false): void;
     /**
      * 设置加载状态
      * @param loading - 加载状态：true（加载中）、false（加载完成）、null（加载失败）
      */
     setLoading(loading: boolean | null): void;
     drawerConfig: {
-        content: string | JSX.Element;
+        content: string | React.ReactElement;
         height?: number | string;
     } | null;
     /**
@@ -113,7 +113,7 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
      * @param drawerConfig - 抽屉配置对象，false表示关闭抽屉
      */
     openDrawer(drawerConfig?: false | {
-        content: string | JSX.Element;
+        content: string | React.ReactElement;
         height?: number | string;
     }): void;
     /**
@@ -127,6 +127,7 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
     private resuming;
     private disposers;
     readonly playback: PlaybackLifecycle;
+    private readonly timeline;
     constructor({ five, container, configs }: {
         five: Five;
         container: Element;
@@ -146,12 +147,15 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
      * 获取当前时间点应该触发的关键帧
      * @returns 当前应该执行的关键帧数组
      */
+    loadTimeline(keyframes: readonly VreoKeyframe[]): void;
+    seekTimeline(currentTime: number): void;
+    resetTimeline(type?: VreoKeyframeEnum): void;
     get currentKeyframes(): VreoKeyframe[];
     /**
      * 获取当前媒体实例（音频或视频元素）
      * @returns HTML媒体元素实例
      */
-    get mediaInstance(): HTMLVideoElement | HTMLAudioElement | import("../shared-utils/AudioLike").AudioLike | undefined;
+    get mediaInstance(): import("../shared-utils/AudioLike").AudioLike | HTMLVideoElement | HTMLAudioElement | undefined;
     /**
      * 逐帧任务循环处理
      *
@@ -182,3 +186,4 @@ export declare class Controller extends Subscribe<VreoKeyframeEvent> {
 }
 declare const ControllerContext: React.Context<Controller | null>;
 export { ControllerContext };
+//# sourceMappingURL=Controller.d.ts.map

package/lib/Player/Controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controller.d.ts","sourceRoot":"","sources":["../../resources/Player/Controller.ts"],"names":[],"mappings":"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"}

package/lib/Player/PlaybackLifecycle.d.ts

@@ -23,3 +23,4 @@ export declare class PlaybackLifecycle {
     finish(): void;
     dispose(): void;
 }
+//# sourceMappingURL=PlaybackLifecycle.d.ts.map

package/lib/Player/PlaybackLifecycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackLifecycle.d.ts","sourceRoot":"","sources":["../../resources/Player/PlaybackLifecycle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAsB,eAAe,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAE7G,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,eAAe,CAAA;IAClC,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,CAAA;IACvC,KAAK,IAAI,OAAO,CAAA;IAChB,IAAI,CAAC,OAAO,EAAE,gBAAgB,GAAG,eAAe,CAAA;CACjD;AAED,0FAA0F;AAC1F,qBAAa,iBAAiB;IAMsB,OAAO,CAAC,MAAM;IALhE,OAAO,CAAC,UAAU,CAAC,CAAoB;IACvC,OAAO,CAAC,GAAG,CAAC,CAAa;IACzB,OAAO,CAAC,UAAU,CAAI;IACtB,OAAO,CAAC,QAAQ,CAAQ;IACxB,OAAO,CAAC,OAAO,CAAwB;gBAC3B,OAAO,EAAE,eAAe,GAAG,SAAS,EAAU,MAAM,EAAE,MAAM,IAAI;IAG5E,IAAI,MAAM,YAAiC;IAC3C,OAAO;IACP,KAAK,CAAC,UAAU,EAAE,OAAO;IAczB,GAAG,CAAC,IAAI,EAAE,MAAM,IAAI;IACpB,OAAO,CAAC,IAAI;IAQZ,MAAM;IAKN,MAAM;IACN,OAAO;CAQR"}

package/lib/Player/custom/SpatialScenePanel/index.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { CustomVreoKeyframeProps } from '../../typings';
 export interface SpatialScenePanelData {
     customType: 'SpatialScenePanel';
@@ -19,4 +18,5 @@ export interface SpatialScenePanelData {
  * 空间场景面板
  * @returns
  */
-export declare function SpatialScenePanel(props: CustomVreoKeyframeProps): React.JSX.Element;
+export declare function SpatialScenePanel(props: CustomVreoKeyframeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/Player/custom/SpatialScenePanel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../resources/Player/custom/SpatialScenePanel/index.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AA2BvD,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,mBAAmB,CAAA;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACb,EAAE,CAAA;IACH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAC9C;AAsDD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,2CAkF/D"}

package/lib/Player/hooks.d.ts

@@ -1,4 +1,5 @@
-import { Vector3 } from 'three';
+import { Vector3 } from 'three/webgpu';
 export declare function useController(): import("./Controller").Controller;
-export declare function useFiveInstance(): import("@realsee/five").Five;
+export declare function useFiveInstance(): import("@realsee/five-webgpu").Five;
 export declare function useFiveProject2d(): (vector: Vector3) => import("three").Vector2 | null;
+//# sourceMappingURL=hooks.d.ts.map

package/lib/Player/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../resources/Player/hooks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAGtC,wBAAgB,aAAa,sCAO5B;AAED,wBAAgB,eAAe,wCAO9B;AAED,wBAAgB,gBAAgB,aAEd,OAAO,oCACxB"}

package/lib/Player/index.d.ts

@@ -1,4 +1,4 @@
-import { Five, Subscribe } from '@realsee/five';
+import { Five, Subscribe } from '@realsee/five-webgpu';
 import { VreoKeyframeEvent, VreoUnit } from '../typings/VreoUnit';
 import { Appearance, PlayerConfigs } from './typings';
 /**
@@ -9,7 +9,7 @@ import { Appearance, PlayerConfigs } from './typings';
  *
  * @example
  * ```typescript
- * import { Five } from '@realsee/five'
+ * import { Five } from '@realsee/five-webgpu'
  * import { Player } from '@realsee/vreo'
  *
  * const five = new Five({
@@ -125,3 +125,4 @@ export declare class Player extends Subscribe<VreoKeyframeEvent> {
     dispose(): void;
 }
 export { SpatialScenePanel } from './custom/SpatialScenePanel';
+//# sourceMappingURL=index.d.ts.map

package/lib/Player/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../resources/Player/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAItD,OAAO,EAAwC,iBAAiB,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAGvG,OAAO,EAAE,UAAU,EAAE,aAAa,EAAkB,MAAM,WAAW,CAAA;AAerE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,MAAO,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACpD,kBAAkB;IAClB,KAAK,EAAE,IAAI,CAAA;IACX,YAAY;IACZ,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,IAAI,CAAM;IAClB,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,cAAc,CAAI;IAC1B,OAAO,CAAC,QAAQ,CAAQ;IACxB,eAAe;IACf,gBAAgB;IAChB,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;IAEhC;;;;;OAKG;gBACS,IAAI,EAAE,IAAI,EAAE,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM;IA0E5D;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACG,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,SAAI,EAAE,OAAO,UAAQ,EAAE,KAAK,UAAQ,EAAE,UAAU,UAAQ;IA4GlG;;;OAGG;IACH,IAAI,MAAM,YAET;IAED;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,UAAU,UAAQ;IAiB7C;;;;;;;;;;OAUG;IACH,aAAa,CAAC,UAAU,EAAE,UAAU;IAIpC;;OAEG;IACH,KAAK;IAML;;OAEG;IACH,IAAI;IAIJ;;OAEG;IACH,IAAI;IAIJ;;;OAGG;IACH,cAAc;IAId;;;;OAIG;IACH,OAAO;CAWV;AAGD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA"}