@breadstone/mosaik-elements-foundation 0.1.4 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/Controls/Components/Media/Chat/ChatElement.d.ts +2 -0
  2. package/Controls/Components/Media/Chat/ChatElement.d.ts.map +1 -1
  3. package/Controls/Components/Media/Chat/ChatElement.js +2 -0
  4. package/Controls/Components/Media/Chat/ChatElement.js.map +1 -1
  5. package/Controls/Components/Media/Chat/ChatElementTemplate.d.ts.map +1 -1
  6. package/Controls/Components/Media/Chat/ChatElementTemplate.js +12 -9
  7. package/Controls/Components/Media/Chat/ChatElementTemplate.js.map +1 -1
  8. package/Controls/Components/Media/Chat/ChatInputElement.d.ts +16 -0
  9. package/Controls/Components/Media/Chat/ChatInputElement.d.ts.map +1 -1
  10. package/Controls/Components/Media/Chat/ChatInputElement.js +42 -0
  11. package/Controls/Components/Media/Chat/ChatInputElement.js.map +1 -1
  12. package/Controls/Components/Media/Chat/ChatInputElementTemplate.d.ts.map +1 -1
  13. package/Controls/Components/Media/Chat/ChatInputElementTemplate.js +2 -0
  14. package/Controls/Components/Media/Chat/ChatInputElementTemplate.js.map +1 -1
  15. package/Controls/Components/Media/Chat/ChatMessageElement.d.ts +9 -3
  16. package/Controls/Components/Media/Chat/ChatMessageElement.d.ts.map +1 -1
  17. package/Controls/Components/Media/Chat/ChatMessageElement.js +11 -3
  18. package/Controls/Components/Media/Chat/ChatMessageElement.js.map +1 -1
  19. package/Controls/Components/Media/Chat/ChatMessageElementTemplate.d.ts.map +1 -1
  20. package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js +56 -45
  21. package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js.map +1 -1
  22. package/Controls/Components/Media/Chat/ChatMessageReactionElement.d.ts.map +1 -1
  23. package/Controls/Components/Media/Chat/ChatMessageReactionElement.js +5 -1
  24. package/Controls/Components/Media/Chat/ChatMessageReactionElement.js.map +1 -1
  25. package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.d.ts.map +1 -1
  26. package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js +5 -2
  27. package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js.map +1 -1
  28. package/Controls/Components/Media/Chat/IChatInputElementProps.d.ts +2 -0
  29. package/Controls/Components/Media/Chat/IChatInputElementProps.d.ts.map +1 -1
  30. package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.d.ts.map +1 -1
  31. package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.js +4 -0
  32. package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.js.map +1 -1
  33. package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.d.ts.map +1 -1
  34. package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.js +4 -0
  35. package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.js.map +1 -1
  36. package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.d.ts.map +1 -1
  37. package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.js +4 -0
  38. package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.js.map +1 -1
  39. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.d.ts.map +1 -1
  40. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.js +4 -0
  41. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.js.map +1 -1
  42. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.d.ts.map +1 -1
  43. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.js +4 -0
  44. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.js.map +1 -1
  45. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.d.ts.map +1 -1
  46. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.js +4 -0
  47. package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.js.map +1 -1
  48. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.d.ts.map +1 -1
  49. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js +106 -32
  50. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.js.map +1 -1
  51. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.d.ts.map +1 -1
  52. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js +106 -32
  53. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Joy.js.map +1 -1
  54. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.d.ts.map +1 -1
  55. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js +106 -32
  56. package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.js.map +1 -1
  57. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.d.ts.map +1 -1
  58. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js +4 -0
  59. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Cosmopolitan.js.map +1 -1
  60. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.d.ts.map +1 -1
  61. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js +8 -4
  62. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Joy.js.map +1 -1
  63. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.d.ts.map +1 -1
  64. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js +4 -0
  65. package/Controls/Components/Media/Chat/Themes/ChatMessageReactionElement.Memphis.js.map +1 -1
  66. package/Controls/Components/Primitives/Divider/DividerElement.d.ts +2 -4
  67. package/Controls/Components/Primitives/Divider/DividerElement.d.ts.map +1 -1
  68. package/Controls/Components/Primitives/Divider/DividerElement.js +2 -4
  69. package/Controls/Components/Primitives/Divider/DividerElement.js.map +1 -1
  70. package/Controls/Components/Primitives/Divider/DividerElementTemplate.d.ts.map +1 -1
  71. package/Controls/Components/Primitives/Divider/DividerElementTemplate.js +4 -2
  72. package/Controls/Components/Primitives/Divider/DividerElementTemplate.js.map +1 -1
  73. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.d.ts.map +1 -1
  74. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.js +2 -3
  75. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.js.map +1 -1
  76. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.d.ts.map +1 -1
  77. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.js +2 -3
  78. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.js.map +1 -1
  79. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.d.ts.map +1 -1
  80. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.js +2 -3
  81. package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.js.map +1 -1
  82. package/Controls/Components/Selectors/List/ListItemGroupElementTemplate.js +2 -2
  83. package/Controls/Components/Selectors/List/ListItemGroupElementTemplate.js.map +1 -1
  84. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts +16 -5
  85. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.d.ts.map +1 -1
  86. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.js +18 -4
  87. package/Forms/Accessors/Abstracts/ElementValueAccessorBase.js.map +1 -1
  88. package/Forms/Accessors/Interfaces/IElementValueAccessor.d.ts +10 -4
  89. package/Forms/Accessors/Interfaces/IElementValueAccessor.d.ts.map +1 -1
  90. package/Routing/PathToRegexp.d.ts +1 -1
  91. package/custom-elements.json +1110 -412
  92. package/package.json +3 -3
