@breadstone/mosaik-elements-foundation 0.1.2 → 0.1.4

package/Controls/Components/Media/Chat/ChatMessageElement.js

@@ -20,9 +20,6 @@ import { addInheritanceConsumerController } from '../../../Controllers/Inheritan
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { Property } from '../../../Decorators/PropertyDecorator';
-import { Watch } from '../../../Decorators/WatchDecorator';
-import { Appearance } from '../../../Types/Appearance';
-import { Variant } from '../../../Types/Variant';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import { StackElement } from '../../Layouts/Stack/StackElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
@@ -37,6 +34,7 @@ import { chatMessageElementMemphisStyle } from './Themes/ChatMessageElement.Memp
 /**
  * Chat Message - Represents a single message in the chat.
  *
+ * @slot actions - The actions slot.
  * @slot at - The slot for timestamp elements.
  * @slot attachment - The slot for attachment elements.
  * @slot author - The slot for author elements.
@@ -44,6 +42,7 @@ import { chatMessageElementMemphisStyle } from './Themes/ChatMessageElement.Memp
  * @slot reaction - The slot for reaction elements.
  * @slot text - The slot for message elements.
  *
+ * @csspart actions - The actions part.
  * @csspart at - The at part.
  * @csspart author - The author part.
  * @csspart busy - The busy part.
@@ -86,7 +85,6 @@ import { chatMessageElementMemphisStyle } from './Themes/ChatMessageElement.Memp
  * @cssprop {String} --chat-message-white-space - The message white space CSS custom property.
  *
  * @dependency mosaik-dot - The Dot element.
- * @dependency mosaik-stack - The Stack element.
  * @dependency mosaik-text - The Text element.
  *
  * @example
@@ -210,55 +208,42 @@ let ChatMessageElement = class ChatMessageElement extends Themeable(Variantable(
             this.requestUpdate('at');
         }
     }
-    // #endregion
-    // #region Methods
     /**
-     * @protected
-     * @template
+     * Gets or sets the `variant` property.
+     * Inherits from parent `ChatElement` if not explicitly set.
+     *
+     * @override
+     * @public
      */
