vue-parley 5.5.4 → 5.5.6

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 (33) hide show
  1. package/dist/chat.css +79 -76
  2. package/dist/chunks/{Call-D2M0rk0G.cjs → Call-Cb-HZH0C.cjs} +3 -3
  3. package/dist/chunks/Call-Cb-HZH0C.cjs.map +1 -0
  4. package/dist/chunks/{Call-DxzJMkU0.mjs → Call-Dc5MP_OL.mjs} +3 -3
  5. package/dist/chunks/Call-Dc5MP_OL.mjs.map +1 -0
  6. package/dist/chunks/{index-D0p5jXOm.cjs → index-0NtKvM9S.cjs} +85 -18
  7. package/dist/chunks/index-0NtKvM9S.cjs.map +1 -0
  8. package/dist/chunks/{index-DXMGNyzr.mjs → index-BdaOvAeg.mjs} +103 -36
  9. package/dist/chunks/index-BdaOvAeg.mjs.map +1 -0
  10. package/dist/chunks/{session-DOwjZWzx.cjs → session-DYOYV9GT.cjs} +62 -38
  11. package/dist/chunks/session-DYOYV9GT.cjs.map +1 -0
  12. package/dist/chunks/{session-YVuYT5mi.mjs → session-n-lnBm3j.mjs} +61 -37
  13. package/dist/chunks/session-n-lnBm3j.mjs.map +1 -0
  14. package/dist/index.cjs +1 -1
  15. package/dist/index.mjs +18 -18
  16. package/dist/types/app/components/call/CallStage.vue.d.ts.map +1 -1
  17. package/dist/types/app/components/chat/ChatPageBar.vue.d.ts.map +1 -1
  18. package/dist/types/app/composables/call/session.d.ts.map +1 -1
  19. package/dist/types/app/composables/call/signaling.d.ts +1 -1
  20. package/dist/types/app/composables/call/signaling.d.ts.map +1 -1
  21. package/dist/types/app/stores/callStore.d.ts.map +1 -1
  22. package/dist/types/app/stores/chatStore.d.ts.map +1 -1
  23. package/dist/types/app/stores/mediaStore.d.ts.map +1 -1
  24. package/dist/types/app/stores/messageStores.d.ts.map +1 -1
  25. package/dist/types/app/utils/logger.d.ts +10 -0
  26. package/dist/types/app/utils/logger.d.ts.map +1 -0
  27. package/package.json +1 -1
  28. package/dist/chunks/Call-D2M0rk0G.cjs.map +0 -1
  29. package/dist/chunks/Call-DxzJMkU0.mjs.map +0 -1
  30. package/dist/chunks/index-D0p5jXOm.cjs.map +0 -1
  31. package/dist/chunks/index-DXMGNyzr.mjs.map +0 -1
  32. package/dist/chunks/session-DOwjZWzx.cjs.map +0 -1
  33. package/dist/chunks/session-YVuYT5mi.mjs.map +0 -1
package/dist/chat.css CHANGED
@@ -4866,15 +4866,15 @@
4866
4866
  }
4867
4867
  }
4868
4868
 
