@techsee/techsee-media-service-client 999.0.0-sapi → 999.0.0-ts-19992

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/lib/components/Avatar/Avatar.d.ts +1 -1
  2. package/lib/components/Avatar/Avatar.d.ts.map +1 -1
  3. package/lib/components/Avatar/Avatar.js.map +1 -1
  4. package/lib/components/Avatar/Avatar.scss +40 -41
  5. package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts +1 -8
  6. package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts.map +1 -1
  7. package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js +5 -28
  8. package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js.map +1 -1
  9. package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.scss +20 -52
  10. package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts +0 -1
  11. package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts.map +1 -1
  12. package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js +13 -15
  13. package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js.map +1 -1
  14. package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.d.ts.map +1 -1
  15. package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.js.map +1 -1
  16. package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.d.ts.map +1 -1
  17. package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.js.map +1 -1
  18. package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.scss +3 -3
  19. package/lib/components/ButtonPanels/index.d.ts +0 -1
  20. package/lib/components/ButtonPanels/index.d.ts.map +1 -1
  21. package/lib/components/ButtonPanels/index.js +1 -3
  22. package/lib/components/ButtonPanels/index.js.map +1 -1
  23. package/lib/components/LoaderSpinner/LoaderSpinner.d.ts.map +1 -1
  24. package/lib/components/LoaderSpinner/LoaderSpinner.js.map +1 -1
  25. package/lib/components/LoaderSpinner/LoaderSpinner.scss +52 -53
  26. package/lib/components/MagicMarker/CanvasDrawer.d.ts +57 -0
  27. package/lib/components/MagicMarker/CanvasDrawer.d.ts.map +1 -0
  28. package/lib/components/MagicMarker/CanvasDrawer.js +172 -0
  29. package/lib/components/MagicMarker/CanvasDrawer.js.map +1 -0
  30. package/lib/components/MagicMarker/MagicMarkerComponent.d.ts +3 -32
  31. package/lib/components/MagicMarker/MagicMarkerComponent.d.ts.map +1 -1
  32. package/lib/components/MagicMarker/MagicMarkerComponent.js +34 -80
  33. package/lib/components/MagicMarker/MagicMarkerComponent.js.map +1 -1
  34. package/lib/components/MagicMarker/MagicMarkerController.d.ts +32 -0
  35. package/lib/components/MagicMarker/MagicMarkerController.d.ts.map +1 -0
  36. package/lib/components/MagicMarker/MagicMarkerController.js +99 -0
  37. package/lib/components/MagicMarker/MagicMarkerController.js.map +1 -0
  38. package/lib/components/MagicMarker/index.d.ts +2 -1
  39. package/lib/components/MagicMarker/index.d.ts.map +1 -1
  40. package/lib/components/MagicMarker/index.js +3 -1
  41. package/lib/components/MagicMarker/index.js.map +1 -1
  42. package/lib/components/MediaRejectedModal/MediaRejectedModal.d.ts.map +1 -1
  43. package/lib/components/MediaRejectedModal/MediaRejectedModal.js.map +1 -1
  44. package/lib/components/MediaRejectedModal/MediaRejectedModal.scss +58 -58
  45. package/lib/components/Multiparty.d.ts +7 -12
  46. package/lib/components/Multiparty.d.ts.map +1 -1
  47. package/lib/components/Multiparty.js +40 -119
  48. package/lib/components/Multiparty.js.map +1 -1
  49. package/lib/components/Multiparty.scss +3 -3
  50. package/lib/components/Multiparty.types.d.ts +0 -1
  51. package/lib/components/Multiparty.types.d.ts.map +1 -1
  52. package/lib/components/Multiparty.types.js.map +1 -1
  53. package/lib/components/Video/Video.d.ts +4 -12
  54. package/lib/components/Video/Video.d.ts.map +1 -1
  55. package/lib/components/Video/Video.js +41 -4
  56. package/lib/components/Video/Video.js.map +1 -1
  57. package/lib/components/Video/Video.scss +7 -8
  58. package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.d.ts +3 -5
  59. package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.d.ts.map +1 -1
  60. package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js +4 -8
  61. package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js.map +1 -1
  62. package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.scss +31 -38
  63. package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts +31 -0
  64. package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts.map +1 -0
  65. package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js +56 -0
  66. package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js.map +1 -0
  67. package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.scss +103 -77
  68. package/lib/components/VideoLayouts/VideoLayoutManager.d.ts +10 -22
  69. package/lib/components/VideoLayouts/VideoLayoutManager.d.ts.map +1 -1
  70. package/lib/components/VideoLayouts/VideoLayoutManager.js +10 -17
  71. package/lib/components/VideoLayouts/VideoLayoutManager.js.map +1 -1
  72. package/lib/components/VideoLayouts/index.d.ts.map +1 -1
  73. package/lib/components/VideoLayouts/index.js.map +1 -1
  74. package/lib/index.d.ts +4 -5
  75. package/lib/index.d.ts.map +1 -1
  76. package/lib/index.js +5 -14
  77. package/lib/index.js.map +1 -1
  78. package/lib/services/ConnectionManager.d.ts +28 -33
  79. package/lib/services/ConnectionManager.d.ts.map +1 -1
  80. package/lib/services/ConnectionManager.js +70 -188
  81. package/lib/services/ConnectionManager.js.map +1 -1
  82. package/lib/services/MediaStateService.d.ts.map +1 -1
  83. package/lib/services/MediaStateService.js +3 -3
  84. package/lib/services/MediaStateService.js.map +1 -1
  85. package/lib/services/MultipartyController.d.ts +21 -15
  86. package/lib/services/MultipartyController.d.ts.map +1 -1
  87. package/lib/services/MultipartyController.js +75 -262
  88. package/lib/services/MultipartyController.js.map +1 -1
  89. package/lib/services/trafficLogManager.d.ts.map +1 -1
  90. package/lib/services/trafficLogManager.js +2 -2
  91. package/lib/services/trafficLogManager.js.map +1 -1
  92. package/lib/services/types.d.ts +3 -26
  93. package/lib/services/types.d.ts.map +1 -1
  94. package/lib/services/types.js.map +1 -1
  95. package/lib/utils/ClientConstants.d.ts +1 -3
  96. package/lib/utils/ClientConstants.d.ts.map +1 -1
  97. package/lib/utils/ClientConstants.js +2 -4
  98. package/lib/utils/ClientConstants.js.map +1 -1
  99. package/lib/utils/MergingStore.d.ts +1 -3
  100. package/lib/utils/MergingStore.d.ts.map +1 -1
  101. package/lib/utils/MergingStore.js +11 -26
  102. package/lib/utils/MergingStore.js.map +1 -1
  103. package/lib/utils/detectOsType.d.ts.map +1 -1
  104. package/lib/utils/detectOsType.js.map +1 -1
  105. package/lib/utils/index.d.ts.map +1 -1
  106. package/lib/utils/index.js.map +1 -1
  107. package/lib/utils/useEvent.d.ts +2 -2
  108. package/lib/utils/useEvent.d.ts.map +1 -1
  109. package/lib/utils/useEvent.js.map +1 -1
  110. package/package.json +32 -39
  111. package/lib/assets/img/exclamation-mark.png +0 -0
  112. package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.d.ts +0 -7
  113. package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.d.ts.map +0 -1
  114. package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js +0 -15
  115. package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js.map +0 -1
  116. package/lib/components/MagicMarker/MagicMarker.scss +0 -18
  117. package/lib/components/Video/VideoPlaceholder.d.ts +0 -24
  118. package/lib/components/Video/VideoPlaceholder.d.ts.map +0 -1
  119. package/lib/components/Video/VideoPlaceholder.js +0 -30
  120. package/lib/components/Video/VideoPlaceholder.js.map +0 -1
  121. package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.scss +0 -46
  122. package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaPortraitLayout.scss +0 -66
  123. package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts +0 -44
  124. package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts.map +0 -1
  125. package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js +0 -120
  126. package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js.map +0 -1
  127. package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.d.ts +0 -12
  128. package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.d.ts.map +0 -1
  129. package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.js +0 -36
  130. package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.js.map +0 -1
  131. package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.scss +0 -34
  132. package/lib/components/VideoPlaceholders/CameraOffButton.d.ts +0 -4
  133. package/lib/components/VideoPlaceholders/CameraOffButton.d.ts.map +0 -1
  134. package/lib/components/VideoPlaceholders/CameraOffButton.js +0 -9
  135. package/lib/components/VideoPlaceholders/CameraOffButton.js.map +0 -1
  136. package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.d.ts +0 -12
  137. package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.d.ts.map +0 -1
  138. package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.js +0 -40
  139. package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.js.map +0 -1
  140. package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.scss +0 -15
  141. package/lib/components/VideoPlaceholders/Tooltip.scss +0 -67
  142. package/lib/services/MultipartyEventTypes.d.ts +0 -122
  143. package/lib/services/MultipartyEventTypes.d.ts.map +0 -1
  144. package/lib/services/MultipartyEventTypes.js +0 -23
  145. package/lib/services/MultipartyEventTypes.js.map +0 -1
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import './Avatar.scss';
3
3
  export interface AvatarProps {
4
- text?: string | false;
4
+ text?: string;
5
5
  onClick?: () => void;
6
6
  }
