@breadstone/mosaik-elements-foundation 0.0.132 → 0.0.134

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

@@ -0,0 +1,93 @@
+import { CustomElement } from '../../Abstracts/CustomElement';
+import { IChatInputAttachmentListElementProps } from './IChatInputAttachmentListElementProps';
+import { IChatAttachmentAddEventDetail } from './Events/IChatAttachmentAddEvent';
+import { IEventEmitter } from '@breadstone/mosaik-elements';
+import { IChatAttachmentRemoveEventDetail } from './Events/IChatAttachmentRemoveEvent';
+declare const ChatInputAttachmentListElement_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/Slottable").ISlottableProps & import("../../../Behaviors/Slottable").ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+/**
+ * Chat Input Attachment List - Represents the list of attachments in the chat input.
+ *
+ * @fires chatAttachmentAdded {IChatAttachmentAddEvent} - Called when an attachment is added.
+ * @fires chatAttachmentRemoved {IChatAttachmentRemoveEvent} - Called when an attachment is removed.
+ *
+ * @public
+ */
+export declare class ChatInputAttachmentListElement extends ChatInputAttachmentListElement_base implements IChatInputAttachmentListElementProps {
+    private readonly _attachmentAdded;
+    private readonly _attachmentRemoved;
+    private _files;
+    /**
+     * @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 `files` property.
+     *
+     * @public
+     */
+    get files(): Array<File>;
+    set files(value: Array<File>);
+    /**
+     * Called when an attachment is added.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get attachmentAdded(): IEventEmitter<IChatAttachmentAddEventDetail>;
+    /**
+     * Called when an attachment is removed.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get attachmentRemoved(): IEventEmitter<IChatAttachmentRemoveEventDetail>;
+    /**
+     * @public
+     */
+    addAttachment(file: File): void;
+    /**
+     * @public
+     */
+    removeAttachment(file: File): void;
+    /**
+     * Emits the {@link attachmentAdded} event.
+     *
+     * @protected
+     */
+    protected onAttachmentAdded(args: IChatAttachmentAddEventDetail): void;
+    /**
+     * Emits the {@link attachmentRemoved} event.
+     *
+     * @protected
+     */
+    protected onAttachmentRemoved(args: IChatAttachmentRemoveEventDetail): void;
+}
+/**
+ * @public
+ */
+export declare namespace ChatInputAttachmentListElement {
+    type Props = IChatInputAttachmentListElementProps;
+}
+/**
+ * @public
+ */
+declare global {
+    interface HTMLElementTagNameMap {
+        'mosaik-chat-input-attachment-list': ChatInputAttachmentListElement;
+    }
+}
+export {};
+//# sourceMappingURL=ChatInputAttachmentListElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputAttachmentListElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAK9D,OAAO,EAAE,oCAAoC,EAAE,MAAM,wCAAwC,CAAC;AAS9F,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AAEjF,OAAO,EAA2B,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACrF,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;;AAIvF;;;;;;;GAOG;AACH,qBAgBa,8BACT,SAAQ,mCACR,YAAW,oCAAoC;IAK/C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAA+C;IAEhF,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAkD;IACrF,OAAO,CAAC,MAAM,CAAc;IAM5B;;OAEG;;IAaH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,CAE9B;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,EAKlC;IAED;;;;;;;OAOG;IACH,IAAW,eAAe,IAAI,aAAa,CAAC,6BAA6B,CAAC,CAEzE;IAED;;;;;;;OAOG;IACH,IAAW,iBAAiB,IAAI,aAAa,CAAC,gCAAgC,CAAC,CAE9E;IAMD;;OAEG;IACI,aAAa,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAKtC;;OAEG;IACI,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAKzC;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,6BAA6B,GAAG,IAAI;IAItE;;;;OAIG;IACH,SAAS,CAAC,mBAAmB,CAAC,IAAI,EAAE,gCAAgC,GAAG,IAAI;CAM9E;AAED;;GAEG;AACH,yBAAiB,8BAA8B,CAAC;IAC5C,KAAY,KAAK,GAAG,oCAAoC,CAAC;CAC5D;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mCAAmC,EAAE,8BAA8B,CAAC;KACvE;CACJ"}

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

