@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.
- package/Controls/Components/Media/Chat/ChatMessageElement.d.ts +9 -3
- package/Controls/Components/Media/Chat/ChatMessageElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageElement.js +11 -3
- package/Controls/Components/Media/Chat/ChatMessageElement.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js +56 -45
- package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageReactionElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageReactionElement.js +5 -1
- package/Controls/Components/Media/Chat/ChatMessageReactionElement.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js +5 -2
- package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js +106 -32
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js +106 -32
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js +106 -32
- package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js +4 -0
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js +8 -4
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js +4 -0
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js.map +1 -1
- package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts +16 -5
- package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts.map +1 -1
- package/Forms/Accessors/Abstracts/ElementValueAccessorBase.js +18 -4
- package/Forms/Accessors/Abstracts/ElementValueAccessorBase.js.map +1 -1
- package/Forms/Accessors/Interfaces/IElementValueAccessor.d.ts +10 -4
- package/Forms/Accessors/Interfaces/IElementValueAccessor.d.ts.map +1 -1
- package/Routing/PathToRegexp.d.ts +1 -1
- package/custom-elements.json +954 -270
- package/package.json +3 -3
|
@@ -8,6 +8,7 @@ declare const ChatMessageElement_base: (abstract new (...args: Array<any>) => im
|
|
|
8
8
|
* Chat Message - Represents a single message in the chat.
|
|
9
9
|
*
|
|
10
10
|
* @slot actions - The actions slot.
|
|
11
|
+
* @slot after - Slot for content displayed after the message bubble.
|
|
11
12
|
* @slot at - The slot for timestamp elements.
|
|
12
13
|
* @slot attachment - The slot for attachment elements.
|
|
13
14
|
* @slot author - The slot for author elements.
|
|
@@ -15,15 +16,20 @@ declare const ChatMessageElement_base: (abstract new (...args: Array<any>) => im
|
|
|
15
16
|
* @slot reaction - The slot for reaction elements.
|
|
16
17
|
* @slot text - The slot for message elements.
|
|
17
18
|
*
|
|
18
|
-
* @csspart actions - The actions part.
|
|
19
|
+
* @csspart actions - The actions part containing action buttons.
|
|
19
20
|
* @csspart at - The at part.
|
|
20
21
|
* @csspart author - The author part.
|
|
21
22
|
* @csspart busy - The busy part.
|
|
22
|
-
* @csspart content - The content part.
|
|
23
23
|
* @csspart dot - The dot part.
|
|
24
|
+
* @csspart footer - The footer part containing actions and reactions.
|
|
24
25
|
* @csspart header - The header part.
|
|
25
26
|
* @csspart message - The message part.
|
|
26
|
-
* @csspart
|
|
27
|
+
* @csspart message-after - The container for content displayed after the message bubble.
|
|
28
|
+
* @csspart message-area - The message area part containing the message stack and attachments.
|
|
29
|
+
* @csspart message-body - The message body part containing text or busy state.
|
|
30
|
+
* @csspart message-line - The line containing the message bubble and after slot.
|
|
31
|
+
* @csspart message-stack - The stack containing the message line and footer.
|
|
32
|
+
* @csspart reactions - The reactions part containing reaction elements.
|
|
27
33
|
* @csspart root - The root part.
|
|
28
34
|
* @csspart text - The text part.
|
|
29
35
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AASrE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatMessageElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElement.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AASrE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQ9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAO3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2EG;AACH,qBAoBa,kBACT,SAAQ,uBACR,YAAW,wBAAwB,EAAE,UAAU;IAI/C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IACH,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,GAAG,CAAS;IAMpB;;OAEG;;IAeH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;OAIG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;;;OAIG;IACH,IACW,WAAW,IAAI,KAAK,CAAC,IAAI,CAAC,CAEpC;IACD,IAAW,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAKxC;IAED;;;;;OAKG;IACH,IAIW,KAAK,IAAI,OAAO,CAE1B;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAK9B;IAED;;;;OAIG;IACH,IACW,EAAE,IAAI,MAAM,CAEtB;IACD,IAAW,EAAE,CAAC,KAAK,EAAE,MAAM,EAK1B;IAED;;;;;;OAMG;IACH,IAAoB,OAAO,IAAI,OAAO,CAErC;IACD,IAAoB,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzC;IAED;;;;;;OAMG;IACH,IAAoB,UAAU,IAAI,UAAU,CAE3C;IACD,IAAoB,UAAU,CAAC,KAAK,EAAE,UAAU,EAG/C;IAMD;;;OAGG;IACI,YAAY,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI;CAM3C;AAED;;EAEE;AACF,yBAAiB,kBAAkB,CAAC;IAChC,KAAY,KAAK,GAAG,wBAAwB,CAAC;CAChD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,qBAAqB,EAAE,kBAAkB,CAAC;KAC7C;CACJ"}
|
|
@@ -22,6 +22,7 @@ import { Component } from '../../../Decorators/ComponentDecorator';
|
|
|
22
22
|
import { Property } from '../../../Decorators/PropertyDecorator';
|
|
23
23
|
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
24
24
|
import { StackElement } from '../../Layouts/Stack/StackElement';
|
|
25
|
+
import { DotElement } from '../../Primitives/Dot/DotElement';
|
|
25
26
|
import { TextElement } from '../../Primitives/Text/TextElement';
|
|
26
27
|
import { AvatarElement } from '../Avatar/AvatarElement';
|
|
27
28
|
import { CHAT_INHERITANCE_CONTEXT } from './ChatInheritanceContext';
|
|
@@ -35,6 +36,7 @@ import { chatMessageElementMemphisStyle } from './Themes/ChatMessageElement.Memp
|
|
|
35
36
|
* Chat Message - Represents a single message in the chat.
|
|
36
37
|
*
|
|
37
38
|
* @slot actions - The actions slot.
|
|
39
|
+
* @slot after - Slot for content displayed after the message bubble.
|
|
38
40
|
* @slot at - The slot for timestamp elements.
|
|
39
41
|
* @slot attachment - The slot for attachment elements.
|
|
40
42
|
* @slot author - The slot for author elements.
|
|
@@ -42,15 +44,20 @@ import { chatMessageElementMemphisStyle } from './Themes/ChatMessageElement.Memp
|
|
|
42
44
|
* @slot reaction - The slot for reaction elements.
|
|
43
45
|
* @slot text - The slot for message elements.
|
|
44
46
|
*
|
|
45
|
-
* @csspart actions - The actions part.
|
|
47
|
+
* @csspart actions - The actions part containing action buttons.
|
|
46
48
|
* @csspart at - The at part.
|
|
47
49
|
* @csspart author - The author part.
|
|
48
50
|
* @csspart busy - The busy part.
|
|
49
|
-
* @csspart content - The content part.
|
|
50
51
|
* @csspart dot - The dot part.
|
|
52
|
+
* @csspart footer - The footer part containing actions and reactions.
|
|
51
53
|
* @csspart header - The header part.
|
|
52
54
|
* @csspart message - The message part.
|
|
53
|
-
* @csspart
|
|
55
|
+
* @csspart message-after - The container for content displayed after the message bubble.
|
|
56
|
+
* @csspart message-area - The message area part containing the message stack and attachments.
|
|
57
|
+
* @csspart message-body - The message body part containing text or busy state.
|
|
58
|
+
* @csspart message-line - The line containing the message bubble and after slot.
|
|
59
|
+
* @csspart message-stack - The stack containing the message line and footer.
|
|
60
|
+
* @csspart reactions - The reactions part containing reaction elements.
|
|
54
61
|
* @csspart root - The root part.
|
|
55
62
|
* @csspart text - The text part.
|
|
56
63
|
*
|
|
@@ -289,6 +296,7 @@ ChatMessageElement = __decorate([
|
|
|
289
296
|
},
|
|
290
297
|
imports: [
|
|
291
298
|
TextElement,
|
|
299
|
+
DotElement,
|
|
292
300
|
AvatarElement,
|
|
293
301
|
ChatMessageAvatarElement,
|
|
294
302
|
StackElement
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAc,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gCAAgC,EAAsC,MAAM,oDAAoD,CAAC;AAC1I,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAuB,MAAM,0BAA0B,CAAC;AACzF,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,OAAO,EAAE,mCAAmC,EAAE,MAAM,0CAA0C,CAAC;AAC/F,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,8BAA8B,EAAE,MAAM,qCAAqC,CAAC;AAErF,aAAa;AAEb
|
|
1
|
+
{"version":3,"file":"ChatMessageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"ChatMessageElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAIjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAuE7F"}
|
|
@@ -14,56 +14,67 @@ export function chatMessageElementTemplate(e) {
|
|
|
14
14
|
<div part="root">
|
|
15
15
|
<slot name="avatar"
|
|
16
16
|
@slotchange="${(x) => e.onSlotChange(x)}"></slot>
|
|
17
|
-
<div part="
|
|
18
|
-
<div part="message">
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<div part="content">
|
|
39
|
-
<slot name="text">
|
|
40
|
-
${when(e.isBusy, () => html `
|
|
41
|
-
<div part="busy">
|
|
42
|
-
<mosaik-dot part="dot"
|
|
43
|
-
.size="${Size.Tiny}"></mosaik-dot>
|
|
44
|
-
<mosaik-dot part="dot"
|
|
45
|
-
.size="${Size.Tiny}"></mosaik-dot>
|
|
46
|
-
<mosaik-dot part="dot"
|
|
47
|
-
.size="${Size.Tiny}"></mosaik-dot>
|
|
17
|
+
<div part="message-area">
|
|
18
|
+
<div part="message-stack">
|
|
19
|
+
<div part="message-line">
|
|
20
|
+
<div part="message">
|
|
21
|
+
${when(!e.isBusy, () => html `
|
|
22
|
+
<div part="header">
|
|
23
|
+
<slot name="author">
|
|
24
|
+
${when(e.author.trim(), () => html `
|
|
25
|
+
<mosaik-text part="author"
|
|
26
|
+
.dir="${e.dir}"
|
|
27
|
+
.text="${e.author}"
|
|
28
|
+
.formatter="${e.formatter}"
|
|
29
|
+
.truncate="${true}"></mosaik-text>
|
|
30
|
+
`)}
|
|
31
|
+
</slot>
|
|
32
|
+
<slot name="at">
|
|
33
|
+
<mosaik-text part="at"
|
|
34
|
+
.dir="${e.dir}"
|
|
35
|
+
.text="${e.at}"
|
|
36
|
+
.formatter="${e.formatter}"></mosaik-text>
|
|
37
|
+
</slot>
|
|
48
38
|
</div>
|
|
49
|
-
`, () => html `
|
|
50
|
-
<mosaik-text part="text"
|
|
51
|
-
.dir="${e.dir}"
|
|
52
|
-
.text="${e.text}"
|
|
53
|
-
.formatter="${e.formatter}"
|
|
54
|
-
.wrap="${true}"></mosaik-text>
|
|
55
39
|
`)}
|
|
56
|
-
|
|
40
|
+
<div part="message-body">
|
|
41
|
+
<slot name="text">
|
|
42
|
+
${when(e.isBusy, () => html `
|
|
43
|
+
<div part="busy">
|
|
44
|
+
<mosaik-dot part="dot"
|
|
45
|
+
.size="${Size.Tiny}"></mosaik-dot>
|
|
46
|
+
<mosaik-dot part="dot"
|
|
47
|
+
.size="${Size.Tiny}"></mosaik-dot>
|
|
48
|
+
<mosaik-dot part="dot"
|
|
49
|
+
.size="${Size.Tiny}"></mosaik-dot>
|
|
50
|
+
</div>
|
|
51
|
+
`, () => html `
|
|
52
|
+
<mosaik-text part="text"
|
|
53
|
+
.dir="${e.dir}"
|
|
54
|
+
.text="${e.text}"
|
|
55
|
+
.formatter="${e.formatter}"
|
|
56
|
+
.wrap="${true}"></mosaik-text>
|
|
57
|
+
`)}
|
|
58
|
+
</slot>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
<div part="message-after"
|
|
62
|
+
?hidden="${!setHost(e, 'has-after', e.hasSlotContent('after'))}">
|
|
63
|
+
<slot name="after"></slot>
|
|
64
|
+
</div>
|
|
57
65
|
</div>
|
|
58
|
-
<div part="
|
|
59
|
-
?hidden="${!setHost(e, 'has-
|
|
60
|
-
<
|
|
66
|
+
<div part="footer"
|
|
67
|
+
?hidden="${!setHost(e, 'has-footer', e.hasSlotContent('reaction') || e.hasSlotContent('actions'))}">
|
|
68
|
+
<div part="actions"
|
|
69
|
+
?hidden="${!setHost(e, 'has-actions', e.hasSlotContent('actions'))}">
|
|
70
|
+
<slot name="actions"></slot>
|
|
71
|
+
</div>
|
|
72
|
+
<div part="reactions"
|
|
73
|
+
?hidden="${!setHost(e, 'has-reactions', e.hasSlotContent('reaction'))}">
|
|
74
|
+
<slot name="reaction"></slot>
|
|
75
|
+
</div>
|
|
61
76
|
</div>
|
|
62
77
|
</div>
|
|
63
|
-
<div part="actions"
|
|
64
|
-
?hidden="${!setHost(e, 'has-actions', e.hasSlotContent('actions'))}">
|
|
65
|
-
<slot name="actions"></slot>
|
|
66
|
-
</div>
|
|
67
78
|
<slot name="attachment"></slot>
|
|
68
79
|
</div>
|
|
69
80
|
</div>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;;iCAGkB,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"ChatMessageElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;;iCAGkB,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;;;;;8BAKlC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;sCAGlB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;wDAEd,CAAC,CAAC,GAAG;yDACJ,CAAC,CAAC,MAAM;8DACH,CAAC,CAAC,SAAS;6DACZ,IAAI;qCAC5B,CAAC;;;;wDAIkB,CAAC,CAAC,GAAG;yDACJ,CAAC,CAAC,EAAE;8DACC,CAAC,CAAC,SAAS;;;6BAG5C,CAAC;;;sCAGQ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6DAGF,IAAI,CAAC,IAAI;;6DAET,IAAI,CAAC,IAAI;;6DAET,IAAI,CAAC,IAAI;;qCAEjC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;wDAEO,CAAC,CAAC,GAAG;yDACJ,CAAC,CAAC,IAAI;8DACD,CAAC,CAAC,SAAS;yDAChB,IAAI;qCACxB,CAAC;;;;;wCAKE,CAAC,OAAO,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;;;;;oCAKvD,CAAC,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;;wCAElF,CAAC,OAAO,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;;;;wCAIvD,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;;;;;;;;;KAS7F,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageReactionElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatMessageReactionElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElement.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;;AAO3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAkBa,0BACT,SAAQ,+BACR,YAAW,gCAAgC;IAI3C,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAAS;IAMvB;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI,MAAM,CAEzB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI,MAAM,CAEzB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,EAK7B;CAIJ;AAED;;EAEE;AACF,yBAAiB,0BAA0B,CAAC;IACxC,KAAY,KAAK,GAAG,gCAAgC,CAAC;CACxD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,8BAA8B,EAAE,0BAA0B,CAAC;KAC9D;CACJ"}
|
|
@@ -14,6 +14,8 @@ import { Component } from '../../../Decorators/ComponentDecorator';
|
|
|
14
14
|
import { Property } from '../../../Decorators/PropertyDecorator';
|
|
15
15
|
import { CustomElement } from '../../Abstracts/CustomElement';
|
|
16
16
|
import { ButtonElement } from '../../Buttons/Button/ButtonElement';
|
|
17
|
+
import { TextElement } from '../../Primitives/Text/TextElement';
|
|
18
|
+
import { EmojiElement } from '../Emoji/EmojiElement';
|
|
17
19
|
import { chatMessageReactionElementTemplate } from './ChatMessageReactionElementTemplate';
|
|
18
20
|
import { chatMessageReactionElementCosmopolitanStyle } from './Themes/ChatMessageReactionElement.Cosmopolitan';
|
|
19
21
|
import { chatMessageReactionElementJoyStyle } from './Themes/ChatMessageReactionElement.Joy';
|
|
@@ -148,7 +150,9 @@ ChatMessageReactionElement = __decorate([
|
|
|
148
150
|
slot: 'reaction'
|
|
149
151
|
},
|
|
150
152
|
imports: [
|
|
151
|
-
ButtonElement
|
|
153
|
+
ButtonElement,
|
|
154
|
+
EmojiElement,
|
|
155
|
+
TextElement
|
|
152
156
|
]
|
|
153
157
|
}),
|
|
154
158
|
__metadata("design:paramtypes", [])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageReactionElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F,OAAO,EAAE,2CAA2C,EAAE,MAAM,kDAAkD,CAAC;AAC/G,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AAErG,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;
|
|
1
|
+
{"version":3,"file":"ChatMessageReactionElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F,OAAO,EAAE,2CAA2C,EAAE,MAAM,kDAAkD,CAAC;AAC/G,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AAErG,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAmBI,IAAM,0BAA0B,GAAhC,MAAM,0BACT,SAAQ,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;IAG7C,iBAAiB;IAET,MAAM,CAAS;IACf,MAAM,CAAS;IAEvB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC;IACpB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,8BAA8B,CAAC;IAC1C,CAAC;IAED;;;;OAIG;IACH,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAa;QAC1B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,KAAK;QACZ,OAAO,IAAI,CAAC,MAAM,CAAC;IACvB,CAAC;IACD,IAAW,KAAK,CAAC,KAAa;QAC1B,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;CAIJ,CAAA;AA7BG;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uDAG1B;AAaD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uDAG1B;AA/DQ,0BAA0B;IAlBtC,SAAS,CAAC;QACP,QAAQ,EAAE,8BAA8B;QACxC,QAAQ,EAAE,kCAAkC;QAC5C,MAAM,EAAE;YACJ,GAAG,EAAE,kCAAkC;YACvC,OAAO,EAAE,sCAAsC;YAC/C,YAAY,EAAE,2CAA2C;SAC5D;QACD,IAAI,EAAE;YACF,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,UAAU;SACnB;QACD,OAAO,EAAE;YACL,aAAa;YACb,YAAY;YACZ,WAAW;SACd;KACJ,CAAC;;GACW,0BAA0B,CAyEtC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageReactionElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatMessageReactionElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAI/E;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,CAAC,SAAS,0BAA0B,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkB7G"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
// #region Imports
|
|
2
2
|
import { html } from '../../../../Dom/Html';
|
|
3
|
+
import { when } from '../../../Directives/Directives';
|
|
3
4
|
// #endregion
|
|
4
5
|
/**
|
|
5
6
|
* The template of the `ChatMessageReactionElement`.
|
|
@@ -11,15 +12,17 @@ export function chatMessageReactionElementTemplate(e) {
|
|
|
11
12
|
<mosaik-button part="button"
|
|
12
13
|
.dir="${e.dir}"
|
|
13
14
|
.lang="${e.lang}"
|
|
15
|
+
.appearance="${'soft'}"
|
|
14
16
|
.disabled="${e.disabled}">
|
|
15
17
|
<mosaik-emoji slot="icon"
|
|
16
18
|
part="emoji"
|
|
17
19
|
.emoji="${e.emoji}"
|
|
18
20
|
.size="${'tiny'}"></mosaik-emoji>
|
|
21
|
+
${when(e.count > 1, () => html `
|
|
19
22
|
<mosaik-text slot="label"
|
|
20
23
|
part="count"
|
|
21
|
-
.text="${String(e.count)}"
|
|
22
|
-
|
|
24
|
+
.text="${String(e.count)}"></mosaik-text>
|
|
25
|
+
`)}
|
|
23
26
|
</mosaik-button>
|
|
24
27
|
`;
|
|
25
28
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageReactionElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatMessageReactionElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAGtD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kCAAkC,CAAuC,CAAI;IACzF,OAAO,IAAI,CAAA;;+BAEgB,CAAC,CAAC,GAAG;gCACJ,CAAC,CAAC,IAAI;sCACA,MAAM;oCACR,CAAC,CAAC,QAAQ;;;oCAGV,CAAC,CAAC,KAAK;mCACR,MAAM;cAC3B,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;kCAGR,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;aACpC,CAAC;;KAET,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ChatMessageElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mCAAmC,IAAI,SAAS,CAmR/D"}
|
|
@@ -76,22 +76,47 @@ export function chatMessageElementCosmopolitanStyle() {
|
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
:host [part="root"] {
|
|
79
|
-
justify-content:
|
|
80
|
-
align-items:
|
|
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="
|
|
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="
|
|
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 chatMessageElementCosmopolitanStyle() {
|
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
154
|
-
|
|
155
|
-
|
|
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
|
-
|
|
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="
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
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
|
-
|
|
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 chatMessageElementCosmopolitanStyle() {
|
|
|
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="
|
|
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="
|
|
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="
|
|
190
|
-
|
|
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
|
-
|
|
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-
|
|
200
|
-
margin-bottom: calc(var(--chat-message-white-space) /
|
|
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.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ChatMessageElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.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,mCAAmC;IAC/C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiRT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessageElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ChatMessageElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CA8VtD"}
|