livekit-client 0.11.2 → 0.13.0

package/dist/room/track/create.js

@@ -0,0 +1,166 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createLocalScreenTracks = exports.createLocalAudioTrack = exports.createLocalVideoTrack = exports.createLocalTracks = exports.isVideoCaptureAllowed = exports.isAudioCaptureAllowed = void 0;
+const errors_1 = require("../errors");
+const LocalAudioTrack_1 = __importDefault(require("./LocalAudioTrack"));
+const LocalTrack_1 = __importDefault(require("./LocalTrack"));
+const LocalVideoTrack_1 = __importDefault(require("./LocalVideoTrack"));
+const options_1 = require("./options");
+const Track_1 = require("./Track");
+let audioAllowed;
+function isAudioCaptureAllowed() {
+    return audioAllowed;
+}
+exports.isAudioCaptureAllowed = isAudioCaptureAllowed;
+let videoAllowed;
+function isVideoCaptureAllowed() {
+    return videoAllowed;
+}
+exports.isVideoCaptureAllowed = isVideoCaptureAllowed;
+/**
+ * creates a local video and audio track at the same time
+ * @param options
+ */
+function createLocalTracks(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!options)
+            options = {};
+        if (options.audio === undefined)
+            options.audio = {};
+        const constraints = LocalTrack_1.default.constraintsForOptions(options);
+        let stream;
+        try {
+            stream = yield navigator.mediaDevices.getUserMedia(constraints);
+        }
+        catch (e) {
+            if (e instanceof DOMException && e.name === 'NotAllowedError') {
+                if (options.audio) {
+                    audioAllowed = false;
+                }
+                if (options.video) {
+                    videoAllowed = false;
+                }
+            }
+            throw e;
+        }
+        if (options.audio) {
+            audioAllowed = true;
+        }
+        if (options.video) {
+            videoAllowed = true;
+        }
+        return stream.getTracks().map((mediaStreamTrack) => {
+            const isAudio = mediaStreamTrack.kind === 'audio';
+            let trackOptions = isAudio ? options.audio : options.video;
+            if (typeof trackOptions === 'boolean' || !trackOptions) {
+                trackOptions = {};
+            }
+            let trackConstraints;
+            const conOrBool = isAudio ? constraints.audio : constraints.video;
+            if (typeof conOrBool !== 'boolean') {
+                trackConstraints = conOrBool;
+            }
+            const track = createLocalTrack(mediaStreamTrack, trackOptions === null || trackOptions === void 0 ? void 0 : trackOptions.name, trackConstraints);
+            if (track.kind === Track_1.Track.Kind.Video) {
+                track.source = Track_1.Track.Source.Camera;
+            }
+            else if (track.kind === Track_1.Track.Kind.Audio) {
+                track.source = Track_1.Track.Source.Microphone;
+            }
+            return track;
+        });
+    });
+}
+exports.createLocalTracks = createLocalTracks;
+/**
+ * Creates a [[LocalVideoTrack]] with getUserMedia()
+ * @param options
+ */
+function createLocalVideoTrack(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const tracks = yield createLocalTracks({
+            audio: false,
+            video: options,
+        });
+        return tracks[0];
+    });
+}
+exports.createLocalVideoTrack = createLocalVideoTrack;
+function createLocalAudioTrack(options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const tracks = yield createLocalTracks({
+            audio: options,
+            video: false,
+        });
+        return tracks[0];
+    });
+}
+exports.createLocalAudioTrack = createLocalAudioTrack;
+/**
+ * Creates a screen capture tracks with getDisplayMedia().
+ * A LocalVideoTrack is always created and returned.
+ * If { audio: true }, and the browser supports audio capture, a LocalAudioTrack is also created.
+ */
+function createLocalScreenTracks(options) {
+    var _a;
+    return __awaiter(this, void 0, void 0, function* () {
+        if (options === undefined) {
+            options = {};
+        }
+        if (options.name === undefined) {
+            options.name = 'screen';
+        }
+        if (options.resolution === undefined) {
+            options.resolution = options_1.VideoPresets.fhd.resolution;
+        }
+        let videoConstraints = true;
+        if (options.resolution) {
+            videoConstraints = {
+                width: options.resolution.width,
+                height: options.resolution.height,
+            };
+        }
+        // typescript definition is missing getDisplayMedia: https://github.com/microsoft/TypeScript/issues/33232
+        // @ts-ignore
+        const stream = yield navigator.mediaDevices.getDisplayMedia({
+            audio: (_a = options.audio) !== null && _a !== void 0 ? _a : false,
+            video: videoConstraints,
+        });
+        const tracks = stream.getVideoTracks();
+        if (tracks.length === 0) {
+            throw new errors_1.TrackInvalidError('no video track found');
+        }
+        const screenVideo = new LocalVideoTrack_1.default(tracks[0], options.name);
+        screenVideo.source = Track_1.Track.Source.ScreenShare;
+        const localTracks = [screenVideo];
+        if (stream.getAudioTracks().length > 0) {
+            localTracks.push(new LocalAudioTrack_1.default(stream.getAudioTracks()[0], options.name));
+        }
+        return localTracks;
+    });
+}
+exports.createLocalScreenTracks = createLocalScreenTracks;
+/** @internal */
+function createLocalTrack(mediaStreamTrack, name, constraints) {
+    switch (mediaStreamTrack.kind) {
+        case 'audio':
+            return new LocalAudioTrack_1.default(mediaStreamTrack, name, constraints);
+        case 'video':
+            return new LocalVideoTrack_1.default(mediaStreamTrack, name, constraints);
+        default:
+            throw new errors_1.TrackInvalidError(`unsupported track type: ${mediaStreamTrack.kind}`);
+    }
+}
+//# sourceMappingURL=create.js.map