7
7
  export declare const Avatar: React.FC<AvatarProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAWxC,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAWxC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2EAA2D;AAC3D,yBAAuB;AAOhB,IAAM,MAAM,GAA0B,UAAC,EAAe;QAAd,IAAI,UAAA,EAAE,OAAO,aAAA;IAAM,OAAA,CAC9D,oCAAK,SAAS,EAAC,kBAAkB,gBAC7B,qCAAK,SAAS,EAAC,YAAY,iBACvB,2BAAK,GAAG,EAAE,oBAAgB,EAAE,SAAS,EAAC,YAAY,WAAG,EACpD,IAAI,IAAI,CACL,oCAAK,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,gBAC1C,qCAAM,SAAS,EAAC,mBAAmB,gBAAE,IAAI,YAAQ,YAC/C,CACT,aACC,YACJ,CACT;AAXiE,CAWjE,CAAC;AAXW,QAAA,MAAM,UAWjB"}
1
+ {"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2EAA2D;AAC3D,yBAAuB;AAOhB,IAAM,MAAM,GAA0B,UAAC,EAAiB;QAAf,IAAI,UAAA,EAAE,OAAO,aAAA;IAAO,OAAA,CAClE,oCAAK,SAAS,EAAC,kBAAkB,gBAC/B,qCAAK,SAAS,EAAC,YAAY,iBACzB,2BAAK,GAAG,EAAE,oBAAgB,EAAE,SAAS,EAAC,YAAY,WAAG,EACpD,IAAI,IAAI,CACP,oCAAK,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,gBAC5C,qCAAM,SAAS,EAAC,mBAAmB,gBAAE,IAAI,YAAQ,YAC7C,CACP,aACG,YACF,CACP;AAXmE,CAWnE,CAAC;AAXW,QAAA,MAAM,UAWjB"}
@@ -1,45 +1,44 @@
1
1
  .avatar-container {
2
- position: absolute;
3
- z-index: 2;
4
- background: #3a3a3a;
2
+ position: absolute;
3
+ z-index: 2;
4
+ background: #706e6b;
5
+ width: 100%;
6
+ height: 100%;
7
+
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
11
+ justify-content: center;
12
+
13
+ .avatar-box {
14
+ position: relative;
5
15
  width: 100%;
6
- height: 100%;
7
- border-radius: inherit;
8
-
9
- display: flex;
10
- flex-direction: column;
11
- align-items: center;
12
- justify-content: center;
13
-
14
- .avatar-box {
15
- position: relative;
16
- width: 100%;
17
- text-align: center;
18
-
19
- .avatar-toast {
20
- background-color: rgba(255, 255, 255, 0.2);
21
- padding: 10px;
22
- z-index: 3;
23
-
24
- position: absolute;
25
- bottom: -15px;
26
- left: 50%;
27
-
28
- transform: translate(-50%, 100%);
29
-
30
- border-radius: 4px;
31
-
32
- .avatar-toast-text {
33
- color: #ffffff;
34
- font-style: normal;
35
- font-weight: 700;
36
- font-size: 16px;
37
- line-height: 22px;
38
- }
39
-
40
- &:hover {
41
- cursor: pointer;
42
- }
43
- }
16
+ text-align: center;
17
+
18
+ .avatar-toast {
19
+ background-color: rgba(60, 60, 60, 0.5);
20
+ padding: 10px;
21
+ z-index: 3;
22
+
23
+ position: absolute;
24
+ bottom: -15px;
25
+ left: 50%;
26
+
27
+ transform: translate(-50%, 100%);
28
+
29
+ border-radius: 4px;
30
+
31
+ .avatar-toast-text {
32
+ color: #ffffff;
33
+ font-style: normal;
34
+ font-weight: 700;
35
+ font-size: 16px;
36
+ line-height: 22px;
37
+ }
38
+
39
+ &:hover {
40
+ cursor: pointer;
41
+ }
44
42
  }
43
+ }
45
44
  }
@@ -1,23 +1,16 @@
1
+ import './MediaButtonsPanel.scss';
1
2
  import React from 'react';
2
3
  import { MultipartyButtonType } from '../MultipartyButton/MultipartyButton';
3
- import { VideoTranslationStrings } from '../../Video/VideoPlaceholder';
4
- import './MediaButtonsPanel.scss';
5
- import { IRemoteController } from '../../../services/types';
6
4
  interface Props {
7
5
  buttonsType: MultipartyButtonType;
8
6
  isMuted: boolean;
9
7
  isVideoTurnedOff: boolean;
10
8
  isBackgroundVisible?: boolean;
11
9
  isIconTransparencyEnabled?: boolean;
12
- isClientSharingScreen?: boolean;
13
- disabledDesktopSharingButton?: boolean;
14
- translations: VideoTranslationStrings;
15
10
  buttonsSpacing?: ButtonsSpacing;
16
11
  onToggleMute?: () => void;
17
12
  onToggleVideo?: () => void;
18
13
  onSwitchCamera?: () => void;
19
- toggleScreenShare?: () => void;
20
- remoteController?: IRemoteController;
21
14
  }
22
15
  export declare enum ButtonsSpacing {
23
16
  Dense = 0,
@@ -1 +1 @@
1
- {"version":3,"file":"MediaButtonsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAmB,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AAErE,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAE1D,UAAU,KAAK;IACX,WAAW,EAAE,oBAAoB,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,YAAY,EAAE,uBAAuB,CAAC;IACtC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,oBAAY,cAAc;IACtB,KAAK,IAAA;IACL,MAAM,IAAA;CACT;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2G7C,CAAC"}
1
+ {"version":3,"file":"MediaButtonsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAoB,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAE9F,UAAU,KAAK;IACb,WAAW,EAAE,oBAAoB,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,oBAAY,cAAc;IACxB,KAAK,IAAA;IACL,MAAM,IAAA;CACP;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgD7C,CAAC"}
@@ -13,45 +13,22 @@ var __assign = (this && this.__assign) || function () {
13
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
14
  exports.MediaButtonsPanel = exports.ButtonsSpacing = void 0;
15
15
  var jsx_runtime_1 = require("react/jsx-runtime");
16
- var react_1 = require("react");
17
- var simple_icon_1 = require("@techsee/techsee-ui-common/lib/icons/simple-icon");
18
- var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
19
16
  require("./MediaButtonsPanel.scss");
17
+ var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
20
18
  var ButtonsSpacing;
21
19
  (function (ButtonsSpacing) {
22
20
  ButtonsSpacing[ButtonsSpacing["Dense"] = 0] = "Dense";
23
21
  ButtonsSpacing[ButtonsSpacing["Sparse"] = 1] = "Sparse";
24
22
  })(ButtonsSpacing = exports.ButtonsSpacing || (exports.ButtonsSpacing = {}));
25
23
  var MediaButtonsPanel = function (_a) {
26
- var _b;
27
- var buttonsType = _a.buttonsType, isMuted = _a.isMuted, isVideoTurnedOff = _a.isVideoTurnedOff, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c, _d = _a.isIconTransparencyEnabled, isIconTransparencyEnabled = _d === void 0 ? true : _d, _e = _a.buttonsSpacing, buttonsSpacing = _e === void 0 ? ButtonsSpacing.Sparse : _e, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera, isClientSharingScreen = _a.isClientSharingScreen, toggleScreenShare = _a.toggleScreenShare, disabledDesktopSharingButton = _a.disabledDesktopSharingButton, translations = _a.translations, remoteController = _a.remoteController;
24
+ var buttonsType = _a.buttonsType, isMuted = _a.isMuted, isVideoTurnedOff = _a.isVideoTurnedOff, _b = _a.isBackgroundVisible, isBackgroundVisible = _b === void 0 ? true : _b, _c = _a.isIconTransparencyEnabled, isIconTransparencyEnabled = _c === void 0 ? true : _c, _d = _a.buttonsSpacing, buttonsSpacing = _d === void 0 ? ButtonsSpacing.Sparse : _d, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera;
28
25
  var platformClass = 'mobile';
29
- if (buttonsType === MultipartyButton_1.MultipartyButtonType.Desktop) {
26
+ if (buttonsType === MultipartyButton_1.MultipartyButtonType.Desktop)
30
27
  platformClass = 'desktop';
31
- }
32
- else if (buttonsType === MultipartyButton_1.MultipartyButtonType.DesktopObsolete) {
28
+ else if (buttonsType === MultipartyButton_1.MultipartyButtonType.DesktopObsolete)
33
29
  platformClass = 'desktop-obsolete';
34
- }
35
30
  platformClass += ' ' + (buttonsSpacing === ButtonsSpacing.Dense ? 'dense' : 'sparse');
36
- var _f = react_1.useState(false), displayStopSharingButton = _f[0], setDisplayStopSharingButton = _f[1];
37
- var onClickScreenShare = react_1.useCallback(function () {
38
- if (isClientSharingScreen && !displayStopSharingButton) {
39
- setDisplayStopSharingButton(true);
40
- }
41
- if (isClientSharingScreen && displayStopSharingButton) {
42
- setDisplayStopSharingButton(false);
43
- }
44
- if (!isClientSharingScreen && toggleScreenShare) {
45
- toggleScreenShare();
46
- }
47
- }, [toggleScreenShare, isClientSharingScreen, displayStopSharingButton]);
48
- var onClickStopSharingButton = react_1.useCallback(function () {
49
- setDisplayStopSharingButton(false);
50
- if (toggleScreenShare) {
51
- toggleScreenShare();
52
- }
53
- }, [toggleScreenShare, setDisplayStopSharingButton]);
54
- return (jsx_runtime_1.jsxs("div", __assign({ className: "media-buttons-panel " + platformClass }, { children: [isClientSharingScreen && remoteController && (jsx_runtime_1.jsxs("button", __assign({ className: 'btn-rectangle btn-medium btn-primary btn', onClick: remoteController.downloadLivePointer }, { children: [remoteController.guid, jsx_runtime_1.jsx(simple_icon_1.Icon, { iconName: 'download' }, void 0)] }), void 0)), toggleScreenShare && (jsx_runtime_1.jsxs("div", __assign({ className: 'share-screen-mobile' }, { children: [jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onClickScreenShare, iconName: 'Screen-Share', isBackgroundVisible: isBackgroundVisible, disabled: disabledDesktopSharingButton }, void 0), displayStopSharingButton && (jsx_runtime_1.jsxs("div", __assign({ className: 'stop-desktop-sharing', onClick: onClickStopSharingButton }, { children: [jsx_runtime_1.jsx("button", __assign({ type: 'button' }, { children: jsx_runtime_1.jsx(simple_icon_1.Icon, { iconName: 'end-sharing' }, void 0) }), void 0), jsx_runtime_1.jsx("span", { children: (_b = translations.stopSharing) !== null && _b !== void 0 ? _b : 'Stop Sharing' }, void 0)] }), void 0))] }), void 0)), onToggleMute && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleMute, iconName: isMuted ? 'mic-off' : 'mic-on', isSwitchedOn: !isIconTransparencyEnabled || !isMuted, isBackgroundVisible: isBackgroundVisible }, void 0)), onToggleVideo && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleVideo, iconName: isVideoTurnedOff ? 'camera-off' : 'camera-on', isSwitchedOn: !isIconTransparencyEnabled || !isVideoTurnedOff, isBackgroundVisible: isBackgroundVisible }, void 0)), onSwitchCamera && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onSwitchCamera, iconName: 'switch-camera', isBackgroundVisible: isBackgroundVisible, disabled: isVideoTurnedOff }, void 0))] }), void 0));
31
+ return (jsx_runtime_1.jsxs("div", __assign({ className: "media-buttons-panel " + platformClass }, { children: [onToggleMute && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleMute, iconName: isMuted ? 'mic-off' : 'mic-on', isSwitchedOn: !isIconTransparencyEnabled || !isMuted, isBackgroundVisible: isBackgroundVisible }, void 0)), onToggleVideo && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleVideo, iconName: isVideoTurnedOff ? 'camera-off' : 'camera-on', isSwitchedOn: !isIconTransparencyEnabled || !isVideoTurnedOff, isBackgroundVisible: isBackgroundVisible }, void 0)), onSwitchCamera && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onSwitchCamera, iconName: 'switch-camera', isBackgroundVisible: isBackgroundVisible }, void 0))] }), void 0));
55
32
  };