4869
- :where(.vue-chat, .vue-chat *).call-chip--button[data-v-05c663ae] {
4869
+ :where(.vue-chat, .vue-chat *).call-chip--button[data-v-335a8f89] {
4870
4870
  cursor: pointer;
4871
4871
  }
4872
- :where(.vue-chat, .vue-chat *).call-chip.call-chip--icon[data-v-05c663ae] {
4872
+ :where(.vue-chat, .vue-chat *).call-chip.call-chip--icon[data-v-335a8f89] {
4873
4873
  justify-content: center;
4874
4874
  aspect-ratio: 1;
4875
4875
  padding: 0;
4876
4876
  }
4877
- :where(.vue-chat, .vue-chat *):where(.call-screen) button[data-v-05c663ae] {
4877
+ :where(.vue-chat, .vue-chat *):where(.call-screen) button[data-v-335a8f89] {
4878
4878
  padding: 0;
4879
4879
  color: inherit;
4880
4880
  font: inherit;
@@ -4882,10 +4882,10 @@
4882
4882
  border: 0;
4883
4883
  background: none;
4884
4884
  }
4885
- :where(.vue-chat, .vue-chat *):where(.call-screen) button[data-v-05c663ae]:disabled {
4885
+ :where(.vue-chat, .vue-chat *):where(.call-screen) button[data-v-335a8f89]:disabled {
4886
4886
  cursor: not-allowed;
4887
4887
  }
4888
- :where(.vue-chat, .vue-chat *).call-screen[data-v-05c663ae] {
4888
+ :where(.vue-chat, .vue-chat *).call-screen[data-v-335a8f89] {
4889
4889
  --background-primary: #0b1119;
4890
4890
  --background-secondary: #111822;
4891
4891
  --background-header: #1c2934;
@@ -4919,7 +4919,7 @@
4919
4919
  font-family: inherit;
4920
4920
  background: radial-gradient(circle at 50% -20%, #1d3040 0%, #111822 37%, #0b1119 85%);
4921
4921
  }
4922
- :where(.vue-chat, .vue-chat *).call-header[data-v-05c663ae] {
4922
+ :where(.vue-chat, .vue-chat *).call-header[data-v-335a8f89] {
4923
4923
  display: flex;
4924
4924
  flex-shrink: 0;
4925
4925
  gap: 0.5rem;
@@ -4929,25 +4929,25 @@
4929
4929
  margin-inline: var(--gutter);
4930
4930
  border-bottom: 1px solid rgb(255 255 255 / 0.07);
4931
4931
  }
4932
- :where(.vue-chat, .vue-chat *).call-brand[data-v-05c663ae] {
4932
+ :where(.vue-chat, .vue-chat *).call-brand[data-v-335a8f89] {
4933
4933
  display: flex;
4934
4934
  gap: 0.6875rem;
4935
4935
  align-items: center;
4936
4936
  min-width: 0;
4937
4937
  }
4938
- :where(.vue-chat, .vue-chat *).call-brand h1[data-v-05c663ae] {
4938
+ :where(.vue-chat, .vue-chat *).call-brand h1[data-v-335a8f89] {
4939
4939
  font-size: 1.25rem;
4940
4940
  font-weight: 800;
4941
4941
  line-height: 1.3;
4942
4942
  }
4943
- :where(.vue-chat, .vue-chat *).call-brand p[data-v-05c663ae] {
4943
+ :where(.vue-chat, .vue-chat *).call-brand p[data-v-335a8f89] {
4944
4944
  overflow: hidden;
4945
4945
  color: #97a7b8;
4946
4946
  font-size: 0.75rem;
4947
4947
  white-space: nowrap;
4948
4948
  text-overflow: ellipsis;
4949
4949
  }
4950
- :where(.vue-chat, .vue-chat *).call-logo[data-v-05c663ae] {
4950
+ :where(.vue-chat, .vue-chat *).call-logo[data-v-335a8f89] {
4951
4951
  display: grid;
4952
4952
  flex-shrink: 0;
4953
4953
  place-items: center;
@@ -4958,15 +4958,15 @@
4958
4958
  background: linear-gradient(145deg, var(--accent-turquoise), var(--accent-turquoise-dark));
4959
4959
  box-shadow: 0 6px 22px rgb(32 190 182 / 0.17);
4960
4960
  }
4961
- :where(.vue-chat, .vue-chat *).call-logo svg[data-v-05c663ae] {
4961
+ :where(.vue-chat, .vue-chat *).call-logo svg[data-v-335a8f89] {
4962
4962
  width: 68%;
4963
4963
  }
4964
- :where(.vue-chat, .vue-chat *).call-meta[data-v-05c663ae] {
4964
+ :where(.vue-chat, .vue-chat *).call-meta[data-v-335a8f89] {
4965
4965
  display: flex;
4966
4966
  flex-shrink: 0;
4967
4967
  gap: 0.5rem;
4968
4968
  }
4969
- :where(.vue-chat, .vue-chat *).call-chip[data-v-05c663ae] {
4969
+ :where(.vue-chat, .vue-chat *).call-chip[data-v-335a8f89] {
4970
4970
  display: flex;
4971
4971
  gap: 0.4375rem;
4972
4972
  align-items: center;
@@ -4979,11 +4979,11 @@
4979
4979
  border-radius: 14px;
4980
4980
  background: var(--background-header);
4981
4981
  }
4982
- :where(.vue-chat, .vue-chat *).call-time[data-v-05c663ae] {
4982
+ :where(.vue-chat, .vue-chat *).call-time[data-v-335a8f89] {
4983
4983
  color: #84e1d3;
4984
4984
  font-variant-numeric: tabular-nums;
4985
4985
  }
4986
- :where(.vue-chat, .vue-chat *).call-dot[data-v-05c663ae] {
4986
+ :where(.vue-chat, .vue-chat *).call-dot[data-v-335a8f89] {
4987
4987
  flex-shrink: 0;
4988
4988
  width: 0.4375rem;
4989
4989
  height: 0.4375rem;
@@ -4991,10 +4991,10 @@
4991
4991
  background: var(--accent-success);
4992
4992
  box-shadow: 0 0 0 3px rgb(66 212 164 / 0.1);
4993
4993
  }
4994
- :where(.vue-chat, .vue-chat *).call-dot--off[data-v-05c663ae] {
4994
+ :where(.vue-chat, .vue-chat *).call-dot--off[data-v-335a8f89] {
4995
4995
  background: var(--text-muted);
4996
4996
  }
4997
- :where(.vue-chat, .vue-chat *).call-main[data-v-05c663ae] {
4997
+ :where(.vue-chat, .vue-chat *).call-main[data-v-335a8f89] {
4998
4998
  position: relative;
4999
4999
  flex: 1 1 0;
5000
5000
  min-height: 9rem;
@@ -5005,24 +5005,24 @@
5005
5005
  background: var(--background-secondary);
5006
5006
  box-shadow: 0 18px 50px rgb(2 6 14 / 0.33);
5007
5007
  }
5008
- :where(.vue-chat, .vue-chat *).call-main--expanded[data-v-05c663ae] {
5008
+ :where(.vue-chat, .vue-chat *).call-main--expanded[data-v-335a8f89] {
5009
5009
  margin: 0;
5010
5010
  border-radius: 0;
5011
5011
  }
5012
5012
 
5013
5013
  /* The fallback where the browser has no fullscreen: the screen's whole height, over its siblings. */
5014
- :where(.vue-chat, .vue-chat *).call-main--expanded[data-v-05c663ae]:not(:fullscreen) {
5014
+ :where(.vue-chat, .vue-chat *).call-main--expanded[data-v-335a8f89]:not(:fullscreen) {
5015
5015
  position: absolute;
5016
5016
  inset: 0;
5017
5017
  z-index: 2;
5018
5018
  }
5019
- :where(.vue-chat, .vue-chat *).call-shade[data-v-05c663ae] {
5019
+ :where(.vue-chat, .vue-chat *).call-shade[data-v-335a8f89] {
5020
5020
  position: absolute;
5021
5021
  inset: 0;
5022
5022
  pointer-events: none;
5023
5023
  background: linear-gradient(to bottom, rgb(10 27 43 / 0.33) 0%, transparent 23%, transparent 54%, rgb(6 19 26 / 0.67) 100%);
5024
5024
  }
5025
- :where(.vue-chat, .vue-chat *).call-badge[data-v-05c663ae] {
5025
+ :where(.vue-chat, .vue-chat *).call-badge[data-v-335a8f89] {
5026
5026
  position: absolute;
5027
5027
  display: flex;
5028
5028
  gap: 0.5rem;
@@ -5035,11 +5035,11 @@
5035
5035
  background: rgb(6 20 27 / 0.67);
5036
5036
  backdrop-filter: blur(10px);
5037
5037
  }
5038
- :where(.vue-chat, .vue-chat *).call-badge--camera[data-v-05c663ae] {
5038
+ :where(.vue-chat, .vue-chat *).call-badge--camera[data-v-335a8f89] {
5039
5039
  top: 1.0625rem;
5040
5040
  inset-inline-start: 1.0625rem;
5041
5041
  }
5042
- :where(.vue-chat, .vue-chat *).call-badge--tile[data-v-05c663ae] {
5042
+ :where(.vue-chat, .vue-chat *).call-badge--tile[data-v-335a8f89] {
5043
5043
  top: 0.75rem;
5044
5044
  inset-inline-start: 0.75rem;
5045
5045
  padding: 0.3125rem 0.5rem;
@@ -5050,18 +5050,21 @@
5050
5050
  background: rgb(13 23 37 / 0.49);
5051
5051
  backdrop-filter: none;
5052
5052
  }
5053
- :where(.vue-chat, .vue-chat *).call-badge--center[data-v-05c663ae] {
5053
+ :where(.vue-chat, .vue-chat *).call-badge--center[data-v-335a8f89] {
5054
5054
  top: 50%;
5055
5055
  left: 50%;
5056
5056
  transform: translate(-50%, -50%);
5057
5057
  white-space: nowrap;
5058
5058
  }
5059
- :where(.vue-chat, .vue-chat *).call-screen .call-fullscreen[data-v-05c663ae] {
5059
+ :where(.vue-chat, .vue-chat *).call-screen .call-fullscreen[data-v-335a8f89] {
5060
5060
  position: absolute !important;
5061
5061
  top: 1.0625rem;
5062
5062
  inset-inline-end: 1.0625rem;
5063
5063
  width: 2.375rem;
5064
5064
  height: 2.375rem;
5065
+ display: inline-flex !important;
5066
+ align-items: center;
5067
+ justify-content: center;
5065
5068
  padding: 0 !important;
5066
5069
  color: #fff !important;
5067
5070
  border: 1px solid rgb(255 255 255 / 0.28) !important;
@@ -5069,13 +5072,13 @@
5069
5072
  background: rgb(6 20 27 / 0.57) !important;
5070
5073
  backdrop-filter: blur(12px);
5071
5074
  }
5072
- :where(.vue-chat, .vue-chat *).call-screen .call-fullscreen[data-v-05c663ae]::after {
5075
+ :where(.vue-chat, .vue-chat *).call-screen .call-fullscreen[data-v-335a8f89]::after {
5073
5076
  /* The design's 38px, with a thumb's reach. */
5074
5077
  content: '';
5075
5078
  position: absolute;
5076
5079
  inset: -3px;
5077
5080
  }
5078
- :where(.vue-chat, .vue-chat *).call-screen .call-sound[data-v-05c663ae] {
5081
+ :where(.vue-chat, .vue-chat *).call-screen .call-sound[data-v-335a8f89] {
5079
5082
  position: absolute !important;
5080
5083
  top: 4rem;
5081
5084
  left: 50%;
@@ -5087,7 +5090,7 @@
5087
5090
  background: var(--text-primary) !important;
5088
5091
  transform: translateX(-50%);
5089
5092
  }
5090
- :where(.vue-chat, .vue-chat *).call-main-footer[data-v-05c663ae] {
5093
+ :where(.vue-chat, .vue-chat *).call-main-footer[data-v-335a8f89] {
5091
5094
  position: absolute;
5092
5095
  inset-inline: clamp(0.75rem, 3.3vw, 1.125rem);
5093
5096
  bottom: clamp(0.75rem, 3.3vw, 1.125rem);
@@ -5096,7 +5099,7 @@
5096
5099
  align-items: flex-end;
5097
5100
  justify-content: space-between;
5098
5101
  }
5099
- :where(.vue-chat, .vue-chat *).call-identity[data-v-05c663ae] {
5102
+ :where(.vue-chat, .vue-chat *).call-identity[data-v-335a8f89] {
5100
5103
  display: flex;
5101
5104
  flex: 1 1 0;
5102
5105
  flex-direction: column;
@@ -5104,7 +5107,7 @@
5104
5107
  align-items: flex-start;
5105
5108
  min-width: 0;
5106
5109
  }
5107
- :where(.vue-chat, .vue-chat *).call-identity strong[data-v-05c663ae] {
5110
+ :where(.vue-chat, .vue-chat *).call-identity strong[data-v-335a8f89] {
5108
5111
  display: -webkit-box;
5109
5112
  overflow: hidden;
5110
5113
  font-size: clamp(1rem, 3.9vw, 1.3125rem);
@@ -5113,12 +5116,12 @@
5113
5116
  -webkit-box-orient: vertical;
5114
5117
  -webkit-line-clamp: 2;
5115
5118
  }
5116
- :where(.vue-chat, .vue-chat *).call-identity small[data-v-05c663ae] {
5119
+ :where(.vue-chat, .vue-chat *).call-identity small[data-v-335a8f89] {
5117
5120
  margin-top: 0.25rem;
5118
5121
  color: #d8e4e7;
5119
5122
  font-size: 0.75rem;
5120
5123
  }
5121
- :where(.vue-chat, .vue-chat *).call-torch-note[data-v-05c663ae] {
5124
+ :where(.vue-chat, .vue-chat *).call-torch-note[data-v-335a8f89] {
5122
5125
  display: inline-flex;
5123
5126
  gap: 0.4375rem;
5124
5127
  align-items: center;
@@ -5131,12 +5134,12 @@
5131
5134
  border-radius: 10px;
5132
5135
  background: rgb(10 18 27 / 0.55);
5133
5136
  }
5134
- :where(.vue-chat, .vue-chat *).call-torch-note--on[data-v-05c663ae] {
5137
+ :where(.vue-chat, .vue-chat *).call-torch-note--on[data-v-335a8f89] {
5135
5138
  color: #b2fbe9;
5136
5139
  border-color: rgb(112 224 197 / 0.3);
5137
5140
  background: rgb(13 52 45 / 0.9);
5138
5141
  }
5139
- :where(.vue-chat, .vue-chat *).call-screen .call-torch-float[data-v-05c663ae] {
5142
+ :where(.vue-chat, .vue-chat *).call-screen .call-torch-float[data-v-335a8f89] {
5140
5143
  flex-shrink: 0;
5141
5144
  gap: 0.5rem;
5142
5145
  min-height: 2.875rem;
@@ -5151,38 +5154,38 @@
5151
5154
  box-shadow: 0 7px 22px rgb(29 26 10 / 0.37);
5152
5155
  opacity: 1 !important;
5153
5156
  }
5154
- :where(.vue-chat, .vue-chat *).call-screen .call-torch-float--on[data-v-05c663ae] {
5157
+ :where(.vue-chat, .vue-chat *).call-screen .call-torch-float--on[data-v-335a8f89] {
5155
5158
  color: #222327 !important;
5156
5159
  background: var(--accent-yellow) !important;
5157
5160
  }
5158
- :where(.vue-chat, .vue-chat *).call-others-title[data-v-05c663ae] {
5161
+ :where(.vue-chat, .vue-chat *).call-others-title[data-v-335a8f89] {
5159
5162
  display: flex;
5160
5163
  flex-shrink: 0;
5161
5164
  align-items: center;
5162
5165
  justify-content: space-between;
5163
5166
  margin: clamp(0.375rem, 1.7dvh, 1.125rem) calc(var(--gutter) + 2px) clamp(0.25rem, 1dvh, 0.6875rem);
5164
5167
  }
5165
- :where(.vue-chat, .vue-chat *).call-others-title h2[data-v-05c663ae] {
5168
+ :where(.vue-chat, .vue-chat *).call-others-title h2[data-v-335a8f89] {
5166
5169
  color: var(--text-secondary);
5167
5170
  font-size: 0.8125rem;
5168
5171
  font-weight: 400;
5169
5172
  }
5170
- :where(.vue-chat, .vue-chat *).call-others-title span[data-v-05c663ae] {
5173
+ :where(.vue-chat, .vue-chat *).call-others-title span[data-v-335a8f89] {
5171
5174
  color: var(--text-muted);
5172
5175
  font-size: 0.6875rem;
5173
5176
  }
5174
- :where(.vue-chat, .vue-chat *).call-others[data-v-05c663ae] {
5177
+ :where(.vue-chat, .vue-chat *).call-others[data-v-335a8f89] {
5175
5178
  display: flex;
5176
5179
  flex-shrink: 0;
5177
5180
  gap: 0.75rem;
5178
5181
  height: clamp(5.75rem, 16.76dvh, 11.3125rem);
5179
5182
  padding-inline: var(--gutter);
5180
5183
  }
5181
- :where(.vue-chat, .vue-chat *).call-others--scroll[data-v-05c663ae] {
5184
+ :where(.vue-chat, .vue-chat *).call-others--scroll[data-v-335a8f89] {
5182
5185
  overflow-x: auto;
5183
5186
  scrollbar-width: none;
5184
5187
  }
5185
- :where(.vue-chat, .vue-chat *).call-tile[data-v-05c663ae] {
5188
+ :where(.vue-chat, .vue-chat *).call-tile[data-v-335a8f89] {
5186
5189
  position: relative;
5187
5190
  flex: 1 1 0;
5188
5191
  min-width: 0;
@@ -5193,21 +5196,21 @@
5193
5196
  outline-offset: -1px;
5194
5197
  background: #1c2a36;
5195
5198
  }
5196
- :where(.vue-chat, .vue-chat *).call-tile--off[data-v-05c663ae] {
5199
+ :where(.vue-chat, .vue-chat *).call-tile--off[data-v-335a8f89] {
5197
5200
  background: radial-gradient(circle at 50% 40%, #32445a 0%, #192633 66%);
5198
5201
  }
5199
- :where(.vue-chat, .vue-chat *).call-tile[data-v-05c663ae]::after {
5202
+ :where(.vue-chat, .vue-chat *).call-tile[data-v-335a8f89]::after {
5200
5203
  content: '';
5201
5204
  position: absolute;
5202
5205
  inset: 0;
5203
5206
  pointer-events: none;
5204
5207
  background: linear-gradient(to bottom, transparent 35%, rgb(14 27 38 / 0.68) 100%);
5205
5208
  }
5206
- :where(.vue-chat, .vue-chat *).call-others--scroll .call-tile[data-v-05c663ae] {
5209
+ :where(.vue-chat, .vue-chat *).call-others--scroll .call-tile[data-v-335a8f89] {
5207
5210
  flex: 0 0 44%;
5208
5211
  max-width: none;
5209
5212
  }
5210
- :where(.vue-chat, .vue-chat *).call-avatar[data-v-05c663ae] {
5213
+ :where(.vue-chat, .vue-chat *).call-avatar[data-v-335a8f89] {
5211
5214
  position: absolute;
5212
5215
  top: 45%;
5213
5216
  left: 50%;
@@ -5222,11 +5225,11 @@
5222
5225
  background: #3d496c;
5223
5226
  transform: translate(-50%, -50%);
5224
5227
  }
5225
- :where(.vue-chat, .vue-chat *).call-avatar--large[data-v-05c663ae] {
5228
+ :where(.vue-chat, .vue-chat *).call-avatar--large[data-v-335a8f89] {
5226
5229
  width: 6rem;
5227
5230
  font-size: 2rem;
5228
5231
  }
5229
- :where(.vue-chat, .vue-chat *).call-tile-footer[data-v-05c663ae] {
5232
+ :where(.vue-chat, .vue-chat *).call-tile-footer[data-v-335a8f89] {
5230
5233
  position: absolute;
5231
5234
  inset-inline: clamp(0.5rem, 2.2vw, 0.75rem);
5232
5235
  bottom: clamp(0.5rem, 2.2vw, 0.75rem);
@@ -5236,7 +5239,7 @@
5236
5239
  align-items: center;
5237
5240
  justify-content: space-between;
5238
5241
  }
5239
- :where(.vue-chat, .vue-chat *).call-name[data-v-05c663ae] {
5242
+ :where(.vue-chat, .vue-chat *).call-name[data-v-335a8f89] {
5240
5243
  overflow: hidden;
5241
5244
  padding: 0.4375rem 0.5625rem;
5242
5245
  font-size: 0.75rem;
@@ -5246,7 +5249,7 @@
5246
5249
  border-radius: 9px;
5247
5250
  background: rgb(13 21 39 / 0.72);
5248
5251
  }
5249
- :where(.vue-chat, .vue-chat *).call-mic[data-v-05c663ae] {
5252
+ :where(.vue-chat, .vue-chat *).call-mic[data-v-335a8f89] {
5250
5253
  display: grid;
5251
5254
  flex-shrink: 0;
5252
5255
  place-items: center;
@@ -5256,11 +5259,11 @@
5256
5259
  border-radius: 9px;
5257
5260
  background: #143e3a;
5258
5261
  }
5259
- :where(.vue-chat, .vue-chat *).call-mic--off[data-v-05c663ae] {
5262
+ :where(.vue-chat, .vue-chat *).call-mic--off[data-v-335a8f89] {
5260
5263
  color: #fff;
5261
5264
  background: #ef5764;
5262
5265
  }
5263
- :where(.vue-chat, .vue-chat *).call-screen .call-tile-pick[data-v-05c663ae] {
5266
+ :where(.vue-chat, .vue-chat *).call-screen .call-tile-pick[data-v-335a8f89] {
5264
5267
  position: absolute !important;
5265
5268
  inset: 0;
5266
5269
  z-index: 2;
@@ -5271,7 +5274,7 @@
5271
5274
  border-radius: inherit !important;
5272
5275
  background: transparent !important;
5273
5276
  }
5274
- :where(.vue-chat, .vue-chat *).call-controls[data-v-05c663ae] {
5277
+ :where(.vue-chat, .vue-chat *).call-controls[data-v-335a8f89] {
5275
5278
  display: flex;
5276
5279
  flex-shrink: 0;
5277
5280
  align-items: center;
@@ -5285,7 +5288,7 @@
5285
5288
  0 -8px 26px rgb(0 0 0 / 0.14),
5286
5289
  0 16px 32px rgb(0 0 0 / 0.27);
5287
5290
  }
5288
- :where(.vue-chat, .vue-chat *).call-members-backdrop[data-v-05c663ae] {
5291
+ :where(.vue-chat, .vue-chat *).call-members-backdrop[data-v-335a8f89] {
5289
5292
  position: fixed;
5290
5293
  inset: 0;
5291
5294
  z-index: 10;
@@ -5294,7 +5297,7 @@
5294
5297
  background: rgb(0 0 0 / 0.58);
5295
5298
  backdrop-filter: blur(3px);
5296
5299
  }
5297
- :where(.vue-chat, .vue-chat *).call-members[data-v-05c663ae] {
5300
+ :where(.vue-chat, .vue-chat *).call-members[data-v-335a8f89] {
5298
5301
  width: 100%;
5299
5302
  max-height: min(75dvh, 36rem);
5300
5303
  padding: 1rem var(--gutter) calc(1rem + env(safe-area-inset-bottom));
@@ -5305,13 +5308,13 @@
5305
5308
  background: #17222d;
5306
5309
  box-shadow: 0 -18px 50px rgb(0 0 0 / 0.35);
5307
5310
  }
5308
- :where(.vue-chat, .vue-chat *).call-members header[data-v-05c663ae] {
5311
+ :where(.vue-chat, .vue-chat *).call-members header[data-v-335a8f89] {
5309
5312
  display: flex;
5310
5313
  align-items: center;
5311
5314
  justify-content: space-between;
5312
5315
  margin-bottom: 0.75rem;
5313
5316
  }
5314
- :where(.vue-chat, .vue-chat *).call-screen .call-members-close[data-v-05c663ae] {
5317
+ :where(.vue-chat, .vue-chat *).call-screen .call-members-close[data-v-335a8f89] {
5315
5318
  width: 2.5rem;
5316
5319
  height: 2.5rem;
5317
5320
  padding: 0 !important;
@@ -5320,12 +5323,12 @@
5320
5323
  border-radius: 12px !important;
5321
5324
  background: var(--background-control) !important;
5322
5325
  }
5323
- :where(.vue-chat, .vue-chat *).call-members ul[data-v-05c663ae] {
5326
+ :where(.vue-chat, .vue-chat *).call-members ul[data-v-335a8f89] {
5324
5327
  display: flex;
5325
5328
  flex-direction: column;
5326
5329
  gap: 0.625rem;
5327
5330
  }
5328
- :where(.vue-chat, .vue-chat *).call-members li[data-v-05c663ae] {
5331
+ :where(.vue-chat, .vue-chat *).call-members li[data-v-335a8f89] {
5329
5332
  display: flex;
5330
5333
  gap: 0.75rem;
5331
5334
  align-items: center;
@@ -5334,11 +5337,11 @@
5334
5337
  border-radius: 16px;
5335
5338
  background: var(--background-panel);
5336
5339
  }
5337
- :where(.vue-chat, .vue-chat *).call-members li.is-main[data-v-05c663ae] {
5340
+ :where(.vue-chat, .vue-chat *).call-members li.is-main[data-v-335a8f89] {
5338
5341
  border-color: rgb(42 201 188 / 0.75);
5339
5342
  box-shadow: inset 0 0 0 1px rgb(42 201 188 / 0.18);
5340
5343
  }
5341
- :where(.vue-chat, .vue-chat *).call-member-avatar[data-v-05c663ae] {
5344
+ :where(.vue-chat, .vue-chat *).call-member-avatar[data-v-335a8f89] {
5342
5345
  display: grid;
5343
5346
  flex: 0 0 2.5rem;
5344
5347
  place-items: center;
@@ -5346,22 +5349,22 @@
5346
5349
  border-radius: 50%;
5347
5350
  background: #3d496c;
5348
5351
  }
5349
- :where(.vue-chat, .vue-chat *).call-member-name[data-v-05c663ae] {
5352
+ :where(.vue-chat, .vue-chat *).call-member-name[data-v-335a8f89] {
5350
5353
  display: flex;
5351
5354
  flex: 1 1 0;
5352
5355
  flex-direction: column;
5353
5356
  min-width: 0;
5354
5357
  }
5355
- :where(.vue-chat, .vue-chat *).call-member-name strong[data-v-05c663ae] {
5358
+ :where(.vue-chat, .vue-chat *).call-member-name strong[data-v-335a8f89] {
5356
5359
  overflow: hidden;
5357
5360
  white-space: nowrap;
5358
5361
  text-overflow: ellipsis;
5359
5362
  }
5360
- :where(.vue-chat, .vue-chat *).call-member-name small[data-v-05c663ae] {
5363
+ :where(.vue-chat, .vue-chat *).call-member-name small[data-v-335a8f89] {
5361
5364
  color: var(--text-muted);
5362
5365
  font-size: 0.6875rem;
5363
5366
  }
5364
- :where(.vue-chat, .vue-chat *).call-screen .call-member-pick[data-v-05c663ae] {
5367
+ :where(.vue-chat, .vue-chat *).call-screen .call-member-pick[data-v-335a8f89] {
5365
5368
  flex-shrink: 0;
5366
5369
  padding: 0.625rem 0.75rem !important;
5367
5370
  color: #102026 !important;
@@ -5370,51 +5373,51 @@
5370
5373
  border-radius: 11px !important;
5371
5374
  background: var(--accent-turquoise) !important;
5372
5375
  }
5373
- :where(.vue-chat, .vue-chat *).call-screen .call-member-pick[data-v-05c663ae]:disabled {
5376
+ :where(.vue-chat, .vue-chat *).call-screen .call-member-pick[data-v-335a8f89]:disabled {
5374
5377
  color: #b5eee7 !important;
5375
5378
  background: #1e514f !important;
5376
5379
  opacity: 1;
5377
5380
  }
5378
5381
  @media (min-width: 768px) {
5379
- :where(.vue-chat, .vue-chat *).call-members-backdrop[data-v-05c663ae] {
5382
+ :where(.vue-chat, .vue-chat *).call-members-backdrop[data-v-335a8f89] {
5380
5383
  align-items: stretch;
5381
5384
  justify-content: flex-start;
5382
5385
  }
5383
- :where(.vue-chat, .vue-chat *).call-members[data-v-05c663ae] {
5386
+ :where(.vue-chat, .vue-chat *).call-members[data-v-335a8f89] {
5384
5387
  width: min(25rem, 42vw);
5385
5388
  max-height: none;
5386
5389
  border-radius: 0 24px 24px 0;
5387
5390
  }
5388
5391
  }
5389
5392
  @media (min-width: 768px) {
5390
- :where(.vue-chat, .vue-chat *).call-others[data-v-05c663ae] {
5393
+ :where(.vue-chat, .vue-chat *).call-others[data-v-335a8f89] {
5391
5394
  height: clamp(8rem, 20dvh, 13rem);
5392
5395
  }
5393
5396
  }
5394
5397
  @media (min-width: 768px) {
5395
- :where(.vue-chat, .vue-chat *).call-screen[data-v-05c663ae] {
5398
+ :where(.vue-chat, .vue-chat *).call-screen[data-v-335a8f89] {
5396
5399
  display: grid;
5397
5400
  grid-template-rows: auto auto minmax(0, 1fr) auto;
5398
5401
  grid-template-columns: clamp(17rem, 23vw, 22rem) minmax(0, 1fr);
5399
5402
  gap: 0 1rem;
5400
5403
  padding: 1.5rem;
5401
5404
  }
5402
- :where(.vue-chat, .vue-chat *).call-header[data-v-05c663ae] {
5405
+ :where(.vue-chat, .vue-chat *).call-header[data-v-335a8f89] {
5403
5406
  grid-row: 1;
5404
5407
  grid-column: 1 / 3;
5405
5408
  margin: 0 0 1.25rem;
5406
5409
  }
5407
- :where(.vue-chat, .vue-chat *).call-main[data-v-05c663ae] {
5410
+ :where(.vue-chat, .vue-chat *).call-main[data-v-335a8f89] {
5408
5411
  grid-row: 2 / 4;
5409
5412
  grid-column: 2;
5410
5413
  margin: 0;
5411
5414
  }
5412
- :where(.vue-chat, .vue-chat *).call-others-title[data-v-05c663ae] {
5415
+ :where(.vue-chat, .vue-chat *).call-others-title[data-v-335a8f89] {
5413
5416
  grid-row: 2;
5414
5417
  grid-column: 1;
5415
5418
  margin: 0 0 0.75rem;
5416
5419
  }
5417
- :where(.vue-chat, .vue-chat *).call-others[data-v-05c663ae] {
5420
+ :where(.vue-chat, .vue-chat *).call-others[data-v-335a8f89] {
5418
5421
  grid-row: 3;
5419
5422
  grid-column: 1;
5420
5423
  flex-direction: column;
@@ -5425,13 +5428,13 @@
5425
5428
  overflow-x: hidden;
5426
5429
  overflow-y: auto;
5427
5430
  }
5428
- :where(.vue-chat, .vue-chat *).call-tile[data-v-05c663ae],
5429
- :where(.vue-chat, .vue-chat *).call-others--scroll .call-tile[data-v-05c663ae] {
5431
+ :where(.vue-chat, .vue-chat *).call-tile[data-v-335a8f89],
5432
+ :where(.vue-chat, .vue-chat *).call-others--scroll .call-tile[data-v-335a8f89] {
5430
5433
  flex: 0 0 clamp(8.5rem, 20vh, 12rem);
5431
5434
  width: 100%;
5432
5435
  max-width: none;
5433
5436
  }
5434
- :where(.vue-chat, .vue-chat *).call-controls[data-v-05c663ae] {
5437
+ :where(.vue-chat, .vue-chat *).call-controls[data-v-335a8f89] {
5435
5438
  grid-row: 4;
5436
5439
  grid-column: 1 / 3;
5437
5440
  margin: 1.25rem 0 0;
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const vue = require("vue");
4
- const index = require("./index-D0p5jXOm.cjs");
4
+ const index = require("./index-0NtKvM9S.cjs");
5
5
  const core = require("@vueuse/core");
6
6
  const Button = require("primevue/button");
7
7
  const Menu = require("primevue/menu");
@@ -1423,7 +1423,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
1423
1423
  };
1424
1424
  }
1425
1425
  });
1426
- const CallStage = /* @__PURE__ */ index._export_sfc(_sfc_main$2, [["__scopeId", "data-v-05c663ae"]]);
1426
+ const CallStage = /* @__PURE__ */ index._export_sfc(_sfc_main$2, [["__scopeId", "data-v-335a8f89"]]);
1427
1427
  const _hoisted_1$1 = ["dir", "aria-label"];
1428
1428
  const _hoisted_2$1 = { class: "call-mini-head" };
1429
1429
  const _hoisted_3$1 = { class: "call-mini-avatar" };
@@ -2457,4 +2457,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
2457
2457
  }
2458
2458
  });
2459
2459
  exports.default = _sfc_main;
2460
- //# sourceMappingURL=Call-D2M0rk0G.cjs.map
2460
+ //# sourceMappingURL=Call-Cb-HZH0C.cjs.map