@db-ux/ngx-core-components 4.5.4-tailwind-inline-5d37a00 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @db-ux/ngx-core-components
 
+## 4.6.0
+
+### Minor Changes
+
+- refactor: exclude whitelabel-theme from default bundle to reduce size and to align with "how to import a theme" - [see commit f272967](https://github.com/db-ux-design-system/core-web/commit/f272967acb7a37dc9b07d9786134e437b284e9b6)
+
+### Patch Changes
+
+- fix: issue with tailwind duplicating some classes by using `@theme` inline - [see commit 92de4e6](https://github.com/db-ux-design-system/core-web/commit/92de4e6e5fdad3be5629d7457944d3b9b7396cf4)
+
+- fix(number input): prevent from clearing on intermediate decimal entry - [see commit aa85967](https://github.com/db-ux-design-system/core-web/commit/aa85967ffeaa685f6b647069d0e1d415d812dc87):
+  - fix(input,textarea): allow using `undefined` as `value`
+
 ## 4.5.4
 
 ### Patch Changes

package/fesm2022/db-ux-ngx-core-components.mjs

@@ -1054,9 +1054,30 @@ const CardBehaviorList = ['static', 'interactive'];
 const CardElevationLevelList = ['1', '2', '3'];
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const handleFrameworkEventAngular = (component, event, modelValue = 'value') => {
-    component.propagateChange(event.target[modelValue]);
-    component.writeValue(event.target[modelValue]);
+const specialNumberCharacters = ['.', ',', 'e', 'E', '+', '-'];
+const handleFrameworkEventAngular = (component, event, modelValue = 'value', lastValue) => {
+    const value = event.target[modelValue];
+    const type = event.target?.type;
+    if (!value && value !== '' && ['date', 'time', 'week', 'month', 'datetime-local'].includes(type)) {
+        // If value is empty and type date we skip `writingValue` function
+        return;
+    }
+    if (type === 'number') {
+        if (event.type === 'input') {
+            if (specialNumberCharacters.includes(event.data) || specialNumberCharacters.some(specialCharacter => lastValue?.toString().includes(specialCharacter)) && event.inputType === 'deleteContentBackward') {
+                // Skip `writingValue` function if number type and input event
+                // and `.` or `,` or 'e', 'E', '+', '-' was typed
+                // or content was deleted but last number had a `.`
+                return;
+            }
+        }
+        else if (event.type === 'change') {
+            // Skip `writingValue` function if number type and change event
+            return;
+        }
+    }
+    component.propagateChange(value);
+    component.writeValue(value);
 };
 const handleFrameworkEventVue = (emit, event, modelValue = 'value') => {
     // TODO: Replace this with the solution out of https://github.com/BuilderIO/mitosis/issues/833 after this has been "solved"
@@ -2486,7 +2507,7 @@ class DBInput {
                 this.input.emit(event);
             }
         }
-        handleFrameworkEventAngular(this, event);
+        handleFrameworkEventAngular(this, event, "value", this._value());
         this.handleValidation();
     }
     handleChange(event, reset) {
@@ -2496,7 +2517,7 @@ class DBInput {
                 this.change.emit(event);
             }
         }
-        handleFrameworkEventAngular(this, event);
+        handleFrameworkEventAngular(this, event, "value", this._value());
         this.handleValidation();
     }
     handleBlur(event) {
@@ -2652,9 +2673,7 @@ class DBInput {
                 // --- Mitosis: Workaround to make sure the effect() is triggered ---
                 this.value();
                 // ---
-                if (this.value() !== undefined) {
-                    this._value.set(this.value());
-                }
+                this._value.set(this.value());
             }, {
             // Enable writing to signals inside effects
             });
@@ -2722,12 +2741,6 @@ class DBInput {
         }
     }
     writeValue(value) {
-        if (!value && value !== "" && (this.type() === "date" ||
-            this.type() === "time" ||
-            this.type() === "week" ||
-            this.type() === "month" ||
-            this.type() === "datetime-local"))
-            return;
         this.value.set(value);
         if (this._ref()?.nativeElement) {
             this.renderer.setProperty(this._ref()?.nativeElement, 'value', value);
@@ -2783,7 +2796,7 @@ class DBInput {
       [disabled]="getBoolean(disabled(), 'disabled')"
       [required]="getBoolean(required(), 'required')"
       [attr.step]="getStep(step())"
-      [value]="value() ?? _value()"
+      [value]="value() ?? _value() ?? ''"
       [attr.maxLength]="getNumber(maxLength(), maxlength())"
       [attr.minLength]="getNumber(minLength(), minlength())"
       [attr.max]="getInputValue(max(), type())"
@@ -2872,7 +2885,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
       [disabled]="getBoolean(disabled(), 'disabled')"
       [required]="getBoolean(required(), 'required')"
       [attr.step]="getStep(step())"
-      [value]="value() ?? _value()"
+      [value]="value() ?? _value() ?? ''"
       [attr.maxLength]="getNumber(maxLength(), maxlength())"
       [attr.minLength]="getNumber(minLength(), minlength())"
       [attr.max]="getInputValue(max(), type())"
@@ -7110,7 +7123,7 @@ class DBSelect {
       [attr.id]="_id()"
       [attr.name]="name()"
       [attr.size]="size()"
-      [value]="value() ?? _value()"
+      [value]="value() ?? _value() ?? ''"
       [attr.autocomplete]="autocomplete()"
       [attr.multiple]="multiple()"
       (input)="handleInput($event)"
@@ -7214,7 +7227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
       [attr.id]="_id()"
       [attr.name]="name()"
       [attr.size]="size()"
-      [value]="value() ?? _value()"
+      [value]="value() ?? _value() ?? ''"
       [attr.autocomplete]="autocomplete()"
       [attr.multiple]="multiple()"
       (input)="handleInput($event)"
@@ -8646,9 +8659,7 @@ class DBTextarea {
                 // --- Mitosis: Workaround to make sure the effect() is triggered ---
                 this.value();
                 // ---
-                if (this.value() !== undefined) {
-                    this._value.set(this.value());
-                }
+                this._value.set(this.value());
             }, {
             // Enable writing to signals inside effects
             });
@@ -8775,7 +8786,7 @@ class DBTextarea {
       (change)="handleChange($event)"
       (blur)="handleBlur($event)"
       (focus)="handleFocus($event)"
-      [value]="value() ?? _value()"
+      [value]="value() ?? _value() ?? ''"
       [attr.aria-describedby]="ariaDescribedBy() ?? _descByIds()"
       [attr.placeholder]="placeholder() ?? DEFAULT_PLACEHOLDER"
       [attr.rows]="getNumber(rows(), DEFAULT_ROWS)"
@@ -8844,7 +8855,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
       (change)="handleChange($event)"
       (blur)="handleBlur($event)"
       (focus)="handleFocus($event)"
-      [value]="value() ?? _value()"
+      [value]="value() ?? _value() ?? ''"
       [attr.aria-describedby]="ariaDescribedBy() ?? _descByIds()"
       [attr.placeholder]="placeholder() ?? DEFAULT_PLACEHOLDER"
       [attr.rows]="getNumber(rows(), DEFAULT_ROWS)"