vue-parley 5.5.4 → 5.5.5
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.
- package/dist/chat.css +79 -76
- package/dist/chunks/{Call-DxzJMkU0.mjs → Call-Dndq-Smg.mjs} +3 -3
- package/dist/chunks/Call-Dndq-Smg.mjs.map +1 -0
- package/dist/chunks/{Call-D2M0rk0G.cjs → Call-iMIGluja.cjs} +3 -3
- package/dist/chunks/Call-iMIGluja.cjs.map +1 -0
- package/dist/chunks/{index-D0p5jXOm.cjs → index-BMvFGf4m.cjs} +4 -4
- package/dist/chunks/{index-D0p5jXOm.cjs.map → index-BMvFGf4m.cjs.map} +1 -1
- package/dist/chunks/{index-DXMGNyzr.mjs → index-DJc1hIRh.mjs} +4 -4
- package/dist/chunks/{index-DXMGNyzr.mjs.map → index-DJc1hIRh.mjs.map} +1 -1
- package/dist/chunks/{session-DOwjZWzx.cjs → session-Bfav77cI.cjs} +2 -2
- package/dist/chunks/{session-DOwjZWzx.cjs.map → session-Bfav77cI.cjs.map} +1 -1
- package/dist/chunks/{session-YVuYT5mi.mjs → session-CwvsvTYf.mjs} +2 -2
- package/dist/chunks/{session-YVuYT5mi.mjs.map → session-CwvsvTYf.mjs.map} +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/types/app/components/call/CallStage.vue.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/chunks/Call-D2M0rk0G.cjs.map +0 -1
- package/dist/chunks/Call-DxzJMkU0.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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
5429
|
-
:where(.vue-chat, .vue-chat *).call-others--scroll .call-tile[data-v-
|
|
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-
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import { ref, onMounted, onUnmounted, watch, nextTick, reactive, onBeforeUnmount, computed, defineComponent, openBlock, createElementBlock, createBlock, unref, mergeProps, withCtx, createVNode, normalizeClass, createElementVNode, normalizeStyle, createSlots, toDisplayString, createCommentVNode, withDirectives, Fragment, useModel, renderList, createTextVNode, mergeModels, watchEffect, renderSlot, withModifiers, Transition, vShow } from "vue";
|
|
2
|
-
import { u as useCallStore, a as useLocalI18n, c as chat, n as nameInitials, b as avatarToneStyle, _ as _sfc_main$8, d as useDirection, f as formatDuration, e as _export_sfc, g as useChatStore } from "./index-
|
|
2
|
+
import { u as useCallStore, a as useLocalI18n, c as chat, n as nameInitials, b as avatarToneStyle, _ as _sfc_main$8, d as useDirection, f as formatDuration, e as _export_sfc, g as useChatStore } from "./index-DJc1hIRh.mjs";
|
|
3
3
|
import { useFullscreen, useWindowSize, useDraggable, useElementSize, useEventListener } from "@vueuse/core";
|
|
4
4
|
import Button from "primevue/button";
|
|
5
5
|
import Menu from "primevue/menu";
|
|
@@ -1421,7 +1421,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
|
1421
1421
|
};
|
|
1422
1422
|
}
|
|
1423
1423
|
});
|
|
1424
|
-
const CallStage = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-
|
|
1424
|
+
const CallStage = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-335a8f89"]]);
|
|
1425
1425
|
const _hoisted_1$1 = ["dir", "aria-label"];
|
|
1426
1426
|
const _hoisted_2$1 = { class: "call-mini-head" };
|
|
1427
1427
|
const _hoisted_3$1 = { class: "call-mini-avatar" };
|
|
@@ -2457,4 +2457,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2457
2457
|
export {
|
|
2458
2458
|
_sfc_main as default
|
|
2459
2459
|
};
|
|
2460
|
-
//# sourceMappingURL=Call-
|
|
2460
|
+
//# sourceMappingURL=Call-Dndq-Smg.mjs.map
|