@progress/kendo-angular-typography 17.0.0-develop.9 → 17.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{esm2020 → esm2022}/typography.directive.mjs +31 -4
- package/{esm2020 → esm2022}/typography.module.mjs +4 -4
- package/{fesm2015 → fesm2022}/progress-kendo-angular-typography.mjs +37 -10
- package/models/font-size.d.ts +1 -1
- package/models/font-weight.d.ts +1 -1
- package/models/text-align.d.ts +1 -1
- package/models/text-transform.d.ts +1 -1
- package/models/theme-color.d.ts +1 -1
- package/models/variant.d.ts +1 -1
- package/package.json +11 -17
- package/typography.directive.d.ts +1 -1
- package/fesm2020/progress-kendo-angular-typography.mjs +0 -218
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/models/font-size.mjs +0 -0
- /package/{esm2020 → esm2022}/models/font-weight.mjs +0 -0
- /package/{esm2020 → esm2022}/models/text-align.mjs +0 -0
- /package/{esm2020 → esm2022}/models/text-transform.mjs +0 -0
- /package/{esm2020 → esm2022}/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/models/variant.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-typography.mjs +0 -0
- /package/{esm2020 → esm2022}/utils.mjs +0 -0
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-typography',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '17.0.0
|
|
12
|
+
publishDate: 1731414205,
|
|
13
|
+
version: '17.0.0',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -22,11 +22,38 @@ import * as i0 from "@angular/core";
|
|
|
22
22
|
* ```
|
|
23
23
|
*/
|
|
24
24
|
export class TypographyDirective {
|
|
25
|
+
elementWrapper;
|
|
26
|
+
renderer;
|
|
27
|
+
element;
|
|
28
|
+
/**
|
|
29
|
+
* Specifies the element variant class that will be applied.
|
|
30
|
+
*/
|
|
31
|
+
variant;
|
|
32
|
+
/**
|
|
33
|
+
* Sets the element `font-size` style.
|
|
34
|
+
*/
|
|
35
|
+
fontSize;
|
|
36
|
+
/**
|
|
37
|
+
* Sets the element `font-weight` style.
|
|
38
|
+
*/
|
|
39
|
+
fontWeight;
|
|
40
|
+
/**
|
|
41
|
+
* Sets the element text-align style.
|
|
42
|
+
*/
|
|
43
|
+
textAlign;
|
|
44
|
+
/**
|
|
45
|
+
* Sets the element text-transform style.
|
|
46
|
+
*/
|
|
47
|
+
textTransform;
|
|
48
|
+
/**
|
|
49
|
+
* Applies the theme color to the element.
|
|
50
|
+
*/
|
|
51
|
+
themeColor;
|
|
52
|
+
typographyClasses = [];
|
|
25
53
|
constructor(elementWrapper, renderer, element) {
|
|
26
54
|
this.elementWrapper = elementWrapper;
|
|
27
55
|
this.renderer = renderer;
|
|
28
56
|
this.element = element;
|
|
29
|
-
this.typographyClasses = [];
|
|
30
57
|
validatePackage(packageMetadata);
|
|
31
58
|
}
|
|
32
59
|
ngOnChanges() {
|
|
@@ -69,10 +96,10 @@ export class TypographyDirective {
|
|
|
69
96
|
}
|
|
70
97
|
});
|
|
71
98
|
}
|
|
99
|
+
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 });
|
|
100
|
+
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 });
|
|
72
101
|
}
|
|
73
|
-
|
|
74
|
-
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" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyDirective, decorators: [{
|
|
76
103
|
type: Directive,
|
|
77
104
|
args: [{
|
|
78
105
|
selector: '[kendoTypography]',
|
|
@@ -39,11 +39,11 @@ import * as i1 from "./typography.directive";
|
|
|
39
39
|
* ```
|
|
40
40
|
*/
|
|
41
41
|
export class TypographyModule {
|
|
42
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
43
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, imports: [i1.TypographyDirective], exports: [i1.TypographyDirective] });
|
|
44
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule });
|
|
42
45
|
}
|
|
43
|
-
|
|
44
|
-
TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, imports: [i1.TypographyDirective], exports: [i1.TypographyDirective] });
|
|
45
|
-
TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule });
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, decorators: [{
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, decorators: [{
|
|
47
47
|
type: NgModule,
|
|
48
48
|
args: [{
|
|
49
49
|
imports: [...KENDO_TYPOGRAPHY],
|
|
@@ -72,8 +72,8 @@ const packageMetadata = {
|
|
|
72
72
|
name: '@progress/kendo-angular-typography',
|
|
73
73
|
productName: 'Kendo UI for Angular',
|
|
74
74
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
75
|
-
publishDate:
|
|
76
|
-
version: '17.0.0
|
|
75
|
+
publishDate: 1731414205,
|
|
76
|
+
version: '17.0.0',
|
|
77
77
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
78
78
|
};
|
|
79
79
|
|
|
@@ -87,11 +87,38 @@ const packageMetadata = {
|
|
|
87
87
|
* ```
|
|
88
88
|
*/
|
|
89
89
|
class TypographyDirective {
|
|
90
|
+
elementWrapper;
|
|
91
|
+
renderer;
|
|
92
|
+
element;
|
|
93
|
+
/**
|
|
94
|
+
* Specifies the element variant class that will be applied.
|
|
95
|
+
*/
|
|
96
|
+
variant;
|
|
97
|
+
/**
|
|
98
|
+
* Sets the element `font-size` style.
|
|
99
|
+
*/
|
|
100
|
+
fontSize;
|
|
101
|
+
/**
|
|
102
|
+
* Sets the element `font-weight` style.
|
|
103
|
+
*/
|
|
104
|
+
fontWeight;
|
|
105
|
+
/**
|
|
106
|
+
* Sets the element text-align style.
|
|
107
|
+
*/
|
|
108
|
+
textAlign;
|
|
109
|
+
/**
|
|
110
|
+
* Sets the element text-transform style.
|
|
111
|
+
*/
|
|
112
|
+
textTransform;
|
|
113
|
+
/**
|
|
114
|
+
* Applies the theme color to the element.
|
|
115
|
+
*/
|
|
116
|
+
themeColor;
|
|
117
|
+
typographyClasses = [];
|
|
90
118
|
constructor(elementWrapper, renderer, element) {
|
|
91
119
|
this.elementWrapper = elementWrapper;
|
|
92
120
|
this.renderer = renderer;
|
|
93
121
|
this.element = element;
|
|
94
|
-
this.typographyClasses = [];
|
|
95
122
|
validatePackage(packageMetadata);
|
|
96
123
|
}
|
|
97
124
|
ngOnChanges() {
|
|
@@ -134,10 +161,10 @@ class TypographyDirective {
|
|
|
134
161
|
}
|
|
135
162
|
});
|
|
136
163
|
}
|
|
164
|
+
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 });
|
|
165
|
+
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 });
|
|
137
166
|
}
|
|
138
|
-
|
|
139
|
-
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" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
|
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyDirective, decorators: [{
|
|
141
168
|
type: Directive,
|
|
142
169
|
args: [{
|
|
143
170
|
selector: '[kendoTypography]',
|
|
@@ -198,11 +225,11 @@ const KENDO_TYPOGRAPHY = [
|
|
|
198
225
|
* ```
|
|
199
226
|
*/
|
|
200
227
|
class TypographyModule {
|
|
228
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
229
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
|
|
230
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule });
|
|
201
231
|
}
|
|
202
|
-
|
|
203
|
-
TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
|
|
204
|
-
TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule });
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, decorators: [{
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyModule, decorators: [{
|
|
206
233
|
type: NgModule,
|
|
207
234
|
args: [{
|
|
208
235
|
imports: [...KENDO_TYPOGRAPHY],
|
package/models/font-size.d.ts
CHANGED
package/models/font-weight.d.ts
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
* * `normal`—font-weight: 400
|
|
11
11
|
* * `bold` For Default and Bootstrap themes—font-weight: 700. For Material theme—font-weight: 500.
|
|
12
12
|
*/
|
|
13
|
-
export
|
|
13
|
+
export type TypographyFontWeight = 'light' | 'normal' | 'bold';
|
|
14
14
|
/**
|
|
15
15
|
* @hidden
|
|
16
16
|
*/
|
package/models/text-align.d.ts
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
* * `capitalize`—text-transform: capitalize
|
|
12
12
|
*
|
|
13
13
|
*/
|
|
14
|
-
export
|
|
14
|
+
export type TypographyTextTransform = 'lowercase' | 'uppercase' | 'capitalize';
|
|
15
15
|
/**
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
package/models/theme-color.d.ts
CHANGED
|
@@ -19,4 +19,4 @@
|
|
|
19
19
|
* * `inverse`— Applies coloring based on inverse theme color.
|
|
20
20
|
*
|
|
21
21
|
*/
|
|
22
|
-
export
|
|
22
|
+
export type TypographyThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
|
package/models/variant.d.ts
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
* * `code`— `k-code`
|
|
27
27
|
* * `pre`— `k-pre`
|
|
28
28
|
*/
|
|
29
|
-
export
|
|
29
|
+
export type TypographyVariant = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'pre';
|
|
30
30
|
/**
|
|
31
31
|
* @hidden
|
|
32
32
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-typography",
|
|
3
|
-
"version": "17.0.0
|
|
3
|
+
"version": "17.0.0",
|
|
4
4
|
"description": "Kendo UI Angular Typography",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -18,24 +18,20 @@
|
|
|
18
18
|
"friendlyName": "Typography"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
|
-
"@angular/animations": "
|
|
22
|
-
"@angular/common": "
|
|
23
|
-
"@angular/core": "
|
|
24
|
-
"@angular/platform-browser": "
|
|
21
|
+
"@angular/animations": "16 - 18",
|
|
22
|
+
"@angular/common": "16 - 18",
|
|
23
|
+
"@angular/core": "16 - 18",
|
|
24
|
+
"@angular/platform-browser": "16 - 18",
|
|
25
25
|
"@progress/kendo-licensing": "^1.0.2",
|
|
26
|
-
"@progress/kendo-angular-common": "17.0.0
|
|
26
|
+
"@progress/kendo-angular-common": "17.0.0",
|
|
27
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.3.1",
|
|
31
|
-
"@progress/kendo-angular-schematics": "17.0.0
|
|
31
|
+
"@progress/kendo-angular-schematics": "17.0.0"
|
|
32
32
|
},
|
|
33
33
|
"schematics": "./schematics/collection.json",
|
|
34
|
-
"module": "
|
|
35
|
-
"es2020": "fesm2020/progress-kendo-angular-typography.mjs",
|
|
36
|
-
"esm2020": "esm2020/progress-kendo-angular-typography.mjs",
|
|
37
|
-
"fesm2020": "fesm2020/progress-kendo-angular-typography.mjs",
|
|
38
|
-
"fesm2015": "fesm2015/progress-kendo-angular-typography.mjs",
|
|
34
|
+
"module": "fesm2022/progress-kendo-angular-typography.mjs",
|
|
39
35
|
"typings": "index.d.ts",
|
|
40
36
|
"exports": {
|
|
41
37
|
"./package.json": {
|
|
@@ -43,11 +39,9 @@
|
|
|
43
39
|
},
|
|
44
40
|
".": {
|
|
45
41
|
"types": "./index.d.ts",
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"node": "./fesm2015/progress-kendo-angular-typography.mjs",
|
|
50
|
-
"default": "./fesm2020/progress-kendo-angular-typography.mjs"
|
|
42
|
+
"esm2022": "./esm2022/progress-kendo-angular-typography.mjs",
|
|
43
|
+
"esm": "./esm2022/progress-kendo-angular-typography.mjs",
|
|
44
|
+
"default": "./fesm2022/progress-kendo-angular-typography.mjs"
|
|
51
45
|
}
|
|
52
46
|
},
|
|
53
47
|
"sideEffects": false
|
|
@@ -58,5 +58,5 @@ export declare class TypographyDirective implements OnChanges {
|
|
|
58
58
|
private textTransformClass;
|
|
59
59
|
private setTypographyClasses;
|
|
60
60
|
static ɵfac: i0.ɵɵFactoryDeclaration<TypographyDirective, never>;
|
|
61
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<TypographyDirective, "[kendoTypography]", ["kendoTypography"], { "variant": "variant"; "fontSize": "fontSize"; "fontWeight": "fontWeight"; "textAlign": "textAlign"; "textTransform": "textTransform"; "themeColor": "themeColor"; }, {}, never, never, true, never>;
|
|
61
|
+
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>;
|
|
62
62
|
}
|
|
@@ -1,218 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2024 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as i0 from '@angular/core';
|
|
6
|
-
import { Directive, Input, NgModule } from '@angular/core';
|
|
7
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
const typographyFontSizeOptions = {
|
|
13
|
-
'xs': 'k-fs-xs',
|
|
14
|
-
'sm': 'k-fs-sm',
|
|
15
|
-
'md': 'k-fs-md',
|
|
16
|
-
'lg': 'k-fs-lg',
|
|
17
|
-
'xl': 'k-fs-xl'
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
const typographyFontWeightOptions = {
|
|
24
|
-
'light': 'k-font-weight-light',
|
|
25
|
-
'normal': 'k-font-weight-normal',
|
|
26
|
-
'bold': 'k-font-weight-bold'
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* @hidden
|
|
31
|
-
*/
|
|
32
|
-
const typographyTextAlignOptions = {
|
|
33
|
-
'left': 'k-text-left',
|
|
34
|
-
'right': 'k-text-right',
|
|
35
|
-
'center': 'k-text-center',
|
|
36
|
-
'justify': 'k-text-justify'
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
const typographyTextTransformOptions = {
|
|
43
|
-
'lowercase': 'k-text-lowercase',
|
|
44
|
-
'uppercase': 'k-text-uppercase',
|
|
45
|
-
'capitalize': 'k-text-capitalize'
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
/**
|
|
49
|
-
* @hidden
|
|
50
|
-
*/
|
|
51
|
-
const typographyVariantOptions = {
|
|
52
|
-
'p': 'k-paragraph',
|
|
53
|
-
'h1': 'k-h1',
|
|
54
|
-
'h2': 'k-h2',
|
|
55
|
-
'h3': 'k-h3',
|
|
56
|
-
'h4': 'k-h4',
|
|
57
|
-
'h5': 'k-h5',
|
|
58
|
-
'h6': 'k-h6',
|
|
59
|
-
'code': 'k-code',
|
|
60
|
-
'pre': 'k-pre'
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* @hidden
|
|
65
|
-
*/
|
|
66
|
-
const isPresent = (value) => value !== null && value !== undefined;
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* @hidden
|
|
70
|
-
*/
|
|
71
|
-
const packageMetadata = {
|
|
72
|
-
name: '@progress/kendo-angular-typography',
|
|
73
|
-
productName: 'Kendo UI for Angular',
|
|
74
|
-
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
75
|
-
publishDate: 1729174750,
|
|
76
|
-
version: '17.0.0-develop.9',
|
|
77
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
|
|
82
|
-
* Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.
|
|
83
|
-
*
|
|
84
|
-
* @example
|
|
85
|
-
* ```ts-no-run
|
|
86
|
-
* <div kendoTypography variant="k-h1"></div>
|
|
87
|
-
* ```
|
|
88
|
-
*/
|
|
89
|
-
class TypographyDirective {
|
|
90
|
-
constructor(elementWrapper, renderer, element) {
|
|
91
|
-
this.elementWrapper = elementWrapper;
|
|
92
|
-
this.renderer = renderer;
|
|
93
|
-
this.element = element;
|
|
94
|
-
this.typographyClasses = [];
|
|
95
|
-
validatePackage(packageMetadata);
|
|
96
|
-
}
|
|
97
|
-
ngOnChanges() {
|
|
98
|
-
this.setTypographyClasses();
|
|
99
|
-
}
|
|
100
|
-
variantClass() {
|
|
101
|
-
return typographyVariantOptions[this.variant];
|
|
102
|
-
}
|
|
103
|
-
themeColorClass() {
|
|
104
|
-
return isPresent(this.themeColor) ? `k-color-${this.themeColor}` : null;
|
|
105
|
-
}
|
|
106
|
-
textAlignClass() {
|
|
107
|
-
return typographyTextAlignOptions[this.textAlign];
|
|
108
|
-
}
|
|
109
|
-
fontWeightClass() {
|
|
110
|
-
return typographyFontWeightOptions[this.fontWeight];
|
|
111
|
-
}
|
|
112
|
-
fontSizeClass() {
|
|
113
|
-
return typographyFontSizeOptions[this.fontSize];
|
|
114
|
-
}
|
|
115
|
-
textTransformClass() {
|
|
116
|
-
return typographyTextTransformOptions[this.textTransform];
|
|
117
|
-
}
|
|
118
|
-
setTypographyClasses() {
|
|
119
|
-
const element = this.element.nativeElement;
|
|
120
|
-
this.typographyClasses.forEach((className) => {
|
|
121
|
-
this.renderer.removeClass(element, className);
|
|
122
|
-
});
|
|
123
|
-
this.typographyClasses = [
|
|
124
|
-
this.variantClass(),
|
|
125
|
-
this.fontSizeClass(),
|
|
126
|
-
this.fontWeightClass(),
|
|
127
|
-
this.textTransformClass(),
|
|
128
|
-
this.textAlignClass(),
|
|
129
|
-
this.themeColorClass()
|
|
130
|
-
];
|
|
131
|
-
this.typographyClasses.forEach((className) => {
|
|
132
|
-
if (isPresent(className)) {
|
|
133
|
-
this.renderer.addClass(element, className);
|
|
134
|
-
}
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
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 });
|
|
139
|
-
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" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
|
|
140
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyDirective, decorators: [{
|
|
141
|
-
type: Directive,
|
|
142
|
-
args: [{
|
|
143
|
-
selector: '[kendoTypography]',
|
|
144
|
-
exportAs: 'kendoTypography',
|
|
145
|
-
standalone: true
|
|
146
|
-
}]
|
|
147
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
148
|
-
type: Input
|
|
149
|
-
}], fontSize: [{
|
|
150
|
-
type: Input
|
|
151
|
-
}], fontWeight: [{
|
|
152
|
-
type: Input
|
|
153
|
-
}], textAlign: [{
|
|
154
|
-
type: Input
|
|
155
|
-
}], textTransform: [{
|
|
156
|
-
type: Input
|
|
157
|
-
}], themeColor: [{
|
|
158
|
-
type: Input
|
|
159
|
-
}] } });
|
|
160
|
-
|
|
161
|
-
/**
|
|
162
|
-
* Utility array that contains all `@progress/kendo-angular-typography` related components and directives
|
|
163
|
-
*/
|
|
164
|
-
const KENDO_TYPOGRAPHY = [
|
|
165
|
-
TypographyDirective
|
|
166
|
-
];
|
|
167
|
-
|
|
168
|
-
//IMPORTANT: NgModule export kept for backwards compatibility
|
|
169
|
-
/**
|
|
170
|
-
* Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
|
|
171
|
-
* definition for the Typography component.
|
|
172
|
-
*
|
|
173
|
-
* @example
|
|
174
|
-
*
|
|
175
|
-
* ```ts-no-run
|
|
176
|
-
* // Import the Typography module
|
|
177
|
-
* import { TypographyModule } from '@progress/kendo-angular-typography';
|
|
178
|
-
*
|
|
179
|
-
* // The browser platform with a compiler
|
|
180
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
181
|
-
*
|
|
182
|
-
* import { NgModule } from '@angular/core';
|
|
183
|
-
*
|
|
184
|
-
* // Import the app component
|
|
185
|
-
* import { AppComponent } from './app.component';
|
|
186
|
-
*
|
|
187
|
-
* // Define the app module
|
|
188
|
-
* _@NgModule({
|
|
189
|
-
* declarations: [AppComponent], // declare app component
|
|
190
|
-
* imports: [BrowserModule, TypographyModule], // import Typography module
|
|
191
|
-
* bootstrap: [AppComponent]
|
|
192
|
-
* })
|
|
193
|
-
* export class AppModule { }
|
|
194
|
-
*
|
|
195
|
-
* // Compile and launch the module
|
|
196
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
197
|
-
*
|
|
198
|
-
* ```
|
|
199
|
-
*/
|
|
200
|
-
class TypographyModule {
|
|
201
|
-
}
|
|
202
|
-
TypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
203
|
-
TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, imports: [TypographyDirective], exports: [TypographyDirective] });
|
|
204
|
-
TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule });
|
|
205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TypographyModule, decorators: [{
|
|
206
|
-
type: NgModule,
|
|
207
|
-
args: [{
|
|
208
|
-
imports: [...KENDO_TYPOGRAPHY],
|
|
209
|
-
exports: [...KENDO_TYPOGRAPHY]
|
|
210
|
-
}]
|
|
211
|
-
}] });
|
|
212
|
-
|
|
213
|
-
/**
|
|
214
|
-
* Generated bundle index. Do not edit.
|
|
215
|
-
*/
|
|
216
|
-
|
|
217
|
-
export { KENDO_TYPOGRAPHY, TypographyDirective, TypographyModule };
|
|
218
|
-
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|