@progress/kendo-angular-typography 17.0.0-develop.8 → 17.0.0

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-typography',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170387,
-    version: '17.0.0-develop.8',
+    publishDate: 1731414205,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/typography.directive.mjs

@@ -5,8 +5,6 @@
 import { Directive, Input, ElementRef, Renderer2 } from '@angular/core';
 import { typographyFontSizeOptions } from './models/font-size';
 import { typographyFontWeightOptions } from './models/font-weight';
-import { typographyMarginOptions } from './models/margin';
-import { marginSides } from './models/margin-sides';
 import { typographyTextAlignOptions } from './models/text-align';
 import { typographyTextTransformOptions } from './models/text-transform';
 import { typographyVariantOptions } from './models/variant';
@@ -24,11 +22,38 @@ import * as i0 from "@angular/core";
  * ```
  */
 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;
-        this.typographyClasses = [];
         validatePackage(packageMetadata);
     }
     ngOnChanges() {
@@ -52,26 +77,6 @@ export class TypographyDirective {
     textTransformClass() {
         return typographyTextTransformOptions[this.textTransform];
     }
-    setMarginClassPerSide(marginSide, value) {
-        return `${marginSides[marginSide]}${value}`;
-    }
-    marginClasses() {
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return [`k-m-${this.margin}`];
-        }
-        if (typeof (this.margin) === 'object') {
-            const marginClasses = [];
-            Object.keys(this.margin).forEach(key => {
-                if (isPresent(this.margin[key])) {
-                    marginClasses.push(this.setMarginClassPerSide(key, this.margin[key]));
-                }
-            });
-            return marginClasses;
-        }
-    }
     setTypographyClasses() {
         const element = this.element.nativeElement;
         this.typographyClasses.forEach((className) => {
@@ -85,21 +90,16 @@ export class TypographyDirective {
             this.textAlignClass(),
             this.themeColorClass()
         ];
-        if (this.margin) {
-            this.marginClasses().forEach(className => {
-                this.typographyClasses.push(className);
-            });
-        }
         this.typographyClasses.forEach((className) => {
             if (isPresent(className)) {
                 this.renderer.addClass(element, className);
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", 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 });
 }
-TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTypography]',
@@ -118,6 +118,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], themeColor: [{
                 type: Input
-            }], margin: [{
-                type: Input
             }] } });

package/{esm2020 → esm2022}/typography.module.mjs

@@ -39,11 +39,11 @@ import * as i1 from "./typography.directive";
  * ```
  */
 export class TypographyModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, imports: [i1.TypographyDirective], exports: [i1.TypographyDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule });
 }
-TypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, imports: [i1.TypographyDirective], exports: [i1.TypographyDirective] });
-TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_TYPOGRAPHY],

package/{fesm2015 → fesm2022}/progress-kendo-angular-typography.mjs

@@ -26,88 +26,6 @@ const typographyFontWeightOptions = {
     'bold': 'k-font-weight-bold'
 };
 
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-/**
- * @hidden
- */
-const typographyMarginOptions = {
-    'xs': 'k-m-xs',
-    'sm': 'k-m-sm',
-    'md': 'k-m-md',
-    'lg': 'k-m-lg',
-    'xl': 'k-m-xl',
-    'thin': 'k-m-thin',
-    'hair': 'k-m-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginTopOptions = {
-    'xs': 'k-mt-xs',
-    'sm': 'k-mt-sm',
-    'md': 'k-mt-md',
-    'lg': 'k-mt-lg',
-    'xl': 'k-mt-xl',
-    'thin': 'k-mt-thin',
-    'hair': 'k-mt-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginBottomOptions = {
-    'xs': 'k-mb-xs',
-    'sm': 'k-mb-sm',
-    'md': 'k-mb-md',
-    'lg': 'k-mb-lg',
-    'xl': 'k-mb-xl',
-    'thin': 'k-mb-thin',
-    'hair': 'k-mb-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginLeftOptions = {
-    'xs': 'k-ml-xs',
-    'sm': 'k-ml-sm',
-    'md': 'k-ml-md',
-    'lg': 'k-ml-lg',
-    'xl': 'k-ml-xl',
-    'thin': 'k-ml-thin',
-    'hair': 'k-ml-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginRightOptions = {
-    'xs': 'k-mr-xs',
-    'sm': 'k-mr-sm',
-    'md': 'k-mr-md',
-    'lg': 'k-mr-lg',
-    'xl': 'k-mr-xl',
-    'thin': 'k-mr-thin',
-    'hair': 'k-mr-hair'
-};
-
-/**
- * @hidden
- */
-const marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};
-
 /**
  * @hidden
  */
