@breadstone/mosaik-elements-angular 0.0.128 → 0.0.130

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 0.0.130 (2025-08-22)
+
+### 🚀 Features
+
+- add appearance property to ChatMarker components and update styles for new appearances ([23a86826b3](https://github.com/RueDeRennes/mosaik/commit/23a86826b3))
+- update event names for recorder events to camelCase format ([bfd76cfe4b](https://github.com/RueDeRennes/mosaik/commit/bfd76cfe4b))
+
+## 0.0.129 (2025-08-22)
+
+### 🚀 Features
+
+- add filePicked event to AttachmentChatTool component across multiple frameworks ([1c4744bc41](https://github.com/RueDeRennes/mosaik/commit/1c4744bc41))
+- **voice-recorder:** add event handling for recording actions and update component props ([e78be3a04d](https://github.com/RueDeRennes/mosaik/commit/e78be3a04d))
+
 ## 0.0.128 (2025-08-22)
 
 ### 🚀 Features

package/fesm2022/mosaik-elements-angular.mjs

@@ -1100,6 +1100,7 @@ const ATTACHMENT_CHAT_TOOL_DEFAULT_PROPS = new InjectionToken('MOSAIK_ATTACHMENT
 let AttachmentChatToolComponent = class AttachmentChatToolComponent {
     _element;
     _zone;
+    _filePicked;
     _connected;
     _disconnected;
     _changed;
@@ -1107,6 +1108,8 @@ let AttachmentChatToolComponent = class AttachmentChatToolComponent {
         inject(ChangeDetectorRef).detach();
         this._element = inject(ElementRef).nativeElement;
         this._zone = inject(NgZone);
+        this._filePicked = new EventEmitter();
+        this._element.on('filePicked', (e) => this.onEmit(this._filePicked, e));
         this._connected = new EventEmitter();
         this._element.on('connected', (e) => this.onEmit(this._connected, e));
         this._disconnected = new EventEmitter();
@@ -1215,6 +1218,9 @@ let AttachmentChatToolComponent = class AttachmentChatToolComponent {
             this._element.lang = value;
         });
     }
+    get filePicked() {
+        return this._filePicked;
+    }
     get connected() {
         return this._connected;
     }
@@ -1236,7 +1242,7 @@ let AttachmentChatToolComponent = class AttachmentChatToolComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: AttachmentChatToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: AttachmentChatToolComponent, isStandalone: true, selector: "mosaik-attachment-chat-tool", inputs: { multiple: "multiple", accept: "accept", directory: "directory", maxFiles: "maxFiles", maxFileSize: "maxFileSize", themeName: "themeName", dock: "dock", disabled: "disabled", dir: "dir", lang: "lang" }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: AttachmentChatToolComponent, isStandalone: true, selector: "mosaik-attachment-chat-tool", inputs: { multiple: "multiple", accept: "accept", directory: "directory", maxFiles: "maxFiles", maxFileSize: "maxFileSize", themeName: "themeName", dock: "dock", disabled: "disabled", dir: "dir", lang: "lang" }, outputs: { filePicked: "filePicked", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 AttachmentChatToolComponent = __decorate$3u([
     ProxyCmp({
@@ -1254,7 +1260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
                     inputs: ['multiple', 'accept', 'directory', 'maxFiles', 'maxFileSize', 'themeName', 'dock', 'disabled', 'dir', 'lang'],
-                    outputs: ['connected', 'disconnected', 'changed']
+                    outputs: ['filePicked', 'connected', 'disconnected', 'changed']
                 }]
         }], ctorParameters: () => [], propDecorators: { multiple: [{
                 type: Input
@@ -1276,6 +1282,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], lang: [{
                 type: Input
+            }], filePicked: [{
+                type: Output
             }], connected: [{
                 type: Output
             }], disconnected: [{
@@ -9772,6 +9780,16 @@ let ChatMarkerComponent = class ChatMarkerComponent {
             this._element.formatter = value;
         });
     }
+    get appearance() {
+        // @ts-ignore - temporary fix for the type error
+        return this._element.appearance;
+    }
+    set appearance(value) {
+        this._zone.runOutsideAngular(() => {
+            // @ts-ignore - temporary fix for the type error
+            this._element.appearance = value;
+        });
+    }
     get dir() {
         // @ts-ignore - temporary fix for the type error
         return this._element.dir;
@@ -9813,12 +9831,12 @@ let ChatMarkerComponent = class ChatMarkerComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: ChatMarkerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ChatMarkerComponent, isStandalone: true, selector: "mosaik-chat-marker", inputs: { text: "text", icon: "icon", themeName: "themeName", variant: "variant", orientation: "orientation", horizontalContentAlignment: "horizontalContentAlignment", verticalContentAlignment: "verticalContentAlignment", isSticky: "isSticky", formatter: "formatter", dir: "dir", lang: "lang" }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: ChatMarkerComponent, isStandalone: true, selector: "mosaik-chat-marker", inputs: { text: "text", icon: "icon", themeName: "themeName", variant: "variant", orientation: "orientation", horizontalContentAlignment: "horizontalContentAlignment", verticalContentAlignment: "verticalContentAlignment", isSticky: "isSticky", formatter: "formatter", appearance: "appearance", dir: "dir", lang: "lang" }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ChatMarkerComponent = __decorate$2V([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-chat-marker', ChatMarkerElement),
-        inputs: ['text', 'icon', 'themeName', 'variant', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'isSticky', 'formatter', 'dir', 'lang'],
+        inputs: ['text', 'icon', 'themeName', 'variant', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'isSticky', 'formatter', 'appearance', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$2V("design:paramtypes", [])
@@ -9830,7 +9848,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['text', 'icon', 'themeName', 'variant', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'isSticky', 'formatter', 'dir', 'lang'],
+                    inputs: ['text', 'icon', 'themeName', 'variant', 'orientation', 'horizontalContentAlignment', 'verticalContentAlignment', 'isSticky', 'formatter', 'appearance', 'dir', 'lang'],
                     outputs: ['connected', 'disconnected', 'changed']
                 }]
         }], ctorParameters: () => [], propDecorators: { text: [{
@@ -9851,6 +9869,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], formatter: [{
                 type: Input
+            }], appearance: [{
+                type: Input
             }], dir: [{
                 type: Input
             }], lang: [{
@@ -55008,6 +55028,11 @@ const VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS = new InjectionToken('MOSAIK_VOICE_
 let VoiceRecorderChatToolComponent = class VoiceRecorderChatToolComponent {
     _element;
     _zone;
+    _recCancel;
+    _recStart;
+    _recPause;
+    _recResume;
+    _recStop;
     _connected;
     _disconnected;
     _changed;
@@ -55015,6 +55040,16 @@ let VoiceRecorderChatToolComponent = class VoiceRecorderChatToolComponent {
         inject(ChangeDetectorRef).detach();
         this._element = inject(ElementRef).nativeElement;
         this._zone = inject(NgZone);
+        this._recCancel = new EventEmitter();
+        this._element.on('recCancel', (e) => this.onEmit(this._recCancel, e));
+        this._recStart = new EventEmitter();
+        this._element.on('recStart', (e) => this.onEmit(this._recStart, e));
+        this._recPause = new EventEmitter();
+        this._element.on('recPause', (e) => this.onEmit(this._recPause, e));
+        this._recResume = new EventEmitter();
+        this._element.on('recResume', (e) => this.onEmit(this._recResume, e));
+        this._recStop = new EventEmitter();
+        this._element.on('recStop', (e) => this.onEmit(this._recStop, e));
         this._connected = new EventEmitter();
         this._element.on('connected', (e) => this.onEmit(this._connected, e));
         this._disconnected = new EventEmitter();
@@ -55023,56 +55058,6 @@ let VoiceRecorderChatToolComponent = class VoiceRecorderChatToolComponent {
         this._element.on('changed', (e) => this.onEmit(this._changed, e));
         applyDefaults(this._element, inject(VOICE_RECORDER_CHAT_TOOL_DEFAULT_PROPS, { optional: true }) ?? {});
     }
-    get recCancel() {
-        // @ts-ignore - temporary fix for the type error
-        return this._element.recCancel;
-    }
-    set recCancel(value) {
-        this._zone.runOutsideAngular(() => {
-            // @ts-ignore - temporary fix for the type error
-            this._element.recCancel = value;
-        });
-    }
-    get recResume() {
-        // @ts-ignore - temporary fix for the type error
-        return this._element.recResume;
-    }
-    set recResume(value) {
-        this._zone.runOutsideAngular(() => {
-            // @ts-ignore - temporary fix for the type error
-            this._element.recResume = value;
-        });
-    }
-    get recStop() {
-        // @ts-ignore - temporary fix for the type error
-        return this._element.recStop;
-    }
-    set recStop(value) {
-        this._zone.runOutsideAngular(() => {
-            // @ts-ignore - temporary fix for the type error
-            this._element.recStop = value;
-        });
-    }
-    get recStart() {
-        // @ts-ignore - temporary fix for the type error
-        return this._element.recStart;
-    }
-    set recStart(value) {
-        this._zone.runOutsideAngular(() => {
-            // @ts-ignore - temporary fix for the type error
-            this._element.recStart = value;
-        });
-    }
-    get recPause() {
-        // @ts-ignore - temporary fix for the type error
-        return this._element.recPause;
-    }
-    set recPause(value) {
-        this._zone.runOutsideAngular(() => {
-            // @ts-ignore - temporary fix for the type error
-            this._element.recPause = value;
-        });
-    }
     get state() {
         // @ts-ignore - temporary fix for the type error
         return this._element.state;
@@ -55173,6 +55158,21 @@ let VoiceRecorderChatToolComponent = class VoiceRecorderChatToolComponent {
             this._element.lang = value;
         });
     }
+    get recCancel() {
+        return this._recCancel;
+    }
+    get recStart() {
+        return this._recStart;
+    }
+    get recPause() {
+        return this._recPause;
+    }
+    get recResume() {
+        return this._recResume;
+    }
+    get recStop() {
+        return this._recStop;
+    }
     get connected() {
         return this._connected;
     }
@@ -55194,12 +55194,12 @@ let VoiceRecorderChatToolComponent = class VoiceRecorderChatToolComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: VoiceRecorderChatToolComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: VoiceRecorderChatToolComponent, isStandalone: true, selector: "mosaik-voice-recorder-chat-tool", inputs: { recCancel: "recCancel", recResume: "recResume", recStop: "recStop", recStart: "recStart", recPause: "recPause", state: "state", elapsedTime: "elapsedTime", maxDurationTime: "maxDurationTime", objectUrl: "objectUrl", canPause: "canPause", themeName: "themeName", dock: "dock", disabled: "disabled", dir: "dir", lang: "lang" }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: VoiceRecorderChatToolComponent, isStandalone: true, selector: "mosaik-voice-recorder-chat-tool", inputs: { state: "state", elapsedTime: "elapsedTime", maxDurationTime: "maxDurationTime", objectUrl: "objectUrl", canPause: "canPause", themeName: "themeName", dock: "dock", disabled: "disabled", dir: "dir", lang: "lang" }, outputs: { recCancel: "recCancel", recStart: "recStart", recPause: "recPause", recResume: "recResume", recStop: "recStop", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 VoiceRecorderChatToolComponent = __decorate$3([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-voice-recorder-chat-tool', VoiceRecorderChatToolElement),
-        inputs: ['recCancel', 'recResume', 'recStop', 'recStart', 'recPause', 'state', 'elapsedTime', 'maxDurationTime', 'objectUrl', 'canPause', 'themeName', 'dock', 'disabled', 'dir', 'lang'],
+        inputs: ['state', 'elapsedTime', 'maxDurationTime', 'objectUrl', 'canPause', 'themeName', 'dock', 'disabled', 'dir', 'lang'],
         methods: ['execute', 'attach', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$3("design:paramtypes", [])
@@ -55211,20 +55211,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['recCancel', 'recResume', 'recStop', 'recStart', 'recPause', 'state', 'elapsedTime', 'maxDurationTime', 'objectUrl', 'canPause', 'themeName', 'dock', 'disabled', 'dir', 'lang'],
-                    outputs: ['connected', 'disconnected', 'changed']
+                    inputs: ['state', 'elapsedTime', 'maxDurationTime', 'objectUrl', 'canPause', 'themeName', 'dock', 'disabled', 'dir', 'lang'],
+                    outputs: ['recCancel', 'recStart', 'recPause', 'recResume', 'recStop', 'connected', 'disconnected', 'changed']
                 }]
-        }], ctorParameters: () => [], propDecorators: { recCancel: [{
-                type: Input
-            }], recResume: [{
-                type: Input
-            }], recStop: [{
-                type: Input
-            }], recStart: [{
-                type: Input
-            }], recPause: [{
-                type: Input
-            }], state: [{
+        }], ctorParameters: () => [], propDecorators: { state: [{
                 type: Input
             }], elapsedTime: [{
                 type: Input
@@ -55244,6 +55234,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                 type: Input
             }], lang: [{
                 type: Input
+            }], recCancel: [{
+                type: Output
+            }], recStart: [{
+                type: Output
+            }], recPause: [{
+                type: Output
+            }], recResume: [{
+                type: Output
+            }], recStop: [{
+                type: Output
             }], connected: [{
                 type: Output
             }], disconnected: [{