56
33
  exports.MediaButtonsPanel = MediaButtonsPanel;
57
34
  //# sourceMappingURL=MediaButtonsPanel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MediaButtonsPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"MediaButtonsPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,oCAAkC;AAGlC,yEAA8F;AAc9F,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,qDAAK,CAAA;IACL,uDAAM,CAAA;AACR,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB;AAEM,IAAM,iBAAiB,GAAoB,UAAC,EAUlD;QATC,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,iCAAgC,EAAhC,yBAAyB,mBAAG,IAAI,KAAA,EAChC,sBAAsC,EAAtC,cAAc,mBAAG,cAAc,CAAC,MAAM,KAAA,EACtC,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,cAAc,oBAAA;IAEd,IAAI,aAAa,GAAG,QAAQ,CAAC;IAE7B,IAAI,WAAW,KAAK,uCAAoB,CAAC,OAAO;QAAE,aAAa,GAAG,SAAS,CAAC;SACvE,IAAI,WAAW,KAAK,uCAAoB,CAAC,eAAe;QAAE,aAAa,GAAG,kBAAkB,CAAC;IAElG,aAAa,IAAI,GAAG,GAAG,CAAC,cAAc,KAAK,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEtF,OAAO,CACL,qCAAK,SAAS,EAAE,yBAAuB,aAAe,iBACnD,YAAY,IAAI,CACf,kBAAC,mCAAgB,IACf,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,YAAY,EAAE,CAAC,yBAAyB,IAAI,CAAC,OAAO,EACpD,mBAAmB,EAAE,mBAAmB,WACxC,CACH,EACA,aAAa,IAAI,CAChB,kBAAC,mCAAgB,IACf,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EACvD,YAAY,EAAE,CAAC,yBAAyB,IAAI,CAAC,gBAAgB,EAC7D,mBAAmB,EAAE,mBAAmB,WACxC,CACH,EACA,cAAc,IAAI,CACjB,kBAAC,mCAAgB,IACf,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAC,eAAe,EACxB,mBAAmB,EAAE,mBAAmB,WACxC,CACH,aACG,CACP,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,iBAAiB,qBAgD5B"}
