@breadstone/mosaik-elements-foundation 0.1.4 → 0.1.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.
Files changed (40) hide show
  1. package/Controls/Components/Media/Chat/ChatMessageElement.d.ts +9 -3
  2. package/Controls/Components/Media/Chat/ChatMessageElement.d.ts.map +1 -1
  3. package/Controls/Components/Media/Chat/ChatMessageElement.js +11 -3
  4. package/Controls/Components/Media/Chat/ChatMessageElement.js.map +1 -1
  5. package/Controls/Components/Media/Chat/ChatMessageElementTemplate.d.ts.map +1 -1
  6. package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js +56 -45
  7. package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js.map +1 -1
  8. package/Controls/Components/Media/Chat/ChatMessageReactionElement.d.ts.map +1 -1
  9. package/Controls/Components/Media/Chat/ChatMessageReactionElement.js +5 -1
  10. package/Controls/Components/Media/Chat/ChatMessageReactionElement.js.map +1 -1
  11. package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.d.ts.map +1 -1
  12. package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js +5 -2
  13. package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js.map +1 -1
  14. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.d.ts.map +1 -1
  15. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js +106 -32
  16. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js.map +1 -1
  17. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.d.ts.map +1 -1
  18. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js +106 -32
  19. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js.map +1 -1
  20. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.d.ts.map +1 -1
  21. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js +106 -32
  22. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js.map +1 -1
  23. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.d.ts.map +1 -1
  24. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js +4 -0
  25. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js.map +1 -1
  26. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.d.ts.map +1 -1
  27. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js +8 -4
  28. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js.map +1 -1
  29. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.d.ts.map +1 -1
  30. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js +4 -0
  31. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js.map +1 -1
  32. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts +16 -5
  33. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts.map +1 -1
  34. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.js +18 -4
  35. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.js.map +1 -1
  36. package/Forms/Accessors/Interfaces/IElementValueAccessor.d.ts +10 -4
  37. package/Forms/Accessors/Interfaces/IElementValueAccessor.d.ts.map +1 -1
  38. package/Routing/PathToRegexp.d.ts +1 -1
  39. package/custom-elements.json +954 -270
  40. package/package.json +3 -3
@@ -76,22 +76,47 @@ export function chatMessageElementJoyStyle() {
76
76
  }
77
77
 
78
78
  :host [part="root"] {
79
- justify-content: stretch;
80
- align-items: stretch;
79
+ justify-content: flex-end;
80
+ align-items: flex-start;
81
81
  gap: var(--chat-message-gap);
82
82
  flex-direction: row-reverse;
83
83
  display: flex;
84
84
  }
85
85
 
86
- :host [part="root"] [part="content"] {
86
+ :host [part="root"] [part="message-area"] {
87
87
  justify-content: center;
88
88
  align-items: flex-end;
89
89
  gap: calc(var(--chat-message-gap) / 2);
90
90
  flex-direction: column;
91
+ flex: 1;
92
+ min-width: 0;
93
+ max-width: 100%;
94
+ display: flex;
95
+ }
96
+
97
+ :host [part="root"] [part="message-area"] [part="message-stack"] {
98
+ flex-direction: column;
99
+ align-items: flex-end;
100
+ width: max-content;
101
+ min-width: 0;
102
+ max-width: 100%;
91
103
  display: flex;
92
104
  }
93
105
 
94
- :host [part="root"] [part="content"] [part="message"] {
106
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] {
107
+ justify-content: flex-end;
108
+ align-items: flex-start;
109
+ gap: calc(var(--chat-message-gap) / 2);
110
+ box-sizing: border-box;
111
+ flex-direction: row;
112
+ width: 100%;
113
+ min-width: 0;
114
+ max-width: 100%;
115
+ display: flex;
116
+ position: relative;
117
+ }
118
+
119
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] {
95
120
  border-width: var(--chat-message-border-width);
96
121
  border-radius: var(--chat-message-border-radius);
97
122
  border-style: var(--chat-message-border-style);
@@ -115,57 +140,103 @@ export function chatMessageElementJoyStyle() {
115
140
  text-decoration: var(--chat-message-font-text-decoration);
116
141
  text-transform: var(--chat-message-font-text-transform);
117
142
  box-shadow: var(--chat-message-shadow-offset-x) var(--chat-message-shadow-offset-y) var(--chat-message-shadow-blur) var(--chat-message-shadow-spread) var(--chat-message-shadow-color);
143
+ box-sizing: border-box;
118
144
  border-top-right-radius: 0;
119
145
  flex-direction: column;
146
+ flex: auto;
147
+ min-width: 0;
148
+ max-width: 100%;
120
149
  display: flex;
121
- position: relative;
122
150
  }
123
151
 
124
- :host [part="root"] [part="content"] [part="message"] [part="header"] {
152
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="header"] {
125
153
  gap: var(--chat-message-gap);
126
154
  justify-content: space-between;
127
155
  align-items: center;
128
156
  display: flex;
129
157
  }
130
158
 
131
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="text"] {
159
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="text"] {
132
160
  word-break: break-word;
133
161
  }
