@progress/kendo-angular-typography 25.0.0-develop.2 → 25.0.0-develop.4

package/fesm2022/progress-kendo-angular-typography.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Input, Directive, NgModule } from '@angular/core';
+import { signal, effect, Input, Directive, NgModule } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 
 /**
@@ -73,8 +73,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783688792,
-    version: '25.0.0-develop.2',
+    publishDate: 1783940427,
+    version: '25.0.0-develop.4',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -94,36 +94,46 @@ class TypographyDirective {
     /**
      * Specifies the element `variant` class that will be applied.
      */
-    variant;
+    set variant(value) { this._variant.set(value); }
+    get variant() { return this._variant(); }
     /**
      * Sets the element `font-size` style.
      */
-    fontSize;
+    set fontSize(value) { this._fontSize.set(value); }
+    get fontSize() { return this._fontSize(); }
     /**
      * Sets the element `font-weight` style.
      */
-    fontWeight;
+    set fontWeight(value) { this._fontWeight.set(value); }
+    get fontWeight() { return this._fontWeight(); }
     /**
      * Sets the element `text-align` style.
      */
-    textAlign;
+    set textAlign(value) { this._textAlign.set(value); }
+    get textAlign() { return this._textAlign(); }
     /**
      * Sets the element `text-transform` style.
      */
-    textTransform;
+    set textTransform(value) { this._textTransform.set(value); }
+    get textTransform() { return this._textTransform(); }
     /**
      * Applies the `theme-color` to the element.
      */
-    themeColor;
+    set themeColor(value) { this._themeColor.set(value); }
+    get themeColor() { return this._themeColor(); }
     typographyClasses = [];
+    _variant = signal(undefined, ...(ngDevMode ? [{ debugName: "_variant" }] : []));
+    _fontSize = signal(undefined, ...(ngDevMode ? [{ debugName: "_fontSize" }] : []));
+    _fontWeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_fontWeight" }] : []));
+    _textAlign = signal(undefined, ...(ngDevMode ? [{ debugName: "_textAlign" }] : []));
+    _textTransform = signal(undefined, ...(ngDevMode ? [{ debugName: "_textTransform" }] : []));
+    _themeColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_themeColor" }] : []));
     constructor(elementWrapper, renderer, element) {
         this.elementWrapper = elementWrapper;
         this.renderer = renderer;
         this.element = element;
         validatePackage(packageMetadata);
-    }
-    ngOnChanges() {
-        this.setTypographyClasses();
+        effect(() => { this.setTypographyClasses(); });
     }
     variantClass() {
         return typographyVariantOptions[this.variant];
@@ -163,7 +173,7 @@ class TypographyDirective {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor" }, exportAs: ["kendoTypography"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,

package/index.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { OnChanges, ElementRef, Renderer2 } from '@angular/core';
+import { ElementRef, Renderer2 } from '@angular/core';
 
 /**
  * Sets the font size.
@@ -121,37 +121,48 @@ type TypographyVariant = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code'
  * <div kendoTypography variant="k-h1"></div>
  * ```
  */
-declare class TypographyDirective implements OnChanges {
+declare class TypographyDirective {
     elementWrapper: ElementRef;
     private renderer;
     private element;
     /**
      * Specifies the element `variant` class that will be applied.
      */
-    variant: TypographyVariant;
+    set variant(value: TypographyVariant);
+    get variant(): TypographyVariant;
     /**
      * Sets the element `font-size` style.
      */
-    fontSize: TypographyFontSize;
+    set fontSize(value: TypographyFontSize);
+    get fontSize(): TypographyFontSize;
     /**
      * Sets the element `font-weight` style.
      */
-    fontWeight: TypographyFontWeight;
+    set fontWeight(value: TypographyFontWeight);
+    get fontWeight(): TypographyFontWeight;
     /**
      * Sets the element `text-align` style.
      */
-    textAlign: TypographyTextAlign;
+    set textAlign(value: TypographyTextAlign);
+    get textAlign(): TypographyTextAlign;
     /**
      * Sets the element `text-transform` style.
      */
-    textTransform: TypographyTextTransform;
+    set textTransform(value: TypographyTextTransform);
+    get textTransform(): TypographyTextTransform;
     /**
      * Applies the `theme-color` to the element.
      */
-    themeColor: TypographyThemeColor;
+    set themeColor(value: TypographyThemeColor);
+    get themeColor(): TypographyThemeColor;
     private typographyClasses;
+    private _variant;
+    private _fontSize;
+    private _fontWeight;
+    private _textAlign;
+    private _textTransform;
+    private _themeColor;
     constructor(elementWrapper: ElementRef, renderer: Renderer2, element: ElementRef);
-    ngOnChanges(): void;
     private variantClass;
     private themeColorClass;
     private textAlignClass;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1783688792,
-  "version": "25.0.0-develop.2",
+  "publishDate": 1783940427,
+  "version": "25.0.0-develop.4",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-typography",
-  "version": "25.0.0-develop.2",
+  "version": "25.0.0-develop.4",
   "description": "Kendo UI Angular Typography",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1783688792,
+      "publishDate": 1783940427,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,12 +29,12 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.0.0-develop.2",
+    "@progress/kendo-angular-common": "25.0.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.0.0-develop.2"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.4"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-typography.mjs",