@@ -0,0 +1,167 @@
+// #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 { CustomElement } from '../../Abstracts/CustomElement';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { Appearanceable } from '../../../Behaviors/Appearanceable';
+import { Disableable } from '../../../Behaviors/Disableable';
+import { Slottable } from '../../../Behaviors/Slottable';
+import { chatInputAttachmentListElementTemplate } from './ChatInputAttachmentListElementTemplate';
+import { Variantable } from '../../../Behaviors/Variantable';
+import { Property } from '../../../Decorators/PropertyDecorator';
+import { TextElement } from '../../Primitives/Text/TextElement';
+import { ChipElement } from '../Chip/ChipElement';
+import { chatInputAttachmentListElementCosmopolitanStyle } from './Themes/ChatInputAttachmentListElement.Cosmopolitan';
+import { chatInputAttachmentListElementJoyStyle } from './Themes/ChatInputAttachmentListElement.Joy';
+import { chatInputAttachmentListElementRetroStyle } from './Themes/ChatInputAttachmentListElement.Retro';
+import { Emit } from '../../../../Events/Decorators/EmitDecorator';
+import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
+// #endregion
+/**
+ * Chat Input Attachment List - Represents the list of attachments in the chat input.
+ *
+ * @fires chatAttachmentAdded {IChatAttachmentAddEvent} - Called when an attachment is added.
+ * @fires chatAttachmentRemoved {IChatAttachmentRemoveEvent} - Called when an attachment is removed.
+ *
+ * @public
+ */
+let ChatInputAttachmentListElement = class ChatInputAttachmentListElement extends Themeable(Variantable(Appearanceable(Disableable(Slottable(CustomElement))))) {
+    // #region Fields
+    _attachmentAdded;
+    _attachmentRemoved;
+    _files;
+    // #endregion
+    // #region Ctor
+    /**
+     * @public
+     */
+    constructor() {
+        super();
+        this._files = new Array();
+        this._attachmentAdded = new HTMLElementEventEmitter(this, 'attachmentAdded', { bubbles: false });
+        this._attachmentRemoved = new HTMLElementEventEmitter(this, 'attachmentRemoved', { bubbles: false });
+    }
+    // #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-input-attachment-list';
+    }
+    /**
+     * Gets or sets the `files` property.
+     *
+     * @public
+     */
+    get files() {
+        return this._files;
+    }
+    set files(value) {
+        if (this._files !== value) {
+            this._files = value;
+            this.requestUpdate('files');
+        }
+    }
+    /**
+     * Called when an attachment is added.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get attachmentAdded() {
+        return this._attachmentAdded;
+    }
+    /**
+     * Called when an attachment is removed.
+     * Provides reference to `{@link IEventDetail}` as event detail.
+     *
+     * @public
+     * @readonly
+     * @eventProperty
+     */
+    get attachmentRemoved() {
+        return this._attachmentRemoved;
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     */
+    addAttachment(file) {
+        this.files = [...this.files, file];
+        this.onAttachmentAdded({ file });
+    }
+    /**
+     * @public
+     */
+    removeAttachment(file) {
+        this.files = this.files.filter((f) => f !== file);
+        this.onAttachmentRemoved({ file });
+    }
+    /**
+     * Emits the {@link attachmentAdded} event.
+     *
+     * @protected
+     */
+    onAttachmentAdded(args) {
+        this._attachmentAdded.emit(args);
+    }
+    /**
+     * Emits the {@link attachmentRemoved} event.
+     *
+     * @protected
+     */
+    onAttachmentRemoved(args) {
+        this._attachmentRemoved.emit(args);
+    }
+};
+__decorate([
+    Emit({ eventName: 'attachmentAdded' }),
+    __metadata("design:type", Object)
+], ChatInputAttachmentListElement.prototype, "_attachmentAdded", void 0);
+__decorate([
+    Emit({ eventName: 'attachmentRemoved' }),
+    __metadata("design:type", Object)
+], ChatInputAttachmentListElement.prototype, "_attachmentRemoved", void 0);
+__decorate([
+    Property({ type: Array }),
+    __metadata("design:type", Array),
+    __metadata("design:paramtypes", [Array])
+], ChatInputAttachmentListElement.prototype, "files", null);
+ChatInputAttachmentListElement = __decorate([
+    Component({
+        selector: 'mosaik-chat-input-attachment-list',
+        template: chatInputAttachmentListElementTemplate,
+        themes: {
+            joy: chatInputAttachmentListElementJoyStyle,
+            retro: chatInputAttachmentListElementRetroStyle,
+            cosmopolitan: chatInputAttachmentListElementCosmopolitanStyle
+        },
+        host: {
+            role: 'list'
+        },
+        imports: [
+            TextElement,
+            ChipElement
+        ]
+    }),
+    __metadata("design:paramtypes", [])
+], ChatInputAttachmentListElement);
+export { ChatInputAttachmentListElement };
+//# sourceMappingURL=ChatInputAttachmentListElement.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputAttachmentListElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAMvF;;GAEG;AACH,wBAAgB,sCAAsC,CAAC,CAAC,SAAS,8BAA8B,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAgCrH"}

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

