@progress/kendo-angular-typography 21.4.1 → 22.0.0

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 { Directive, Input, NgModule } from '@angular/core';
+import { 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: 1768393350,
-    version: '21.4.1',
+    publishDate: 1768402549,
+    version: '22.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -162,10 +162,10 @@ class TypographyDirective {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", 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 ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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: "19.2.18", 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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTypography]',
@@ -240,11 +240,11 @@ const KENDO_TYPOGRAPHY = [
  * ```
  */
 class TypographyModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TypographyModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TypographyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_TYPOGRAPHY],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-typography",
-  "version": "21.4.1",
+  "version": "22.0.0",
   "description": "Kendo UI Angular Typography",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -15,26 +15,20 @@
     "Typography"
   ],
   "@progress": {
-    "friendlyName": "Typography",
-    "package": {
-      "productName": "Kendo UI for Angular",
-      "productCode": "KENDOUIANGULAR",
-      "publishDate": 1768393350,
-      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
-    }
+    "friendlyName": "Typography"
   },
   "peerDependencies": {
-    "@angular/animations": "18 - 21",
-    "@angular/common": "18 - 21",
-    "@angular/core": "18 - 21",
-    "@angular/platform-browser": "18 - 21",
+    "@angular/animations": "19 - 21",
+    "@angular/common": "19 - 21",
+    "@angular/core": "19 - 21",
+    "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.4.1",
+    "@progress/kendo-angular-common": "22.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.4.1"
+    "@progress/kendo-angular-schematics": "22.0.0"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-typography.mjs",
@@ -45,8 +39,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/progress-kendo-angular-typography.mjs",
-      "esm": "./esm2022/progress-kendo-angular-typography.mjs",
       "default": "./fesm2022/progress-kendo-angular-typography.mjs"
     }
   },

package/esm2022/directives.mjs

@@ -1,25 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { TypographyDirective } from "./typography.directive";
-/**
- * Use this utility array to access all `@progress/kendo-angular-typography`-related components and directives in a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { Component } from '@angular/core';
- * import { KENDO_TYPOGRAPHY } from '@progress/kendo-angular-typography';
- *
- * @Component({
- *   selector: 'my-app',
- *   standalone: true,
- *   imports: [KENDO_TYPOGRAPHY],
- *   template: `<div kendoTypography variant="k-h1"></div>`
- * })
- * export class AppComponent {}
- * ```
- */
-export const KENDO_TYPOGRAPHY = [
-    TypographyDirective
-];

package/esm2022/index.mjs

@@ -1,7 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export { TypographyModule } from './typography.module';
-export { TypographyDirective } from './typography.directive';
-export * from './directives';

package/esm2022/models/font-size.mjs

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const typographyFontSizeOptions = {
-    'xs': 'k-fs-xs',
-    'sm': 'k-fs-sm',
-    'md': 'k-fs-md',
-    'lg': 'k-fs-lg',
-    'xl': 'k-fs-xl'
-};

package/esm2022/models/font-weight.mjs

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const typographyFontWeightOptions = {
-    'light': 'k-font-weight-light',
-    'normal': 'k-font-weight-normal',
-    'bold': 'k-font-weight-bold'
-};

package/esm2022/models/text-align.mjs

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const typographyTextAlignOptions = {
-    'left': 'k-text-left',
-    'right': 'k-text-right',
-    'center': 'k-text-center',
-    'justify': 'k-text-justify'
-};

package/esm2022/models/text-transform.mjs

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const typographyTextTransformOptions = {
-    'lowercase': 'k-text-lowercase',
-    'uppercase': 'k-text-uppercase',
-    'capitalize': 'k-text-capitalize'
-};

package/esm2022/models/theme-color.mjs

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Sets the theme color.
- *
- * You can use these values:
- * * `inherit` (Default)—Uses coloring based on the current color.
- * * `primary`—Uses coloring based on primary theme color.
- * * `secondary`—Uses coloring based on secondary theme color.
- * * `tertiary`—Uses coloring based on tertiary theme color.
- * * `info`—Uses coloring based on info theme color.
- * * `success`—Uses coloring based on success theme color.
- * * `warning`—Uses coloring based on warning theme color.
- * * `error`—Uses coloring based on error theme color.
- * * `dark`—Uses coloring based on dark theme color.
- * * `light`—Uses coloring based on light theme color.
- * * `inverse`—Uses coloring based on inverse theme color.
- */
-export {};

package/esm2022/models/variant.mjs

@@ -1,18 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const typographyVariantOptions = {
-    'p': 'k-paragraph',
-    'h1': 'k-h1',
-    'h2': 'k-h2',
-    'h3': 'k-h3',
-    'h4': 'k-h4',
-    'h5': 'k-h5',
-    'h6': 'k-h6',
-    'code': 'k-code',
-    'pre': 'k-pre'
-};

package/esm2022/package-metadata.mjs

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const packageMetadata = {
-    name: '@progress/kendo-angular-typography',
-    productName: 'Kendo UI for Angular',
-    productCode: 'KENDOUIANGULAR',
-    productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1768393350,
-    version: '21.4.1',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};

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

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/typography.directive.mjs

@@ -1,121 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input, ElementRef, Renderer2 } from '@angular/core';
-import { typographyFontSizeOptions } from './models/font-size';
-import { typographyFontWeightOptions } from './models/font-weight';
-import { typographyTextAlignOptions } from './models/text-align';
-import { typographyTextTransformOptions } from './models/text-transform';
-import { typographyVariantOptions } from './models/variant';
-import { isPresent } from './utils';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-import * as i0 from "@angular/core";
-/**
- * Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
- * Use this directive to represent element types in a uniform way by relying on the predefined Kendo theme classes.
- *
- * @example
- * ```html
- * <div kendoTypography variant="k-h1"></div>
- * ```
- */
-export class TypographyDirective {
-    elementWrapper;
-    renderer;
-    element;
-    /**
-     * Specifies the element `variant` class that will be applied.
-     */
-    variant;
-    /**
-     * Sets the element `font-size` style.
-     */
-    fontSize;
-    /**
-     * Sets the element `font-weight` style.
-     */
-    fontWeight;
-    /**
-     * Sets the element `text-align` style.
-     */
-    textAlign;
-    /**
-     * Sets the element `text-transform` style.
-     */
-    textTransform;
-    /**
-     * Applies the `theme-color` to the element.
-     */
-    themeColor;
-    typographyClasses = [];
-    constructor(elementWrapper, renderer, element) {
-        this.elementWrapper = elementWrapper;
-        this.renderer = renderer;
-        this.element = element;
-        validatePackage(packageMetadata);
-    }
-    ngOnChanges() {
-        this.setTypographyClasses();
-    }
-    variantClass() {
-        return typographyVariantOptions[this.variant];
-    }
-    themeColorClass() {
-        return isPresent(this.themeColor) ? `k-color-${this.themeColor}` : null;
-    }
-    textAlignClass() {
-        return typographyTextAlignOptions[this.textAlign];
-    }
-    fontWeightClass() {
-        return typographyFontWeightOptions[this.fontWeight];
-    }
-    fontSizeClass() {
-        return typographyFontSizeOptions[this.fontSize];
-    }
-    textTransformClass() {
-        return typographyTextTransformOptions[this.textTransform];
-    }
-    setTypographyClasses() {
-        const element = this.element.nativeElement;
-        this.typographyClasses.forEach((className) => {
-            this.renderer.removeClass(element, className);
-        });
-        this.typographyClasses = [
-            this.variantClass(),
-            this.fontSizeClass(),
-            this.fontWeightClass(),
-            this.textTransformClass(),
-            this.textAlignClass(),
-            this.themeColorClass()
-        ];
-        this.typographyClasses.forEach((className) => {
-            if (isPresent(className)) {
-                this.renderer.addClass(element, className);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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: "18.2.14", 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 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTypography]',
-                    exportAs: 'kendoTypography',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { variant: [{
-                type: Input
-            }], fontSize: [{
-                type: Input
-            }], fontWeight: [{
-                type: Input
-            }], textAlign: [{
-                type: Input
-            }], textTransform: [{
-                type: Input
-            }], themeColor: [{
-                type: Input
-            }] } });

package/esm2022/typography.module.mjs

@@ -1,52 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { KENDO_TYPOGRAPHY } from './directives';
-import * as i0 from "@angular/core";
-import * as i1 from "./typography.directive";
-//IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Typography component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Typography module
- * import { TypographyModule } from '@progress/kendo-angular-typography';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, TypographyModule], // import Typography module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule { }
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-export class TypographyModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule, imports: [i1.TypographyDirective], exports: [i1.TypographyDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TypographyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_TYPOGRAPHY],
-                    exports: [...KENDO_TYPOGRAPHY]
-                }]
-        }] });

package/esm2022/utils.mjs

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const isPresent = (value) => value !== null && value !== undefined;