@breadstone/mosaik-elements-foundation 0.0.131 → 0.0.134

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

@@ -2,7 +2,7 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IChatMessageDividerElementProps } from './IChatMessageDividerElementProps';
 declare const ChatMessageDividerElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Stickable").IStickableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * The `{@link ChatMessageDividerElement}` element.
+ * Chat Message Divider - Represents a visual divider between chat messages.
  *
  * @public
  */

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

@@ -23,7 +23,7 @@ import { chatMessageDividerElementCosmopolitanStyle } from './Themes/ChatMessage
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * The `{@link ChatMessageDividerElement}` element.
+ * Chat Message Divider - Represents a visual divider between chat messages.
  *
  * @public
  */

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

@@ -2,13 +2,19 @@ import { Appearance } from '../../../Types/Appearance';
 import { Variant } from '../../../Types/Variant';
 import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IChatMessageElementProps } from './IChatMessageElementProps';
-declare const ChatMessageElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+import { ISlottable } from '../../../Behaviors/Slottable';
+declare const ChatMessageElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Valueable").IValueableProps<unknown>) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * The `{@link ChatMessageElement}` element.
+ * Chat Message - Represents a single message in the chat.
+ *
+ * @slot avatar - The slot for avatar elements.
+ * @slot message - The slot for message elements.
+ * @slot attachment - The slot for attachment elements.
+ * @slot reaction - The slot for reaction elements.
  *
  * @public
  */
-export declare class ChatMessageElement extends ChatMessageElement_base implements IChatMessageElementProps {
+export declare class ChatMessageElement extends ChatMessageElement_base implements IChatMessageElementProps, ISlottable {
     private _text;
     private _attachments;
     private _reply;

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":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;;AAS3E;;;;GAIG;AACH,qBAmBa,kBACT,SAAQ,uBACR,YAAW,wBAAwB;IAInC,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,GAAG,CAAS;IAMpB;;OAEG;;IAcH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;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":"AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAM3E,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;;AAIrE;;;;;;;;;GASG;AACH,qBAmBa,kBACT,SAAQ,uBACR,YAAW,wBAAwB,EAAE,UAAU;IAI/C,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,GAAG,CAAS;IAMpB;;OAEG;;IAcH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;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"}

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

@@ -8,7 +8,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { getSlotElements } from '../../../../Dom/Slot';
 import { Appearanceable } from '../../../Behaviors/Appearanceable';
 import { Busyable } from '../../../Behaviors/Busyable';
 import { Disableable } from '../../../Behaviors/Disableable';
@@ -31,13 +30,19 @@ import { chatMessageElementRetroStyle } from './Themes/ChatMessageElement.Retro'
 import { chatMessageElementCosmopolitanStyle } from './Themes/ChatMessageElement.Cosmopolitan';
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Valueable } from '../../../Behaviors/Valueable';
+import { Slottable } from '../../../Behaviors/Slottable';
 // #endregion
 /**
- * The `{@link ChatMessageElement}` element.
+ * Chat Message - Represents a single message in the chat.
+ *
+ * @slot avatar - The slot for avatar elements.
+ * @slot message - The slot for message elements.
+ * @slot attachment - The slot for attachment elements.
+ * @slot reaction - The slot for reaction elements.
  *
  * @public
  */
