@breadstone/mosaik-elements-angular 0.0.200 → 0.0.202

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 0.0.202 (2025-12-06)
+
+### 🚀 Features
+
+- **error, hint:** add textOverflow property to Error and Hint components ([131d8bec1e](https://github.com/RueDeRennes/mosaik/commit/131d8bec1e))
+
+### 🩹 Fixes
+
+- **forms:** update SignalFormValidator to handle nested structures correctly ([49d0fdab8f](https://github.com/RueDeRennes/mosaik/commit/49d0fdab8f))
+
 ## 0.0.201 (2025-12-05)
 
 This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.

package/fesm2022/mosaik-elements-angular.mjs

@@ -24997,6 +24997,16 @@ let ErrorComponent = class ErrorComponent {
             this._element.text = value;
         });
     }
+    get textOverflow() {
+        // @ts-ignore - temporary fix for the type error
+        return this._element.textOverflow;
+    }
+    set textOverflow(value) {
+        this._zone.runOutsideAngular(() => {
+            // @ts-ignore - temporary fix for the type error
+            this._element.textOverflow = value;
+        });
+    }
     get themeName() {
         // @ts-ignore - temporary fix for the type error
         return this._element.themeName;
@@ -25068,12 +25078,12 @@ let ErrorComponent = class ErrorComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: ErrorComponent, isStandalone: true, selector: "mosaik-error", inputs: { text: "text", themeName: "themeName", enter: "enter", exit: "exit", 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: "21.0.2", type: ErrorComponent, isStandalone: true, selector: "mosaik-error", inputs: { text: "text", textOverflow: "textOverflow", themeName: "themeName", enter: "enter", exit: "exit", dir: "dir", lang: "lang" }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 ErrorComponent = __decorate$25([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-error', ErrorElement),
-        inputs: ['text', 'themeName', 'enter', 'exit', 'dir', 'lang'],
+        inputs: ['text', 'textOverflow', 'themeName', 'enter', 'exit', 'dir', 'lang'],
         methods: ['onEnterAnimation', 'onExitAnimation', 'play', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$25("design:paramtypes", [])
@@ -25085,11 +25095,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['text', 'themeName', 'enter', 'exit', 'dir', 'lang'],
+                    inputs: ['text', 'textOverflow', 'themeName', 'enter', 'exit', 'dir', 'lang'],
                     outputs: ['connected', 'disconnected', 'changed']
                 }]
         }], ctorParameters: () => [], propDecorators: { text: [{
                 type: Input
+            }], textOverflow: [{
+                type: Input
             }], themeName: [{
                 type: Input
             }], enter: [{
@@ -30037,24 +30049,14 @@ let HintComponent = class HintComponent {
             this._element.text = value;
         });
     }
-    get wrap() {
-        // @ts-ignore - temporary fix for the type error
-        return this._element.wrap;
-    }
-    set wrap(value) {
-        this._zone.runOutsideAngular(() => {
-            // @ts-ignore - temporary fix for the type error
-            this._element.wrap = value;
-        });
-    }
-    get truncate() {
+    get textOverflow() {
         // @ts-ignore - temporary fix for the type error
-        return this._element.truncate;
+        return this._element.textOverflow;
     }
-    set truncate(value) {
+    set textOverflow(value) {
         this._zone.runOutsideAngular(() => {
             // @ts-ignore - temporary fix for the type error
-            this._element.truncate = value;
+            this._element.textOverflow = value;
         });
     }
     get alignment() {
@@ -30128,12 +30130,12 @@ let HintComponent = class HintComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.2", ngImport: i0, type: HintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.2", type: HintComponent, isStandalone: true, selector: "mosaik-hint", inputs: { text: "text", wrap: "wrap", truncate: "truncate", alignment: "alignment", themeName: "themeName", 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: "21.0.2", type: HintComponent, isStandalone: true, selector: "mosaik-hint", inputs: { text: "text", textOverflow: "textOverflow", alignment: "alignment", themeName: "themeName", 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 });
 };
 HintComponent = __decorate$1K([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-hint', HintElement),
-        inputs: ['text', 'wrap', 'truncate', 'alignment', 'themeName', 'formatter', 'dir', 'lang'],
+        inputs: ['text', 'textOverflow', 'alignment', 'themeName', 'formatter', 'dir', 'lang'],
         methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$1K("design:paramtypes", [])
@@ -30145,14 +30147,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.2", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>',
-                    inputs: ['text', 'wrap', 'truncate', 'alignment', 'themeName', 'formatter', 'dir', 'lang'],
+                    inputs: ['text', 'textOverflow', 'alignment', 'themeName', 'formatter', 'dir', 'lang'],
                     outputs: ['connected', 'disconnected', 'changed']
                 }]
         }], ctorParameters: () => [], propDecorators: { text: [{
                 type: Input
-            }], wrap: [{
-                type: Input
-            }], truncate: [{
+            }], textOverflow: [{
                 type: Input
             }], alignment: [{
                 type: Input
@@ -60618,13 +60618,14 @@ class SignalFormValidator {
         // what we know is this doesn't work with nested structures.
         // we have to check this in the future again.
         for (const [key, field] of Object.entries(form)) {
-            field.markAsTouched();
-            const errs = field.errors();
+            const state = field();
+            state.markAsTouched();
+            const errs = state.errors();
             if (errs.length > 0) {
                 const issue = {
                     path: key,
                     errors: errs,
-                    fieldRef: field
+                    fieldRef: state
                 };
                 hooks?.onEachError?.(issue);
                 issues.push(issue);
@@ -60665,12 +60666,13 @@ class SignalFormValidator {
         // we have to check this in the future again.
         const issues = [];
         for (const [key, field] of Object.entries(form)) {
-            const errs = field.errors();
+            const state = field();
+            const errs = state.errors();
             if (errs.length > 0) {
                 issues.push({
                     path: key,
                     errors: errs,
-                    fieldRef: field
+                    fieldRef: state
                 });
             }
         }