@@ -1,63 +1,31 @@
1
1
  .media-buttons-panel {
2
- display: flex;
2
+ display: flex;
3
3
 
4
- &.mobile > * {
5
- margin: 15px 15px 15px 0;
6
- }
7
-
8
- &.desktop.sparse > * {
9
- margin: 10px 10px 10px 0;
10
-
11
- &:last-child {
12
- margin-right: 0;
13
- }
14
- }
4
+ &.mobile > * {
5
+ margin: 15px 15px 15px 0;
6
+ }
15
7
 
16
- &.desktop.dense > * {
17
- margin: 10px 3px 10px 0;
8
+ &.desktop.sparse > * {
9
+ margin: 10px 10px 10px 0;
18
10
 
19
- &:last-child {
20
- margin-right: 0;
21
- }
11
+ &:last-child {
12
+ margin-right: 0;
22
13
  }
14
+ }
23
15
 
24
- &.button-desktop-obsolete > * {
25
- margin: 10px 5px 10px 0;
26
- }
16
+ &.desktop.dense > * {
17
+ margin: 10px 3px 10px 0;
27
18
 
28
- & > *:last-child {
29
- margin-right: 0;
19
+ &:last-child {
20
+ margin-right: 0;
30
21
  }
22
+ }
31
23
 
32
- &.mobile {
33
- display: flex;
34
-
35
- .share-screen-mobile {
36
- display: flex;
37
- flex-direction: column;
38
- align-items: flex-end;
24
+ &.button-desktop-obsolete > * {
25
+ margin: 10px 5px 10px 0;
26
+ }
39
27
 
40
- .stop-desktop-sharing {
41
- cursor: pointer;
42
- display: flex;
43
- flex-direction: row;
44
- align-items: center;
45
- padding: 4px;
46
- width: 161px;
47
- height: 56px;
48
- background: #f9fafb;
49
- box-shadow: 0 0 70px rgba(0, 0, 0, 45%);
50
- border-radius: 10px;
51
- top: 64px;
52
- position: absolute;
53
-
54
- button {
55
- border: none;
56
- background: no-repeat;
57
- margin: 8px;
58
- margin-top: 10px;
59
- }
60
- }
61
- }
62
- }
28
+ & > *:last-child {
29
+ margin-right: 0;
30
+ }
63
31
  }
@@ -9,7 +9,6 @@ interface Props {
9
9
  type: MultipartyButtonType;
10
10
  iconName: string;
11
11
  isSwitchedOn?: boolean;
12
- disabled?: boolean;
13
12
  isBackgroundVisible?: boolean;
14
13
  onClick?: () => void;
15
14
  }
@@ -1 +1 @@
1
- {"version":3,"file":"MultipartyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,oBAAY,oBAAoB;IAC5B,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,eAAe,qBAAqB;IACpC,cAAc,oBAAoB;CACrC;AAeD,UAAU,KAAK;IACX,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0B5C,CAAC"}
1
+ {"version":3,"file":"MultipartyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,eAAe,qBAAqB;IACpC,cAAc,oBAAoB;CACnC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgC5C,CAAC"}
@@ -12,24 +12,22 @@ var MultipartyButtonType;
12
12
  MultipartyButtonType["DesktopObsolete"] = "desktop-obsolete";
13
13
  MultipartyButtonType["MobileObsolete"] = "mobile-obsolete";
14
14
  })(MultipartyButtonType = exports.MultipartyButtonType || (exports.MultipartyButtonType = {}));
