@breadstone/mosaik-elements-foundation 0.1.3 → 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 +10 -2
- package/Controls/Components/Media/Chat/ChatMessageElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageElement.js +12 -2
- 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 +59 -41
- package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageReactionElement.d.ts +1 -0
- package/Controls/Components/Media/Chat/ChatMessageReactionElement.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/ChatMessageReactionElement.js +6 -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 +13 -5
- package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.js +1 -0
- package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.js +1 -0
- package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.js.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.d.ts.map +1 -1
- package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.js +1 -0
- package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.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 +116 -15
- 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 +116 -15
- 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 +116 -15
- 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 +8 -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 +12 -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 +8 -0
- package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js.map +1 -1
- package/Controls/Components/Media/Emoji/Themes/EmojiElement.Joy.js +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 +965 -269
- package/package.json +3 -3
|
@@ -7,6 +7,8 @@ declare const ChatMessageElement_base: (abstract new (...args: Array<any>) => im
|
|
|
7
7
|
/**
|
|
8
8
|
* Chat Message - Represents a single message in the chat.
|
|
9
9
|
*
|
|
10
|
+
* @slot actions - The actions slot.
|
|
11
|
+
* @slot after - Slot for content displayed after the message bubble.
|
|
10
12
|
* @slot at - The slot for timestamp elements.
|
|
11
13
|
* @slot attachment - The slot for attachment elements.
|
|
12
14
|
* @slot author - The slot for author elements.
|
|
@@ -14,14 +16,20 @@ declare const ChatMessageElement_base: (abstract new (...args: Array<any>) => im
|
|
|
14
16
|
* @slot reaction - The slot for reaction elements.
|
|
15
17
|
* @slot text - The slot for message elements.
|
|
16
18
|
*
|
|
19
|
+
* @csspart actions - The actions part containing action buttons.
|
|
17
20
|
* @csspart at - The at part.
|
|
18
21
|
* @csspart author - The author part.
|
|
19
22
|
* @csspart busy - The busy part.
|
|
20
|
-
* @csspart content - The content part.
|
|
21
23
|
* @csspart dot - The dot part.
|
|
24
|
+
* @csspart footer - The footer part containing actions and reactions.
|
|
22
25
|
* @csspart header - The header part.
|
|
23
26
|
* @csspart message - The message part.
|
|
24
|
-
* @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.
|
|
25
33
|
* @csspart root - The root part.
|
|
26
34
|
* @csspart text - The text part.
|
|
27
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';
|
|
@@ -34,6 +35,8 @@ import { chatMessageElementMemphisStyle } from './Themes/ChatMessageElement.Memp
|
|
|
34
35
|
/**
|
|
35
36
|
* Chat Message - Represents a single message in the chat.
|
|
36
37
|
*
|
|
38
|
+
* @slot actions - The actions slot.
|
|
39
|
+
* @slot after - Slot for content displayed after the message bubble.
|
|
37
40
|
* @slot at - The slot for timestamp elements.
|
|
38
41
|
* @slot attachment - The slot for attachment elements.
|
|
39
42
|
* @slot author - The slot for author elements.
|
|
@@ -41,14 +44,20 @@ import { chatMessageElementMemphisStyle } from './Themes/ChatMessageElement.Memp
|
|
|
41
44
|
* @slot reaction - The slot for reaction elements.
|
|
42
45
|
* @slot text - The slot for message elements.
|
|
43
46
|
*
|
|
47
|
+
* @csspart actions - The actions part containing action buttons.
|
|
44
48
|
* @csspart at - The at part.
|
|
45
49
|
* @csspart author - The author part.
|
|
46
50
|
* @csspart busy - The busy part.
|
|
47
|
-
* @csspart content - The content part.
|
|
48
51
|
* @csspart dot - The dot part.
|
|
52
|
+
* @csspart footer - The footer part containing actions and reactions.
|
|
49
53
|
* @csspart header - The header part.
|
|
50
54
|
* @csspart message - The message part.
|
|
51
|
-
* @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.
|
|
52
61
|
* @csspart root - The root part.
|
|
53
62
|
* @csspart text - The text part.
|
|
54
63
|
*
|
|
@@ -287,6 +296,7 @@ ChatMessageElement = __decorate([
|
|
|
287
296
|
},
|
|
288
297
|
imports: [
|
|
289
298
|
TextElement,
|
|
299
|
+
DotElement,
|
|
290
300
|
AvatarElement,
|
|
291
301
|
ChatMessageAvatarElement,
|
|
292
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;
|
|
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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// #region Imports
|
|
2
2
|
import { html } from '../../../../Dom/Html';
|
|
3
3
|
import { when } from '../../../Directives/Directives';
|
|
4
|
+
import { setHost } from '../../../Directives/setHost';
|
|
4
5
|
import { Size } from '../../../Types/Size';
|
|
5
6
|
// #endregion
|
|
6
7
|
/**
|
|
@@ -13,54 +14,71 @@ export function chatMessageElementTemplate(e) {
|
|
|
13
14
|
<div part="root">
|
|
14
15
|
<slot name="avatar"
|
|
15
16
|
@slotchange="${(x) => e.onSlotChange(x)}"></slot>
|
|
16
|
-
<div part="
|
|
17
|
-
<div part="message">
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
<div part="content">
|
|
38
|
-
<slot name="text">
|
|
39
|
-
${when(e.isBusy, () => html `
|
|
40
|
-
<div part="busy">
|
|
41
|
-
<mosaik-dot part="dot"
|
|
42
|
-
.size="${Size.Tiny}"></mosaik-dot>
|
|
43
|
-
<mosaik-dot part="dot"
|
|
44
|
-
.size="${Size.Tiny}"></mosaik-dot>
|
|
45
|
-
<mosaik-dot part="dot"
|
|
46
|
-
.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>
|
|
47
38
|
</div>
|
|
48
|
-
`, () => html `
|
|
49
|
-
<mosaik-text part="text"
|
|
50
|
-
.dir="${e.dir}"
|
|
51
|
-
.text="${e.text}"
|
|
52
|
-
.formatter="${e.formatter}"
|
|
53
|
-
.wrap="${true}"></mosaik-text>
|
|
54
39
|
`)}
|
|
55
|
-
|
|
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>
|
|
65
|
+
</div>
|
|
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>
|
|
56
76
|
</div>
|
|
57
77
|
</div>
|
|
58
78
|
<slot name="attachment"></slot>
|
|
59
79
|
</div>
|
|
60
80
|
</div>
|
|
61
|
-
|
|
62
|
-
<slot name="reaction"></slot>
|
|
63
|
-
</div>
|
|
81
|
+
|
|
64
82
|
`;
|
|
65
83
|
}
|
|
66
84
|
//# sourceMappingURL=ChatMessageElementTemplate.js.map
|
|
@@ -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,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"}
|
|
@@ -4,6 +4,7 @@ declare const ChatMessageReactionElement_base: (abstract new (...args: Array<any
|
|
|
4
4
|
/**
|
|
5
5
|
* Chat Message Reaction - Represents a single reaction to a chat message.
|
|
6
6
|
*
|
|
7
|
+
* @csspart button - The button part.
|
|
7
8
|
* @csspart count - The count part.
|
|
8
9
|
* @csspart emoji - The emoji part.
|
|
9
10
|
*
|
|
@@ -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';
|
|
@@ -22,6 +24,7 @@ import { chatMessageReactionElementMemphisStyle } from './Themes/ChatMessageReac
|
|
|
22
24
|
/**
|
|
23
25
|
* Chat Message Reaction - Represents a single reaction to a chat message.
|
|
24
26
|
*
|
|
27
|
+
* @csspart button - The button part.
|
|
25
28
|
* @csspart count - The count part.
|
|
26
29
|
* @csspart emoji - The emoji part.
|
|
27
30
|
*
|
|
@@ -147,7 +150,9 @@ ChatMessageReactionElement = __decorate([
|
|
|
147
150
|
slot: 'reaction'
|
|
148
151
|
},
|
|
149
152
|
imports: [
|
|
150
|
-
ButtonElement
|
|
153
|
+
ButtonElement,
|
|
154
|
+
EmojiElement,
|
|
155
|
+
TextElement
|
|
151
156
|
]
|
|
152
157
|
}),
|
|
153
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
|
|
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`.
|
|
@@ -8,13 +9,20 @@ import { html } from '../../../../Dom/Html';
|
|
|
8
9
|
*/
|
|
9
10
|
export function chatMessageReactionElementTemplate(e) {
|
|
10
11
|
return html `
|
|
11
|
-
<mosaik-button
|
|
12
|
+
<mosaik-button part="button"
|
|
13
|
+
.dir="${e.dir}"
|
|
12
14
|
.lang="${e.lang}"
|
|
15
|
+
.appearance="${'soft'}"
|
|
13
16
|
.disabled="${e.disabled}">
|
|
14
|
-
<mosaik-emoji
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
17
|
+
<mosaik-emoji slot="icon"
|
|
18
|
+
part="emoji"
|
|
19
|
+
.emoji="${e.emoji}"
|
|
20
|
+
.size="${'tiny'}"></mosaik-emoji>
|
|
21
|
+
${when(e.count > 1, () => html `
|
|
22
|
+
<mosaik-text slot="label"
|
|
23
|
+
part="count"
|
|
24
|
+
.text="${String(e.count)}"></mosaik-text>
|
|
25
|
+
`)}
|
|
18
26
|
</mosaik-button>
|
|
19
27
|
`;
|
|
20
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":"ChatElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ChatElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CAyIxD"}
|
|
@@ -109,6 +109,7 @@ export function chatElementCosmopolitanStyle() {
|
|
|
109
109
|
padding-bottom: var(--chat-padding-bottom);
|
|
110
110
|
padding-left: var(--chat-padding-left);
|
|
111
111
|
gap: var(--chat-gap);
|
|
112
|
+
height: 100%;
|
|
112
113
|
overflow: overlay;
|
|
113
114
|
flex-direction: column;
|
|
114
115
|
align-items: stretch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ChatElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuIT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ChatElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CAgJ/C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ChatElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8IT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,
|
|
1
|
+
{"version":3,"file":"ChatElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAyInD"}
|
|
@@ -109,6 +109,7 @@ export function chatElementMemphisStyle() {
|
|
|
109
109
|
padding-bottom: var(--chat-padding-bottom);
|
|
110
110
|
padding-left: var(--chat-padding-left);
|
|
111
111
|
gap: var(--chat-gap);
|
|
112
|
+
height: 100%;
|
|
112
113
|
overflow: overlay;
|
|
113
114
|
flex-direction: column;
|
|
114
115
|
align-items: stretch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"ChatElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuIT,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"}
|