@gcorevideo/player 2.28.36 → 2.30.0

package/lib/plugins/multi-camera/MultiCamera.js

@@ -1,11 +1,10 @@
 import { Browser, Events, Playback, template, UICorePlugin, } from '@clappr/core';
 import { reportError, trace } from '@gcorevideo/utils';
+import { guessMimeType, MIME_TYPE_DASH } from '../../utils/mediaSources.js';
 import { CLAPPR_VERSION } from '../../build.js';
 import pluginHtml from '../../../assets/multi-camera/multicamera.ejs';
 import '../../../assets/multi-camera/style.scss';
 import streamsIcon from '../../../assets/icons/old/streams.svg';
-import streamsMomentoIcon from '../../../assets/icons/old/language.svg';
-import streamsWhiteNightsIcon from '../../../assets/icons/old/wn.svg';
 const VERSION = '0.0.1';
 const T = 'plugins.multicamera';
 /**
@@ -53,6 +52,8 @@ export class MultiCamera extends UICorePlugin {
         // Don't mutate the options, TODO check if some plugin observes the options.multicamera
         this.multicamera = this.options.multisources.map((item) => ({ ...item }));
         this.noActiveStreams = this.multicamera.every((item) => !item.live);
+        // TODO filter out non-live
+        this.core.options.sources = expandMediaSource(this.multicamera[0]);
     }
     bindEvents() {
         this.listenTo(this.core, Events.CORE_READY, this.bindPlaybackEvents);
@@ -61,15 +62,10 @@ export class MultiCamera extends UICorePlugin {
         this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
     }
     unBindEvents() {
-        // @ts-ignore
-        this.stopListening(this.core, Events.CORE_READY);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_RENDERED);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_HIDE);
-        // @ts-ignore
+        this.stopListening(this.core, Events.CORE_READY, this.bindPlaybackEvents);
+        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.reload);
+        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.render);
+        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
         this.stopListening(this.core.activePlayback, Events.PLAYBACK_PLAY, this.onPlay);
     }
     onPlay() {
@@ -85,80 +81,53 @@ export class MultiCamera extends UICorePlugin {
         this.bindPlaybackEvents();
     }
     shouldRender() {
-        if (!this.core.activeContainer || this.noActiveStreams) {
-            return false;
-        }
-        if (!this.core.activePlayback) {
+        if (this.noActiveStreams) {
             return false;
         }
         return this.multicamera.length >= 2;
     }
     render() {
-        if (this.shouldRender()) {
-            let numActiveSources = 0;
-            // const currentSource = this.core.options.source
-            const currentSource = this.core.activePlayback?.sourceMedia;
-            for (const item of this.multicamera) {
-                if (item.live) {
-                    numActiveSources++;
-                }
-                if (!this.currentCamera && item.source === currentSource) {
-                    this.currentCamera = item;
-                }
-            }
-            // const mediaControl = this.core.getPlugin('media_control')
-            if (this.currentTime &&
-                // TODO check the last active playback type instead
-                // !mediaControl.$el.hasClass('live') &&
-                this.core.getPlaybackType() !== Playback.LIVE) {
-                if (this.currentTime < this.core.activePlayback.getDuration()) {
-                    this.core.activePlayback.seek(this.currentTime);
-                }
-                this.currentTime = 0;
-                // if (mediaControl.$el.hasClass('dvr')) {
-                //   this.core.activeContainer.dvrInUse = true;
-                // }
-            }
-            // TODO current source
-            this.$el.html(this.template({
-                streams: this.multicamera,
-                multisources_mode: this.options.multisourcesMode,
-            }));
-            if ((numActiveSources <= 1 &&
-                this.options.multisourcesMode !== 'show_all') ||
-                this.options.multisourcesMode === 'one_first') {
-                this.$el.hide();
-            }
-            else {
-                this.$el.show();
-            }
-            if (this.core.mediaControl.$multiCameraSelector &&
-                this.core.mediaControl.$multiCameraSelector.length > 0) {
-                this.core.mediaControl.$multiCameraSelector.append(this.el);
+        if (!this.core.activeContainer || !this.core.activePlayback) {
+            return this;
+        }
+        if (!this.shouldRender()) {
+            return this;
+        }
+        let numActiveSources = 0;
+        const currentSource = this.core.activePlayback?.sourceMedia;
+        for (const item of this.multicamera) {
+            if (item.live) {
+                numActiveSources++;
             }
-            else {
-                this.core.mediaControl.$('.media-control-right-panel').append(this.el);
+            if (!this.currentCamera && item.source === currentSource) {
+                this.currentCamera = item;
             }
-            if (Object.prototype.hasOwnProperty.call(this.core.mediaControl, '$multiCameraSelector') &&
-                this.core.mediaControl.$multiCameraSelector.find('span.multicamera-icon').length > 0) {
-                if (~window.location.href.indexOf('whitenights.gcdn.co')) {
-                    this.core.mediaControl.$multiCameraSelector
-                        .find('span.multicamera-icon')
-                        .append(streamsWhiteNightsIcon);
-                }
-                else if (~window.location.href.indexOf('momentosolutions.gcdn.co')) {
-                    this.core.mediaControl.$multiCameraSelector
-                        .find('span.multicamera-icon')
-                        .append(streamsMomentoIcon);
-                }
-                else {
-                    this.core.mediaControl.$multiCameraSelector
-                        .find('span.multicamera-icon')
-                        .append(streamsIcon);
-                }
+        }
+        if (this.currentTime &&
+            this.core.getPlaybackType() !== Playback.LIVE) {
+            if (this.currentTime < this.core.activePlayback.getDuration()) {
+                this.core.activePlayback.seek(this.currentTime);
             }
-            this.highlightCurrentLevel();
+            this.currentTime = 0;
         }
+        this.$el.html(this.template({
+            streams: this.multicamera,
+            multisources_mode: this.options.multisourcesMode,
+        }));
+        if ((numActiveSources < 2 &&
+            this.options.multisourcesMode !== 'show_all') ||
+            this.options.multisourcesMode === 'one_first') {
+            this.$el.hide();
+        }
+        else {
+            this.$el.show();
+        }
+        const mediaControl = this.core.getPlugin('media_control');
+        mediaControl.slot('multicamera', this.$el);
+        this.$el
+            .find('span.multicamera-icon')
+            .html(streamsIcon);
+        this.highlightCurrentLevel();
         return this;
     }
     onCameraSelect(event) {
@@ -171,33 +140,6 @@ export class MultiCamera extends UICorePlugin {
         event.stopPropagation();
         return false;
     }
-    activeById(id, active) {
-        this.setLiveStatus(id, active);
-        if (!this.currentCamera && !this.noActiveStreams) {
-            return;
-        }
-        if (this.noActiveStreams && !active) {
-            return;
-        }
-        if (this.currentCamera) {
-            if (this.options.multisourcesMode === 'only_live') {
-                this.behaviorLive(id, active);
-            }
-            if (this.options.multisourcesMode === 'one_first') {
-                this.behaviorOne(id, active);
-            }
-            if (this.options.multisourcesMode === 'show_all') {
-                this.behaviorAll(id, active);
-            }
-        }
-        else {
-            if (this.noActiveStreams && active) {
-                this.changeById(id);
-                this.noActiveStreams = false;
-            }
-        }
-        this.render();
-    }
     setLiveStatus(id, active) {
         try {
             const index = this.findIndexById(id);
@@ -260,7 +202,6 @@ export class MultiCamera extends UICorePlugin {
         this.currentCamera = null;
         this.noActiveStreams = true;
         this.core.trigger('core:multicamera:no_active_translation');
-        // this.changeById(this.multicamera[nextIndex].id);
     }
     showError() {
         this.core.activePlayback.pause();
@@ -283,7 +224,7 @@ export class MultiCamera extends UICorePlugin {
     }
     hideError() {
         try {
-            this.core.mediaControl.enableControlButton();
+            this.core.getPlugin('media_control')?.enableControlButton();
         }
         catch (error) {
             reportError(error);
@@ -293,14 +234,9 @@ export class MultiCamera extends UICorePlugin {
         trace(`${T} changeById`, { id });
         queueMicrotask(() => {
             const playbackOptions = this.core.options.playback || {};
-            // TODO figure out what this does
+            // TODO figure out if it's needed
             playbackOptions.recycleVideo = Browser.isMobile;
-            this.currentCamera = this.findElementById(id) ?? null;
-            trace(`${T} changeById`, {
-                id,
-                currentCamera: this.currentCamera,
-                multicamera: this.multicamera,
-            });
+            this.currentCamera = this.findElementById(id);
             if (!this.currentCamera) {
                 return;
             }
@@ -322,26 +258,16 @@ export class MultiCamera extends UICorePlugin {
             this.core.configure({
                 playback: playbackOptions,
                 source: this.currentCamera.source, // TODO ensure that the preferred transport is used
-                video360: {
-                    // TODO
-                    projection: this.currentCamera.projection,
-                },
                 fullscreenDisable,
                 autoPlay: this.playing,
                 disableCanAutoPlay: true,
             });
-            this.core.activeContainer.mediaControlDisabled = false;
+            this.core.activeContainer?.enableMediaControl();
         });
         this.toggleContextMenu();
     }
-    getCamerasList() {
-        return this.multicamera;
-    }
-    getCurrentCamera() {
-        return this.currentCamera;
-    }
     findElementById(id) {
-        return this.multicamera.find((element) => element.id === id);
+        return this.multicamera.find((element) => element.id === id) ?? null;
     }
     findIndexById(id) {
         return this.multicamera.findIndex((element) => element.id === id);
@@ -351,20 +277,14 @@ export class MultiCamera extends UICorePlugin {
     }
     hideSelectLevelMenu() {
         ;
-        this.$('.multicamera ul').hide();
+        this.$('ul').hide();
     }
     toggleContextMenu() {
         ;
-        this.$('.multicamera ul').toggle();
-    }
-    // private buttonElement(): ZeptoResult {
-    //   return this.$('.multicamera button');
-    // }
-    // private buttonElementText(): ZeptoResult {
-    //   return this.$('.multicamera button .quality-text');
-    // }
+        this.$('ul').toggle();
+    }
     levelElement(id) {
-        return this.$('.multicamera ul li > div' +
+        return this.$('ul .multicamera-item' +
             (id !== undefined
                 ? '[data-multicamera-selector-select="' + id + '"]'
                 : ''));
@@ -376,3 +296,19 @@ export class MultiCamera extends UICorePlugin {
             this.levelElement(this.currentCamera.id).addClass('multicamera-active');
     }
 }
+function expandMediaSource(source) {
+    const result = [{
+            source: source.source,
+            mimeType: guessMimeType(source.source),
+        }];
+    if (source.source_dash) {
+        result.push({
+            source: source.source_dash,
+            mimeType: MIME_TYPE_DASH,
+        });
+    }
+    if (source.hls_mpegts_url) {
+        result.push(source.hls_mpegts_url);
+    }
+    return result;
+}

package/lib/plugins/source-controller/SourceController.d.ts

@@ -4,45 +4,6 @@ import { type PlayerMediaSourceDesc } from '../../types.js';
  * `PLUGIN` that is managing the automatic failover between media sources.
  * @public
  * @remarks
- * Have a look at the {@link https://miro.com/app/board/uXjVLiN15tY=/?share_link_id=390327585787 | source failover diagram} for the details
- * on how sources ordering and selection works. Below is a simplified diagram:
- *
- * ```markdown
- * sources_list:
- *       - a.mpd  |    +--------------------+
- *       - b.m3u8 |--->|         init       |
- *       - ...    |    |--------------------|
- *                     | current_source = 0 |
- *                     +--------------------+
- *                            |
- *                            |  source = a.mpd
- *                            |  playback = dash.js
- *                            v
- *                      +------------------+
- *                  +-->|   load source    |
- *                  |   +---------|--------+
- *                  |             v
- *                  |   +------------------+
- *                  |   |       play       |
- *                  |   +---------|--------+
- *                  |             |
- *                  |             v
- *                  |   +-----------------------+
- *                  |   |  on playback_error    |
- *                  |   |-----------------------|
- *                  |   | current_source =      |
- *                  |   |  (current_source + 1) |
- *                  |   |  % len sources_list   |
- *                  |   |                       |
- *                  |   | delay 1..3s           |
- *                  |   +---------------|-------+
- *                  |                   |
- *                  |   source=b.m3u8   |
- *                  |   playback=hls.js |
- *                  +-------------------+
- *
- * ```
- *
  * @example
  * ```ts
  * import { SourceController } from '@gcorevideo/player'

package/lib/plugins/source-controller/SourceController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourceController.d.ts","sourceRoot":"","sources":["../../../src/plugins/source-controller/SourceController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,KAAK,IAAI,IAAI,UAAU,EACxB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAsB3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiDG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAwC9C,OAAO,CAAC,WAAW,CAA8B;IAEjD,OAAO,CAAC,kBAAkB,CAAI;IAE9B,OAAO,CAAC,YAAY,CAA6B;IAEjD,OAAO,CAAC,MAAM,CAAQ;IAEtB,OAAO,CAAC,QAAQ,CAAQ;IAExB,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,IAAI,CAAiB;IAE7B;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;gBACS,IAAI,EAAE,UAAU;IAY5B;;;;;;;OAOG;IACH,cAAc,CAAC,WAAW,EAAE,qBAAqB,EAAE;IAQnD;;OAEG;IACM,UAAU;IAWnB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,2BAA2B;IAiDnC,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,aAAa;IAgCrB,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;CACF"}
+{"version":3,"file":"SourceController.d.ts","sourceRoot":"","sources":["../../../src/plugins/source-controller/SourceController.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EACV,KAAK,IAAI,IAAI,UAAU,EACxB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAA;AAsB3D;;;;;;;;;;GAUG;AACH,qBAAa,gBAAiB,SAAQ,UAAU;IAwC9C,OAAO,CAAC,WAAW,CAA8B;IAEjD,OAAO,CAAC,kBAAkB,CAAI;IAE9B,OAAO,CAAC,YAAY,CAA6B;IAEjD,OAAO,CAAC,MAAM,CAAQ;IAEtB,OAAO,CAAC,QAAQ,CAAQ;IAExB,OAAO,CAAC,SAAS,CAAQ;IAEzB,OAAO,CAAC,IAAI,CAAiB;IAE7B;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;gBACS,IAAI,EAAE,UAAU;IAY5B;;;;;;;OAOG;IACH,cAAc,CAAC,WAAW,EAAE,qBAAqB,EAAE;IAQnD;;OAEG;IACM,UAAU;IAWnB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,wBAAwB;IAgBhC,OAAO,CAAC,2BAA2B;IAiDnC,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,aAAa;IAgCrB,OAAO,CAAC,kBAAkB;IAe1B;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;CACF"}

package/lib/plugins/source-controller/SourceController.js

@@ -15,45 +15,6 @@ function noSync(cb) {
  * `PLUGIN` that is managing the automatic failover between media sources.
  * @public
  * @remarks
- * Have a look at the {@link https://miro.com/app/board/uXjVLiN15tY=/?share_link_id=390327585787 | source failover diagram} for the details
- * on how sources ordering and selection works. Below is a simplified diagram:
- *
- * ```markdown
- * sources_list:
- *       - a.mpd  |    +--------------------+
- *       - b.m3u8 |--->|         init       |
- *       - ...    |    |--------------------|
- *                     | current_source = 0 |
- *                     +--------------------+
- *                            |
- *                            |  source = a.mpd
- *                            |  playback = dash.js
- *                            v
- *                      +------------------+
- *                  +-->|   load source    |
- *                  |   +---------|--------+
- *                  |             v
- *                  |   +------------------+
- *                  |   |       play       |
- *                  |   +---------|--------+
- *                  |             |
- *                  |             v
- *                  |   +-----------------------+
- *                  |   |  on playback_error    |
- *                  |   |-----------------------|
- *                  |   | current_source =      |
- *                  |   |  (current_source + 1) |
- *                  |   |  % len sources_list   |
- *                  |   |                       |
- *                  |   | delay 1..3s           |
- *                  |   +---------------|-------+
- *                  |                   |
- *                  |   source=b.m3u8   |
- *                  |   playback=hls.js |
- *                  +-------------------+
- *
- * ```
- *
  * @example
  * ```ts
  * import { SourceController } from '@gcorevideo/player'

package/lib/plugins/token-refresh/TokenRefreshPlugin.d.ts

@@ -0,0 +1,119 @@
+import { CorePlugin } from '@clappr/core';
+/**
+ * Response shape expected from your token-refresh API endpoint.
+ * @public
+ */
+export interface TokenResponse {
+    /** Plain (non-IP-bound) secure token */
+    token: string;
+    /** IP-bound secure token */
+    token_ip: string;
+    /** Client IP address (informational) */
+    client_ip: string;
+    /** Unix timestamp (seconds) when both tokens expire */
+    expires: number;
+    /** Ready-to-use HLS master playlist URL with plain token embedded */
+    url: string;
+    /** Ready-to-use HLS master playlist URL with IP-bound token embedded */
+    url_ip: string;
+}
+/**
+ * Configuration options for {@link TokenRefreshPlugin}.
+ * @public
+ */
+export interface TokenRefreshOptions {
+    /**
+     * Async function called each time a fresh token is needed.
+     * Must return a {@link TokenResponse}.
+     */
+    getToken: () => Promise<TokenResponse>;
+    /**
+     * When `true`, the IP-bound variant (`token_ip` / `url_ip`) is used.
+     * Defaults to `false`.
+     */
+    ipBound?: boolean;
+    /**
+     * Seconds before the token expiry timestamp to request a fresh token.
+     * Defaults to `5`.
+     */
+    refreshLeadSeconds?: number;
+    /**
+     * Optional callback invoked after every successful token refresh.
+     */
+    onTokenRefreshed?: (data: TokenResponse) => void;
+}
+/**
+ * `PLUGIN` — automatic token refresh for Gcore protected-content streams.
+ *
+ * Supports all three playback engines:
+ *
+ * | Engine | Mechanism | Interruption |
+ * |--------|-----------|--------------|
+ * | **hls.js** | Custom loader rewrites every request URL | None |
+ * | **dash.js** | `addRequestInterceptor` rewrites every request URL | None |
+ * | **Native `<video>`** (Safari ≤ iOS 14.4) | Source reload + seek restore | Brief |
+ *
+ * @public
+ * @remarks
+ * Register the plugin once before creating any player instance:
+ * ```ts
+ * import { Player, TokenRefreshPlugin } from '@gcorevideo/player'
+ * Player.registerPlugin(TokenRefreshPlugin)
+ * ```
+ *
+ * Then pass `tokenRefresh` in `PlayerConfig`:
+ * ```ts
+ * const player = new Player({
+ *   sources: [{ source: initialUrl, mimeType: 'application/x-mpegURL' }],
+ *   tokenRefresh: {
+ *     getToken: () => fetch('https://…/token').then(r => r.json()),
+ *     ipBound: false,
+ *     refreshLeadSeconds: 5,
+ *     onTokenRefreshed: (data) => console.log('new token expires', data.expires),
+ *   },
+ * })
+ * ```
+ *
+ * @example
+ * Safari native — opt-in Service Worker for fully seamless refresh:
+ * ```js
+ * // Register token-refresh-sw.js (see example/ directory)
+ * // and omit tokenRefresh config — the SW handles rewriting.
+ * ```
+ */
+export declare class TokenRefreshPlugin extends CorePlugin {
+    /** @internal */
+    static get type(): 'core';
+    /** @internal */
+    get name(): string;
+    /** @internal */
+    get supportedVersion(): {
+        min: string;
+    };
+    /** Token state extracted from the currently-managed source URL */
+    private originalState;
+    /** Latest token state (updated after each refresh) */
+    private currentState;
+    /** Scheduled refresh timer handle */
+    private refreshTimer;
+    /** Playback time (seconds) to restore after a native-video source reload */
+    private savedPosition;
+    /** True when using native HTML5 Video playback (no request interception) */
+    private isNativePlayback;
+    /** Set in destroy(); short-circuits late timer callbacks and getToken() resolutions */
+    private destroyed;
+    /** @internal */
+    bindEvents(): void;
+    /** @internal */
+    destroy(): void;
+    private onContainersCreated;
+    private injectHlsLoader;
+    private injectDashInterceptor;
+    private reloadNativeSource;
+    private onActiveContainerChangedForNative;
+    private scheduleRefresh;
+    private performRefresh;
+    private get opts();
+    private clearTimer;
+}
+//# sourceMappingURL=TokenRefreshPlugin.d.ts.map