15
- function buttonTypeToIconSize(buttonType) {
16
- switch (buttonType) {
17
- case MultipartyButtonType.DesktopObsolete:
18
- return large_rounded_icon_1.IconSizes.LargeObsolete;
19
- case MultipartyButtonType.Mobile:
20
- return large_rounded_icon_1.IconSizes.MobileLarge;
21
- case MultipartyButtonType.MobileObsolete:
22
- return large_rounded_icon_1.IconSizes.MobileLargeObsolete;
23
- default:
24
- return large_rounded_icon_1.IconSizes.Large;
25
- }
26
- }
27
15
  var MultipartyButton = function (_a) {
28
- var type = _a.type, iconName = _a.iconName, _b = _a.isSwitchedOn, isSwitchedOn = _b === void 0 ? true : _b, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, onClick = _a.onClick;
16
+ var type = _a.type, iconName = _a.iconName, _b = _a.isSwitchedOn, isSwitchedOn = _b === void 0 ? true : _b, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c, onClick = _a.onClick;
29
17
  var IconButton = type === MultipartyButtonType.Mobile ? border_rounded_icon_1.BorderRoundedIconButton : square_rounded_icon_1.SquareRoundedIconButton;
30
- var backgroundTransparency = isBackgroundVisible ? large_rounded_icon_1.BackgroundTransparencies.HALF : large_rounded_icon_1.BackgroundTransparencies.FULL;
18
+ var iconSizeName = large_rounded_icon_1.IconSizes.Large;
19
+ var backgroundTransparency = isBackgroundVisible
20
+ ? large_rounded_icon_1.BackgroundTransparencies.HALF
21
+ : large_rounded_icon_1.BackgroundTransparencies.FULL;
31
22
  var iconTransparency = isSwitchedOn || isBackgroundVisible ? large_rounded_icon_1.IconTransparencies.NONE : large_rounded_icon_1.IconTransparencies.HALF;
32
- return (jsx_runtime_1.jsx(IconButton, { onClick: onClick, sizeName: buttonTypeToIconSize(type), colorName: large_rounded_icon_1.IconColors.Black, iconName: iconName, iconTransparency: iconTransparency, noBorder: true, reverseColor: true, disabled: disabled, backgroundTransparency: backgroundTransparency }, void 0));
23
+ if (type === MultipartyButtonType.DesktopObsolete)
24
+ iconSizeName = large_rounded_icon_1.IconSizes.LargeObsolete;
25
+ else if (type === MultipartyButtonType.Mobile)
26
+ iconSizeName = large_rounded_icon_1.IconSizes.MobileLarge;
27
+ else if (type === MultipartyButtonType.MobileObsolete) {
28
+ iconSizeName = large_rounded_icon_1.IconSizes.MobileLargeObsolete;
29
+ }
30
+ return (jsx_runtime_1.jsx(IconButton, { onClick: onClick, sizeName: iconSizeName, colorName: large_rounded_icon_1.IconColors.Black, iconName: iconName, iconTransparency: iconTransparency, noBorder: true, reverseColor: true, backgroundTransparency: backgroundTransparency }, void 0));
33
31
  };