@@ -0,0 +1,42 @@
+// #region Imports
+import { html } from '../../../../Dom/Html';
+import { repeat } from '../../../Directives/Directives';
+import { createThumbnailPreviewFromFile } from '../../Primitives/Thumbnail/Previews/ThumbnailPreviewFactory';
+// #endregion
+/**
+ * The template of the {@link ChatInputAttachmentListElement}.
+ */
+export function chatInputAttachmentListElementTemplate(e) {
+    return html `
+        ${repeat(e.files, (file) => file.name, (file) => html `
+        <!-- <mosaik-chip part="attachment"
+                     .closeable="${true}"
+                     @closed="${() => e.removeAttachment(file)}"
+                     @click="${() => window.open(URL.createObjectURL(file))}">
+            <mosaik-thumbnail slot="icon"
+                              .preview="${{ url: URL.createObjectURL(file), type: file.type }}"></mosaik-thumbnail>
+            <mosaik-text slot="label"
+                         .text="${file.name}"
+                         .maxLength="${20}"
+                         .truncate="${true}"></mosaik-text>
+        </mosaik-chip> -->
+
+        <mosaik-box part="attachment"
+                    .cornered="${true}"
+                    @click="${() => window.open(URL.createObjectURL(file))}">
+            <mosaik-dismiss slot="dismiss"
+                            .size="${'tiny'}"
+                            @click="${() => e.removeAttachment(file)}"></mosaik-dismiss>
+            <mosaik-thumbnail part="thumbnail"
+                              .preview="${createThumbnailPreviewFromFile(file)}"></mosaik-thumbnail>
+            <div part="content">
+                <mosaik-text .text="${file.name}"
+                             .truncate="${true}"></mosaik-text>
+                <mosaik-text .text="${file.type}"
+                             .truncate="${true}"></mosaik-text>
+            </div>
+        </mosaik-box>
+        `)}
+    `;
+}
+//# sourceMappingURL=ChatInputAttachmentListElementTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAttachmentListElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputAttachmentListElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAuB,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AACxD,OAAO,EAAE,8BAA8B,EAAE,MAAM,6DAA6D,CAAC;AAE7G,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,sCAAsC,CAA2C,CAAI;IACjG,OAAO,IAAI,CAAA;UACL,MAAM,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;mCAE1B,IAAI;gCACP,GAAG,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;+BAC/B,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;0CAEjC,EAAE,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;;kCAE3D,IAAI,CAAC,IAAI;uCACJ,EAAE;sCACH,IAAI;;;;iCAIT,IAAI;8BACP,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;;qCAErC,MAAM;sCACL,GAAG,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;;0CAE1B,8BAA8B,CAAC,IAAI,CAAC;;sCAExC,IAAI,CAAC,IAAI;0CACL,IAAI;sCACR,IAAI,CAAC,IAAI;0CACL,IAAI;;;SAGrC,CAAC;KACL,CAAC;AACN,CAAC"}

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