134
162
 
135
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] {
163
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] {
136
164
  gap: calc(var(--chat-message-gap) / 2);
137
165
  align-items: center;
138
166
  display: flex;
139
167
  }
140
168
 
141
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"] {
169
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"] {
142
170
  animation: 1.2s ease-out infinite wave;
143
171
  }
144
172
 
145
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"]:nth-child(2) {
173
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"]:nth-child(2) {
146
174
  animation-delay: -1s;
147
175
  }
148
176
 
149
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"]:nth-child(3) {
177
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"]:nth-child(3) {
150
178
  animation-delay: -.8s;
151
179
  }
152
180
 
153
- :host [part="root"] [part="content"] [part="message"] [part="reactions"] {
154
- height: 0;
155
- bottom: 0;
156
- left: unset;
181
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message-after"] {
182
+ flex-shrink: 0;
183
+ align-items: flex-start;
157
184
  display: flex;
158
185
  position: absolute;
159
- right: 0;
186
+ inset-block-start: 0;
187
+ inset-inline-start: calc(100% + var(--chat-message-gap) / 2);
188
+ }
189
+
190
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message-after"][hidden] {
191
+ display: none;
192
+ }
193
+
194
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] {
195
+ contain: inline-size;
196
+ box-sizing: border-box;
197
+ justify-content: flex-start;
198
+ align-items: flex-end;
199
+ gap: var(--chat-message-gap);
200
+ flex-direction: column;
201
+ width: 100%;
202
+ min-width: 0;
203
+ max-width: 100%;
204
+ display: flex;
205
+ overflow: visible;
160
206
  }
161
207
 
162
- :host [part="root"] [part="content"] [part="actions"] {
163
- height: 0;
164
- bottom: 0;
165
- left: 0;
166
- right: unset;
208
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"] {
209
+ gap: calc(var(--chat-message-gap) / 2);
210
+ box-sizing: border-box;
211
+ flex-flow: wrap;
212
+ order: 2;
213
+ justify-content: flex-end;
214
+ align-items: center;
215
+ width: 100%;
216
+ min-width: 0;
217
+ max-width: 100%;
167
218
  display: flex;
168
- position: absolute;
219
+ }
220
+
221
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"] ::slotted(*) {
222
+ min-width: 0;
223
+ max-width: 100%;
224
+ }
225
+
226
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"] {
227
+ gap: calc(var(--chat-message-gap) / 2);
228
+ min-width: 0;
229
+ max-width: 100%;
230
+ margin-top: calc(var(--chat-message-gap) * -1.5);
231
+ flex-flow: wrap;
232
+ order: 1;
233
+ justify-content: flex-end;
234
+ align-items: center;
235
+ display: flex;
236
+ }
237
+
238
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"][hidden], :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"][hidden], :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"][hidden] {
239
+ display: none;
169
240
  }
170
241
 
