@porscheinformatik/clr-addons 10.4.0 → 10.4.4

package/abstract-form-component/abstract-form-component.d.ts

@@ -1,7 +1,7 @@
-import { AfterViewInit, Injector, OnDestroy } from '@angular/core';
+import { AfterViewInit, Injector, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { Subject } from 'rxjs';
-export declare abstract class ClrAbstractFormComponent implements ControlValueAccessor, AfterViewInit, OnDestroy {
+export declare abstract class ClrAbstractFormComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private injector;
     formControl: boolean;
     showError: boolean;
@@ -11,6 +11,7 @@ export declare abstract class ClrAbstractFormComponent implements ControlValueAc
     invalid: boolean;
     destroyed: Subject<unknown>;
     constructor(injector: Injector);
+    ngOnInit(): void;
     ngAfterViewInit(): void;
     abstract writeValue(value: unknown): void;
     onChange: (_: unknown) => void;

package/brand-avatar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './brand-avatar';
+export * from './brand-avatar.module';

package/bundles/clr-addons.umd.js

@@ -1,8 +1,28 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@clr/angular'), require('rxjs'), require('rxjs/operators'), require('@angular/router'), require('@angular/animations'), require('@clr/icons'), require('@clr/icons/shapes/all-shapes')) :
     typeof define === 'function' && define.amd ? define('@porscheinformatik/clr-addons', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@clr/angular', 'rxjs', 'rxjs/operators', '@angular/router', '@angular/animations', '@clr/icons', '@clr/icons/shapes/all-shapes'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.porscheinformatik = global.porscheinformatik || {}, global.porscheinformatik['clr-addons'] = {}), global.ng.core, global.ng.common, global.ng.forms, global['@clr/angular'], global.rxjs, global.rxjs.operators, global.ng.router, global.ng.animations, global.icons, global.allShapes));
-}(this, (function (exports, i0, common, forms, angular, rxjs, operators, router, animations, icons, allShapes) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.porscheinformatik = global.porscheinformatik || {}, global.porscheinformatik["clr-addons"] = {}), global.ng.core, global.ng.common, global.ng.forms, global["@clr/angular"], global.rxjs, global.rxjs.operators, global.ng.router, global.ng.animations, global.icons, global.allShapes));
+})(this, (function (exports, i0, common, forms, angular, rxjs, operators, router, animations, icons, allShapes) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n["default"] = e;
+        return Object.freeze(n);
+    }
+
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
     /*
      * Copyright (c) 2018-2019 Porsche Informatik. All Rights Reserved.
@@ -60,7 +80,7 @@
         };
         return ClrBreadcrumbService;
     }());
-    ClrBreadcrumbService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ClrBreadcrumbService_Factory() { return new ClrBreadcrumbService(); }, token: ClrBreadcrumbService, providedIn: "root" });
+    ClrBreadcrumbService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ClrBreadcrumbService_Factory() { return new ClrBreadcrumbService(); }, token: ClrBreadcrumbService, providedIn: "root" });
     ClrBreadcrumbService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
@@ -775,7 +795,7 @@
         };
         ClrGenericQuickList.prototype.ngAfterViewInit = function () {
             var _this = this;
-            this.timeout = setTimeout(function () { return _this.setFocusOnAdd(); }, 1);
+            this.timeout = setTimeout(function () { return _this.setFocusOnAdd(); });
         };
         ClrGenericQuickList.prototype.addItem = function () {
             var newItem = Object.assign({}, this.blankItem);
@@ -792,9 +812,10 @@
             this.rowCountFocus = this.itemRows.length;
             this.itemRows.changes.subscribe(function (els) {
                 if (els.length > _this.rowCountFocus && !!els.last) {
-                    var firstFocusable = els.last.nativeElement.querySelector("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])");
-                    if (firstFocusable) {
-                        firstFocusable.focus();
+                    var firstFocusable_1 = els.last.nativeElement.querySelector("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])");
+                    if (firstFocusable_1) {
+                        // needed if the first focusable binds to focus attribute -> ExpressionHasChangedAfterItHasBeenChecked
+                        setTimeout(function () { return firstFocusable_1.focus(); });
                     }
                 }
                 _this.rowCountFocus = els.length;
@@ -1826,6 +1847,12 @@
             this.onChange = function (_) { };
             this.onTouch = this.defaultOnTouch;
         }
+        ClrAbstractFormComponent.prototype.ngOnInit = function () {
+            var controlIdService = this.injector.get(angular["ɵbc"], null);
+            if (controlIdService) {
+                this.inputId = controlIdService.id;
+            }
+        };
         ClrAbstractFormComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
             // get the form control to know invalid state in angular
@@ -1837,18 +1864,13 @@
                     _this.showError = _this.invalid && _this.control.touched;
                 });
             }
-            var markControlService = this.injector.get(angular.ɵbi, null);
+            var markControlService = this.injector.get(angular["ɵbi"], null);
             if (markControlService) {
                 markControlService.touchedChange.subscribe(function () {
                     _this.control.markAsTouched();
                     _this.control.updateValueAndValidity();
                 });
             }
-            var controlIdService = this.injector.get(angular.ɵbc, null);
-            if (controlIdService) {
-                // timeout to prevent ExpressionChangedAfterItHasBeenCheckedError
-                setTimeout(function () { return (_this.inputId = controlIdService.id); });
-            }
         };
         ClrAbstractFormComponent.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
@@ -1905,10 +1927,12 @@
         };
         ClrMultilingualAbstract.prototype.changeLanguage = function (lang) {
             var _this = this;
+            // need as the click for closing the menu is registered on a single item
+            // if the language change destroys it immediately, the click won't get fired
             setTimeout(function () {
                 _this.selectedLang = lang;
                 _this.inputElement.nativeElement.focus();
-            }, 0);
+            });
         };
         return ClrMultilingualAbstract;
     }(ClrAbstractFormComponent));
@@ -1945,7 +1969,7 @@
                             useExisting: i0.forwardRef(function () { return ClrMultilingualInput; }),
                             multi: true,
                         },
-                        angular.ɵbc,
+                        angular["ɵbc"],
                     ]
                 },] }
     ];
@@ -1970,7 +1994,7 @@
                             useExisting: i0.forwardRef(function () { return ClrMultilingualTextarea; }),
                             multi: true,
                         },
-                        angular.ɵbc,
+                        angular["ɵbc"],
                     ]
                 },] }
     ];
@@ -2246,11 +2270,11 @@
             this.autofillDecimals = false;
             this.decimalSeparator = ',';
             this.groupingSeparator = '.';
-            this.unit = null;
             this.unitPosition = 'right';
             this.numericValueChanged = new i0.EventEmitter();
             this.displayValue = '';
             this.originalValue = NaN;
+            this._unit = null;
             this.allowedKeys = new Set(NUMBERS);
             /* Control Values Accessor Stuff below */
             // eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -2269,6 +2293,20 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(ClrNumericField.prototype, "unit", {
+            set: function (value) {
+                if (value != this._unit) {
+                    this._unit = value;
+                    if (this.unitSpan != null) {
+                        this.unitSpan.innerHTML = '';
+                        var newUnitText = this.renderer.createText(value);
+                        this.renderer.appendChild(this.unitSpan, newUnitText);
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         ClrNumericField.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
         };
@@ -2356,18 +2394,13 @@
             this.injectUnitSymbol();
         };
         ClrNumericField.prototype.handleInputChanged = function () {
-            var _this = this;
-            // Call in set timeout to avoid Expression has changed after it has been checked error.
-            // Sometimes the value changes because we cut off decimal places
-            setTimeout(function () {
-                _this.updateInput(_this.formatNumber(_this._numericValue.toString().replace(new RegExp('[.]', 'g'), _this.decimalSeparator), true));
-            }, 1);
+            this.updateInput(this.formatNumber(this._numericValue.toString().replace(new RegExp('[.]', 'g'), this.decimalSeparator), true), true);
         };
         ClrNumericField.prototype.formatInput = function (element, finalFormatting) {
             var cursorPos = element.selectionStart;
             var length = element.value.length;
             var setCursor = this.displayValue !== element.value;
-            this.updateInput(this.formatNumber(element.value, finalFormatting));
+            this.updateInput(this.formatNumber(element.value, finalFormatting), false);
             if (setCursor) {
                 element.selectionStart = element.selectionEnd = Math.max(cursorPos + element.value.length - length, 0);
             }
@@ -2477,13 +2510,21 @@
             }
             return result;
         };
-        ClrNumericField.prototype.updateInput = function (value) {
+        ClrNumericField.prototype.updateInput = function (value, updateAsync) {
+            var _this = this;
             this.displayValue = value;
             this.inputEl.nativeElement.value = value;
             this._numericValue = parseFloat(this.strip(value).replace(this.decimalSeparator, '.'));
             if (this._numericValue !== this.roundOrTruncate(this.originalValue)) {
                 this.originalValue = this._numericValue;
-                this.numericValueChanged.emit(this._numericValue);
+                if (updateAsync) {
+                    // Call in setTimeout to avoid Expression has changed after it has been checked error.
+                    // This happens for example if the initial input has more decimal places than allowed
+                    setTimeout(function () { return _this.numericValueChanged.emit(_this._numericValue); });
+                }
+                else {
+                    this.numericValueChanged.emit(this._numericValue);
+                }
             }
         };
         ClrNumericField.prototype.getValueForFormControl = function () {
@@ -2497,7 +2538,7 @@
         ClrNumericField.prototype.injectUnitSymbol = function () {
             // Need to inject the unit symbol when the input element width is set to its actual value,
             // otherwise the icon wont show in the correct position
-            if (!!this.unit && !this.unitSpan && this.inputEl.nativeElement.offsetWidth !== 0) {
+            if (!!this._unit && !this.unitSpan && this.inputEl.nativeElement.offsetWidth !== 0) {
                 // Get the input wrapper and apply necessary styles
                 var inputWrapper = this.inputEl.nativeElement.parentNode;
                 this.renderer.addClass(inputWrapper, 'numeric-input-wrapper');
@@ -2505,7 +2546,7 @@
                 if (!this.unitSpan) {
                     this.unitSpan = this.renderer.createElement('span');
                     this.renderer.addClass(this.unitSpan, 'unit');
-                    var unitSymbol = this.renderer.createText(this.unit);
+                    var unitSymbol = this.renderer.createText(this._unit);
                     this.renderer.appendChild(this.unitSpan, unitSymbol);
                     this.renderer.appendChild(inputWrapper, this.unitSpan);
                 }
@@ -2537,7 +2578,8 @@
         };
         ClrNumericField.prototype.roundOrTruncate = function (value) {
             var method = this.roundValue ? 'round' : value < 0 ? 'ceil' : 'floor';
-            return Math[method](value * Math.pow(10, this.decimalPlaces)) / Math.pow(10, this.decimalPlaces);
+            // 16 is the highest precision before numbers have weird behaviour. see https://stackoverflow.com/q/21472828/15120942
+            return Math[method](+(value * Math.pow(10, this.decimalPlaces)).toPrecision(16)) / Math.pow(10, this.decimalPlaces);
         };
         return ClrNumericField;
     }());
@@ -2570,10 +2612,10 @@
         autofillDecimals: [{ type: i0.Input, args: ['clrAutofillDecimals',] }],
         decimalSeparator: [{ type: i0.Input, args: ['clrDecimalSep',] }],
         groupingSeparator: [{ type: i0.Input, args: ['clrGroupingSep',] }],
-        unit: [{ type: i0.Input, args: ['clrUnit',] }],
         unitPosition: [{ type: i0.Input, args: ['clrUnitPosition',] }],
         numericValueChanged: [{ type: i0.Output, args: ['clrNumericValueChange',] }],
-        numericValue: [{ type: i0.Input, args: ['clrNumericValue',] }]
+        numericValue: [{ type: i0.Input, args: ['clrNumericValue',] }],
+        unit: [{ type: i0.Input, args: ['clrUnit',] }]
     };
 
     /*
@@ -4233,7 +4275,7 @@
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
-    var AcceptedBrands;
+    exports.AcceptedBrands = void 0;
     (function (AcceptedBrands) {
         AcceptedBrands[AcceptedBrands["AUDI"] = 0] = "AUDI";
         AcceptedBrands[AcceptedBrands["CUPRA"] = 1] = "CUPRA";
@@ -4243,14 +4285,14 @@
         AcceptedBrands[AcceptedBrands["SKODA"] = 5] = "SKODA";
         AcceptedBrands[AcceptedBrands["VW"] = 6] = "VW";
         AcceptedBrands[AcceptedBrands["VWN"] = 7] = "VWN";
-    })(AcceptedBrands || (AcceptedBrands = {}));
+    })(exports.AcceptedBrands || (exports.AcceptedBrands = {}));
     var ClrBrandAvatar = /** @class */ (function () {
         function ClrBrandAvatar() {
             this.avatar = true;
         }
         ClrBrandAvatar.prototype.getShape = function () {
             var brandName = ClrBrandAvatar.getCleanBrandName(this.brand);
-            if (brandName in AcceptedBrands) {
+            if (brandName in exports.AcceptedBrands) {
                 return 'brand-' + brandName.toLowerCase();
             }
             return ClrBrandAvatar.DEFAULT_ICON_SHAPE;
@@ -4663,7 +4705,13 @@
      */
 
     /*
-     * Copyright (c) 2018-2020 Porsche Informatik. All Rights Reserved.
+     * Copyright (c) 2020 Porsche Informatik. All Rights Reserved.
+     * This software is released under MIT license.
+     * The full license information can be found in LICENSE in the root directory of this project.
+     */
+
+    /*
+     * Copyright (c) 2018-2021 Porsche Informatik. All Rights Reserved.
      * This software is released under MIT license.
      * The full license information can be found in LICENSE in the root directory of this project.
      */
@@ -4699,6 +4747,8 @@
     exports.ClrAddonsModule = ClrAddonsModule;
     exports.ClrBackButton = ClrBackButton;
     exports.ClrBackButtonModule = ClrBackButtonModule;
+    exports.ClrBrandAvatar = ClrBrandAvatar;
+    exports.ClrBrandAvatarModule = ClrBrandAvatarModule;
     exports.ClrBreadcrumb = ClrBreadcrumb;
     exports.ClrBreadcrumbModule = ClrBreadcrumbModule;
     exports.ClrBreadcrumbService = ClrBreadcrumbService;
@@ -4838,19 +4888,17 @@
     exports.escapeHtml = escapeHtml;
     exports.escapeRegex = escapeRegex;
     exports.loadIcons = loadIcons;
-    exports.ɵa = TreetableMainRenderer;
-    exports.ɵb = TreetableHeaderRenderer;
-    exports.ɵc = TreetableRowRenderer;
-    exports.ɵd = TreetableCellRenderer;
-    exports.ɵe = ClrAddOption;
-    exports.ɵf = ClrMultilingualAbstract;
-    exports.ɵg = ClrAbstractFormComponent;
-    exports.ɵh = ClrAutocompleteOffModule;
-    exports.ɵi = ClrAutocompleteOff;
-    exports.ɵj = ClrBrandAvatarModule;
-    exports.ɵk = ClrBrandAvatar;
+    exports["ɵa"] = TreetableMainRenderer;
+    exports["ɵb"] = TreetableHeaderRenderer;
+    exports["ɵc"] = TreetableRowRenderer;
+    exports["ɵd"] = TreetableCellRenderer;
+    exports["ɵe"] = ClrAddOption;
+    exports["ɵf"] = ClrMultilingualAbstract;
+    exports["ɵg"] = ClrAbstractFormComponent;
+    exports["ɵh"] = ClrAutocompleteOffModule;
+    exports["ɵi"] = ClrAutocompleteOff;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=clr-addons.umd.js.map