@openkit-labs/ngx-kit-ui 0.0.43 → 0.0.44

package/fesm2022/openkit-labs-ngx-kit-ui.mjs

@@ -5731,11 +5731,9 @@ class KitImageComponent {
         effect(() => {
             const url = this.src();
             if (!url) {
-                console.log('[ImageComponent] src is null → error state');
                 this.handleError();
                 return;
             }
-            console.log('[ImageComponent] new src detected:', url);
             this.isLoading.set(true);
             this.errored.set(false);
             this.showImage.set(false);
@@ -5745,18 +5743,15 @@ class KitImageComponent {
             const img = new Image();
             img.src = url;
             img.onload = () => {
-                console.log('[ImageComponent] image loaded successfully');
                 this.imageWidth.set(img.naturalWidth);
                 this.imageHeight.set(img.naturalHeight);
                 setTimeout(() => {
-                    console.log('[ImageComponent] rendering image after 1s delay');
                     this.showImage.set(true);
                     this.isLoading.set(false);
                     this.errored.set(false);
                 }, 100);
             };
             img.onerror = () => {
-                console.error('[ImageComponent] main image failed to load');
                 this.handleError();
             };
         });
@@ -5771,7 +5766,6 @@ class KitImageComponent {
         this.imageHeight.set(200);
         const placeholder = this.errorSrc();
         if (placeholder) {
-            console.log('[ImageComponent] using provided error placeholder:', placeholder);
             // Preload the placeholder image
             const img = new Image();
             img.src = placeholder;
@@ -5780,15 +5774,11 @@ class KitImageComponent {
                 this.imageHeight.set(img.naturalHeight);
                 this.showImage.set(true);
                 this.errored.set(false);
-                console.log('[ImageComponent] error placeholder loaded');
             };
             img.onerror = () => {
-                console.error('[ImageComponent] error placeholder failed to load, using default');
+                // console.error('[ImageComponent] error placeholder failed to load, using default');
             };
         }
-        else {
-            console.log('[ImageComponent] no error placeholder provided, using default fallback');
-        }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.4", ngImport: i0, type: KitImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.4", type: KitImageComponent, isStandalone: true, selector: "kit-image", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, objectFit: { classPropertyName: "objectFit", publicName: "objectFit", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, aspectRatio: { classPropertyName: "aspectRatio", publicName: "aspectRatio", isSignal: true, isRequired: false, transformFunction: null }, borderRadius: { classPropertyName: "borderRadius", publicName: "borderRadius", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"kit-image-container\"\n     [style.object-fit]=\"objectFit()\"\n     [style.width]=\"width() ? width() : (imageWidth() ? imageWidth() + 'px' : '200px')\"\n     [style.height]=\"height() ? height() : (imageHeight() ? imageHeight() + 'px' : '200px')\"\n     [style.aspectRatio]=\"aspectRatio() ?? null\"\n     [style.borderRadius]=\"borderRadius() ?? null\">\n\n    <!-- Image -->\n    @if(showImage())\n    {\n    <ng-container>\n        <img [src]=\"src()\"\n             [style.object-fit]=\"objectFit()\"\n             [style.borderRadius]=\"borderRadius() ?? null\"\n             class=\"kit-image\">\n    </ng-container>\n    }\n\n    <!-- Skeleton shimmer while loading -->\n\n    @if(isLoading())\n    {\n    <ng-container>\n        <div class=\"kit-image-skeleton\"></div>\n    </ng-container>\n    }\n\n    @if(errored() && errorSrc())\n    {\n    <ng-container>\n        <img [src]=\"errorSrc()\"\n             [style.object-fit]=\"objectFit()\"\n             [style.borderRadius]=\"borderRadius() ?? null\"\n             class=\"kit-image\">\n    </ng-container>\n    }\n\n    @if(errored() && !errorSrc())\n    {\n    <ng-container>\n        <div class=\"kit-image-error\"></div>\n    </ng-container>\n    }\n</div>", styles: [":host{display:inline-block}.kit-image-container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--kit-image-border-radius);min-width:100px;min-height:100px}.kit-image{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .2s ease-in-out}.kit-image-skeleton{position:absolute;inset:0;background:linear-gradient(90deg,#ffffff0d,#0000000a 40%,#ffffff0d);background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:inherit}.kit-image-error{position:absolute;inset:0;background:#ffffff0d 100%;border-radius:inherit}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"] });