-    onSlotChange(_event) {
-        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
-        // set inherited properties
-        if (this.hasUpdated) {
-            items.forEach((x) => {
-                x.variant = this.variant;
-                x.appearance = this.appearance;
-                x.disabled = this.disabled;
-            });
-        }
+    get variant() {
+        return this._inheritance.get('variant', super.variant);
     }
-    /**
-     * @protected
-     */
-    onVariantPropertyChanged(_prev, next) {
-        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
-        if (next) {
-            items.forEach((x) => {
-                x.variant = next;
-            });
-        }
+    set variant(value) {
+        this._inheritance.markExplicit('variant');
+        super.variant = value;
     }
     /**
-     * @protected
+     * Gets or sets the `appearance` property.
+     * Inherits from parent `ChatElement` if not explicitly set.
+     *
+     * @override
+     * @public
      */
-    onAppearancePropertyChanged(_prev, next) {
-        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
-        if (next) {
-            items.forEach((x) => {
-                x.appearance = next;
-            });
-        }
+    get appearance() {
+        return this._inheritance.get('appearance', super.appearance);
     }
+    set appearance(value) {
+        this._inheritance.markExplicit('appearance');
+        super.appearance = value;
+    }
+    // #endregion
+    // #region Methods
     /**
      * @protected
+     * @template
      */
-    onDisabledPropertyChanged(_prev, next) {
-        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
-        if (next !== undefined) {
-            items.forEach((x) => {
-                x.disabled = next;
-            });
-        }
+    onSlotChange(_event) {
+        // No-op: Child elements inherit from context directly
     }
 };
 __decorate([
@@ -289,24 +274,6 @@ __decorate([
     __metadata("design:type", String),
     __metadata("design:paramtypes", [String])
 ], ChatMessageElement.prototype, "at", null);
-__decorate([
-    Watch('variant'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [String, String]),
-    __metadata("design:returntype", void 0)
-], ChatMessageElement.prototype, "onVariantPropertyChanged", null);
-__decorate([
-    Watch('appearance'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [String, String]),
-    __metadata("design:returntype", void 0)
-], ChatMessageElement.prototype, "onAppearancePropertyChanged", null);
-__decorate([
-    Watch('disabled'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Boolean, Boolean]),
-    __metadata("design:returntype", void 0)
-], ChatMessageElement.prototype, "onDisabledPropertyChanged", null);
 ChatMessageElement = __decorate([
     Component({
         selector: 'mosaik-chat-message',

package/Controls/Components/Media/Chat/ChatMessageElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatMessageElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Media/Chat/ChatMessageElementTemplate.d.ts.map

@@ -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,CAyD7F"}
+{"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,CA4D7F"}

package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js

@@ -1,7 +1,7 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
-import { Orientation } from '../../../Types/Orientation';
+import { setHost } from '../../../Directives/setHost';
 import { Size } from '../../../Types/Size';
 // #endregion
 /**
@@ -11,10 +11,7 @@ import { Size } from '../../../Types/Size';
  */
 export function chatMessageElementTemplate(e) {
     return html `
-        <mosaik-stack part="root"
-                      .dir="${e.dir}"
-                      .orientation="${Orientation.Horizontal}"
-                      .reverse="${!e.reply}">
+        <div part="root">
             <slot name="avatar"
                   @slotchange="${(x) => e.onSlotChange(x)}"></slot>
             <div part="content">
@@ -58,13 +55,19 @@ export function chatMessageElementTemplate(e) {
                             `)}
                         </slot>
                     </div>
+                    <div part="reactions"
+                         ?hidden="${!setHost(e, 'has-reactions', e.hasSlotContent('reaction'))}">
+                        <slot name="reaction"></slot>
+                    </div>
+                </div>
+                <div part="actions"
+                        ?hidden="${!setHost(e, 'has-actions', e.hasSlotContent('actions'))}">
+                    <slot name="actions"></slot>
                 </div>
                 <slot name="attachment"></slot>
             </div>
-        </mosaik-stack>
-        <div part="reactions">
-            <slot name="reaction"></slot>
         </div>
+
     `;
 }
 //# sourceMappingURL=ChatMessageElementTemplate.js.map

package/Controls/Components/Media/Chat/ChatMessageElementTemplate.js.map

@@ -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,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,0BAA0B,CAA+B,CAAI;IACzE,OAAO,IAAI,CAAA;;8BAEe,CAAC,CAAC,GAAG;sCACG,WAAW,CAAC,UAAU;kCAC1B,CAAC,CAAC,CAAC,KAAK;;iCAET,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;;;sBAG1C,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;8BAGlB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEd,CAAC,CAAC,GAAG;iDACJ,CAAC,CAAC,MAAM;sDACH,CAAC,CAAC,SAAS;qDACZ,IAAI;6BAC5B,CAAC;;;;gDAIkB,CAAC,CAAC,GAAG;iDACJ,CAAC,CAAC,EAAE;sDACC,CAAC,CAAC,SAAS;;;qBAG5C,CAAC;;;8BAGQ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;qDAGF,IAAI,CAAC,IAAI;;qDAET,IAAI,CAAC,IAAI;;qDAET,IAAI,CAAC,IAAI;;6BAEjC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,CAAC,CAAC,GAAG;iDACJ,CAAC,CAAC,IAAI;sDACD,CAAC,CAAC,SAAS;iDAChB,IAAI;6BACxB,CAAC;;;;;;;;;;KAUzB,CAAC;AACN,CAAC"}
+{"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;;;sBAG1C,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;8BAGlB,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEd,CAAC,CAAC,GAAG;iDACJ,CAAC,CAAC,MAAM;sDACH,CAAC,CAAC,SAAS;qDACZ,IAAI;6BAC5B,CAAC;;;;gDAIkB,CAAC,CAAC,GAAG;iDACJ,CAAC,CAAC,EAAE;sDACC,CAAC,CAAC,SAAS;;;qBAG5C,CAAC;;;8BAGQ,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;qDAGF,IAAI,CAAC,IAAI;;qDAET,IAAI,CAAC,IAAI;;qDAET,IAAI,CAAC,IAAI;;6BAEjC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,CAAC,CAAC,GAAG;iDACJ,CAAC,CAAC,IAAI;sDACD,CAAC,CAAC,SAAS;iDAChB,IAAI;6BACxB,CAAC;;;;oCAIM,CAAC,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;;;;;mCAK3D,CAAC,OAAO,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;;;;;;;KAOrF,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/ChatMessageReactionElement.d.ts

@@ -4,6 +4,7 @@ declare const ChatMessageReactionElement_base: (abstract new (...args: Array<any
 /**
  * Chat Message Reaction - Represents a single reaction to a chat message.
  *
+ * @csspart button - The button part.
  * @csspart count - The count part.
  * @csspart emoji - The emoji part.
  *

package/Controls/Components/Media/Chat/ChatMessageReactionElement.d.ts.map

@@ -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;AAG9D,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;;AAO3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAgBa,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"}
+{"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;AAG9D,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;;AAO3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,qBAgBa,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"}

package/Controls/Components/Media/Chat/ChatMessageReactionElement.js

@@ -22,6 +22,7 @@ import { chatMessageReactionElementMemphisStyle } from './Themes/ChatMessageReac
 /**
  * Chat Message Reaction - Represents a single reaction to a chat message.
  *
+ * @csspart button - The button part.
  * @csspart count - The count part.
  * @csspart emoji - The emoji part.
  *

package/Controls/Components/Media/Chat/ChatMessageReactionElement.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAiBI,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;IAhBtC,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;SAChB;KACJ,CAAC;;GACW,0BAA0B,CAyEtC"}
+{"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;AAiBI,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;IAhBtC,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;SAChB;KACJ,CAAC;;GACW,0BAA0B,CAyEtC"}

package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.d.ts.map

@@ -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;AACjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAI/E;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,CAAC,SAAS,0BAA0B,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAW7G"}
+{"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;AACjE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAI/E;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,CAAC,SAAS,0BAA0B,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAgB7G"}

package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js

@@ -8,13 +8,18 @@ import { html } from '../../../../Dom/Html';
  */
 export function chatMessageReactionElementTemplate(e) {
     return html `
-        <mosaik-button .dir="${e.dir}"
+        <mosaik-button part="button"
+                       .dir="${e.dir}"
                        .lang="${e.lang}"
                        .disabled="${e.disabled}">
-            <mosaik-emoji part="emoji"
-                          .emoji="${e.emoji}"></mosaik-emoji>
-            <mosaik-text part="count"
-                         ?hidden="${e.count <= 0}">${e.count}</mosaik-text>
+            <mosaik-emoji slot="icon"
+                          part="emoji"
+                          .emoji="${e.emoji}"
+                          .size="${'tiny'}"></mosaik-emoji>
+            <mosaik-text slot="label"
+                         part="count"
+                         .text="${String(e.count)}"
+                         ?hidden="${e.count <= 1}"></mosaik-text>
         </mosaik-button>
     `;
 }

package/Controls/Components/Media/Chat/ChatMessageReactionElementTemplate.js.map

@@ -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;+BACgB,CAAC,CAAC,GAAG;gCACJ,CAAC,CAAC,IAAI;oCACF,CAAC,CAAC,QAAQ;;oCAEV,CAAC,CAAC,KAAK;;oCAEP,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK;;KAEvD,CAAC;AACN,CAAC"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.d.ts.map

@@ -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,CAwIxD"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.js

@@ -109,6 +109,7 @@ export function chatElementCosmopolitanStyle() {
   padding-bottom: var(--chat-padding-bottom);
   padding-left: var(--chat-padding-left);
   gap: var(--chat-gap);
+  height: 100%;
   overflow: overlay;
   flex-direction: column;
   align-items: stretch;

package/Controls/Components/Media/Chat/Themes/ChatElement.Cosmopolitan.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsIT,CAAC;AACN,CAAC"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.d.ts.map

@@ -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,CA+I/C"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.js

@@ -108,6 +108,7 @@ export function chatElementJoyStyle() {
   padding-bottom: var(--chat-padding-bottom);
   padding-left: var(--chat-padding-left);
   gap: var(--chat-gap);
+  height: 100%;
   overflow: overlay;
   flex-direction: column;
   align-items: stretch;

package/Controls/Components/Media/Chat/Themes/ChatElement.Joy.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6IT,CAAC;AACN,CAAC"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.d.ts.map

@@ -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,CAwInD"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.js

@@ -109,6 +109,7 @@ export function chatElementMemphisStyle() {
   padding-bottom: var(--chat-padding-bottom);
   padding-left: var(--chat-padding-left);
   gap: var(--chat-gap);
+  height: 100%;
   overflow: overlay;
   flex-direction: column;
   align-items: stretch;

package/Controls/Components/Media/Chat/Themes/ChatElement.Memphis.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAsIT,CAAC;AACN,CAAC"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAgG9D"}
+{"version":3,"file":"ChatMarkerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,SAAS,CAuG9D"}

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Cosmopolitan.js

@@ -88,7 +88,14 @@ export function chatMarkerElementCosmopolitanStyle() {
   padding-right: var(--chat-marker-padding-right);
   padding-bottom: var(--chat-marker-padding-bottom);
   padding-left: var(--chat-marker-padding-left);
+}
+
+:host [part="root"] {
+  justify-content: center;
+  align-items: center;
   gap: var(--chat-marker-gap);
+  flex-direction: column;
+  display: inline-flex;
 }
 
 :host [part="text"] {

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8FT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMarkerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,kCAAkC;IAC9C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqGT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAkVrD"}
+{"version":3,"file":"ChatMarkerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yBAAyB,IAAI,SAAS,CAyVrD"}

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.js

@@ -88,7 +88,14 @@ export function chatMarkerElementJoyStyle() {
   padding-right: var(--chat-marker-padding-right);
   padding-bottom: var(--chat-marker-padding-bottom);
   padding-left: var(--chat-marker-padding-left);
+}
+
+:host [part="root"] {
+  justify-content: center;
+  align-items: center;
   gap: var(--chat-marker-gap);
+  flex-direction: column;
+  display: inline-flex;
 }
 
 :host [part="text"] {

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgVT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMarkerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,yBAAyB;IACrC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuVT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAgGzD"}
+{"version":3,"file":"ChatMarkerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,6BAA6B,IAAI,SAAS,CAuGzD"}

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Memphis.js

@@ -88,7 +88,14 @@ export function chatMarkerElementMemphisStyle() {
   padding-right: var(--chat-marker-padding-right);
   padding-bottom: var(--chat-marker-padding-bottom);
   padding-left: var(--chat-marker-padding-left);
+}
+
+:host [part="root"] {
+  justify-content: center;
+  align-items: center;
   gap: var(--chat-marker-gap);
+  flex-direction: column;
+  display: inline-flex;
 }
 
 :host [part="text"] {

package/Controls/Components/Media/Chat/Themes/ChatMarkerElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8FT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMarkerElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMarkerElement.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,6BAA6B;IACzC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqGT,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.d.ts.map

@@ -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,CAoFtE"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.js

@@ -89,6 +89,19 @@ export function chatMessageDividerElementCosmopolitanStyle() {
   display: flex;
 }
 
+:host [part="sticky"] {
+  width: 100%;
+}
+
+:host [part="root"] {
+  justify-content: center;
+  align-items: center;
+  gap: var(--chat-message-divider-gap);
+  flex-direction: row;
+  width: 100%;
+  display: inline-flex;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Cosmopolitan.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkFT,CAAC;AACN,CAAC"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.d.ts.map

@@ -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,CAoF7D"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.js

@@ -89,6 +89,19 @@ export function chatMessageDividerElementJoyStyle() {
   display: flex;
 }
 
+:host [part="sticky"] {
+  width: 100%;
+}
+
+:host [part="root"] {
+  justify-content: center;
+  align-items: center;
+  gap: var(--chat-message-divider-gap);
+  flex-direction: row;
+  width: 100%;
+  display: inline-flex;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Joy.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkFT,CAAC;AACN,CAAC"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.d.ts.map

@@ -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,CAoFjE"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.js

@@ -89,6 +89,19 @@ export function chatMessageDividerElementMemphisStyle() {
   display: flex;
 }
 
+:host [part="sticky"] {
+  width: 100%;
+}
+
+:host [part="root"] {
+  justify-content: center;
+  align-items: center;
+  gap: var(--chat-message-divider-gap);
+  flex-direction: row;
+  width: 100%;
+  display: inline-flex;
+}
+
 :host [part="text"] {
   flex-shrink: 0;
 }

package/Controls/Components/Media/Chat/Themes/ChatMessageDividerElement.Memphis.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkFT,CAAC;AACN,CAAC"}
+{"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"}

package/Controls/Components/Media/Chat/Themes/ChatMessageElement.Cosmopolitan.d.ts.map

@@ -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,CAsK/D"}
+{"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"}