@@ -154,8 +72,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-typography',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170387,
-    version: '17.0.0-develop.8',
+    publishDate: 1731414205,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -169,11 +87,38 @@ const packageMetadata = {
  * ```
  */
 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;
-        this.typographyClasses = [];
         validatePackage(packageMetadata);
     }
     ngOnChanges() {
@@ -197,26 +142,6 @@ class TypographyDirective {
     textTransformClass() {
         return typographyTextTransformOptions[this.textTransform];
     }
-    setMarginClassPerSide(marginSide, value) {
-        return `${marginSides[marginSide]}${value}`;
-    }
-    marginClasses() {
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return [`k-m-${this.margin}`];
-        }
-        if (typeof (this.margin) === 'object') {
-            const marginClasses = [];
-            Object.keys(this.margin).forEach(key => {
-                if (isPresent(this.margin[key])) {
-                    marginClasses.push(this.setMarginClassPerSide(key, this.margin[key]));
-                }
-            });
-            return marginClasses;
-        }
-    }
     setTypographyClasses() {
         const element = this.element.nativeElement;
         this.typographyClasses.forEach((className) => {
@@ -230,21 +155,16 @@ class TypographyDirective {
             this.textAlignClass(),
             this.themeColorClass()
         ];
-        if (this.margin) {
-            this.marginClasses().forEach(className => {
-                this.typographyClasses.push(className);
-            });
-        }
         this.typographyClasses.forEach((className) => {
             if (isPresent(className)) {
                 this.renderer.addClass(element, className);
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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: "16.2.12", 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 });
 }
-TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTypography]',
@@ -263,8 +183,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], themeColor: [{
                 type: Input
-            }], margin: [{
-                type: Input
             }] } });
 
 /**
@@ -307,11 +225,11 @@ const KENDO_TYPOGRAPHY = [
  * ```
  */
 class TypographyModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule });
 }
-TypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
-TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_TYPOGRAPHY],

package/index.d.ts

@@ -10,5 +10,4 @@ export { TypographyTextAlign } from './models/text-align';
 export { TypographyTextTransform } from './models/text-transform';
 export { TypographyVariant } from './models/variant';
 export { TypographyThemeColor } from './models/theme-color';
-export { TypographyMargin } from './models/margin';
 export * from './directives';

package/models/font-size.d.ts

@@ -32,7 +32,7 @@
  * * `lg`—font-size: 16px
  * * `xl`—font-size: 20px
  */
-export declare type TypographyFontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type TypographyFontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /**
  * @hidden
  */

package/models/font-weight.d.ts

@@ -10,7 +10,7 @@
  * * `normal`—font-weight: 400
  * * `bold` For Default and Bootstrap themes—font-weight: 700. For Material theme—font-weight: 500.
  */
-export declare type TypographyFontWeight = 'light' | 'normal' | 'bold';
+export type TypographyFontWeight = 'light' | 'normal' | 'bold';
 /**
  * @hidden
  */

package/models/text-align.d.ts

@@ -12,7 +12,7 @@
  * * `justify`—text-align: justify
  *
  */
-export declare type TypographyTextAlign = 'left' | 'right' | 'center' | 'justify';
+export type TypographyTextAlign = 'left' | 'right' | 'center' | 'justify';
 /**
  * @hidden
  */

package/models/text-transform.d.ts

@@ -11,7 +11,7 @@
  * * `capitalize`—text-transform: capitalize
  *
  */
-export declare type TypographyTextTransform = 'lowercase' | 'uppercase' | 'capitalize';
+export type TypographyTextTransform = 'lowercase' | 'uppercase' | 'capitalize';
 /**
  * @hidden
  */

package/models/theme-color.d.ts

@@ -19,4 +19,4 @@
  * * `inverse`— Applies coloring based on inverse theme color.
  *
  */
-export declare type TypographyThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+export type TypographyThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/models/variant.d.ts

@@ -26,7 +26,7 @@
  * * `code`— `k-code`
  * * `pre`— `k-pre`
  */