@@ -1,18 +1,24 @@
 import { IEventEmitter } from '@breadstone/mosaik-elements';
 import { CustomElement } from '../../Abstracts/CustomElement';
-import type { IChatSubmitEventDetail } from './Events/IChatSubmitEventDetail';
+import type { IChatSubmitEventDetail } from './Events/IChatSubmitEvent';
 import type { IChatInputElementProps } from './IChatInputElementProps';
 import type { IChatInputEvents } from './IChatInputEvents';
 import { ISlottable } from '../../../Behaviors/Slottable';
+import { ChatInputAttachmentListElement } from './ChatInputAttachmentListElement';
+import { IChatAttachmentAddEventDetail } from './Events/IChatAttachmentAddEvent';
+import { IChatAttachmentRemoveEventDetail } from './Events/IChatAttachmentRemoveEvent';
 declare const ChatInputElement_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/Slottable").ISlottableProps & ISlottable) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * The `{@link ChatInputElement}` element.
+ * Chat Input - Represents the input area for sending messages in the chat.
  *
  * @fires submitted - Called when a new message is submitted.
+ * @fires chatAttachmentAdded {IChatAttachmentAddEvent} - Called when an attachment is added.
+ * @fires chatAttachmentRemoved {IChatAttachmentRemoveEvent} - Called when an attachment is removed.
  *
  * @public
  */
 export declare class ChatInputElement extends ChatInputElement_base implements IChatInputElementProps, IChatInputEvents, ISlottable {
+    private _attachmentsElement;
     private readonly _submitted;
     private readonly _transformer;
     private _value;
@@ -59,6 +65,10 @@ export declare class ChatInputElement extends ChatInputElement_base implements I
      * @eventProperty
      */
     get submitted(): IEventEmitter<IChatSubmitEventDetail>;
+    /**
+     * @private
+     */
+    get attachmentsElement(): ChatInputAttachmentListElement;
     /**
      * @public
      */
@@ -77,11 +87,22 @@ export declare class ChatInputElement extends ChatInputElement_base implements I
      * @template
      */
     onKeyup(e: KeyboardEvent): void;
-    onSlotChanges(slotName?: string): void;
     /**
-     * @protected
+     * @private
+     * @template
      */
-    protected onApplyTemplate(): void;
+    onAttachmentAdded(detail: IChatAttachmentAddEventDetail): void;
+    /**
+     * @private
+     * @template
+     */
+    onAttachmentRemoved(detail: IChatAttachmentRemoveEventDetail): void;
+    onApplyTemplate(): void;
+    /**
+     * @public
+     * @override
+     */
+    onSlotChanges(slotName?: string): void;
     /**
      * Emits the {@link submitted} event.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2B,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAKrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAY3D,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;;AAOrE;;;;;;GAMG;AACH,qBAoBa,gBACT,SAAQ,qBACR,YAAW,sBAAsB,EAAE,gBAAgB,EAAE,UAAU;IAI/D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwC;IACnE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAG1B;IACH,OAAO,CAAC,MAAM,CAGZ;IACF,OAAO,CAAC,YAAY,CAAS;IAM7B;;OAEG;;IAwBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KACtB,CAEA;IACD,IAAW,KAAK,CAAC,KAAK,EAAE;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KACtB,EAKA;IAED;;;;OAIG;IACH,IACW,WAAW,IAAI,MAAM,CAE/B;IACD,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAKnC;IAED;;;;;;;OAOG;IACH,IAIW,SAAS,IAAI,aAAa,CAAC,sBAAsB,CAAC,CAE5D;IAMD;;OAEG;IACI,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI;IA6BlE;;OAEG;IACI,KAAK,IAAI,IAAI;IAQpB;;;OAGG;IACI,OAAO,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKnC;;;OAGG;IACI,OAAO,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtB,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAStD;;OAEG;cACgB,eAAe,IAAI,IAAI;IAM1C;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,sBAAsB,GAAG,IAAI;CAM5D;AAED;;EAEE;AACF,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}
+{"version":3,"file":"ChatInputElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputElement.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2B,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAKrF,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAY3D,OAAO,EAAE,UAAU,EAAa,MAAM,8BAA8B,CAAC;AAIrE,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAE,6BAA6B,EAAE,MAAM,kCAAkC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,qCAAqC,CAAC;;AAIvF;;;;;;;;GAQG;AACH,qBAqBa,gBACT,SAAQ,qBACR,YAAW,sBAAsB,EAAE,gBAAgB,EAAE,UAAU;IAI/D,OAAO,CAAC,mBAAmB,CAAkC;IAC7D,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAwC;IACnE,OAAO,CAAC,QAAQ,CAAC,YAAY,CAG1B;IACH,OAAO,CAAC,MAAM,CAGZ;IACF,OAAO,CAAC,YAAY,CAAS;IAM7B;;OAEG;;IAwBH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,KAAK,IAAI;QAChB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KACtB,CAEA;IACD,IAAW,KAAK,CAAC,KAAK,EAAE;QACpB,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KACtB,EAKA;IAED;;;;OAIG;IACH,IACW,WAAW,IAAI,MAAM,CAE/B;IACD,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAKnC;IAED;;;;;;;OAOG;IACH,IAIW,SAAS,IAAI,aAAa,CAAC,sBAAsB,CAAC,CAE5D;IAED;;OAEG;IACH,IAAW,kBAAkB,IAAI,8BAA8B,CAE9D;IAMD;;OAEG;IACI,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,IAAI;IA6BlE;;OAEG;IACI,KAAK,IAAI,IAAI;IAQpB;;;OAGG;IACI,OAAO,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAKnC;;;OAGG;IACI,OAAO,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC;;;OAGG;IACI,iBAAiB,CAAC,MAAM,EAAE,6BAA6B,GAAG,IAAI;IAMrE;;;OAGG;IACI,mBAAmB,CAAC,MAAM,EAAE,gCAAgC,GAAG,IAAI;IAM1D,eAAe,IAAI,IAAI;IAMvC;;;OAGG;IACa,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAStD;;;;OAIG;IACH,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,sBAAsB,GAAG,IAAI;CAM5D;AAED;;EAEE;AACF,yBAAiB,gBAAgB,CAAC;IAC9B,KAAY,KAAK,GAAG,sBAAsB,CAAC;CAC9C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,mBAAmB,EAAE,gBAAgB,CAAC;KACzC;CACJ"}

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

@@ -31,16 +31,20 @@ import { DockPanelElement } from '../../Layouts/Dock/DockPanelElement';
 import { Slottable } from '../../../Behaviors/Slottable';
 import { ChatElement } from './ChatElement';
 import { DomServiceLocator } from '../../../../Dom/Dom';
+import { ChatInputAttachmentListElement } from './ChatInputAttachmentListElement';
 // #endregion
 /**
- * The `{@link ChatInputElement}` element.
+ * Chat Input - Represents the input area for sending messages in the chat.
  *
  * @fires submitted - Called when a new message is submitted.
+ * @fires chatAttachmentAdded {IChatAttachmentAddEvent} - Called when an attachment is added.
+ * @fires chatAttachmentRemoved {IChatAttachmentRemoveEvent} - Called when an attachment is removed.
  *
  * @public
  */
 let ChatInputElement = class ChatInputElement extends Themeable(Variantable(Appearanceable(Disableable(Slottable(CustomElement))))) {
     // #region Fields
+    _attachmentsElement;
     _submitted;
     _transformer;
     _value;
@@ -64,7 +68,7 @@ let ChatInputElement = class ChatInputElement extends Themeable(Variantable(Appe
             },
             isValid: () => !!message.text.length
         });
-        this._submitted = new HTMLElementEventEmitter(this, 'submitted', { bubbles: false });
+        this._submitted = new HTMLElementEventEmitter(this, 'chatSubmitted', { bubbles: false });
     }
     // #endregion
     // #region Properties