171
242
  :host([reply]) {
@@ -175,29 +246,32 @@ export function chatMessageElementJoyStyle() {
175
246
 
176
247
  :host([reply]) [part="root"] {
177
248
  flex-direction: row;
249
+ justify-content: flex-start;
178
250
  }
179
251
 
180
- :host([reply]) [part="root"] [part="content"] {
252
+ :host([reply]) [part="root"] [part="message-area"], :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] {
181
253
  align-items: flex-start;
182
254
  }
183
255
 
184
- :host([reply]) [part="root"] [part="content"] [part="message"] {
256
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] {
257
+ justify-content: flex-start;
258
+ }
259
+
260
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] {
185
261
  border-top-right-radius: var(--chat-message-border-radius);
186
262
  border-top-left-radius: 0;
187
263
  }
188
264
 
189
- :host([reply]) [part="root"] [part="reactions"] {
190
- right: unset;
191
- left: 0;
265
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] {
266
+ align-items: flex-start;
192
267
  }
193
268
 
194
- :host([reply]) [part="root"] [part="actions"] {
195
- right: 0;
196
- left: unset;
269
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"], :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"] {
270
+ justify-content: flex-start;
197
271
  }
198
272
 
199
- :host([has-reactions]), :host([has-actions]) {
200
- margin-bottom: calc(var(--chat-message-white-space) / 2);
273
+ :host([has-footer]) {
274
+ margin-bottom: calc(var(--chat-message-white-space) / 4);
201
275
  }
202
276
 
203
277
  @keyframes wave {
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkRT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,0BAA0B;IACtC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4VT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAyM1D"}
1
+ {"version":3,"file":"ChatMessageElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAmR1D"}
@@ -76,22 +76,47 @@ export function chatMessageElementMemphisStyle() {
76
76
  }
77
77
 
78
78
  :host [part="root"] {
79
- justify-content: stretch;
80
- align-items: stretch;
79
+ justify-content: flex-end;
80
+ align-items: flex-start;
81
81
  gap: var(--chat-message-gap);
82
82
  flex-direction: row-reverse;
83
83
  display: flex;
84
84
  }
85
85
 
86
- :host [part="root"] [part="content"] {
86
+ :host [part="root"] [part="message-area"] {
87
87
  justify-content: center;
88
88
  align-items: flex-end;
89
89
  gap: calc(var(--chat-message-gap) / 2);
90
90
  flex-direction: column;
91
+ flex: 1;
92
+ min-width: 0;
93
+ max-width: 100%;
94
+ display: flex;
95
+ }
96
+
97
+ :host [part="root"] [part="message-area"] [part="message-stack"] {
98
+ flex-direction: column;
99
+ align-items: flex-end;
100
+ width: max-content;
101
+ min-width: 0;
102
+ max-width: 100%;
91
103
  display: flex;
92
104
  }
93
105
 
94
- :host [part="root"] [part="content"] [part="message"] {
106
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] {
107
+ justify-content: flex-end;
108
+ align-items: flex-start;
109
+ gap: calc(var(--chat-message-gap) / 2);
110
+ box-sizing: border-box;
111
+ flex-direction: row;
112
+ width: 100%;
113
+ min-width: 0;
114
+ max-width: 100%;
115
+ display: flex;
116
+ position: relative;
117
+ }
118
+
119
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] {
95
120
  border-width: var(--chat-message-border-width);
96
121
  border-radius: var(--chat-message-border-radius);
97
122
  border-style: var(--chat-message-border-style);
@@ -115,57 +140,103 @@ export function chatMessageElementMemphisStyle() {
115
140
  text-decoration: var(--chat-message-font-text-decoration);
116
141
  text-transform: var(--chat-message-font-text-transform);
117
142
  box-shadow: var(--chat-message-shadow-offset-x) var(--chat-message-shadow-offset-y) var(--chat-message-shadow-blur) var(--chat-message-shadow-spread) var(--chat-message-shadow-color);
143
+ box-sizing: border-box;
118
144
  border-top-right-radius: 0;
119
145
  flex-direction: column;
146
+ flex: auto;
147
+ min-width: 0;
148
+ max-width: 100%;
120
149
  display: flex;
121
- position: relative;
122
150
  }
123
151
 
124
- :host [part="root"] [part="content"] [part="message"] [part="header"] {
152
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="header"] {
125
153
  gap: var(--chat-message-gap);
126
154
  justify-content: space-between;
127
155
  align-items: center;
128
156
  display: flex;
129
157
  }
130
158
 
131
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="text"] {
159
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="text"] {
132
160
  word-break: break-word;
133
161
  }
134
162
 
135
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] {
163
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] {
136
164
  gap: calc(var(--chat-message-gap) / 2);
137
165
  align-items: center;
138
166
  display: flex;
139
167
  }
140
168
 
141
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"] {
169
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"] {
142
170
  animation: 1.2s ease-out infinite wave;
143
171
  }
144
172
 
145
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"]:nth-child(2) {
173
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"]:nth-child(2) {
146
174
  animation-delay: -1s;
147
175
  }