package/dist/room/track/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../src/room/track/create.ts"],"names":[],"mappings":"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"}

package/dist/room/track/options.d.ts

@@ -1,16 +1,17 @@
-/**
- * Options when publishing tracks
- */
-export interface TrackPublishOptions {
+import { Track } from './Track';
+export interface TrackPublishDefaults {
     /**
-     * set a track name
+     * encoding parameters for camera track
      */
-    name?: string;
+    videoEncoding?: VideoEncoding;
     /**
-     * encoding parameters, if empty, LiveKit will automatically select an appropriate
-     * encoding based on bitrate
+     * default video capture resolution
      */
-    videoEncoding?: VideoEncoding;
+    videoResolution?: VideoResolution;
+    /**
+     * encoding parameters for screen share track
+     */
+    screenShareEncoding?: VideoEncoding;
     /**
      * codec, defaults to vp8
      */
@@ -19,12 +20,29 @@ export interface TrackPublishOptions {
      * max audio bitrate, defaults to [[AudioPresets.speech]]
      */
     audioBitrate?: number;
+    /**
+     * dtx (Discontinuous Tranmission of audio), defaults to true
+     */
+    dtx?: boolean;
     /**
      * use simulcast, defaults to false.
      * When using simulcast, LiveKit will publish up to three version of the stream at varying qualiti
      */
     simulcast?: boolean;
 }
+/**
+ * Options when publishing tracks
+ */
+export interface TrackPublishOptions extends TrackPublishDefaults {
+    /**
+     * set a track name
+     */
+    name?: string;
+    /**
+     * Source of track, camera, microphone, or screen
+     */
+    source?: Track.Source;
+}
 export interface CreateLocalTracksOptions {
     /**
      * audio track options, true to create with defaults. false if audio shouldn't be created
@@ -52,13 +70,18 @@ export interface CreateVideoTrackOptions extends CreateLocalTrackOptions {
      * [valid options](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints/facingMode)
      */
     facingMode?: ConstrainDOMString;
-    resolution?: VideoResolutionConstraint;
+    resolution?: VideoResolution;
 }
 export interface CreateScreenTrackOptions {
     /** name of track, defaults to "screen" */
     name?: string;
+    /**
+     * true to capture audio shared. browser support for audio capturing in
+     * screenshare is limited: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia#browser_compatibility
+     */
+    audio?: boolean;
     /** capture resolution, defaults to full HD */
-    resolution?: VideoResolutionConstraint;
+    resolution?: VideoResolution;
 }
 export interface CreateAudioTrackOptions extends CreateLocalTrackOptions {
     /**
@@ -104,21 +127,21 @@ export interface CreateAudioTrackOptions extends CreateLocalTrackOptions {
  * }
  * ```
  */
-export interface VideoResolutionConstraint {
-    width: ConstrainULong;
-    height: ConstrainULong;
-    frameRate?: ConstrainDouble;
+export interface VideoResolution {
+    width: number;
+    height: number;
+    frameRate?: number;
 }
 export interface VideoEncoding {
     maxBitrate: number;
-    maxFramerate: number;
+    maxFramerate?: number;
 }
 export declare class VideoPreset {
     encoding: VideoEncoding;
     width: number;
     height: number;
     constructor(width: number, height: number, maxBitrate: number, maxFramerate: number);
-    get resolution(): VideoResolutionConstraint;
+    get resolution(): VideoResolution;
 }
 export interface AudioPreset {
     maxBitrate: number;
@@ -149,3 +172,10 @@ export declare const VideoPresets43: {
     hd: VideoPreset;
     fhd: VideoPreset;
 };
+export declare const ScreenSharePresets: {
+    vga: VideoPreset;
+    hd_8: VideoPreset;
+    hd_15: VideoPreset;
+    fhd_15: VideoPreset;
+    fhd_30: VideoPreset;
+};

package/dist/room/track/options.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VideoPresets43 = exports.VideoPresets = exports.AudioPresets = exports.VideoPreset = void 0;
+exports.ScreenSharePresets = exports.VideoPresets43 = exports.VideoPresets = exports.AudioPresets = exports.VideoPreset = void 0;
 class VideoPreset {
     constructor(width, height, maxBitrate, maxFramerate) {
         this.width = width;
@@ -12,11 +12,9 @@ class VideoPreset {
     }
     get resolution() {
         return {
-            width: { ideal: this.width },
-            height: { ideal: this.height },
-            frameRate: {
-                ideal: this.encoding.maxFramerate,
-            },
+            width: this.width,
+            height: this.height,
+            frameRate: this.encoding.maxFramerate,
         };
     }
 }
@@ -53,4 +51,11 @@ exports.VideoPresets43 = {
     hd: new VideoPreset(960, 720, 2000000, 30),
     fhd: new VideoPreset(1440, 1080, 3200000, 30),
 };
+exports.ScreenSharePresets = {
+    vga: new VideoPreset(640, 360, 200000, 3),
+    hd_8: new VideoPreset(1280, 720, 400000, 5),
+    hd_15: new VideoPreset(1280, 720, 1250000, 15),
+    fhd_15: new VideoPreset(1920, 1080, 2000000, 15),
+    fhd_30: new VideoPreset(1920, 1080, 4000000, 30),
+};
 //# sourceMappingURL=options.js.map

package/dist/room/track/options.js.map

@@ -1 +1 @@
-{"version":3,"file":"options.js","sourceRoot":"","sources":["../../../src/room/track/options.ts"],"names":[],"mappings":";;;AAyIA,MAAa,WAAW;IAOtB,YAAY,KAAa,EAAE,MAAc,EAAE,UAAkB,EAAE,YAAoB;QACjF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG;YACd,UAAU;YACV,YAAY;SACb,CAAC;IACJ,CAAC;IAED,IAAI,UAAU;QACZ,OAAO;YACL,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC5B,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE;YAC9B,SAAS,EAAE;gBACT,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY;aAClC;SACF,CAAC;IACJ,CAAC;CACF;AAzBD,kCAyBC;AAQD,IAAiB,YAAY,CAU5B;AAVD,WAAiB,YAAY;IACd,sBAAS,GAAgB;QACpC,UAAU,EAAE,KAAM;KACnB,CAAC;IACW,mBAAM,GAAgB;QACjC,UAAU,EAAE,KAAM;KACnB,CAAC;IACW,kBAAK,GAAgB;QAChC,UAAU,EAAE,KAAM;KACnB,CAAC;AACJ,CAAC,EAVgB,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAU5B;AAED;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC5C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,EAAE,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,OAAS,EAAE,EAAE,CAAC;IAC7C,GAAG,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,OAAS,EAAE,EAAE,CAAC;CAChD,CAAC;AAEF;;GAEG;AACU,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC5C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,EAAE,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,OAAS,EAAE,EAAE,CAAC;IAC5C,GAAG,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,OAAS,EAAE,EAAE,CAAC;CAChD,CAAC"}
+{"version":3,"file":"options.js","sourceRoot":"","sources":["../../../src/room/track/options.ts"],"names":[],"mappings":";;;AAsKA,MAAa,WAAW;IAOtB,YAAY,KAAa,EAAE,MAAc,EAAE,UAAkB,EAAE,YAAoB;QACjF,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG;YACd,UAAU;YACV,YAAY;SACb,CAAC;IACJ,CAAC;IAED,IAAI,UAAU;QACZ,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY;SACtC,CAAC;IACJ,CAAC;CACF;AAvBD,kCAuBC;AAQD,IAAiB,YAAY,CAU5B;AAVD,WAAiB,YAAY;IACd,sBAAS,GAAgB;QACpC,UAAU,EAAE,KAAM;KACnB,CAAC;IACW,mBAAM,GAAgB;QACjC,UAAU,EAAE,KAAM;KACnB,CAAC;IACW,kBAAK,GAAgB;QAChC,UAAU,EAAE,KAAM;KACnB,CAAC;AACJ,CAAC,EAVgB,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAU5B;AAED;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,IAAI,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC5C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,EAAE,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,OAAS,EAAE,EAAE,CAAC;IAC7C,GAAG,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,OAAS,EAAE,EAAE,CAAC;CAChD,CAAC;AAEF;;GAEG;AACU,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC5C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,EAAE,CAAC;IAC3C,EAAE,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,OAAS,EAAE,EAAE,CAAC;IAC5C,GAAG,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,OAAS,EAAE,EAAE,CAAC;CAChD,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,GAAG,EAAE,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE,MAAO,EAAE,CAAC,CAAC;IAC1C,IAAI,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,MAAO,EAAE,CAAC,CAAC;IAC5C,KAAK,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE,OAAS,EAAE,EAAE,CAAC;IAChD,MAAM,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,OAAS,EAAE,EAAE,CAAC;IAClD,MAAM,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,OAAS,EAAE,EAAE,CAAC;CACnD,CAAC"}

package/dist/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "0.11.2";
-export declare const protocolVersion = 2;
+export declare const version = "0.13.0";
+export declare const protocolVersion = 4;

package/dist/version.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.protocolVersion = exports.version = void 0;
-exports.version = '0.11.2';
-exports.protocolVersion = 2;
+exports.version = '0.13.0';
+exports.protocolVersion = 4;
 //# sourceMappingURL=version.js.map

package/example/index.html

@@ -52,7 +52,19 @@
             </div>
 
             <div class="form-group row">
-              <div class="col-md-3"></div>
+              <div class="col-md-2 offset-md-1">
+                <div class="form-check">
+                  <input
+                    type="checkbox"
+                    class="form-check-input"
+                    id="publish-option"
+                    checked
+                  />
+                  <label for="checkbox" class="form-check-label">
+                    Publish
+                  </label>
+                </div>
+              </div>
               <div class="col-md-2">
                 <div class="form-check">
                   <input
@@ -84,44 +96,44 @@
               <div class="col-md-2">
                 <button
                   id="connect-button"
-                  class="btn btn-primary"
+                  class="btn btn-primary mt-1"
                   type="button"
                   onclick="connectWithFormInput()"
                 >
                   Connect
                 </button>
               </div>
-              <div class="col-md-8">
+              <div class="col-md-10">
                 <button
-                  id="mute-audio-button"
-                  class="btn btn-secondary"
+                  id="toggle-audio-button"
+                  class="btn btn-secondary mt-1"
                   disabled
                   type="button"
-                  onclick="muteAudio()"
+                  onclick="toggleAudio()"
                 >
-                  Mute Audio
+                  Enable Audio
                 </button>
                 <button
-                  id="mute-video-button"
-                  class="btn btn-secondary"
+                  id="toggle-video-button"
+                  class="btn btn-secondary mt-1"
                   disabled
                   type="button"
-                  onclick="muteVideo()"
+                  onclick="toggleVideo()"
                 >
-                  Mute Video
+                  Enable Video
                 </button>
                 <button
                   id="flip-video-button"
-                  class="btn btn-secondary"
+                  class="btn btn-secondary mt-1"
                   disabled
                   type="button"
                   onclick="flipVideo()"
                 >
-                  Flip Video
+                  Back Camera
                 </button>
                 <button
                   id="share-screen-button"
-                  class="btn btn-secondary"
+                  class="btn btn-secondary mt-1"
                   disabled
                   type="button"
                   onclick="shareScreen()"
@@ -130,16 +142,16 @@
                 </button>
                 <button
                   id="disconnect-ws-button"
-                  class="btn btn-warning"
+                  class="btn btn-warning mt-1"
                   disabled
                   type="button"
                   onclick="disconnectSignal()"
                 >
-                  WS reconnect
+                  WS Reconnect
                 </button>
                 <button
                   id="disconnect-room-button"
-                  class="btn btn-danger"
+                  class="btn btn-danger mt-1"
                   disabled
                   type="button"
                   onclick="disconnectRoom()"
@@ -148,16 +160,35 @@
                 </button>
                 <button
                   id="start-audio-button"
-                  class="btn btn-secondary"
+                  class="btn btn-secondary mt-1"
                   disabled
                   type="button"
                   onclick="startAudio()"
                 >
-                  Enable audio
+                  Enable Audio
                 </button>
               </div>
             </div>
 
+            <!-- video devices -->
+            <div class="form-group row">
+              <div class="col-md-4">
+                <select id="video-input" class="custom-select" onchange="handleDeviceSelected(event)">
+                  <option selected>Video Input (default)</option>
+                </select>
+              </div>
+              <div class="col-md-4">
+                <select id="audio-input" class="custom-select" onchange="handleDeviceSelected(event)">
+                  <option selected>Audio Input (default)</option>
+                </select>
+              </div>
+              <div class="col-md-4">
+                <select id="audio-output" class="custom-select" onchange="handleDeviceSelected(event)">
+                  <option selected>Audio Output (default)</option>
+                </select>
+              </div>
+            </div>
+
             <div class="form-group row">
               <textarea
                 class="form-control col-md-12"
@@ -174,7 +205,7 @@
               <textarea class="form-control" id="chat" rows="15"></textarea>
             </div>
           </div>
-          <div class="row">
+          <div class="row mt-1">
             <div class="col-md-10">
               <input type="text" class="form-control" id="entry" />
             </div>