@vallift/ngl 21.0.4 → 21.0.5

package/fesm2022/vallift-ngl.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, input, output, Component, Input, ElementRef, DOCUMENT, Renderer2, EventEmitter, Output, RendererFactory2, HostListener, Directive, computed, ChangeDetectorRef, model, ViewChild, ViewContainerRef, ComponentFactoryResolver, ApplicationRef, Injector, Inject, Pipe, ContentChildren, ChangeDetectionStrategy, effect, viewChild } from '@angular/core';
+import { InjectionToken, inject, Injectable, signal, input, output, Component, ElementRef, DOCUMENT, Renderer2, EventEmitter, Output, RendererFactory2, HostListener, Directive, computed, Input, ChangeDetectorRef, model, ViewChild, ViewContainerRef, ComponentFactoryResolver, ApplicationRef, Injector, Inject, Pipe, ContentChildren, ChangeDetectionStrategy, effect, viewChild } from '@angular/core';
 import * as i1$1 from '@angular/common/http';
 import { HttpClient, HttpHeaders, HttpRequest } from '@angular/common/http';
 import { retry, throwError, Subject, debounceTime, fromEvent, filter as filter$1, take, of } from 'rxjs';
@@ -617,30 +617,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
         }], propDecorators: { borderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderColor", required: false }] }] } });
 
 class AppSvgIconComponent {
-    src;
-    stretch = false;
-    size = 20;
-    svgStyle = {};
-    getStyle() {
-        return { ...this.svgStyle, 'width.px': this.size, 'height.px': this.size };
-    }
+    src = input.required(...(ngDevMode ? [{ debugName: "src" }] : []));
+    stretch = input(false, ...(ngDevMode ? [{ debugName: "stretch" }] : []));
+    size = input(20, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    svgStyle = input({}, ...(ngDevMode ? [{ debugName: "svgStyle" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AppSvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: AppSvgIconComponent, isStandalone: true, selector: "app-svg-icon", inputs: { src: "src", stretch: "stretch", size: "size", svgStyle: "svgStyle" }, ngImport: i0, template: "<svg-icon [src]=\"src\" [stretch]=\"stretch\" [svgStyle]=\"getStyle()\">\n</svg-icon>\n", styles: [""], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: AppSvgIconComponent, isStandalone: true, selector: "app-svg-icon", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, stretch: { classPropertyName: "stretch", publicName: "stretch", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, svgStyle: { classPropertyName: "svgStyle", publicName: "svgStyle", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<svg-icon [src]=\"src()\" [stretch]=\"stretch()\" [svgStyle]=\"{ 'width.px':size() }\">\n</svg-icon>\n", styles: [""], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "svgClass", "class", "viewBox", "svgAriaLabel", "onSVGLoaded", "svgStyle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: AppSvgIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-svg-icon', standalone: true, imports: [
                         SvgIconComponent
-                    ], template: "<svg-icon [src]=\"src\" [stretch]=\"stretch\" [svgStyle]=\"getStyle()\">\n</svg-icon>\n" }]
-        }], propDecorators: { src: [{
-                type: Input
-            }], stretch: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], svgStyle: [{
-                type: Input
-            }] } });
+                    ], template: "<svg-icon [src]=\"src()\" [stretch]=\"stretch()\" [svgStyle]=\"{ 'width.px':size() }\">\n</svg-icon>\n" }]
+        }], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: true }] }], stretch: [{ type: i0.Input, args: [{ isSignal: true, alias: "stretch", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], svgStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "svgStyle", required: false }] }] } });
 
 class ButtonComponent {
     elementRef = inject(ElementRef);