@breadstone/mosaik-elements-foundation 0.1.1 → 0.1.3

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

@@ -56,7 +56,6 @@ declare const ChatMessageElement_base: (abstract new (...args: Array<any>) => im
  * @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
@@ -130,22 +129,28 @@ export declare class ChatMessageElement extends ChatMessageElement_base implemen
     get at(): string;
     set at(value: string);
     /**
-     * @protected
-     * @template
-     */
-    onSlotChange(_event: Event): void;
-    /**
-     * @protected
+     * Gets or sets the `variant` property.
+     * Inherits from parent `ChatElement` if not explicitly set.
+     *
+     * @override
+     * @public
      */
-    protected onVariantPropertyChanged(_prev?: Variant, next?: Variant): void;
+    get variant(): Variant;
+    set variant(value: Variant);
     /**
-     * @protected
+     * Gets or sets the `appearance` property.
+     * Inherits from parent `ChatElement` if not explicitly set.
+     *
+     * @override
+     * @public
      */
-    protected onAppearancePropertyChanged(_prev?: Appearance, next?: Appearance): void;
+    get appearance(): Appearance;
+    set appearance(value: Appearance);
     /**
      * @protected
+     * @template
      */
-    protected onDisabledPropertyChanged(_prev?: boolean, next?: boolean): void;
+    onSlotChange(_event: Event): void;
 }
 /**
 * @public

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

@@ -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;AAUrE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAO9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAO3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;AACH,qBAmBa,kBACT,SAAQ,uBACR,YAAW,wBAAwB,EAAE,UAAU;IAI/C,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IAEH,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;IAMD;;;OAGG;IACI,YAAY,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI;IAaxC;;OAEG;IAEH,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAUzE;;OAEG;IAEH,SAAS,CAAC,2BAA2B,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI;IAUlF;;OAEG;IAEH,SAAS,CAAC,yBAAyB,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;CAY7E;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"}
+{"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;AAO9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAO3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmEG;AACH,qBAmBa,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"}

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';
@@ -86,7 +83,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 +206,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 +272,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;AAGjE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI/D;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,kBAAkB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAsD7F"}

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

@@ -1,7 +1,6 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { when } from '../../../Directives/Directives';
-import { Orientation } from '../../../Types/Orientation';
 import { Size } from '../../../Types/Size';
 // #endregion
 /**
@@ -11,10 +10,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">
@@ -61,7 +57,7 @@ export function chatMessageElementTemplate(e) {
                 </div>
                 <slot name="attachment"></slot>
             </div>
-        </mosaik-stack>
+        </div>
         <div part="reactions">
             <slot name="reaction"></slot>
         </div>

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,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;;;;;;;;;;KAUzB,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,CA8K/D"}

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

@@ -76,7 +76,11 @@ export function chatMessageElementCosmopolitanStyle() {
 }
 
 :host [part="root"] {
+  justify-content: stretch;
+  align-items: stretch;
   gap: var(--chat-message-gap);
+  flex-direction: row-reverse;
+  display: flex;
 }
 
 :host [part="root"] [part="content"] {
@@ -156,6 +160,10 @@ export function chatMessageElementCosmopolitanStyle() {
   margin-right: var(--chat-message-white-space);
 }
 
+:host([reply]) [part="root"] {
+  flex-direction: row;
+}
+
 :host([reply]) [part="root"] [part="content"] {
   align-items: flex-start;
 }

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

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

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

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

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

@@ -76,7 +76,11 @@ export function chatMessageElementJoyStyle() {
 }
 
 :host [part="root"] {
+  justify-content: stretch;
+  align-items: stretch;
   gap: var(--chat-message-gap);
+  flex-direction: row-reverse;
+  display: flex;
 }
 
 :host [part="root"] [part="content"] {
@@ -156,6 +160,10 @@ export function chatMessageElementJoyStyle() {
   margin-right: var(--chat-message-white-space);
 }
 
+:host([reply]) [part="root"] {
+  flex-direction: row;
+}
+
 :host([reply]) [part="root"] [part="content"] {
   align-items: flex-start;
 }

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

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

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

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

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

@@ -76,7 +76,11 @@ export function chatMessageElementMemphisStyle() {
 }
 
 :host [part="root"] {
+  justify-content: stretch;
+  align-items: stretch;
   gap: var(--chat-message-gap);
+  flex-direction: row-reverse;
+  display: flex;
 }
 
 :host [part="root"] [part="content"] {
@@ -156,6 +160,10 @@ export function chatMessageElementMemphisStyle() {
   margin-right: var(--chat-message-white-space);
 }
 
+:host([reply]) [part="root"] {
+  flex-direction: row;
+}
+
 :host([reply]) [part="root"] [part="content"] {
   align-items: flex-start;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAoKT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatMessageElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Themes/ChatMessageElement.Memphis.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4KT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Divider/DividerElementTemplate.js

@@ -8,7 +8,7 @@ import { Orientation } from '../../../Types/Orientation';
 export function dividerElementTemplate(e) {
     return html `
         <div part="root">
-            <svg xmlns="http://www.w3.org/2000/svg">
+            <svg  xmlns="http://www.w3.org/2000/svg">
                 <line x1="${e.orientation === Orientation.Vertical ? '50%' : '0'}"
                       y1="${e.orientation === Orientation.Vertical ? '0' : '50%'}"
                       x2="${e.orientation === Orientation.Vertical ? '50%' : '100%'}"

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAgG3D"}
+{"version":3,"file":"DividerElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,+BAA+B,IAAI,SAAS,CAiG3D"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.js

@@ -86,6 +86,7 @@ export function dividerElementCosmopolitanStyle() {
   width: 100%;
   height: 100%;
   position: absolute;
+  translate: -50%;
 }
 
 :host [part="root"] svg line {

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8FT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DividerElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.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,+BAA+B;IAC3C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+FT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA4FlD"}
+{"version":3,"file":"DividerElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,SAAS,CA6FlD"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.js

@@ -82,6 +82,7 @@ export function dividerElementJoyStyle() {
   width: 100%;
   height: 100%;
   position: absolute;
+  translate: -50%;
 }
 
 :host [part="root"] svg line {

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0FT,CAAC;AACN,CAAC"}
+{"version":3,"file":"DividerElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.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,sBAAsB;IAClC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2FT,CAAC;AACN,CAAC"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAoGtD"}
+{"version":3,"file":"DividerElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,0BAA0B,IAAI,SAAS,CAqGtD"}

package/Controls/Components/Primitives/Divider/Themes/DividerElement.Memphis.js

@@ -86,6 +86,7 @@ export function dividerElementMemphisStyle() {
   width: 100%;
   height: 100%;
   position: absolute;
+  translate: -50%;
 }
 
 :host [part="root"] svg line {