@vallift/ngl 0.0.1 → 0.0.2

package/components/app-svg-icon/app-svg-icon.component.d.ts

@@ -1,11 +1,15 @@
 import * as i0 from "@angular/core";
 export declare class AppSvgIconComponent {
-    src: import("@angular/core").InputSignal<string>;
-    stretch: import("@angular/core").InputSignal<boolean>;
-    size: import("@angular/core").InputSignal<number>;
-    svgStyle: import("@angular/core").InputSignal<{
+    src: string;
+    stretch: boolean;
+    size: number;
+    svgStyle: {
         [key: string]: any;
-    }>;
+    };
+    getStyle(): {
+        'width.px': number;
+        'height.px': number;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<AppSvgIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AppSvgIconComponent, "app-svg-icon", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "stretch": { "alias": "stretch"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "svgStyle": { "alias": "svgStyle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppSvgIconComponent, "app-svg-icon", never, { "src": { "alias": "src"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "size": { "alias": "size"; "required": false; }; "svgStyle": { "alias": "svgStyle"; "required": false; }; }, {}, never, never, true, never>;
 }

package/fesm2022/vallift-ngl.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, signal, input, output, Component, ElementRef, Renderer2, EventEmitter, Output, RendererFactory2, HostListener, Directive, computed, Input, ViewChild, Inject, Pipe, ViewContainerRef, ContentChildren, ChangeDetectionStrategy, ChangeDetectorRef, viewChild } from '@angular/core';
+import { InjectionToken, inject, Injectable, signal, input, output, Component, Input, ElementRef, Renderer2, EventEmitter, Output, RendererFactory2, HostListener, Directive, computed, ViewChild, Inject, Pipe, ViewContainerRef, ContentChildren, ChangeDetectionStrategy, ChangeDetectorRef, 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';
@@ -616,19 +616,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
         }] });
 
 class AppSvgIconComponent {
-    src = input.required();
-    stretch = input(false);
-    size = input(24);
-    svgStyle = input({});
+    src;
+    stretch = false;
+    size = 24;
+    svgStyle = {};
+    getStyle() {
+        return { ...this.svgStyle, 'width.px': this.size, 'height.px': this.size };
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AppSvgIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.7", 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: AppSvgIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-svg-icon', standalone: true, imports: [
                         SvgIconComponent
-                    ], template: "<svg-icon [src]=\"src()\" [stretch]=\"stretch()\" [svgStyle]=\"{ 'width.px':size() }\">\n</svg-icon>\n" }]
-        }] });
+                    ], 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
+            }] } });
 
 class ButtonComponent {
     elementRef = inject(ElementRef);