148
176
 
149
- :host [part="root"] [part="content"] [part="message"] [part="content"] [part="busy"] [part="dot"]:nth-child(3) {
177
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] [part="message-body"] [part="busy"] [part="dot"]:nth-child(3) {
150
178
  animation-delay: -.8s;
151
179
  }
152
180
 
153
- :host [part="root"] [part="content"] [part="message"] [part="reactions"] {
154
- height: 0;
155
- bottom: 0;
156
- left: unset;
181
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message-after"] {
182
+ flex-shrink: 0;
183
+ align-items: flex-start;
157
184
  display: flex;
158
185
  position: absolute;
159
- right: 0;
186
+ inset-block-start: 0;
187
+ inset-inline-start: calc(100% + var(--chat-message-gap) / 2);
188
+ }
189
+
190
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message-after"][hidden] {
191
+ display: none;
192
+ }
193
+
194
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] {
195
+ contain: inline-size;
196
+ box-sizing: border-box;
197
+ justify-content: flex-start;
198
+ align-items: flex-end;
199
+ gap: var(--chat-message-gap);
200
+ flex-direction: column;
201
+ width: 100%;
202
+ min-width: 0;
203
+ max-width: 100%;
204
+ display: flex;
205
+ overflow: visible;
160
206
  }
161
207
 
162
- :host [part="root"] [part="content"] [part="actions"] {
163
- height: 0;
164
- bottom: 0;
165
- left: 0;
166
- right: unset;
208
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"] {
209
+ gap: calc(var(--chat-message-gap) / 2);
210
+ box-sizing: border-box;
211
+ flex-flow: wrap;
212
+ order: 2;
213
+ justify-content: flex-end;
214
+ align-items: center;
215
+ width: 100%;
216
+ min-width: 0;
217
+ max-width: 100%;
167
218
  display: flex;
168
- position: absolute;
219
+ }
220
+
221
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"] ::slotted(*) {
222
+ min-width: 0;
223
+ max-width: 100%;
224
+ }
225
+
226
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"] {
227
+ gap: calc(var(--chat-message-gap) / 2);
228
+ min-width: 0;
229
+ max-width: 100%;
230
+ margin-top: calc(var(--chat-message-gap) * -1.5);
231
+ flex-flow: wrap;
232
+ order: 1;
233
+ justify-content: flex-end;
234
+ align-items: center;
235
+ display: flex;
236
+ }
237
+
238
+ :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"][hidden], :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"][hidden], :host [part="root"] [part="message-area"] [part="message-stack"] [part="footer"][hidden] {
239
+ display: none;
169
240
  }
170
241
 
