@progress/kendo-angular-typography 1.2.1-dev.202202251427 → 2.0.0-dev.202204191140
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/bundles/kendo-angular-typography.umd.js +5 -0
- package/{dist/es/index.js → esm2015/kendo-angular-typography.js} +0 -0
- package/{dist/es → esm2015}/main.js +0 -0
- package/{dist/es2015 → esm2015}/models/font-size.js +0 -0
- package/{dist/es2015 → esm2015}/models/font-weight.js +0 -0
- package/{dist/es2015 → esm2015}/models/margin-sides.js +0 -0
- package/{dist/es2015 → esm2015}/models/margin.js +0 -0
- package/{dist/es2015 → esm2015}/models/text-align.js +0 -0
- package/{dist/es2015 → esm2015}/models/text-transform.js +0 -0
- package/{dist/es2015 → esm2015}/models/theme-color.js +1 -0
- package/{dist/es2015 → esm2015}/models/variant.js +0 -0
- package/{dist/es2015 → esm2015}/package-metadata.js +1 -1
- package/{dist/es2015 → esm2015}/typography.directive.js +27 -42
- package/{dist/es → esm2015}/typography.module.js +13 -13
- package/{dist/es2015 → esm2015}/utils.js +0 -0
- package/{dist/fesm2015/index.js → fesm2015/kendo-angular-typography.js} +90 -51
- package/{dist/es2015/index.js → kendo-angular-typography.d.ts} +1 -0
- package/{dist/es2015/main.d.ts → main.d.ts} +1 -0
- package/{dist/es2015/models → models}/font-size.d.ts +5 -5
- package/{dist/es2015/models → models}/font-weight.d.ts +3 -3
- package/{dist/es2015/models → models}/margin-sides.d.ts +4 -4
- package/{dist/es2015/models → models}/margin.d.ts +35 -35
- package/{dist/es2015/models → models}/text-align.d.ts +4 -4
- package/{dist/es2015/models → models}/text-transform.d.ts +3 -3
- package/{dist/es2015/models → models}/theme-color.d.ts +0 -0
- package/{dist/es2015/models → models}/variant.d.ts +9 -9
- package/{dist/es2015/package-metadata.d.ts → package-metadata.d.ts} +0 -0
- package/package.json +28 -90
- package/schematics/ngAdd/index.js +5 -2
- package/schematics/ngAdd/index.js.map +1 -1
- package/{dist/es2015/typography.directive.d.ts → typography.directive.d.ts} +3 -0
- package/{dist/es2015/typography.module.d.ts → typography.module.d.ts} +5 -0
- package/{dist/es2015/utils.d.ts → utils.d.ts} +0 -0
- package/dist/cdn/js/kendo-angular-typography.js +0 -20
- package/dist/cdn/main.js +0 -5
- package/dist/es/models/font-size.js +0 -14
- package/dist/es/models/font-weight.js +0 -12
- package/dist/es/models/margin-sides.js +0 -13
- package/dist/es/models/margin.js +0 -75
- package/dist/es/models/text-align.js +0 -13
- package/dist/es/models/text-transform.js +0 -12
- package/dist/es/models/theme-color.js +0 -21
- package/dist/es/models/variant.js +0 -18
- package/dist/es/package-metadata.js +0 -15
- package/dist/es/typography.directive.js +0 -140
- package/dist/es/utils.js +0 -8
- package/dist/es2015/index.d.ts +0 -8
- package/dist/es2015/index.metadata.json +0 -1
- package/dist/es2015/main.js +0 -6
- package/dist/es2015/typography.module.js +0 -47
- package/dist/fesm5/index.js +0 -285
- package/dist/npm/index.js +0 -11
- package/dist/npm/main.js +0 -10
- package/dist/npm/models/font-size.js +0 -16
- package/dist/npm/models/font-weight.js +0 -14
- package/dist/npm/models/margin-sides.js +0 -15
- package/dist/npm/models/margin.js +0 -77
- package/dist/npm/models/text-align.js +0 -15
- package/dist/npm/models/text-transform.js +0 -14
- package/dist/npm/models/theme-color.js +0 -23
- package/dist/npm/models/variant.js +0 -20
- package/dist/npm/package-metadata.js +0 -17
- package/dist/npm/typography.directive.js +0 -142
- package/dist/npm/typography.module.js +0 -52
- package/dist/npm/utils.js +0 -10
- package/dist/systemjs/kendo-angular-typography.js +0 -5
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**-----------------------------------------------------------------------------------------
|
|
2
|
+
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
|
+
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
+
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define("KendoAngularTypography",["exports","@angular/core","@progress/kendo-licensing"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularTypography={},e.ng.core,e.KendoLicensing)}(this,function(e,t,n){"use strict";function r(r){if(r&&r.__esModule)return r;var n=Object.create(null);return r&&Object.keys(r).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(r,e),Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:function(){return r[e]}}))}),n.default=r,Object.freeze(n)}function o(e){return null!=e}var s=r(t),i={xs:"k-fs-xs",sm:"k-fs-sm",md:"k-fs-md",lg:"k-fs-lg",xl:"k-fs-xl"},a={light:"k-font-weight-light",normal:"k-font-weight-normal",bold:"k-font-weight-bold"},p={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"},l={top:"k-mt-",right:"k-mr-",bottom:"k-mb-",left:"k-ml-"},g={left:"k-text-left",right:"k-text-right",center:"k-text-center",justify:"k-text-justify"},h={lowercase:"k-text-lowercase",uppercase:"k-text-uppercase",capitalize:"k-text-capitalize"},c={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"},u={name:"@progress/kendo-angular-typography",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1650368420,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},m=(f.prototype.ngOnChanges=function(){this.setTypographyClasses()},f.prototype.variantClass=function(){return c[this.variant]},f.prototype.themeColorClass=function(){return o(this.themeColor)?"k-color-"+this.themeColor:null},f.prototype.textAlignClass=function(){return g[this.textAlign]},f.prototype.fontWeightClass=function(){return a[this.fontWeight]},f.prototype.fontSizeClass=function(){return i[this.fontSize]},f.prototype.textTransformClass=function(){return h[this.textTransform]},f.prototype.setMarginClassPerSide=function(e,t){return""+l[e]+t},f.prototype.marginClasses=function(){var t,r=this;return"string"==typeof this.margin?[p[this.margin]]:"number"==typeof this.margin?["k-m-"+this.margin]:"object"==typeof this.margin?(t=[],Object.keys(this.margin).forEach(function(e){o(r.margin[e])&&t.push(r.setMarginClassPerSide(e,r.margin[e]))}),t):void 0},f.prototype.setTypographyClasses=function(){var t=this,r=this.element.nativeElement;this.typographyClasses.forEach(function(e){t.renderer.removeClass(r,e)}),this.typographyClasses=[this.variantClass(),this.fontSizeClass(),this.fontWeightClass(),this.textTransformClass(),this.textAlignClass(),this.themeColorClass()],this.margin&&this.marginClasses().forEach(function(e){t.typographyClasses.push(e)}),this.typographyClasses.forEach(function(e){o(e)&&t.renderer.addClass(r,e)})},f);function f(e,t,r){this.elementWrapper=e,this.renderer=t,this.element=r,this.typographyClasses=[],n.validatePackage(u)}m.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:m,deps:[{token:s.ElementRef},{token:s.Renderer2},{token:s.ElementRef}],target:s.ɵɵFactoryTarget.Directive}),m.ɵdir=s.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"[kendoTypography]",inputs:{variant:"variant",fontSize:"fontSize",fontWeight:"fontWeight",textAlign:"textAlign",textTransform:"textTransform",themeColor:"themeColor",margin:"margin"},exportAs:["kendoTypography"],usesOnChanges:!0,ngImport:s}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:m,decorators:[{type:t.Directive,args:[{selector:"[kendoTypography]",exportAs:"kendoTypography"}]}],ctorParameters:function(){return[{type:s.ElementRef},{type:s.Renderer2},{type:s.ElementRef}]},propDecorators:{variant:[{type:t.Input}],fontSize:[{type:t.Input}],fontWeight:[{type:t.Input}],textAlign:[{type:t.Input}],textTransform:[{type:t.Input}],themeColor:[{type:t.Input}],margin:[{type:t.Input}]}});var y=function(){};y.ɵfac=s.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y,deps:[],target:s.ɵɵFactoryTarget.NgModule}),y.ɵmod=s.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y,declarations:[m],exports:[m]}),y.ɵinj=s.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y}),s.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:s,type:y,decorators:[{type:t.NgModule,args:[{declarations:[m],exports:[m]}]}]}),e.TypographyDirective=m,e.TypographyModule=y,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
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
|
|
@@ -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:
|
|
12
|
+
publishDate: 1650368420,
|
|
13
13
|
version: '',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
15
15
|
};
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import { Directive, Input, ElementRef, Renderer2 } from '@angular/core';
|
|
5
|
+
import { Directive, Input } from '@angular/core';
|
|
7
6
|
import { typographyFontSizeOptions } from './models/font-size';
|
|
8
7
|
import { typographyFontWeightOptions } from './models/font-weight';
|
|
9
8
|
import { typographyMarginOptions } from './models/margin';
|
|
@@ -14,6 +13,7 @@ import { typographyVariantOptions } from './models/variant';
|
|
|
14
13
|
import { isPresent } from './utils';
|
|
15
14
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
16
15
|
import { packageMetadata } from './package-metadata';
|
|
16
|
+
import * as i0 from "@angular/core";
|
|
17
17
|
/**
|
|
18
18
|
* Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
|
|
19
19
|
* Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.
|
|
@@ -23,7 +23,7 @@ import { packageMetadata } from './package-metadata';
|
|
|
23
23
|
* <div kendoTypography variant="k-h1"></div>
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
|
-
|
|
26
|
+
export class TypographyDirective {
|
|
27
27
|
constructor(elementWrapper, renderer, element) {
|
|
28
28
|
this.elementWrapper = elementWrapper;
|
|
29
29
|
this.renderer = renderer;
|
|
@@ -96,42 +96,27 @@ let TypographyDirective = class TypographyDirective {
|
|
|
96
96
|
}
|
|
97
97
|
});
|
|
98
98
|
}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
]
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
], TypographyDirective.prototype, "themeColor", void 0);
|
|
124
|
-
tslib_1.__decorate([
|
|
125
|
-
Input(),
|
|
126
|
-
tslib_1.__metadata("design:type", Object)
|
|
127
|
-
], TypographyDirective.prototype, "margin", void 0);
|
|
128
|
-
TypographyDirective = tslib_1.__decorate([
|
|
129
|
-
Directive({
|
|
130
|
-
selector: '[kendoTypography]',
|
|
131
|
-
exportAs: 'kendoTypography'
|
|
132
|
-
}),
|
|
133
|
-
tslib_1.__metadata("design:paramtypes", [ElementRef,
|
|
134
|
-
Renderer2,
|
|
135
|
-
ElementRef])
|
|
136
|
-
], TypographyDirective);
|
|
137
|
-
export { TypographyDirective };
|
|
99
|
+
}
|
|
100
|
+
TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
101
|
+
TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TypographyDirective, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
|
|
102
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyDirective, decorators: [{
|
|
103
|
+
type: Directive,
|
|
104
|
+
args: [{
|
|
105
|
+
selector: '[kendoTypography]',
|
|
106
|
+
exportAs: 'kendoTypography'
|
|
107
|
+
}]
|
|
108
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
109
|
+
type: Input
|
|
110
|
+
}], fontSize: [{
|
|
111
|
+
type: Input
|
|
112
|
+
}], fontWeight: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}], textAlign: [{
|
|
115
|
+
type: Input
|
|
116
|
+
}], textTransform: [{
|
|
117
|
+
type: Input
|
|
118
|
+
}], themeColor: [{
|
|
119
|
+
type: Input
|
|
120
|
+
}], margin: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}] } });
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import * as tslib_1 from "tslib";
|
|
6
5
|
import { NgModule } from '@angular/core';
|
|
7
6
|
import { TypographyDirective } from './typography.directive';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
8
|
/**
|
|
9
9
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
10
10
|
* definition for the Typography component.
|
|
@@ -36,15 +36,15 @@ import { TypographyDirective } from './typography.directive';
|
|
|
36
36
|
*
|
|
37
37
|
* ```
|
|
38
38
|
*/
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
|
|
39
|
+
export class TypographyModule {
|
|
40
|
+
}
|
|
41
|
+
TypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
42
|
+
TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule, declarations: [TypographyDirective], exports: [TypographyDirective] });
|
|
43
|
+
TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule });
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule, decorators: [{
|
|
45
|
+
type: NgModule,
|
|
46
|
+
args: [{
|
|
47
|
+
declarations: [TypographyDirective],
|
|
48
|
+
exports: [TypographyDirective]
|
|
49
|
+
}]
|
|
50
|
+
}] });
|
|
File without changes
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* Copyright © 2021 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { Directive, Input, NgModule } from '@angular/core';
|
|
7
7
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -49,6 +49,54 @@ const typographyMarginOptions = {
|
|
|
49
49
|
'thin': 'k-m-thin',
|
|
50
50
|
'hair': 'k-m-hair'
|
|
51
51
|
};
|
|
52
|
+
/**
|
|
53
|
+
* @hidden
|
|
54
|
+
*/
|
|
55
|
+
const typographyMarginTopOptions = {
|
|
56
|
+
'xs': 'k-mt-xs',
|
|
57
|
+
'sm': 'k-mt-sm',
|
|
58
|
+
'md': 'k-mt-md',
|
|
59
|
+
'lg': 'k-mt-lg',
|
|
60
|
+
'xl': 'k-mt-xl',
|
|
61
|
+
'thin': 'k-mt-thin',
|
|
62
|
+
'hair': 'k-mt-hair'
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* @hidden
|
|
66
|
+
*/
|
|
67
|
+
const typographyMarginBottomOptions = {
|
|
68
|
+
'xs': 'k-mb-xs',
|
|
69
|
+
'sm': 'k-mb-sm',
|
|
70
|
+
'md': 'k-mb-md',
|
|
71
|
+
'lg': 'k-mb-lg',
|
|
72
|
+
'xl': 'k-mb-xl',
|
|
73
|
+
'thin': 'k-mb-thin',
|
|
74
|
+
'hair': 'k-mb-hair'
|
|
75
|
+
};
|
|
76
|
+
/**
|
|
77
|
+
* @hidden
|
|
78
|
+
*/
|
|
79
|
+
const typographyMarginLeftOptions = {
|
|
80
|
+
'xs': 'k-ml-xs',
|
|
81
|
+
'sm': 'k-ml-sm',
|
|
82
|
+
'md': 'k-ml-md',
|
|
83
|
+
'lg': 'k-ml-lg',
|
|
84
|
+
'xl': 'k-ml-xl',
|
|
85
|
+
'thin': 'k-ml-thin',
|
|
86
|
+
'hair': 'k-ml-hair'
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* @hidden
|
|
90
|
+
*/
|
|
91
|
+
const typographyMarginRightOptions = {
|
|
92
|
+
'xs': 'k-mr-xs',
|
|
93
|
+
'sm': 'k-mr-sm',
|
|
94
|
+
'md': 'k-mr-md',
|
|
95
|
+
'lg': 'k-mr-lg',
|
|
96
|
+
'xl': 'k-mr-xl',
|
|
97
|
+
'thin': 'k-mr-thin',
|
|
98
|
+
'hair': 'k-mr-hair'
|
|
99
|
+
};
|
|
52
100
|
|
|
53
101
|
/**
|
|
54
102
|
* @hidden
|
|
@@ -106,7 +154,7 @@ const packageMetadata = {
|
|
|
106
154
|
name: '@progress/kendo-angular-typography',
|
|
107
155
|
productName: 'Kendo UI for Angular',
|
|
108
156
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
109
|
-
publishDate:
|
|
157
|
+
publishDate: 1650368420,
|
|
110
158
|
version: '',
|
|
111
159
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
|
|
112
160
|
};
|
|
@@ -120,7 +168,7 @@ const packageMetadata = {
|
|
|
120
168
|
* <div kendoTypography variant="k-h1"></div>
|
|
121
169
|
* ```
|
|
122
170
|
*/
|
|
123
|
-
|
|
171
|
+
class TypographyDirective {
|
|
124
172
|
constructor(elementWrapper, renderer, element) {
|
|
125
173
|
this.elementWrapper = elementWrapper;
|
|
126
174
|
this.renderer = renderer;
|
|
@@ -193,44 +241,30 @@ let TypographyDirective = class TypographyDirective {
|
|
|
193
241
|
}
|
|
194
242
|
});
|
|
195
243
|
}
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
]
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
], TypographyDirective.prototype, "themeColor", void 0);
|
|
221
|
-
__decorate([
|
|
222
|
-
Input(),
|
|
223
|
-
__metadata("design:type", Object)
|
|
224
|
-
], TypographyDirective.prototype, "margin", void 0);
|
|
225
|
-
TypographyDirective = __decorate([
|
|
226
|
-
Directive({
|
|
227
|
-
selector: '[kendoTypography]',
|
|
228
|
-
exportAs: 'kendoTypography'
|
|
229
|
-
}),
|
|
230
|
-
__metadata("design:paramtypes", [ElementRef,
|
|
231
|
-
Renderer2,
|
|
232
|
-
ElementRef])
|
|
233
|
-
], TypographyDirective);
|
|
244
|
+
}
|
|
245
|
+
TypographyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
246
|
+
TypographyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TypographyDirective, selector: "[kendoTypography]", inputs: { variant: "variant", fontSize: "fontSize", fontWeight: "fontWeight", textAlign: "textAlign", textTransform: "textTransform", themeColor: "themeColor", margin: "margin" }, exportAs: ["kendoTypography"], usesOnChanges: true, ngImport: i0 });
|
|
247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyDirective, decorators: [{
|
|
248
|
+
type: Directive,
|
|
249
|
+
args: [{
|
|
250
|
+
selector: '[kendoTypography]',
|
|
251
|
+
exportAs: 'kendoTypography'
|
|
252
|
+
}]
|
|
253
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { variant: [{
|
|
254
|
+
type: Input
|
|
255
|
+
}], fontSize: [{
|
|
256
|
+
type: Input
|
|
257
|
+
}], fontWeight: [{
|
|
258
|
+
type: Input
|
|
259
|
+
}], textAlign: [{
|
|
260
|
+
type: Input
|
|
261
|
+
}], textTransform: [{
|
|
262
|
+
type: Input
|
|
263
|
+
}], themeColor: [{
|
|
264
|
+
type: Input
|
|
265
|
+
}], margin: [{
|
|
266
|
+
type: Input
|
|
267
|
+
}] } });
|
|
234
268
|
|
|
235
269
|
/**
|
|
236
270
|
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
@@ -263,17 +297,22 @@ TypographyDirective = __decorate([
|
|
|
263
297
|
*
|
|
264
298
|
* ```
|
|
265
299
|
*/
|
|
266
|
-
|
|
267
|
-
}
|
|
268
|
-
TypographyModule =
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
300
|
+
class TypographyModule {
|
|
301
|
+
}
|
|
302
|
+
TypographyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
303
|
+
TypographyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule, declarations: [TypographyDirective], exports: [TypographyDirective] });
|
|
304
|
+
TypographyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule });
|
|
305
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: TypographyModule, decorators: [{
|
|
306
|
+
type: NgModule,
|
|
307
|
+
args: [{
|
|
308
|
+
declarations: [TypographyDirective],
|
|
309
|
+
exports: [TypographyDirective]
|
|
310
|
+
}]
|
|
311
|
+
}] });
|
|
274
312
|
|
|
275
313
|
/**
|
|
276
314
|
* Generated bundle index. Do not edit.
|
|
277
315
|
*/
|
|
278
316
|
|
|
279
|
-
export {
|
|
317
|
+
export { TypographyDirective, TypographyModule };
|
|
318
|
+
|
|
@@ -10,3 +10,4 @@ export { TypographyTextAlign } from './models/text-align';
|
|
|
10
10
|
export { TypographyTextTransform } from './models/text-transform';
|
|
11
11
|
export { TypographyVariant } from './models/variant';
|
|
12
12
|
export { TypographyThemeColor } from './models/theme-color';
|
|
13
|
+
export { TypographyMargin } from './models/margin';
|
|
@@ -37,9 +37,9 @@ export declare type TypographyFontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
|
37
37
|
* @hidden
|
|
38
38
|
*/
|
|
39
39
|
export declare const typographyFontSizeOptions: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
xs: string;
|
|
41
|
+
sm: string;
|
|
42
|
+
md: string;
|
|
43
|
+
lg: string;
|
|
44
|
+
xl: string;
|
|
45
45
|
};
|
|
@@ -15,7 +15,7 @@ export declare type TypographyFontWeight = 'light' | 'normal' | 'bold';
|
|
|
15
15
|
* @hidden
|
|
16
16
|
*/
|
|
17
17
|
export declare const typographyFontWeightOptions: {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
light: string;
|
|
19
|
+
normal: string;
|
|
20
|
+
bold: string;
|
|
21
21
|
};
|
|
@@ -40,61 +40,61 @@ export declare type TypographyMarginOption = 'xs' | 'sm' | 'md' | 'lg' | 'xl' |
|
|
|
40
40
|
* @hidden
|
|
41
41
|
*/
|
|
42
42
|
export declare const typographyMarginOptions: {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
43
|
+
xs: string;
|
|
44
|
+
sm: string;
|
|
45
|
+
md: string;
|
|
46
|
+
lg: string;
|
|
47
|
+
xl: string;
|
|
48
|
+
thin: string;
|
|
49
|
+
hair: string;
|
|
50
50
|
};
|
|
51
51
|
/**
|
|
52
52
|
* @hidden
|
|
53
53
|
*/
|
|
54
54
|
export declare const typographyMarginTopOptions: {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
55
|
+
xs: string;
|
|
56
|
+
sm: string;
|
|
57
|
+
md: string;
|
|
58
|
+
lg: string;
|
|
59
|
+
xl: string;
|
|
60
|
+
thin: string;
|
|
61
|
+
hair: string;
|
|
62
62
|
};
|
|
63
63
|
/**
|
|
64
64
|
* @hidden
|
|
65
65
|
*/
|
|
66
66
|
export declare const typographyMarginBottomOptions: {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
67
|
+
xs: string;
|
|
68
|
+
sm: string;
|
|
69
|
+
md: string;
|
|
70
|
+
lg: string;
|
|
71
|
+
xl: string;
|
|
72
|
+
thin: string;
|
|
73
|
+
hair: string;
|
|
74
74
|
};
|
|
75
75
|
/**
|
|
76
76
|
* @hidden
|
|
77
77
|
*/
|
|
78
78
|
export declare const typographyMarginLeftOptions: {
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
79
|
+
xs: string;
|
|
80
|
+
sm: string;
|
|
81
|
+
md: string;
|
|
82
|
+
lg: string;
|
|
83
|
+
xl: string;
|
|
84
|
+
thin: string;
|
|
85
|
+
hair: string;
|
|
86
86
|
};
|
|
87
87
|
/**
|
|
88
88
|
* @hidden
|
|
89
89
|
*/
|
|
90
90
|
export declare const typographyMarginRightOptions: {
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
91
|
+
xs: string;
|
|
92
|
+
sm: string;
|
|
93
|
+
md: string;
|
|
94
|
+
lg: string;
|
|
95
|
+
xl: string;
|
|
96
|
+
thin: string;
|
|
97
|
+
hair: string;
|
|
98
98
|
};
|
|
99
99
|
/**
|
|
100
100
|
* The margin configuration for each side.
|
|
@@ -17,8 +17,8 @@ export declare type TypographyTextAlign = 'left' | 'right' | 'center' | 'justify
|
|
|
17
17
|
* @hidden
|
|
18
18
|
*/
|
|
19
19
|
export declare const typographyTextAlignOptions: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
left: string;
|
|
21
|
+
right: string;
|
|
22
|
+
center: string;
|
|
23
|
+
justify: string;
|
|
24
24
|
};
|
|
@@ -16,7 +16,7 @@ export declare type TypographyTextTransform = 'lowercase' | 'uppercase' | 'capit
|
|
|
16
16
|
* @hidden
|
|
17
17
|
*/
|
|
18
18
|
export declare const typographyTextTransformOptions: {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
lowercase: string;
|
|
20
|
+
uppercase: string;
|
|
21
|
+
capitalize: string;
|
|
22
22
|
};
|
|
File without changes
|
|
@@ -31,13 +31,13 @@ export declare type TypographyVariant = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' |
|
|
|
31
31
|
* @hidden
|
|
32
32
|
*/
|
|
33
33
|
export declare const typographyVariantOptions: {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
34
|
+
p: string;
|
|
35
|
+
h1: string;
|
|
36
|
+
h2: string;
|
|
37
|
+
h3: string;
|
|
38
|
+
h4: string;
|
|
39
|
+
h5: string;
|
|
40
|
+
h6: string;
|
|
41
|
+
code: string;
|
|
42
|
+
pre: string;
|
|
43
43
|
};
|
|
File without changes
|