-export declare type TypographyVariant = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'pre';
+export type TypographyVariant = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'pre';
 /**
  * @hidden
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-typography",
-  "version": "17.0.0-develop.8",
+  "version": "17.0.0",
   "description": "Kendo UI Angular Typography",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -18,24 +18,20 @@
     "friendlyName": "Typography"
   },
   "peerDependencies": {
-    "@angular/animations": "15 - 18",
-    "@angular/common": "15 - 18",
-    "@angular/core": "15 - 18",
-    "@angular/platform-browser": "15 - 18",
+    "@angular/animations": "16 - 18",
+    "@angular/common": "16 - 18",
+    "@angular/core": "16 - 18",
+    "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.8",
+    "@progress/kendo-angular-common": "17.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.8"
+    "@progress/kendo-angular-schematics": "17.0.0"
   },
   "schematics": "./schematics/collection.json",
-  "module": "fesm2015/progress-kendo-angular-typography.mjs",
-  "es2020": "fesm2020/progress-kendo-angular-typography.mjs",
-  "esm2020": "esm2020/progress-kendo-angular-typography.mjs",
-  "fesm2020": "fesm2020/progress-kendo-angular-typography.mjs",
-  "fesm2015": "fesm2015/progress-kendo-angular-typography.mjs",
+  "module": "fesm2022/progress-kendo-angular-typography.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -43,11 +39,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/progress-kendo-angular-typography.mjs",
-      "es2020": "./fesm2020/progress-kendo-angular-typography.mjs",
-      "es2015": "./fesm2015/progress-kendo-angular-typography.mjs",
-      "node": "./fesm2015/progress-kendo-angular-typography.mjs",
-      "default": "./fesm2020/progress-kendo-angular-typography.mjs"
+      "esm2022": "./esm2022/progress-kendo-angular-typography.mjs",
+      "esm": "./esm2022/progress-kendo-angular-typography.mjs",
+      "default": "./fesm2022/progress-kendo-angular-typography.mjs"
     }
   },
   "sideEffects": false

package/typography.directive.d.ts

@@ -5,7 +5,6 @@
 import { ElementRef, Renderer2, OnChanges } from '@angular/core';
 import { TypographyFontSize } from './models/font-size';
 import { TypographyFontWeight } from './models/font-weight';
-import { TypographyMargin } from './models/margin';
 import { TypographyTextAlign } from './models/text-align';
 import { TypographyTextTransform } from './models/text-transform';
 import { TypographyThemeColor } from './models/theme-color';
@@ -48,10 +47,6 @@ export declare class TypographyDirective implements OnChanges {
      * Applies the theme color to the element.
      */
     themeColor: TypographyThemeColor;
-    /**
-     * Applies the margin sizes to the element.
-     */
-    margin: TypographyMargin;
     private typographyClasses;
     constructor(elementWrapper: ElementRef, renderer: Renderer2, element: ElementRef);
     ngOnChanges(): void;