-let ChatMessageElement = class ChatMessageElement extends Themeable(Variantable(Appearanceable(Disableable(TextFormattable(Busyable(Valueable(CustomElement))))))) {
+let ChatMessageElement = class ChatMessageElement extends Themeable(Variantable(Appearanceable(Disableable(TextFormattable(Busyable(Valueable(Slottable(CustomElement)))))))) {
     // #region Fields
     _text;
     _attachments;
@@ -132,7 +137,7 @@ let ChatMessageElement = class ChatMessageElement extends Themeable(Variantable(
      * @template
      */
     onSlotChange(_event) {
-        const items = getSlotElements(this.shadowRoot, 'avatar');
+        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
         // set inherited properties
         if (this.hasUpdated) {
             items.forEach((x) => {
@@ -146,7 +151,7 @@ let ChatMessageElement = class ChatMessageElement extends Themeable(Variantable(
      * @protected
      */
     onVariantPropertyChanged(_prev, next) {
-        const items = getSlotElements(this.shadowRoot, 'avatar');
+        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
         if (next) {
             items.forEach((x) => {
                 x.variant = next;
@@ -157,7 +162,7 @@ let ChatMessageElement = class ChatMessageElement extends Themeable(Variantable(
      * @protected
      */
     onAppearancePropertyChanged(_prev, next) {
-        const items = getSlotElements(this.shadowRoot, 'avatar');
+        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
         if (next) {
             items.forEach((x) => {
                 x.appearance = next;
@@ -168,7 +173,7 @@ let ChatMessageElement = class ChatMessageElement extends Themeable(Variantable(
      * @protected
      */
     onDisabledPropertyChanged(_prev, next) {
-        const items = getSlotElements(this.shadowRoot, 'avatar');
+        const items = this.getSlotAssignmentsOf('avatar', ChatMessageAvatarElement);
         if (next !== undefined) {
             items.forEach((x) => {
                 x.disabled = next;

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,CA4B7F"}
+{"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,CAkC7F"}

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

@@ -17,25 +17,31 @@ export function chatMessageElementTemplate(e) {
                       .reverse="${!e.reply}">
             <slot name="avatar"
                   @slotchange="${(x) => e.onSlotChange(x)}"></slot>
-            <slot name="message">
-                ${when(e.isBusy, () => html `
-                <div part="dots">
-                    <mosaik-dot part="dot"
-                                .size="${Size.Tiny}"></mosaik-dot>
-                    <mosaik-dot part="dot"
-                                .size="${Size.Tiny}"></mosaik-dot>
-                    <mosaik-dot part="dot"
-                                .size="${Size.Tiny}"></mosaik-dot>
-                </div>
-                `, () => html `
-            <mosaik-text part="text"
-                         .dir="${e.dir}"
-                         .text="${e.text}"
-                         .formatter="${e.formatter}"
-                         .wrap="${true}"></mosaik-text>
-                `)}
-            </slot>
+            <div part="content">
+                <slot name="message">
+                    ${when(e.isBusy, () => html `
+                    <div part="dots">
+                        <mosaik-dot part="dot"
+                                    .size="${Size.Tiny}"></mosaik-dot>
+                        <mosaik-dot part="dot"
+                                    .size="${Size.Tiny}"></mosaik-dot>
+                        <mosaik-dot part="dot"
+                                    .size="${Size.Tiny}"></mosaik-dot>
+                    </div>
+                    `, () => html `
+                    <mosaik-text part="text"
+                                 .dir="${e.dir}"
+                                 .text="${e.text}"
+                                 .formatter="${e.formatter}"
+                                 .wrap="${true}"></mosaik-text>
+                    `)}
+                </slot>
+                <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;;kBAE9C,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;yCAGF,IAAI,CAAC,IAAI;;yCAET,IAAI,CAAC,IAAI;;yCAET,IAAI,CAAC,IAAI;;iBAEjC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;iCAEI,CAAC,CAAC,GAAG;kCACJ,CAAC,CAAC,IAAI;uCACD,CAAC,CAAC,SAAS;kCAChB,IAAI;iBACrB,CAAC;;;KAGb,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,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,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;6CAGF,IAAI,CAAC,IAAI;;6CAET,IAAI,CAAC,IAAI;;6CAET,IAAI,CAAC,IAAI;;qBAEjC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;yCAEQ,CAAC,CAAC,GAAG;0CACJ,CAAC,CAAC,IAAI;+CACD,CAAC,CAAC,SAAS;0CAChB,IAAI;qBACzB,CAAC;;;;;;;;KAQjB,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,55 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import type { IChatMessageReactionElementProps } from './IChatMessageReactionElementProps';
+declare const ChatMessageReactionElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Chat Message Reaction - Represents a single reaction to a chat message.
+ *
+ * @public
+ */
+export declare class ChatMessageReactionElement extends ChatMessageReactionElement_base implements IChatMessageReactionElementProps {
+    private _emoji;
+    private _count;
+    /**
+     * @public
+     */
+    constructor();
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is(): string;
+    /**
+     * Gets or sets the `emoji` property.
+     *
+     * @public
+     */
+    get emoji(): string;
+    set emoji(value: string);
+    /**
+     * Gets or sets the `count` property.
+     *
+     * @public
+     */
+    get count(): number;
+    set count(value: number);
+}
+/**
+* @public
+*/
+export declare namespace ChatMessageReactionElement {
+    type Props = IChatMessageReactionElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-chat-message-reaction': ChatMessageReactionElement;
+    }
+}
+export {};
+//# sourceMappingURL=ChatMessageReactionElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReactionElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;;AAU3F;;;;GAIG;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

@@ -0,0 +1,113 @@
+// #region Imports
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Component } from '../../../Decorators/ComponentDecorator';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { chatMessageReactionElementTemplate } from './ChatMessageReactionElementTemplate';
+import { chatMessageReactionElementJoyStyle } from './Themes/ChatMessageReactionElement.Joy';
+import { chatMessageReactionElementRetroStyle } from './Themes/ChatMessageReactionElement.Retro';
+import { chatMessageReactionElementCosmopolitanStyle } from './Themes/ChatMessageReactionElement.Cosmopolitan';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { ButtonElement } from '../../Buttons/Button/ButtonElement';
+import { Disableable } from '../../../Behaviors/Disableable';
+// #endregion
+/**
+ * Chat Message Reaction - Represents a single reaction to a chat message.
+ *
+ * @public
+ */
+let ChatMessageReactionElement = class ChatMessageReactionElement extends Themeable(Disableable(CustomElement)) {
+    // #region Fields
+    _emoji;
+    _count;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._emoji = '';
+        this._count = 1;
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Returns the `{@link is}` property.
+     * The `{@link is}` property represents natural name of this element.
+     *
+     * @public
+     * @static
+     * @readonly
+     */
+    static get is() {
+        return 'mosaik-chat-message-reaction';
+    }
+    /**
+     * Gets or sets the `emoji` property.
+     *
+     * @public
+     */
+    get emoji() {
+        return this._emoji;
+    }
+    set emoji(value) {
+        if (this._emoji !== value) {
+            this._emoji = value;
+            this.requestUpdate('emoji');
+        }
+    }
+    /**
+     * Gets or sets the `count` property.
+     *
+     * @public
+     */
+    get count() {
+        return this._count;
+    }
+    set count(value) {
+        if (this._count !== value) {
+            this._count = value;
+            this.requestUpdate('count');
+        }
+    }
+};
+__decorate([
+    Property({ type: String }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], ChatMessageReactionElement.prototype, "emoji", null);
+__decorate([
+    Property({ type: Number }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], ChatMessageReactionElement.prototype, "count", null);
+ChatMessageReactionElement = __decorate([
+    Component({
+        selector: 'mosaik-chat-message-reaction',
+        template: chatMessageReactionElementTemplate,
+        themes: {
+            joy: chatMessageReactionElementJoyStyle,
+            retro: chatMessageReactionElementRetroStyle,
+            cosmopolitan: chatMessageReactionElementCosmopolitanStyle
+        },
+        host: {
+            role: 'button',
+            slot: 'reaction'
+        },
+        imports: [
+            ButtonElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], ChatMessageReactionElement);
+export { ChatMessageReactionElement };
+//# sourceMappingURL=ChatMessageReactionElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageReactionElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatMessageReactionElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,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,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAE1F,OAAO,EAAE,kCAAkC,EAAE,MAAM,yCAAyC,CAAC;AAC7F,OAAO,EAAE,oCAAoC,EAAE,MAAM,2CAA2C,CAAC;AACjG,OAAO,EAAE,2CAA2C,EAAE,MAAM,kDAAkD,CAAC;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,aAAa;AAEb;;;;GAIG;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,KAAK,EAAE,oCAAoC;YAC3C,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

@@ -0,0 +1,9 @@
+import { type TemplateResult } from '../../../../Dom/Html';
+import type { ChatMessageReactionElement } from './ChatMessageReactionElement';
+/**
+ * The template of the {@link ChatMessageReactionElement}.
+ *
+ * @public
+ */
+export declare function chatMessageReactionElementTemplate<T extends ChatMessageReactionElement>(e: T): TemplateResult;
+//# sourceMappingURL=ChatMessageReactionElementTemplate.d.ts.map

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

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

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

@@ -0,0 +1,21 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+// #endregion
+/**
+ * The template of the {@link ChatMessageReactionElement}.
+ *
+ * @public
+ */
+export function chatMessageReactionElementTemplate(e) {
+    return html `
+        <mosaik-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-button>
+    `;
+}
+//# sourceMappingURL=ChatMessageReactionElementTemplate.js.map

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

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

package/Controls/Components/Media/Chat/Events/IChatAttachmentAddEvent.d.ts

@@ -0,0 +1,24 @@
+import type { IEventDetail } from '@breadstone/mosaik-elements';
+import type { ChatElement } from '../ChatElement';
+/**
+ * Represents the `{@link IChatAttachmentAddEvent}` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentAddEventDetail extends IEventDetail<ChatElement> {
+    readonly file: File;
+}
+/**
+ * Represents the `IChatAttachmentAddEvent` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentAddEvent extends CustomEvent<IChatAttachmentAddEventDetail> {
+    readonly target: ChatElement;
+}
+declare global {
+    interface HTMLElementEventMap {
+        chatAttachmentAdded: IChatAttachmentAddEvent;
+    }
+}
+//# sourceMappingURL=IChatAttachmentAddEvent.d.ts.map

package/Controls/Components/Media/Chat/Events/IChatAttachmentAddEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentAddEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatAttachmentAddEvent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;GAIG;AACH,MAAM,WAAW,6BAA8B,SAAQ,YAAY,CAAC,WAAW,CAAC;IAI5E,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;CAIvB;AAED;;;;GAIG;AACH,MAAM,WAAW,uBAAwB,SAAQ,WAAW,CAAC,6BAA6B,CAAC;IAIvF,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;CAIhC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,mBAAmB,EAAE,uBAAuB,CAAC;KAChD;CACJ"}

package/Controls/Components/Media/Chat/Events/IChatAttachmentAddEvent.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatAttachmentAddEvent.js.map

package/Controls/Components/Media/Chat/Events/IChatAttachmentAddEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentAddEvent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatAttachmentAddEvent.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Chat/Events/IChatAttachmentRejectEvent.d.ts

@@ -0,0 +1,25 @@
+import type { ICancelEventDetail } from 'libs/mosaik-elements/dist/Index';
+import type { AttachmentChatToolElement } from '../Tools/AttachmentChatToolElement';
+/**
+ * Represents the `{@link IChatAttachmentRejectEvent}` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentRejectEventDetail extends ICancelEventDetail<AttachmentChatToolElement> {
+    readonly file: File;
+    readonly reason: 'size' | 'type' | 'count';
+}
+/**
+ * Represents the `IChatAttachmentRejectedEvent` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentRejectEvent extends CustomEvent<IChatAttachmentRejectEventDetail> {
+    readonly target: AttachmentChatToolElement;
+}
+declare global {
+    interface HTMLElementEventMap {
+        chatAttachmentRejected: IChatAttachmentRejectEvent;
+    }
+}
+//# sourceMappingURL=IChatAttachmentRejectEvent.d.ts.map

package/Controls/Components/Media/Chat/Events/IChatAttachmentRejectEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentRejectEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatAttachmentRejectEvent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAEpF;;;;GAIG;AACH,MAAM,WAAW,gCAAiC,SAAQ,kBAAkB,CAAC,yBAAyB,CAAC;IAInG,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;IAEpB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;CAI9C;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW,CAAC,gCAAgC,CAAC;IAI7F,QAAQ,CAAC,MAAM,EAAE,yBAAyB,CAAC;CAI9C;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,sBAAsB,EAAE,0BAA0B,CAAC;KACtD;CACJ"}

package/Controls/Components/Media/Chat/Events/IChatAttachmentRejectEvent.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IChatAttachmentRejectEvent.js.map

package/Controls/Components/Media/Chat/Events/IChatAttachmentRejectEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentRejectEvent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatAttachmentRejectEvent.ts"],"names":[],"mappings":""}

package/Controls/Components/Media/Chat/Events/IChatAttachmentRemoveEvent.d.ts

@@ -0,0 +1,24 @@
+import type { IEventDetail } from '@breadstone/mosaik-elements';
+import type { ChatElement } from '../ChatElement';
+/**
+ * Represents the `{@link IChatAttachmentRemoveEvent}` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentRemoveEventDetail extends IEventDetail<ChatElement> {
+    readonly file: File;
+}
+/**
+ * Represents the `IChatAttachmentAddEvent` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentRemoveEvent extends CustomEvent<IChatAttachmentRemoveEventDetail> {
+    readonly target: ChatElement;
+}
+declare global {
+    interface HTMLElementEventMap {
+        chatAttachmentRemoved: IChatAttachmentRemoveEvent;
+    }
+}
+//# sourceMappingURL=IChatAttachmentRemoveEvent.d.ts.map

package/Controls/Components/Media/Chat/Events/IChatAttachmentRemoveEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentRemoveEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatAttachmentRemoveEvent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;GAIG;AACH,MAAM,WAAW,gCAAiC,SAAQ,YAAY,CAAC,WAAW,CAAC;IAI/E,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC;CAIvB;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA2B,SAAQ,WAAW,CAAC,gCAAgC,CAAC;IAI7F,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;CAIhC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,qBAAqB,EAAE,0BAA0B,CAAC;KACrD;CACJ"}

package/Controls/Components/Media/Chat/Events/IChatAttachmentRemoveEvent.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatAttachmentRemoveEvent.js.map

package/Controls/Components/Media/Chat/Events/IChatAttachmentRemoveEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentRemoveEvent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatAttachmentRemoveEvent.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Chat/Events/{IChatSubmitEventDetail.d.ts → IChatSubmitEvent.d.ts}

@@ -18,7 +18,7 @@ export interface IChatSubmitEvent extends CustomEvent<IChatSubmitEventDetail> {
 }
 declare global {
     interface HTMLElementEventMap {
-        submited: IChatSubmitEvent;
+        chatSubmitted: IChatSubmitEvent;
     }
 }
-//# sourceMappingURL=IChatSubmitEventDetail.d.ts.map
+//# sourceMappingURL=IChatSubmitEvent.d.ts.map

package/Controls/Components/Media/Chat/Events/IChatSubmitEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatSubmitEvent.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatSubmitEvent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD;;;;GAIG;AACH,MAAM,WAAW,sBAAsB,CAAC,QAAQ,GAAG,OAAO,CAAE,SAAQ,YAAY,CAAC,WAAW,CAAC;IAIzF,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;CAI9B;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,WAAW,CAAC,sBAAsB,CAAC;IAIzE,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;CAIhC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,aAAa,EAAE,gBAAgB,CAAC;KACnC;CACJ"}

package/Controls/Components/Media/Chat/Events/IChatSubmitEvent.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatSubmitEvent.js.map

package/Controls/Components/Media/Chat/Events/IChatSubmitEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatSubmitEvent.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Media/Chat/Events/IChatSubmitEvent.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadCancelEvent.d.ts

@@ -0,0 +1,24 @@
+import type { ICancelEventDetail } from '@breadstone/mosaik-elements';
+import type { ChatInputElement } from '../../ChatInputElement';
+/**
+ * Represents the `{@link IChatAttachmentUploadCancelEvent}` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentUploadCancelEventDetail extends ICancelEventDetail<ChatInputElement> {
+    readonly attachment: File;
+}
+/**
+ * Represents the `IChatAttachmentUploadCancelEvent` interface.
+ *
+ * @public
+ */
+export interface IChatAttachmentUploadCancelEvent extends CustomEvent<IChatAttachmentUploadCancelEventDetail> {
+    readonly target: ChatInputElement;
+}
+declare global {
+    interface HTMLElementEventMap {
+        chatAttachmentUploadCanceled: IChatAttachmentUploadCancelEvent;
+    }
+}
+//# sourceMappingURL=IChatAttachmentUploadCancelEvent.d.ts.map

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadCancelEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentUploadCancelEvent.d.ts","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadCancelEvent.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI/D;;;;GAIG;AACH,MAAM,WAAW,sCAAuC,SAAQ,kBAAkB,CAAC,gBAAgB,CAAC;IAIhG,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC;CAI7B;AAED;;;;GAIG;AACH,MAAM,WAAW,gCAAiC,SAAQ,WAAW,CAAC,sCAAsC,CAAC;IAIzG,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;CAIrC;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,4BAA4B,EAAE,gCAAgC,CAAC;KAClE;CACJ"}

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadCancelEvent.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IChatAttachmentUploadCancelEvent.js.map

package/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadCancelEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IChatAttachmentUploadCancelEvent.js","sourceRoot":"","sources":["../../../../../../../src/Controls/Components/Media/Chat/Events/vnext/IChatAttachmentUploadCancelEvent.ts"],"names":[],"mappings":"AAAA,kBAAkB"}