@@ -118,6 +122,12 @@ let ChatInputElement = class ChatInputElement extends Themeable(Variantable(Appe
     get submitted() {
         return this._submitted;
     }
+    /**
+     * @private
+     */
+    get attachmentsElement() {
+        return this._attachmentsElement;
+    }
     // #endregion
     // #region Methods
     /**
@@ -178,6 +188,32 @@ let ChatInputElement = class ChatInputElement extends Themeable(Variantable(Appe
             this.send(this.value.message, this.value.files);
         }
     }
+    /**
+     * @private
+     * @template
+     */
+    onAttachmentAdded(detail) {
+        this.value.files.push(detail.file);
+        this.requestUpdate('value');
+        this._attachmentsElement.requestUpdate('files');
+    }
+    /**
+     * @private
+     * @template
+     */
+    onAttachmentRemoved(detail) {
+        this.value.files = this.value.files.filter((file) => file !== detail.file);
+        this.requestUpdate('value');
+        this._attachmentsElement.requestUpdate('files');
+    }
+    onApplyTemplate() {
+        super.onApplyTemplate();
+        this._attachmentsElement = this.getTemplatePart('attachments');
+    }
+    /**
+     * @public
+     * @override
+     */
     onSlotChanges(slotName) {
         if (slotName === 'tools') {
             const chatElement = DomServiceLocator.current.findAncestor(this, ChatElement.is, { strict: true });
@@ -186,13 +222,6 @@ let ChatInputElement = class ChatInputElement extends Themeable(Variantable(Appe
             });
         }
     }
-    /**
-     * @protected
-     */
-    onApplyTemplate() {
-        super.onApplyTemplate();
-        const text = this.getTemplatePart('textBox');
-    }
     /**
      * Emits the {@link submitted} event.
      *
@@ -214,7 +243,7 @@ __decorate([
 ], ChatInputElement.prototype, "placeholder", null);
 __decorate([
     Emit({
-        eventName: 'submitted',
+        eventName: 'chatSubmitted',
         bubbles: false
     }),
     __metadata("design:type", Object),
@@ -233,6 +262,7 @@ ChatInputElement = __decorate([
             slot: 'input'
         },
         imports: [
+            ChatInputAttachmentListElement,
             ButtonElement,
             TextBoxElement,
             FocusRingElement,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAyCzF"}
+{"version":3,"file":"ChatInputElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAI3D;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,gBAAgB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAsCzF"}

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

@@ -1,7 +1,7 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { Icons } from '../../../../Resources/Icons';
-import { live, repeat, when } from '../../../Directives/Directives';
+import { live, when } from '../../../Directives/Directives';
 import { Appearance } from '../../../Types/Appearance';
 // #endregion
 /**
@@ -17,17 +17,14 @@ export function chatInputElementTemplate(e) {
                            .controlled="${'manual'}"
                            @connected="${(evt) => evt.target.attach(e)}"></mosaik-focus-ring>
         `)}
-        <div part="attachments">
-            ${repeat(e.value.files, (file) => file.name, (file) => html `
-            <mosaik-chip part="attachment"
-                         .label="${file.name}">
-                <mosaik-text slot="label"
-                            .text="${file.name}"
-                            .maxLength="${20}"
-                            .truncate="${true}"></mosaik-text>
-            </mosaik-chip>
-            `)}
-        </div>
+        <mosaik-chat-input-attachment-list part="attachments"
+                                           .files="${e.value.files}"
+                                           .appearance="${e.appearance}"
+                                           .variant="${e.variant}"
+                                           .disabled="${e.disabled}"
+                                           .dir="${e.dir}"
+                                           @chatAttachmentAdded="${(evt) => e.onAttachmentAdded(evt.detail)}"
+                                           @chatAttachmentRemoved="${(evt) => e.onAttachmentRemoved(evt.detail)}"></mosaik-chat-input-attachment-list>
         <mosaik-textbox part="textBox"
                         .dir="${e.dir}"
                         .placeholder="${e.placeholder}"

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInputElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIvD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;0CACN,QAAQ;yCACT,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1F,CAAC;;cAEI,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;mCAEpC,IAAI,CAAC,IAAI;;qCAEP,IAAI,CAAC,IAAI;0CACJ,EAAE;yCACH,IAAI;;aAEhC,CAAC;;;gCAGkB,CAAC,CAAC,GAAG;wCACG,CAAC,CAAC,WAAW;sCACf,IAAI;kCACR,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;uCAChB,UAAU,CAAC,KAAK;oCACnB,CAAC,CAAC,OAAO;kCACX,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;kCAC/B,CAAC,CAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;uCAO7B,CAAC,CAAC,GAAG;8CACE,UAAU,CAAC,KAAK;wCACtB,KAAK,CAAC,IAAI;yCACT,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;;;KAGhF,CAAC;AACN,CAAC"}
+{"version":3,"file":"ChatInputElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Chat/ChatInputElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIvD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAA6B,CAAI;IACrE,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;0CACN,QAAQ;yCACT,CAAC,GAAU,EAAE,EAAE,CAAE,GAAG,CAAC,MAA2B,CAAC,MAAM,CAAC,CAAC,CAAC;SAC1F,CAAC;;qDAE2C,CAAC,CAAC,KAAK,CAAC,KAAK;0DACR,CAAC,CAAC,UAAU;uDACf,CAAC,CAAC,OAAO;wDACR,CAAC,CAAC,QAAQ;mDACf,CAAC,CAAC,GAAG;mEACW,CAAC,GAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC;qEACnD,CAAC,GAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,MAAM,CAAC;;gCAE5F,CAAC,CAAC,GAAG;wCACG,CAAC,CAAC,WAAW;sCACf,IAAI;kCACR,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;uCAChB,UAAU,CAAC,KAAK;oCACnB,CAAC,CAAC,OAAO;kCACX,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;kCAC/B,CAAC,CAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;;;;;;;uCAO7B,CAAC,CAAC,GAAG;8CACE,UAAU,CAAC,KAAK;wCACtB,KAAK,CAAC,IAAI;yCACT,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC;;;KAGhF,CAAC;AACN,CAAC"}

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

@@ -2,7 +2,7 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IChatMarkerElementProps } from './IChatMarkerElementProps';
 declare const ChatMarkerElement_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/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/ContentAlignable").IContentAlignableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Stickable").IStickableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * The `{@link ChatMarkerElement}` element.
+ * Chat Marker - Represents a marker within a chat message.
  *
  * @public
  */

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

@@ -28,7 +28,7 @@ import { Themeable } from '../../../Behaviors/Themeable';
 import { Appearanceable } from '../../../Behaviors/Appearanceable';
 // #endregion
 /**
- * The `{@link ChatMarkerElement}` element.
+ * Chat Marker - Represents a marker within a chat message.
  *
  * @public
  */

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

@@ -2,7 +2,7 @@ import { CustomElement } from '../../Abstracts/CustomElement';
 import type { IChatMessageAvatarElementProps } from './IChatMessageAvatarElementProps';
 declare const ChatMessageAvatarElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
- * The `{@link ChatMessageAvatarElement}` element.
+ * Chat Message Avatar - Represents the avatar of a chat message.
  *
  * @public
  */

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

@@ -22,7 +22,7 @@ import { chatMessageAvatarElementCosmopolitanStyle } from './Themes/ChatMessageA
 import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
- * The `{@link ChatMessageAvatarElement}` element.
+ * Chat Message Avatar - Represents the avatar of a chat message.
  *
  * @public
  */