@@ -61,9 +56,7 @@ export declare class TypographyDirective implements OnChanges {
     private fontWeightClass;
     private fontSizeClass;
     private textTransformClass;
-    private setMarginClassPerSide;
-    private marginClasses;
     private setTypographyClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<TypographyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TypographyDirective, "[kendoTypography]", ["kendoTypography"], { "variant": "variant"; "fontSize": "fontSize"; "fontWeight": "fontWeight"; "textAlign": "textAlign"; "textTransform": "textTransform"; "themeColor": "themeColor"; "margin": "margin"; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TypographyDirective, "[kendoTypography]", ["kendoTypography"], { "variant": { "alias": "variant"; "required": false; }; "fontSize": { "alias": "fontSize"; "required": false; }; "fontWeight": { "alias": "fontWeight"; "required": false; }; "textAlign": { "alias": "textAlign"; "required": false; }; "textTransform": { "alias": "textTransform"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; }, {}, never, never, true, never>;
 }

package/esm2020/models/margin-sides.mjs

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};

package/esm2020/models/margin.mjs

@@ -1,75 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-/**
- * @hidden
- */
-export const typographyMarginOptions = {
-    'xs': 'k-m-xs',
-    'sm': 'k-m-sm',
-    'md': 'k-m-md',
-    'lg': 'k-m-lg',
-    'xl': 'k-m-xl',
-    'thin': 'k-m-thin',
-    'hair': 'k-m-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginTopOptions = {
-    'xs': 'k-mt-xs',
-    'sm': 'k-mt-sm',
-    'md': 'k-mt-md',
-    'lg': 'k-mt-lg',
-    'xl': 'k-mt-xl',
-    'thin': 'k-mt-thin',
-    'hair': 'k-mt-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginBottomOptions = {
-    'xs': 'k-mb-xs',
-    'sm': 'k-mb-sm',
-    'md': 'k-mb-md',
-    'lg': 'k-mb-lg',
-    'xl': 'k-mb-xl',
-    'thin': 'k-mb-thin',
-    'hair': 'k-mb-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginLeftOptions = {
-    'xs': 'k-ml-xs',
-    'sm': 'k-ml-sm',
-    'md': 'k-ml-md',
-    'lg': 'k-ml-lg',
-    'xl': 'k-ml-xl',
-    'thin': 'k-ml-thin',
-    'hair': 'k-ml-hair'
-};
-/**
- * @hidden
- */
-export const typographyMarginRightOptions = {
-    'xs': 'k-mr-xs',
-    'sm': 'k-mr-sm',
-    'md': 'k-mr-md',
-    'lg': 'k-mr-lg',
-    'xl': 'k-mr-xl',
-    'thin': 'k-mr-thin',
-    'hair': 'k-mr-hair'
-};

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

@@ -1,327 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* 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 { validatePackage } from '@progress/kendo-licensing';
-
-/**
- * @hidden
- */
-const typographyFontSizeOptions = {
-    'xs': 'k-fs-xs',
-    'sm': 'k-fs-sm',
-    'md': 'k-fs-md',
-    'lg': 'k-fs-lg',
-    'xl': 'k-fs-xl'
-};
-
-/**
- * @hidden
- */
-const typographyFontWeightOptions = {
-    'light': 'k-font-weight-light',
-    'normal': 'k-font-weight-normal',
-    'bold': 'k-font-weight-bold'
-};
-
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-/**
- * @hidden
- */
-const typographyMarginOptions = {
-    'xs': 'k-m-xs',
-    'sm': 'k-m-sm',
-    'md': 'k-m-md',
-    'lg': 'k-m-lg',
-    'xl': 'k-m-xl',
-    'thin': 'k-m-thin',
-    'hair': 'k-m-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginTopOptions = {
-    'xs': 'k-mt-xs',
-    'sm': 'k-mt-sm',
-    'md': 'k-mt-md',
-    'lg': 'k-mt-lg',
-    'xl': 'k-mt-xl',
-    'thin': 'k-mt-thin',
-    'hair': 'k-mt-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginBottomOptions = {
-    'xs': 'k-mb-xs',
-    'sm': 'k-mb-sm',
-    'md': 'k-mb-md',
-    'lg': 'k-mb-lg',
-    'xl': 'k-mb-xl',
-    'thin': 'k-mb-thin',
-    'hair': 'k-mb-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginLeftOptions = {
-    'xs': 'k-ml-xs',
-    'sm': 'k-ml-sm',
-    'md': 'k-ml-md',
-    'lg': 'k-ml-lg',
-    'xl': 'k-ml-xl',
-    'thin': 'k-ml-thin',
-    'hair': 'k-ml-hair'
-};
-/**
- * @hidden
- */
-const typographyMarginRightOptions = {
-    'xs': 'k-mr-xs',
-    'sm': 'k-mr-sm',
-    'md': 'k-mr-md',
-    'lg': 'k-mr-lg',
-    'xl': 'k-mr-xl',
-    'thin': 'k-mr-thin',
-    'hair': 'k-mr-hair'
-};
-
-/**
- * @hidden
- */
-const marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};
-
-/**
- * @hidden
- */
-const typographyTextAlignOptions = {
-    'left': 'k-text-left',
-    'right': 'k-text-right',
-    'center': 'k-text-center',
-    'justify': 'k-text-justify'
-};
-
-/**
- * @hidden
- */
-const typographyTextTransformOptions = {
-    'lowercase': 'k-text-lowercase',
-    'uppercase': 'k-text-uppercase',
-    'capitalize': 'k-text-capitalize'
-};
-
-/**
- * @hidden
- */
-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'
-};
-
-/**
- * @hidden
- */
-const isPresent = (value) => value !== null && value !== undefined;
-
-/**
- * @hidden
- */
-const packageMetadata = {
-    name: '@progress/kendo-angular-typography',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729170387,
-    version: '17.0.0-develop.8',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
-};
-
-/**
- * Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
- * Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.
- *
- * @example
- * ```ts-no-run
- * <div kendoTypography variant="k-h1"></div>
- * ```
- */
-class TypographyDirective {
-    constructor(elementWrapper, renderer, element) {
-        this.elementWrapper = elementWrapper;
-        this.renderer = renderer;
-        this.element = element;
-        this.typographyClasses = [];
-        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];
-    }
-    setMarginClassPerSide(marginSide, value) {
-        return `${marginSides[marginSide]}${value}`;
-    }
-    marginClasses() {
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return [`k-m-${this.margin}`];
-        }
-        if (typeof (this.margin) === 'object') {
-            const marginClasses = [];
-            Object.keys(this.margin).forEach(key => {
-                if (isPresent(this.margin[key])) {
-                    marginClasses.push(this.setMarginClassPerSide(key, this.margin[key]));
-                }
-            });
-            return marginClasses;
-        }
-    }
-    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()
-        ];
-        if (this.margin) {
-            this.marginClasses().forEach(className => {
-                this.typographyClasses.push(className);
-            });
-        }
-        this.typographyClasses.forEach((className) => {
-            if (isPresent(className)) {
-                this.renderer.addClass(element, className);
-            }
-        });
-    }
-}
-TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TypographyDirective, isStandalone: true, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoTypography]',
-                    exportAs: 'kendoTypography',
-                    standalone: true
-                }]
-        }], ctorParameters: function () { return [{ 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
-            }], margin: [{
-                type: Input
-            }] } });
-
-/**
- * Utility array that contains all `@progress/kendo-angular-typography` related components and directives
- */
-const KENDO_TYPOGRAPHY = [
-    TypographyDirective
-];
-
-//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);
- *
- * ```
- */
-class TypographyModule {
-}
-TypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
-TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [...KENDO_TYPOGRAPHY],
-                    exports: [...KENDO_TYPOGRAPHY]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { KENDO_TYPOGRAPHY, TypographyDirective, TypographyModule };
-

package/models/margin-sides.d.ts

@@ -1,13 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare const marginSides: {
-    top: string;
-    right: string;
-    bottom: string;
-    left: string;
-};

package/models/margin.d.ts

@@ -1,123 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the applied margin to the element.
- *
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
- *
- * When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
- * When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- *
- * Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
- */
-export declare type TypographyMargin = TypographyMarginOption | Margin;
-/**
- * The possible values for the Default and Material themes are:
- * * `xs` —Applies 4px margin.
- * * `sm` —Applies 8px margin.
- * * `md` —Applies 12px margin.
- * * `lg` —Applies 16px margin.
- * * `xl` —Applies 24px margin.
- * * `thin` —Applies 2px margin.
- * * `hair` —Applies 1px margin.
- * * Passing a number will apply a margin of 4 times the passed number in pixels. The minimum number value is 0 and the maximum is 24.
- *
- * The possible values for the Bootstrap theme are:
- * * `xs` —Applies 0.25rem margin.
- * * `sm` —Applies 0.5rem margin.
- * * `md` —Applies 0.75rem margin.
- * * `lg` —Applies 1rem margin.
- * * `xl` —Applies 1.25rem margin.
- * * `thin` —Applies 0.125rem margin.
- * * `hair` —Applies 0.0625rem margin.
- * * Passing a number will apply a margin equal to the passed number divided by 4 in rem units. The minimum number value is 0 and the maximum is 24.
- */
-export declare type TypographyMarginOption = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'thin' | 'hair' | number;
-/**
- * @hidden
- */
-export declare const typographyMarginOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginTopOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginBottomOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginLeftOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * @hidden
- */
-export declare const typographyMarginRightOptions: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    thin: string;
-    hair: string;
-};
-/**
- * The margin configuration for each side.
- * Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margins in pixels or rems depending on the used theme.
- * Passing a number will apply a margin of 4 times the passed number in pixels, when using the Default or Material themes.
- * When using the Bootstrap theme, passing a number will apply a margin equal to the passed number divided by 4 in rem units.
- * The minimum number value is 0 and the maximum is 24.
- */
-export interface Margin {
-    /**
-     * The top margin.
-     */
-    top?: TypographyMarginOption | number;
-    /**
-     * The right margin.
-     */
-    right?: TypographyMarginOption | number;
-    /**
-     * The bottom margin.
-     */
-    bottom?: TypographyMarginOption | number;
-    /**
-     * The left margin.
-     */
-    left?: TypographyMarginOption | number;
-}