171
242
  :host([reply]) {
@@ -175,29 +246,32 @@ export function chatMessageElementMemphisStyle() {
175
246
 
176
247
  :host([reply]) [part="root"] {
177
248
  flex-direction: row;
249
+ justify-content: flex-start;
178
250
  }
179
251
 
180
- :host([reply]) [part="root"] [part="content"] {
252
+ :host([reply]) [part="root"] [part="message-area"], :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] {
181
253
  align-items: flex-start;
182
254
  }
183
255
 
184
- :host([reply]) [part="root"] [part="content"] [part="message"] {
256
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] {
257
+ justify-content: flex-start;
258
+ }
259
+
260
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="message-line"] [part="message"] {
185
261
  border-top-right-radius: var(--chat-message-border-radius);
186
262
  border-top-left-radius: 0;
187
263
  }
188
264
 
189
- :host([reply]) [part="root"] [part="reactions"] {
190
- right: unset;
191
- left: 0;
265
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] {
266
+ align-items: flex-start;
192
267
  }
193
268
 
194
- :host([reply]) [part="root"] [part="actions"] {
195
- right: 0;
196
- left: unset;
269
+ :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="actions"], :host([reply]) [part="root"] [part="message-area"] [part="message-stack"] [part="footer"] [part="reactions"] {
270
+ justify-content: flex-start;
197
271
  }
198
272
 
199
- :host([has-reactions]), :host([has-actions]) {
200
- margin-bottom: calc(var(--chat-message-white-space) / 2);
273
+ :host([has-footer]) {
274
+ margin-bottom: calc(var(--chat-message-white-space) / 4);
201
275
  }
202
276
 
203
277
  @keyframes wave {
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiRT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2CAA2C,IAAI,SAAS,CAuFvE"}
1
+ {"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2CAA2C,IAAI,SAAS,CA2FvE"}
@@ -93,7 +93,11 @@ export function chatMessageReactionElementCosmopolitanStyle() {
93
93
  }
94
94
 
95
95
  :host [part="emoji"], :host [part="count"] {
96
+ text-align: center;
96
97
  flex-shrink: 0;
98
+ justify-content: center;
99
+ align-items: center;
100
+ display: inline-flex;
97
101
  }
98
102
 
99
103
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2CAA2C;IACvD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageReactionElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,2CAA2C;IACvD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageReactionElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAuF9D"}
1
+ {"version":3,"file":"ChatMessageReactionElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CA2F9D"}
@@ -22,10 +22,10 @@ export function chatMessageReactionElementJoyStyle() {
22
22
  --chat-message-reaction-font-weight: var(--joy-typography-caption-font-weight);
23
23
  --chat-message-reaction-foreground-color: var(--joy-scheme-foreground);
24
24
  --chat-message-reaction-gap: calc(var(--joy-layout-space) / 2);
25
- --chat-message-reaction-padding-bottom: var(--joy-layout-space);
26
- --chat-message-reaction-padding-left: var(--joy-layout-space);
27
- --chat-message-reaction-padding-right: var(--joy-layout-space);
28
- --chat-message-reaction-padding-top: var(--joy-layout-space);
25
+ --chat-message-reaction-padding-bottom: unset;
26
+ --chat-message-reaction-padding-left: unset;
27
+ --chat-message-reaction-padding-right: unset;
28
+ --chat-message-reaction-padding-top: unset;
29
29
  --chat-message-reaction-shadow: unset unset unset unset unset;
30
30
  --chat-message-reaction-shadow-blur: unset;
31
31
  --chat-message-reaction-shadow-color: unset;
@@ -93,7 +93,11 @@ export function chatMessageReactionElementJoyStyle() {
93
93
  }
94
94
 
95
95
  :host [part="emoji"], :host [part="count"] {
96
+ text-align: center;
96
97
  flex-shrink: 0;
98
+ justify-content: center;
99
+ align-items: center;
100
+ display: inline-flex;
97
101
  }
98
102
 
99
103
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageReactionElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageReactionElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageReactionElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CAuFlE"}
1
+ {"version":3,"file":"ChatMessageReactionElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sCAAsC,IAAI,SAAS,CA2FlE"}
@@ -93,7 +93,11 @@ export function chatMessageReactionElementMemphisStyle() {
93
93
  }
94
94
 
95
95
  :host [part="emoji"], :host [part="count"] {
96
+ text-align: center;
96
97
  flex-shrink: 0;
98
+ justify-content: center;
99
+ align-items: center;
100
+ display: inline-flex;
97
101
  }
98
102
 
99
103
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageReactionElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqFT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageReactionElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC;IAClD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyFT,CAAC;AACN,CAAC"}
@@ -1,4 +1,10 @@
1
1
  import type { IElementValueAccessor } from '../Interfaces/IElementValueAccessor';
2
+ interface IValueChangedCallback {
3
+ (value: unknown): void;
4
+ }
5
+ interface IValueTouchedCallback {
6
+ (): void;
7
+ }
2
8
  /**
3
9
  * Base class for all ControlValueAccessor classes defined in Forms package.
4
10
  * Contains common logic and utility functions.
@@ -39,26 +45,26 @@ export declare abstract class ElementValueAccessorBase<TElement extends HTMLElem
39
45
  * @protected
40
46
  * @readonly
41
47
  */
42
- protected get onTouched(): () => void;
48
+ protected get onTouched(): IValueTouchedCallback;
43
49
  /**
44
50
  * Returns the onChange callback.
45
51
  *
46
52
  * @protected
47
53
  * @readonly
48
54
  */
49
- protected get onChange(): (_: any) => void;
55
+ protected get onChange(): IValueChangedCallback;
50
56
  /**
51
57
  * @public
52
58
  */
53
- registerOnChange(fn: (_: any) => void): void;
59
+ registerOnChange(fn: unknown): void;
54
60
  /**
55
61
  * @public
56
62
  */
57
- registerOnTouched(fn: () => void): void;
63
+ registerOnTouched(fn: unknown): void;
58
64
  /**
59
65
  * @public
60
66
  */
61
- registerOnReset(fn: () => void): void;
67
+ registerOnReset(fn: unknown): void;
62
68
  /**
63
69
  * Sets the "disabled" property on the range input element.
64
70
  * @public
@@ -77,6 +83,10 @@ export declare abstract class ElementValueAccessorBase<TElement extends HTMLElem
77
83
  * @public
78
84
  */
79
85
  resetValue(): void;
86
+ /**
87
+ * @public
88
+ */
89
+ releaseCallbacks(): void;
80
90
  /**
81
91
  * Helper method that sets a property on a target element using the current Renderer implementation.
82
92
  *
@@ -84,4 +94,5 @@ export declare abstract class ElementValueAccessorBase<TElement extends HTMLElem
84
94
  */
85
95
  protected setProperty(key: string, value: unknown): void;
86
96
  }
97
+ export {};
87
98
  //# sourceMappingURL=ElementValueAccessorBase.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ElementValueAccessorBase.d.ts","sourceRoot":"","sources":["../../../../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAIjF;;;;;;GAMG;AACH,8BAAsB,wBAAwB,CAAC,QAAQ,SAAS,WAAW,CAAE,YAAW,qBAAqB;IAIzG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAW;IACjC,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,QAAQ,CAAa;IAM7B;;;;OAIG;gBACgB,IAAI,EAAE,QAAQ;IAajC;;;;;OAKG;IACH,SAAS,KAAK,KAAK,IAAI,OAAO,CAE7B;IAED,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,SAAS,KAAK,IAAI,IAAI,QAAQ,CAE7B;IAED;;;;;OAKG;IACH,SAAS,KAAK,SAAS,IAAI,MAAM,IAAI,CAEpC;IAED;;;;;OAKG;IACH,SAAS,KAAK,QAAQ,IAAI,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAEzC;IAMD;;OAEG;IACI,gBAAgB,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI;IAInD;;OAEG;IACI,iBAAiB,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAI9C;;OAEG;IACI,eAAe,CAAC,EAAE,EAAE,MAAM,IAAI,GAAG,IAAI;IAI5C;;;OAGG;IACI,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI7C;;;;;;;OAOG;IACI,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIvC;;OAEG;IACI,UAAU,IAAI,IAAI;IAKzB;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;CAM3D"}
1
+ {"version":3,"file":"ElementValueAccessorBase.d.ts","sourceRoot":"","sources":["../../../../src/Forms/Accessors/Abstracts/ElementValueAccessorBase.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAIjF,UAAU,qBAAqB;IAC3B,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CAC1B;AAED,UAAU,qBAAqB;IAC3B,IAAI,IAAI,CAAC;CACZ;AAMD;;;;;;GAMG;AACH,8BAAsB,wBAAwB,CAAC,QAAQ,SAAS,WAAW,CAAE,YAAW,qBAAqB;IAIzG,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAW;IACjC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,UAAU,CAAwB;IAC1C,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,QAAQ,CAAsB;IAMtC;;;;OAIG;gBACgB,IAAI,EAAE,QAAQ;IAajC;;;;;OAKG;IACH,SAAS,KAAK,KAAK,IAAI,OAAO,CAE7B;IAED,SAAS,KAAK,KAAK,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,SAAS,KAAK,IAAI,IAAI,QAAQ,CAE7B;IAED;;;;;OAKG;IACH,SAAS,KAAK,SAAS,IAAI,qBAAqB,CAE/C;IAED;;;;;OAKG;IACH,SAAS,KAAK,QAAQ,IAAI,qBAAqB,CAE9C;IAMD;;OAEG;IACI,gBAAgB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAM1C;;OAEG;IACI,iBAAiB,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAM3C;;OAEG;IACI,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI;IAMzC;;;OAGG;IACI,WAAW,CAAC,UAAU,EAAE,OAAO,GAAG,IAAI;IAI7C;;;;;;;OAOG;IACI,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIvC;;OAEG;IACI,UAAU,IAAI,IAAI;IAKzB;;OAEG;IACI,gBAAgB,IAAI,IAAI;IAM/B;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI;CAM3D"}