@@ -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;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,kCAAkC,CAAuC,CAAI;IACzF,OAAO,IAAI,CAAA;;+BAEgB,CAAC,CAAC,GAAG;gCACJ,CAAC,CAAC,IAAI;oCACF,CAAC,CAAC,QAAQ;;;oCAGV,CAAC,CAAC,KAAK;mCACR,MAAM;;;kCAGP,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;oCACb,CAAC,CAAC,KAAK,IAAI,CAAC;;KAE3C,CAAC;AACN,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"}
@@ -12,5 +12,7 @@ export interface IChatInputElementProps extends IVariantableProps, IAppearanceab
12
12
  files: Array<File>;
13
13
  };
14
14
  placeholder: string;
15
+ minRows: number;
16
+ maxRows: number;
15
17
  }
16
18
  //# sourceMappingURL=IChatInputElementProps.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"IChatInputElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatInputElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,sBACb,SAAQ,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB;IAElE,KAAK,EAAE;QACH,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KACtB,CAAC;IAEF,WAAW,EAAE,MAAM,CAAC;CAEvB"}
1
+ {"version":3,"file":"IChatInputElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/IChatInputElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,sBACb,SAAQ,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB;IAElE,KAAK,EAAE;QACH,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KACtB,CAAC;IAEF,WAAW,EAAE,MAAM,CAAC;IAEpB,OAAO,EAAE,MAAM,CAAC;IAEhB,OAAO,EAAE,MAAM,CAAC;CAEnB"}
@@ -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,CAyIxD"}
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,CA6IxD"}
@@ -103,6 +103,10 @@ export function chatElementCosmopolitanStyle() {
103
103
  overflow: hidden;
104
104
  }
105
105
 
106
+ :host [part="scroll"] {
107
+ height: 100%;
108
+ }
109
+
106
110
  :host [part="messages"] {
107
111
  padding-top: var(--chat-padding-top);
108
112
  padding-right: var(--chat-padding-right);
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuIT,CAAC;AACN,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2IT,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,CAgJ/C"}
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,CAoJ/C"}
@@ -102,6 +102,10 @@ export function chatElementJoyStyle() {
102
102
  overflow: hidden;
103
103
  }
104
104
 
105
+ :host [part="scroll"] {
106
+ height: 100%;
107
+ }
108
+
105
109
  :host [part="messages"] {
106
110
  padding-top: var(--chat-padding-top);
107
111
  padding-right: var(--chat-padding-right);
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8IT,CAAC;AACN,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkJT,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,CAyInD"}
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,CA6InD"}
@@ -103,6 +103,10 @@ export function chatElementMemphisStyle() {
103
103
  overflow: hidden;
104
104
  }
105
105
 
106
+ :host [part="scroll"] {
107
+ height: 100%;
108
+ }
109
+
106
110
  :host [part="messages"] {
107
111
  padding-top: var(--chat-padding-top);
108
112
  padding-right: var(--chat-padding-right);
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuIT,CAAC;AACN,CAAC"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2IT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageDividerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0CAA0C,IAAI,SAAS,CAiGtE"}
1
+ {"version":3,"file":"ChatMessageDividerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0CAA0C,IAAI,SAAS,CAqGtE"}
@@ -102,6 +102,10 @@ export function chatMessageDividerElementCosmopolitanStyle() {
102
102
  display: inline-flex;
103
103
  }
104
104
 
105
+ :host [part="divider"]::part(svg) {
106
+ translate: -50%;
107
+ }
108
+
105
109
  :host [part="text"] {
106
110
  flex-shrink: 0;
107
111
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageDividerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.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,0CAA0C;IACtD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageDividerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.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,0CAA0C;IACtD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmGT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageDividerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAiG7D"}
1
+ {"version":3,"file":"ChatMessageDividerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,iCAAiC,IAAI,SAAS,CAqG7D"}
@@ -102,6 +102,10 @@ export function chatMessageDividerElementJoyStyle() {
102
102
  display: inline-flex;
103
103
  }
104
104
 
105
+ :host [part="divider"]::part(svg) {
106
+ translate: -50%;
107
+ }
108
+
105
109
  :host [part="text"] {
106
110
  flex-shrink: 0;
107
111
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageDividerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageDividerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.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,iCAAiC;IAC7C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmGT,CAAC;AACN,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageDividerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qCAAqC,IAAI,SAAS,CAiGjE"}
1
+ {"version":3,"file":"ChatMessageDividerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,qCAAqC,IAAI,SAAS,CAqGjE"}
@@ -102,6 +102,10 @@ export function chatMessageDividerElementMemphisStyle() {
102
102
  display: inline-flex;
103
103
  }
104
104
 
105
+ :host [part="divider"]::part(svg) {
106
+ translate: -50%;
107
+ }
108
+
105
109
  :host [part="text"] {
106
110
  flex-shrink: 0;
107
111
  }
@@ -1 +1 @@
1
- {"version":3,"file":"ChatMessageDividerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.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,qCAAqC;IACjD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ChatMessageDividerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.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,qCAAqC;IACjD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmGT,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,CAyM/D"}
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: 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 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="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 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="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.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuMT,CAAC;AACN,CAAC"}
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,CAoRtD"}
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"}
@@ -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"}