@colijnit/corecomponents_v12 12.0.99 → 12.0.101

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -2027,21 +2027,34 @@
     ];
 
     var ImageComponent = /** @class */ (function () {
-        function ImageComponent() {
+        function ImageComponent(_sanitizer) {
+            this._sanitizer = _sanitizer;
+            this.showClass = true;
+            this.error = false;
+            this._defaultPlaceholder = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><path d="M35,18l-3-4H22l-3,4H16V36H40V18ZM24,16h6v2H24Zm2.5,18A6.5,6.5,0,1,1,33,27.5,6.51,6.51,0,0,1,26.5,34ZM38,22H36V20h2Z" fill="#484f60"/><rect x="10" y="18" width="5" height="18" fill="#484f60"/><rect x="11" y="15" width="3" height="2" fill="#484f60"/><path d="M26.5,32A4.5,4.5,0,1,1,31,27.5,4.51,4.51,0,0,1,26.5,32Z" fill="#484f60"/></svg>';
         }
+        ImageComponent.prototype.ngOnInit = function () {
+            this.innerPlaceHolder = this._sanitizer.bypassSecurityTrustHtml(this.placeHolder ? this.placeHolder : this._defaultPlaceholder);
+        };
+        ImageComponent.prototype.handleImageError = function (event) {
+            this.error = true;
+        };
         return ImageComponent;
     }());
     ImageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: "co-image",
-                    template: "\n        <img *ngIf=\"!!source\" [src]=\"source\">\n    ",
-                    changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    styles: [":host{display:inline-block}img{width:100%;height:100%;object-fit:contain}\n"]
+                    template: "\n        <ng-container *ngIf=\"!error\">\n            <img *ngIf=\"!!source\" [src]=\"source\" (error)=\"handleImageError($event)\">\n        </ng-container>\n        <ng-container *ngIf=\"error || !source\">\n            <div class=\"no-image-wrapper\">\n                <co-icon [iconData]=\"innerPlaceHolder\"></co-icon>\n                <span [textContent]=\"'geen afbeelding'\"></span>\n            </div>\n        </ng-container>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
-    ImageComponent.ctorParameters = function () { return []; };
+    ImageComponent.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
     ImageComponent.propDecorators = {
-        source: [{ type: i0.Input }]
+        source: [{ type: i0.Input }],
+        placeHolder: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ["class.co-image",] }]
     };
 
     var ImageModule = /** @class */ (function () {
@@ -2051,7 +2064,7 @@
     }());
     ImageModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule],
+                    imports: [common.CommonModule, IconModule],
                     declarations: [ImageComponent],
                     exports: [ImageComponent]
                 },] }
@@ -6970,6 +6983,7 @@
 
     var JAVA_MAX_INT = 2147483647;
 
+    var DEFAULT_LOWER_BOUND_FOR_RANGE_COMPONENTS = -JAVA_MAX_INT;
     var DEFAULT_UPPER_BOUND_FOR_RANGE_COMPONENTS = JAVA_MAX_INT;
 
     // A data type class that represents a stepped-bounds numerical value, with min max and step size. Value is always within these bounds and is auto corrected for incoming manipulation requests.
@@ -6980,7 +6994,7 @@
             // the actual numeric current value, which we ensure always complies to our current min, max and step
             this._value = 0;
             this._valueAsString = "0";
-            this._min = 0;
+            this._min = DEFAULT_LOWER_BOUND_FOR_RANGE_COMPONENTS;
             this._max = DEFAULT_UPPER_BOUND_FOR_RANGE_COMPONENTS;
             this._step = 1; // stepsize before the decimal.
             this._stepDecimals = 0; // derived from step
@@ -7358,7 +7372,7 @@
             },
             // @override
             set: function (model) {
-                this.setValue(model, true);
+                // this.setValue(model, true);
                 _super.prototype.model = model;
             },
             enumerable: false,
@@ -7410,7 +7424,8 @@
             return true;
         };
         InputNumberPickerComponent.prototype.ngOnInit = function () {
-            this.numberLogic.init(true);
+            this.numberLogic.setValue(this.model, true);
+            // this.numberLogic.init(true);
             this._updateButtonsShowState();
         };
         InputNumberPickerComponent.prototype.ngOnDestroy = function () {