@tedi-design-system/angular 9.1.0-rc.1 → 9.1.0-rc.2

package/fesm2022/tedi-design-system-angular-tedi.mjs

@@ -24397,42 +24397,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImpo
         }], ctorParameters: () => [], propDecorators: { tediPrint: [{ type: i0.Input, args: [{ isSignal: true, alias: "tediPrint", required: false }] }], breakBefore: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakBefore", required: false }] }], breakAfter: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakAfter", required: false }] }], breakInside: [{ type: i0.Input, args: [{ isSignal: true, alias: "breakInside", required: false }] }] } });
 
 class VerticalSpacingItemDirective {
-    el = inject(ElementRef);
-    renderer = inject(Renderer2);
     tediVerticalSpacingItem = input(0, ...(ngDevMode ? [{ debugName: "tediVerticalSpacingItem" }] : []));
-    ngAfterViewInit() {
-        this.renderer.addClass(this.el.nativeElement, "tedi-vertical-spacing__item");
-        const spacingValue = `${this.tediVerticalSpacingItem()}em`;
-        this.renderer.setAttribute(this.el.nativeElement, "style", `--vertical-spacing-internal: ${spacingValue}`);
-    }
+    spacingValue = computed(() => `${this.tediVerticalSpacingItem()}em`, ...(ngDevMode ? [{ debugName: "spacingValue" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalSpacingItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.24", type: VerticalSpacingItemDirective, isStandalone: true, selector: "[tediVerticalSpacingItem]", inputs: { tediVerticalSpacingItem: { classPropertyName: "tediVerticalSpacingItem", publicName: "tediVerticalSpacingItem", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.24", type: VerticalSpacingItemDirective, isStandalone: true, selector: "[tediVerticalSpacingItem]", inputs: { tediVerticalSpacingItem: { classPropertyName: "tediVerticalSpacingItem", publicName: "tediVerticalSpacingItem", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--vertical-spacing-internal": "spacingValue()" }, classAttribute: "tedi-vertical-spacing__item" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalSpacingItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[tediVerticalSpacingItem]",
                     standalone: true,
+                    host: {
+                        class: "tedi-vertical-spacing__item",
+                        "[style.--vertical-spacing-internal]": "spacingValue()",
+                    },
                 }]
         }], propDecorators: { tediVerticalSpacingItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "tediVerticalSpacingItem", required: false }] }] } });
 
 class VerticalSpacingDirective {
-    el = inject(ElementRef);
-    renderer = inject(Renderer2);
     tediVerticalSpacing = input(0, ...(ngDevMode ? [{ debugName: "tediVerticalSpacing" }] : []));
-    ngAfterViewInit() {
-        this.renderer.addClass(this.el.nativeElement, "tedi-vertical-spacing");
-        const spacingValue = `${this.tediVerticalSpacing()}em`;
-        this.renderer.setAttribute(this.el.nativeElement, "style", `--vertical-spacing-internal: ${spacingValue}`);
-    }
+    spacingValue = computed(() => `${this.tediVerticalSpacing()}em`, ...(ngDevMode ? [{ debugName: "spacingValue" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalSpacingDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.24", type: VerticalSpacingDirective, isStandalone: true, selector: "[tediVerticalSpacing]", inputs: { tediVerticalSpacing: { classPropertyName: "tediVerticalSpacing", publicName: "tediVerticalSpacing", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.24", type: VerticalSpacingDirective, isStandalone: true, selector: "[tediVerticalSpacing]", inputs: { tediVerticalSpacing: { classPropertyName: "tediVerticalSpacing", publicName: "tediVerticalSpacing", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--vertical-spacing-internal": "spacingValue()" }, classAttribute: "tedi-vertical-spacing" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.24", ngImport: i0, type: VerticalSpacingDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: "[tediVerticalSpacing]",
                     standalone: true,
+                    host: {
+                        class: "tedi-vertical-spacing",
+                        "[style.--vertical-spacing-internal]": "spacingValue()",
+                    },
                 }]
         }], propDecorators: { tediVerticalSpacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "tediVerticalSpacing", required: false }] }] } });