34
32
  exports.MultipartyButton = MultipartyButton;
35
33
  //# sourceMappingURL=MultipartyButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultipartyButton.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":";;;;AACA,wGAAyG;AACzG,wGAAyG;AACzG,8FAKiE;AAEjE,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC5B,yCAAiB,CAAA;IACjB,2CAAmB,CAAA;IACnB,4DAAoC,CAAA;IACpC,0DAAkC,CAAA;AACtC,CAAC,EALW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAK/B;AAED,SAAS,oBAAoB,CAAC,UAAgC;IAC1D,QAAQ,UAAU,EAAE;QAChB,KAAK,oBAAoB,CAAC,eAAe;YACrC,OAAO,8BAAS,CAAC,aAAa,CAAC;QACnC,KAAK,oBAAoB,CAAC,MAAM;YAC5B,OAAO,8BAAS,CAAC,WAAW,CAAC;QACjC,KAAK,oBAAoB,CAAC,cAAc;YACpC,OAAO,8BAAS,CAAC,mBAAmB,CAAC;QACzC;YACI,OAAO,8BAAS,CAAC,KAAK,CAAC;KAC9B;AACL,CAAC;AAWM,IAAM,gBAAgB,GAAoB,UAAC,EAOjD;QANG,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,OAAO,aAAA;IAEP,IAAM,UAAU,GAAG,IAAI,KAAK,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,6CAAuB,CAAC,CAAC,CAAC,6CAAuB,CAAC;IAE5G,IAAM,sBAAsB,GAAG,mBAAmB,CAAC,CAAC,CAAC,6CAAwB,CAAC,IAAI,CAAC,CAAC,CAAC,6CAAwB,CAAC,IAAI,CAAC;IACnH,IAAM,gBAAgB,GAAG,YAAY,IAAI,mBAAmB,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC;IAEjH,OAAO,CACH,kBAAC,UAAU,IACP,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,oBAAoB,CAAC,IAAI,CAAC,EACpC,SAAS,EAAE,+BAAU,CAAC,KAAK,EAC3B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,QACR,YAAY,QACZ,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,sBAAsB,WAChD,CACL,CAAC;AACN,CAAC,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B"}