package/lib/plugins/token-refresh/TokenRefreshPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenRefreshPlugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/token-refresh/TokenRefreshPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,UAAU,EAAU,MAAM,cAAc,CAAA;AAQrE;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAA;IAChB,wCAAwC;IACxC,SAAS,EAAE,MAAM,CAAA;IACjB,uDAAuD;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,GAAG,EAAE,MAAM,CAAA;IACX,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,aAAa,CAAC,CAAA;IACtC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAA;CACjD;AAgED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,gBAAgB;IAChB,MAAM,KAAK,IAAI,IAAI,MAAM,CAExB;IAED,gBAAgB;IAChB,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,gBAAgB;IAChB,IAAI,gBAAgB;;MAEnB;IAED,kEAAkE;IAClE,OAAO,CAAC,aAAa,CAA0B;IAC/C,sDAAsD;IACtD,OAAO,CAAC,YAAY,CAA0B;IAC9C,qCAAqC;IACrC,OAAO,CAAC,YAAY,CAA6C;IACjE,4EAA4E;IAC5E,OAAO,CAAC,aAAa,CAAsB;IAC3C,4EAA4E;IAC5E,OAAO,CAAC,gBAAgB,CAAQ;IAChC,uFAAuF;IACvF,OAAO,CAAC,SAAS,CAAQ;IAEzB,gBAAgB;IACP,UAAU,IAAI,IAAI;IAQ3B,gBAAgB;IACP,OAAO,IAAI,IAAI;IAMxB,OAAO,CAAC,mBAAmB;IA8D3B,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,qBAAqB;YAmBf,kBAAkB;IA+ChC,OAAO,CAAC,iCAAiC;IAiBzC,OAAO,CAAC,eAAe;YAmBT,cAAc;IAmC5B,OAAO,KAAK,IAAI,GAEf;IAED,OAAO,CAAC,UAAU;CAMnB"}