1
+ {"version":3,"file":"MultipartyButton.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":";;;;AACA,wGAA2G;AAC3G,wGAA2G;AAC3G,8FAKiE;AAEjE,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;IACjB,2CAAmB,CAAA;IACnB,4DAAoC,CAAA;IACpC,0DAAkC,CAAA;AACpC,CAAC,EALW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAK/B;AAUM,IAAM,gBAAgB,GAAoB,UAAC,EAMjD;QALC,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,OAAO,aAAA;IAEP,IAAM,UAAU,GACd,IAAI,KAAK,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,6CAAuB,CAAC,CAAC,CAAC,6CAAuB,CAAC;IAC3F,IAAI,YAAY,GAAG,8BAAS,CAAC,KAAK,CAAC;IACnC,IAAM,sBAAsB,GAAG,mBAAmB;QAChD,CAAC,CAAC,6CAAwB,CAAC,IAAI;QAC/B,CAAC,CAAC,6CAAwB,CAAC,IAAI,CAAC;IAClC,IAAM,gBAAgB,GACpB,YAAY,IAAI,mBAAmB,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC;IAE1F,IAAI,IAAI,KAAK,oBAAoB,CAAC,eAAe;QAAE,YAAY,GAAG,8BAAS,CAAC,aAAa,CAAC;SACrF,IAAI,IAAI,KAAK,oBAAoB,CAAC,MAAM;QAAE,YAAY,GAAG,8BAAS,CAAC,WAAW,CAAC;SAC/E,IAAI,IAAI,KAAK,oBAAoB,CAAC,cAAc,EAAE;QAAE,YAAY,GAAG,8BAAS,CAAC,mBAAmB,CAAC;KAAE;IAExG,OAAO,CACL,kBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,+BAAU,CAAC,KAAK,EAC3B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,QACR,YAAY,QACZ,sBAAsB,EAAE,sBAAsB,WAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,gBAAgB,oBAgC3B"}
@@ -1 +1 @@
1
- {"version":3,"file":"PinButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,WAAW,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC;AACxC,aAAK,KAAK,GAAG;IACT,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAY1C,CAAC"}
1
+ {"version":3,"file":"PinButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,WAAW,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC;AACxC,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgB1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PinButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yEAA4F;AASrF,IAAM,cAAc,GAAoB,UAAC,EAAqC;QAApC,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAAmB,OAAA,CACnG,oCAAK,SAAS,EAAC,mBAAmB,gBAC7B,WAAW,IAAI,CACZ,kBAAC,mCAAgB,IACb,IAAI,EAAE,uCAAoB,CAAC,OAAO,EAClC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,KAAK,EACd,YAAY,EAAE,QAAQ,EACtB,mBAAmB,EAAE,YAAY,WACnC,CACL,YACC,CACT;AAZsG,CAYtG,CAAC;AAZW,QAAA,cAAc,kBAYzB"}
1
+ {"version":3,"file":"PinButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yEAA8F;AASvF,IAAM,cAAc,GAAoB,UAAC,EAI/C;QAHC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,YAAY,kBAAA;IACK,OAAA,CACjB,oCAAK,SAAS,EAAC,mBAAmB,gBAC/B,WAAW,IAAI,CACd,kBAAC,mCAAgB,IACf,IAAI,EAAE,uCAAoB,CAAC,OAAO,EAClC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,KAAK,EACd,YAAY,EAAE,QAAQ,EACtB,mBAAmB,EAAE,YAAY,WACjC,CACH,YACG,CACP;AAZkB,CAYlB,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}
@@ -1 +1 @@
1
- {"version":3,"file":"SnapshotButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,4BAA4B,CAAC;AAEpC,aAAK,gBAAgB,GAAG,MAAM,IAAI,CAAC;AACnC,aAAK,KAAK,GAAG;IACT,UAAU,CAAC,EAAE,gBAAgB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE/C,CAAC"}
1
+ {"version":3,"file":"SnapshotButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,4BAA4B,CAAC;AAEpC,aAAK,gBAAgB,GAAG,MAAM,IAAI,CAAC;AACnC,aAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE/C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SnapshotButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AACA,4FAA8D;AAC9D,sCAAoC;AAO7B,IAAM,mBAAmB,GAAoB,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAmB,OAAA,CAC/E,2BAAK,GAAG,EAAE,2BAAS,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,2BAA2B,WAAG,CACrF;AAFkF,CAElF,CAAC;AAFW,QAAA,mBAAmB,uBAE9B"}
1
+ {"version":3,"file":"SnapshotButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AACA,4FAA8D;AAC9D,sCAAoC;AAO7B,IAAM,mBAAmB,GAAoB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAoB,OAAA,CACnF,2BAAK,GAAG,EAAE,2BAAS,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,2BAA2B,WAAG,CACnF;AAFoF,CAEpF,CAAC;AAFW,QAAA,mBAAmB,uBAE9B"}
@@ -1,6 +1,6 @@
1
1
  .snapshot-button-panel-img {
2
- width: 43px;
3
- height: 43px;
2
+ width: 43px;
3
+ height: 43px;
4
4
 
5
- cursor: pointer;
5
+ cursor: pointer;
6
6
  }
@@ -2,5 +2,4 @@ export { PinButtonPanel } from './PinButtonPanel/PinButtonPanel';
2
2
  export { MediaButtonsPanel } from './MediaButtonsPanel/MediaButtonsPanel';
3
3
  export { MultipartyButtonType } from './MultipartyButton/MultipartyButton';
4
4
  export { SnapshotButtonPanel } from './SnapshotButtonPanel/SnapshotButtonPanel';
5
- export { EndMeetingButtonPanel } from './EndMeetingButtonPanel/EndMeetingButtonPanel';
6
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,cAAc,EAAC,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAAC,iBAAiB,EAAC,MAAM,uCAAuC,CAAC;AACxE,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAAC,mBAAmB,EAAC,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAC,qBAAqB,EAAC,MAAM,+CAA+C,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.EndMeetingButtonPanel = exports.SnapshotButtonPanel = exports.MultipartyButtonType = exports.MediaButtonsPanel = exports.PinButtonPanel = void 0;
3
+ exports.SnapshotButtonPanel = exports.MultipartyButtonType = exports.MediaButtonsPanel = exports.PinButtonPanel = void 0;
4
4
  var PinButtonPanel_1 = require("./PinButtonPanel/PinButtonPanel");
5
5
  Object.defineProperty(exports, "PinButtonPanel", { enumerable: true, get: function () { return PinButtonPanel_1.PinButtonPanel; } });
6
6
  var MediaButtonsPanel_1 = require("./MediaButtonsPanel/MediaButtonsPanel");
@@ -9,6 +9,4 @@ var MultipartyButton_1 = require("./MultipartyButton/MultipartyButton");
9
9
  Object.defineProperty(exports, "MultipartyButtonType", { enumerable: true, get: function () { return MultipartyButton_1.MultipartyButtonType; } });
10
10
  var SnapshotButtonPanel_1 = require("./SnapshotButtonPanel/SnapshotButtonPanel");
11
11
  Object.defineProperty(exports, "SnapshotButtonPanel", { enumerable: true, get: function () { return SnapshotButtonPanel_1.SnapshotButtonPanel; } });
12
- var EndMeetingButtonPanel_1 = require("./EndMeetingButtonPanel/EndMeetingButtonPanel");
13
- Object.defineProperty(exports, "EndMeetingButtonPanel", { enumerable: true, get: function () { return EndMeetingButtonPanel_1.EndMeetingButtonPanel; } });
14
12
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":";;;AAAA,kEAA+D;AAAvD,gHAAA,cAAc,OAAA;AACtB,2EAAwE;AAAhE,sHAAA,iBAAiB,OAAA;AACzB,wEAAyE;AAAjE,wHAAA,oBAAoB,OAAA;AAC5B,iFAA8E;AAAtE,0HAAA,mBAAmB,OAAA;AAC3B,uFAAoF;AAA5E,8HAAA,qBAAqB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":";;;AAAA,kEAAiE;AAAxD,gHAAA,cAAc,OAAA;AACvB,2EAA0E;AAAjE,sHAAA,iBAAiB,OAAA;AAC1B,wEAA2E;AAAlE,wHAAA,oBAAoB,OAAA;AAC7B,iFAAgF;AAAvE,0HAAA,mBAAmB,OAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"LoaderSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,aAAK,kBAAkB,GAAG;IACtB,OAAO,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiEtD,CAAC"}
1
+ {"version":3,"file":"LoaderSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,aAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkEtD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"LoaderSpinner.js","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAMvB,IAAM,aAAa,GAAiC,UAAC,EAAS;QAAR,OAAO,aAAA;IAAM,OAAA,CACtE,qCAAK,SAAS,EAAC,0BAA0B,iBACrC,qCACI,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAClC,8BAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,WAAG,EAChE,mCAAG,QAAQ,EAAC,aAAa,iBACrB,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,OAAO,WACd,EACF,4BACI,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACd,aACF,EACJ,sCACI,yCAAU,EAAE,EAAC,OAAO,gBAChB,4BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,WAAG,YAClE,WACR,aACL,EACN,oCAAK,SAAS,EAAC,wBAAwB,gBAAE,OAAO,YAAO,aACrD,CACT;AAjEyE,CAiEzE,CAAC;AAjEW,QAAA,aAAa,iBAiExB"}
1
+ {"version":3,"file":"LoaderSpinner.js","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAMvB,IAAM,aAAa,GAAiC,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAC1E,qCAAK,SAAS,EAAC,0BAA0B,iBACvC,qCACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,8BAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,WAAG,EAChE,mCAAG,QAAQ,EAAC,aAAa,iBACvB,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,aACA,EACJ,sCACE,yCAAU,EAAE,EAAC,OAAO,gBAClB,4BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,WAAG,YAChE,WACN,aACH,EACN,oCAAK,SAAS,EAAC,wBAAwB,gBAAE,OAAO,YAAO,aACnD,CACP;AAlE2E,CAkE3E,CAAC;AAlEW,QAAA,aAAa,iBAkExB"}
@@ -1,69 +1,68 @@
1
1
  .loader-spinner-container {
2
- position: absolute;
3
- z-index: 2;
4
- background: #3a3a3a;
5
- width: 100%;
6
- height: 100%;
7
- border-radius: inherit;
2
+ position: absolute;
3
+ z-index: 2;
4
+ background: #706e6b;
5
+ width: 100%;
6
+ height: 100%;
8
7
 
9
- display: flex;
10
- flex-direction: column;
11
- align-items: center;
12
- justify-content: center;
8
+ display: flex;
9
+ flex-direction: column;
10
+ align-items: center;
11
+ justify-content: center;
13
12
 
14
- .loader-spinner-caption {
15
- font-family: 'Open Sans';
16
- font-size: 14px;
17
- color: white;
13
+ .loader-spinner-caption {
14
+ font-family: 'Open Sans';
15
+ font-size: 14px;
16
+ color: white;
18
17
 
19
- text-align: center;
20
- padding-top: 20px;
21
- margin: 0px 15px;
22
- }
18
+ text-align: center;
19
+ padding-top: 20px;
20
+ margin: 0px 15px;
21
+ }
23
22
 
24
- .circle {
25
- animation: loading-spinner 1.8s infinite;
26
- }
23
+ .circle {
24
+ animation: loading-spinner 1.8s infinite;
25
+ }
27
26
 
28
- .circle-2 {
29
- animation-delay: 0.2s;
30
- }
27
+ .circle-2 {
28
+ animation-delay: 0.2s;
29
+ }
31
30
 
32
- .circle-3 {
33
- animation-delay: 0.4s;
34
- }
31
+ .circle-3 {
32
+ animation-delay: 0.4s;
33
+ }
35
34
 
36
- .circle-4 {
37
- animation-delay: 0.6s;
38
- }
35
+ .circle-4 {
36
+ animation-delay: 0.6s;
37
+ }
39
38
 
40
- .circle-5 {
41
- animation-delay: 0.8s;
42
- }
39
+ .circle-5 {
40
+ animation-delay: 0.8s;
41
+ }
43
42
 
44
- .circle-6 {
45
- animation-delay: 1s;
46
- }
43
+ .circle-6 {
44
+ animation-delay: 1s;
45
+ }
47
46
 
48
- .circle-7 {
49
- animation-delay: 1.2s;
50
- }
47
+ .circle-7 {
48
+ animation-delay: 1.2s;
49
+ }
51
50
 
52
- .circle-8 {
53
- animation-delay: 1.4s;
54
- }
51
+ .circle-8 {
52
+ animation-delay: 1.4s;
53
+ }
55
54
 
56
- .circle-9 {
57
- animation-delay: 1.6s;
58
- }
55
+ .circle-9 {
56
+ animation-delay: 1.6s;
57
+ }
59
58
 
60
- @keyframes loading-spinner {
61
- 0%,
62
- 100% {
63
- opacity: 100%;
64
- }
65
- 50% {
66
- opacity: 0%;
67
- }
59
+ @keyframes loading-spinner {
60
+ 0%,
61
+ 100% {
62
+ opacity: 100%;
63
+ }
64
+ 50% {
65
+ opacity: 0%;
68
66
  }
67
+ }
69
68
  }
@@ -0,0 +1,57 @@
1
+ export interface IResolution {
2
+ width: number;
3
+ height: number;
4
+ }
5
+ interface IDrawingOptions {
6
+ lineWidth: number;
7
+ strokeColorRGB: string;
8
+ lineWidthRefResolution: IResolution;
9
+ }
10
+ interface IContainerPoint {
11
+ x: number;
12
+ y: number;
13
+ container: IResolution;
14
+ }
15
+ export interface ICanvasDrawer {
16
+ startDrawing(x: number, y: number): void;
17
+ addToDrawing(x: number, y: number, container: IResolution): void;
18
+ endDrawing(): void;
19
+ drawPaintedCoordinates(localContainer: IResolution): void;
20
+ getDrawings(): IContainerPoint[];
21
+ setDrawings(paintedPoints: IContainerPoint[]): void;
22
+ updateBoundaries(): void;
23
+ destroy(): void;
24
+ }
25
+ export declare class CanvasDrawer implements ICanvasDrawer {
26
+ private canvas;
27
+ private ctx;
28
+ private canvasBoundaries;
29
+ private _isPainting;
30
+ private lastY;
31
+ private lastX;
32
+ private fadeOutTime;
33
+ private timeUntilDrawingStartFading;
34
+ private timeUntilPaintedPointsCleanup;
35
+ private paintedPoints;
36
+ private drawingCanvasFadeTimeoutFunction;
37
+ private drawingOptions;
38
+ private isFading;
39
+ private lastLocalDrawingTimeEnd;
40
+ constructor(canvas: HTMLCanvasElement, drawingOptions: IDrawingOptions, fadeOutTime?: number, timeUntilDrawingStartFading?: number);
41
+ private draw;
42
+ private calcLineWidth;
43
+ private clearFading;
44
+ private fadeOut;
45
+ startDrawing(x: number, y: number): void;
46
+ addToDrawing(x: number, y: number, container: IResolution): void;
47
+ endDrawing(): void;
48
+ drawPaintedCoordinates(localContainer: IResolution): void;
49
+ getDrawings(): IContainerPoint[];
50
+ get isPainting(): boolean;
51
+ setDrawings(paintedPoints: IContainerPoint[]): void;
52
+ updateBoundaries(): void;
53
+ destroy(): void;
54
+ private transformPointToLocalContainer;
55
+ }
56
+ export {};
57
+ //# sourceMappingURL=CanvasDrawer.d.ts.map