@progress/kendo-angular-typography 1.2.1 → 2.0.0-next.202203310835
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 +31 -91
- 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
package/dist/es/utils.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
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
|
-
/**
|
|
6
|
-
* @hidden
|
|
7
|
-
*/
|
|
8
|
-
export var isPresent = function (value) { return value !== null && value !== undefined; };
|
package/dist/es2015/index.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
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
|
-
/**
|
|
6
|
-
* Generated bundle index. Do not edit.
|
|
7
|
-
*/
|
|
8
|
-
export * from './main';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TypographyModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":34,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TypographyDirective"}],"exports":[{"__symbolic":"reference","name":"TypographyDirective"}]}]}],"members":{}},"TypographyDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":27,"character":1},"arguments":[{"selector":"[kendoTypography]","exportAs":"kendoTypography"}]}],"members":{"variant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"fontSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"fontWeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":5}}]}],"textAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":50,"character":5}}]}],"textTransform":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":54,"character":5}}]}],"themeColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":5}}]}],"margin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":69,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":70,"character":26},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":69,"character":31}]}],"ngOnChanges":[{"__symbolic":"method"}],"variantClass":[{"__symbolic":"method"}],"themeColorClass":[{"__symbolic":"method"}],"textAlignClass":[{"__symbolic":"method"}],"fontWeightClass":[{"__symbolic":"method"}],"fontSizeClass":[{"__symbolic":"method"}],"textTransformClass":[{"__symbolic":"method"}],"setMarginClassPerSide":[{"__symbolic":"method"}],"marginClasses":[{"__symbolic":"method"}],"setTypographyClasses":[{"__symbolic":"method"}]}},"TypographyFontSize":{"__symbolic":"interface"},"TypographyFontWeight":{"__symbolic":"interface"},"TypographyTextAlign":{"__symbolic":"interface"},"TypographyTextTransform":{"__symbolic":"interface"},"TypographyVariant":{"__symbolic":"interface"},"TypographyThemeColor":{"__symbolic":"interface"}},"origins":{"TypographyModule":"./typography.module","TypographyDirective":"./typography.directive","TypographyFontSize":"./models/font-size","TypographyFontWeight":"./models/font-weight","TypographyTextAlign":"./models/text-align","TypographyTextTransform":"./models/text-transform","TypographyVariant":"./models/variant","TypographyThemeColor":"./models/theme-color"},"importAs":"@progress/kendo-angular-typography"}
|
package/dist/es2015/main.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
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
|
-
export { TypographyModule } from './typography.module';
|
|
6
|
-
export { TypographyDirective } from './typography.directive';
|
|
@@ -1,47 +0,0 @@
|
|
|
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
|
-
import * as tslib_1 from "tslib";
|
|
6
|
-
import { NgModule } from '@angular/core';
|
|
7
|
-
import { TypographyDirective } from './typography.directive';
|
|
8
|
-
/**
|
|
9
|
-
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
10
|
-
* definition for the Typography component.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
*
|
|
14
|
-
* ```ts-no-run
|
|
15
|
-
* // Import the Typography module
|
|
16
|
-
* import { TypographyModule } from '@progress/kendo-angular-typography';
|
|
17
|
-
*
|
|
18
|
-
* // The browser platform with a compiler
|
|
19
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
20
|
-
*
|
|
21
|
-
* import { NgModule } from '@angular/core';
|
|
22
|
-
*
|
|
23
|
-
* // Import the app component
|
|
24
|
-
* import { AppComponent } from './app.component';
|
|
25
|
-
*
|
|
26
|
-
* // Define the app module
|
|
27
|
-
* _@NgModule({
|
|
28
|
-
* declarations: [AppComponent], // declare app component
|
|
29
|
-
* imports: [BrowserModule, TypographyModule], // import Typography module
|
|
30
|
-
* bootstrap: [AppComponent]
|
|
31
|
-
* })
|
|
32
|
-
* export class AppModule { }
|
|
33
|
-
*
|
|
34
|
-
* // Compile and launch the module
|
|
35
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
36
|
-
*
|
|
37
|
-
* ```
|
|
38
|
-
*/
|
|
39
|
-
let TypographyModule = class TypographyModule {
|
|
40
|
-
};
|
|
41
|
-
TypographyModule = tslib_1.__decorate([
|
|
42
|
-
NgModule({
|
|
43
|
-
declarations: [TypographyDirective],
|
|
44
|
-
exports: [TypographyDirective]
|
|
45
|
-
})
|
|
46
|
-
], TypographyModule);
|
|
47
|
-
export { TypographyModule };
|
package/dist/fesm5/index.js
DELETED
|
@@ -1,285 +0,0 @@
|
|
|
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
|
-
import { __decorate, __metadata } from 'tslib';
|
|
6
|
-
import { Input, Directive, ElementRef, Renderer2, NgModule } from '@angular/core';
|
|
7
|
-
import { validatePackage } from '@progress/kendo-licensing';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
var 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
|
-
var typographyFontWeightOptions = {
|
|
24
|
-
'light': 'k-font-weight-light',
|
|
25
|
-
'normal': 'k-font-weight-normal',
|
|
26
|
-
'bold': 'k-font-weight-bold'
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
/**
|
|
30
|
-
* Specifies the applied margin to the element.
|
|
31
|
-
*
|
|
32
|
-
* Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
|
|
33
|
-
*
|
|
34
|
-
* When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
|
|
35
|
-
* When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
|
|
36
|
-
* The minimum number value is 0 and the maximum is 24.
|
|
37
|
-
*
|
|
38
|
-
* Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
|
|
39
|
-
*/
|
|
40
|
-
/**
|
|
41
|
-
* @hidden
|
|
42
|
-
*/
|
|
43
|
-
var typographyMarginOptions = {
|
|
44
|
-
'xs': 'k-m-xs',
|
|
45
|
-
'sm': 'k-m-sm',
|
|
46
|
-
'md': 'k-m-md',
|
|
47
|
-
'lg': 'k-m-lg',
|
|
48
|
-
'xl': 'k-m-xl',
|
|
49
|
-
'thin': 'k-m-thin',
|
|
50
|
-
'hair': 'k-m-hair'
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
/**
|
|
54
|
-
* @hidden
|
|
55
|
-
*/
|
|
56
|
-
var marginSides = {
|
|
57
|
-
'top': 'k-mt-',
|
|
58
|
-
'right': 'k-mr-',
|
|
59
|
-
'bottom': 'k-mb-',
|
|
60
|
-
'left': 'k-ml-'
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
/**
|
|
64
|
-
* @hidden
|
|
65
|
-
*/
|
|
66
|
-
var typographyTextAlignOptions = {
|
|
67
|
-
'left': 'k-text-left',
|
|
68
|
-
'right': 'k-text-right',
|
|
69
|
-
'center': 'k-text-center',
|
|
70
|
-
'justify': 'k-text-justify'
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
/**
|
|
74
|
-
* @hidden
|
|
75
|
-
*/
|
|
76
|
-
var typographyTextTransformOptions = {
|
|
77
|
-
'lowercase': 'k-text-lowercase',
|
|
78
|
-
'uppercase': 'k-text-uppercase',
|
|
79
|
-
'capitalize': 'k-text-capitalize'
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
var typographyVariantOptions = {
|
|
86
|
-
'p': 'k-paragraph',
|
|
87
|
-
'h1': 'k-h1',
|
|
88
|
-
'h2': 'k-h2',
|
|
89
|
-
'h3': 'k-h3',
|
|
90
|
-
'h4': 'k-h4',
|
|
91
|
-
'h5': 'k-h5',
|
|
92
|
-
'h6': 'k-h6',
|
|
93
|
-
'code': 'k-code',
|
|
94
|
-
'pre': 'k-pre'
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
/**
|
|
98
|
-
* @hidden
|
|
99
|
-
*/
|
|
100
|
-
var isPresent = function (value) { return value !== null && value !== undefined; };
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* @hidden
|
|
104
|
-
*/
|
|
105
|
-
var packageMetadata = {
|
|
106
|
-
name: '@progress/kendo-angular-typography',
|
|
107
|
-
productName: 'Kendo UI for Angular',
|
|
108
|
-
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
109
|
-
publishDate: 1646219244,
|
|
110
|
-
version: '',
|
|
111
|
-
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
|
-
};
|
|
113
|
-
|
|
114
|
-
/**
|
|
115
|
-
* Represents the [Kendo UI Typography directive for Angular]({% slug overview_typography %}).
|
|
116
|
-
* Used to represent element types in a uniform way by relying on the predefined Kendo theme classes.
|
|
117
|
-
*
|
|
118
|
-
* @example
|
|
119
|
-
* ```ts-no-run
|
|
120
|
-
* <div kendoTypography variant="k-h1"></div>
|
|
121
|
-
* ```
|
|
122
|
-
*/
|
|
123
|
-
var TypographyDirective = /** @class */ (function () {
|
|
124
|
-
function TypographyDirective(elementWrapper, renderer, element) {
|
|
125
|
-
this.elementWrapper = elementWrapper;
|
|
126
|
-
this.renderer = renderer;
|
|
127
|
-
this.element = element;
|
|
128
|
-
this.typographyClasses = [];
|
|
129
|
-
validatePackage(packageMetadata);
|
|
130
|
-
}
|
|
131
|
-
TypographyDirective.prototype.ngOnChanges = function () {
|
|
132
|
-
this.setTypographyClasses();
|
|
133
|
-
};
|
|
134
|
-
TypographyDirective.prototype.variantClass = function () {
|
|
135
|
-
return typographyVariantOptions[this.variant];
|
|
136
|
-
};
|
|
137
|
-
TypographyDirective.prototype.themeColorClass = function () {
|
|
138
|
-
return isPresent(this.themeColor) ? "k-color-" + this.themeColor : null;
|
|
139
|
-
};
|
|
140
|
-
TypographyDirective.prototype.textAlignClass = function () {
|
|
141
|
-
return typographyTextAlignOptions[this.textAlign];
|
|
142
|
-
};
|
|
143
|
-
TypographyDirective.prototype.fontWeightClass = function () {
|
|
144
|
-
return typographyFontWeightOptions[this.fontWeight];
|
|
145
|
-
};
|
|
146
|
-
TypographyDirective.prototype.fontSizeClass = function () {
|
|
147
|
-
return typographyFontSizeOptions[this.fontSize];
|
|
148
|
-
};
|
|
149
|
-
TypographyDirective.prototype.textTransformClass = function () {
|
|
150
|
-
return typographyTextTransformOptions[this.textTransform];
|
|
151
|
-
};
|
|
152
|
-
TypographyDirective.prototype.setMarginClassPerSide = function (marginSide, value) {
|
|
153
|
-
return "" + marginSides[marginSide] + value;
|
|
154
|
-
};
|
|
155
|
-
TypographyDirective.prototype.marginClasses = function () {
|
|
156
|
-
var _this = this;
|
|
157
|
-
if (typeof (this.margin) === 'string') {
|
|
158
|
-
return [typographyMarginOptions[this.margin]];
|
|
159
|
-
}
|
|
160
|
-
if (typeof (this.margin) === 'number') {
|
|
161
|
-
return ["k-m-" + this.margin];
|
|
162
|
-
}
|
|
163
|
-
if (typeof (this.margin) === 'object') {
|
|
164
|
-
var marginClasses_1 = [];
|
|
165
|
-
Object.keys(this.margin).forEach(function (key) {
|
|
166
|
-
if (isPresent(_this.margin[key])) {
|
|
167
|
-
marginClasses_1.push(_this.setMarginClassPerSide(key, _this.margin[key]));
|
|
168
|
-
}
|
|
169
|
-
});
|
|
170
|
-
return marginClasses_1;
|
|
171
|
-
}
|
|
172
|
-
};
|
|
173
|
-
TypographyDirective.prototype.setTypographyClasses = function () {
|
|
174
|
-
var _this = this;
|
|
175
|
-
var element = this.element.nativeElement;
|
|
176
|
-
this.typographyClasses.forEach(function (className) {
|
|
177
|
-
_this.renderer.removeClass(element, className);
|
|
178
|
-
});
|
|
179
|
-
this.typographyClasses = [
|
|
180
|
-
this.variantClass(),
|
|
181
|
-
this.fontSizeClass(),
|
|
182
|
-
this.fontWeightClass(),
|
|
183
|
-
this.textTransformClass(),
|
|
184
|
-
this.textAlignClass(),
|
|
185
|
-
this.themeColorClass()
|
|
186
|
-
];
|
|
187
|
-
if (this.margin) {
|
|
188
|
-
this.marginClasses().forEach(function (className) {
|
|
189
|
-
_this.typographyClasses.push(className);
|
|
190
|
-
});
|
|
191
|
-
}
|
|
192
|
-
this.typographyClasses.forEach(function (className) {
|
|
193
|
-
if (isPresent(className)) {
|
|
194
|
-
_this.renderer.addClass(element, className);
|
|
195
|
-
}
|
|
196
|
-
});
|
|
197
|
-
};
|
|
198
|
-
__decorate([
|
|
199
|
-
Input(),
|
|
200
|
-
__metadata("design:type", String)
|
|
201
|
-
], TypographyDirective.prototype, "variant", void 0);
|
|
202
|
-
__decorate([
|
|
203
|
-
Input(),
|
|
204
|
-
__metadata("design:type", String)
|
|
205
|
-
], TypographyDirective.prototype, "fontSize", void 0);
|
|
206
|
-
__decorate([
|
|
207
|
-
Input(),
|
|
208
|
-
__metadata("design:type", String)
|
|
209
|
-
], TypographyDirective.prototype, "fontWeight", void 0);
|
|
210
|
-
__decorate([
|
|
211
|
-
Input(),
|
|
212
|
-
__metadata("design:type", String)
|
|
213
|
-
], TypographyDirective.prototype, "textAlign", void 0);
|
|
214
|
-
__decorate([
|
|
215
|
-
Input(),
|
|
216
|
-
__metadata("design:type", String)
|
|
217
|
-
], TypographyDirective.prototype, "textTransform", void 0);
|
|
218
|
-
__decorate([
|
|
219
|
-
Input(),
|
|
220
|
-
__metadata("design:type", String)
|
|
221
|
-
], TypographyDirective.prototype, "themeColor", void 0);
|
|
222
|
-
__decorate([
|
|
223
|
-
Input(),
|
|
224
|
-
__metadata("design:type", Object)
|
|
225
|
-
], TypographyDirective.prototype, "margin", void 0);
|
|
226
|
-
TypographyDirective = __decorate([
|
|
227
|
-
Directive({
|
|
228
|
-
selector: '[kendoTypography]',
|
|
229
|
-
exportAs: 'kendoTypography'
|
|
230
|
-
}),
|
|
231
|
-
__metadata("design:paramtypes", [ElementRef,
|
|
232
|
-
Renderer2,
|
|
233
|
-
ElementRef])
|
|
234
|
-
], TypographyDirective);
|
|
235
|
-
return TypographyDirective;
|
|
236
|
-
}());
|
|
237
|
-
|
|
238
|
-
/**
|
|
239
|
-
* Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
|
|
240
|
-
* definition for the Typography component.
|
|
241
|
-
*
|
|
242
|
-
* @example
|
|
243
|
-
*
|
|
244
|
-
* ```ts-no-run
|
|
245
|
-
* // Import the Typography module
|
|
246
|
-
* import { TypographyModule } from '@progress/kendo-angular-typography';
|
|
247
|
-
*
|
|
248
|
-
* // The browser platform with a compiler
|
|
249
|
-
* import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
|
250
|
-
*
|
|
251
|
-
* import { NgModule } from '@angular/core';
|
|
252
|
-
*
|
|
253
|
-
* // Import the app component
|
|
254
|
-
* import { AppComponent } from './app.component';
|
|
255
|
-
*
|
|
256
|
-
* // Define the app module
|
|
257
|
-
* _@NgModule({
|
|
258
|
-
* declarations: [AppComponent], // declare app component
|
|
259
|
-
* imports: [BrowserModule, TypographyModule], // import Typography module
|
|
260
|
-
* bootstrap: [AppComponent]
|
|
261
|
-
* })
|
|
262
|
-
* export class AppModule { }
|
|
263
|
-
*
|
|
264
|
-
* // Compile and launch the module
|
|
265
|
-
* platformBrowserDynamic().bootstrapModule(AppModule);
|
|
266
|
-
*
|
|
267
|
-
* ```
|
|
268
|
-
*/
|
|
269
|
-
var TypographyModule = /** @class */ (function () {
|
|
270
|
-
function TypographyModule() {
|
|
271
|
-
}
|
|
272
|
-
TypographyModule = __decorate([
|
|
273
|
-
NgModule({
|
|
274
|
-
declarations: [TypographyDirective],
|
|
275
|
-
exports: [TypographyDirective]
|
|
276
|
-
})
|
|
277
|
-
], TypographyModule);
|
|
278
|
-
return TypographyModule;
|
|
279
|
-
}());
|
|
280
|
-
|
|
281
|
-
/**
|
|
282
|
-
* Generated bundle index. Do not edit.
|
|
283
|
-
*/
|
|
284
|
-
|
|
285
|
-
export { TypographyModule, TypographyDirective };
|
package/dist/npm/index.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
/**
|
|
7
|
-
* Generated bundle index. Do not edit.
|
|
8
|
-
*/
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
var tslib_1 = require("tslib");
|
|
11
|
-
tslib_1.__exportStar(require("./main"), exports);
|
package/dist/npm/main.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
var typography_module_1 = require("./typography.module");
|
|
8
|
-
exports.TypographyModule = typography_module_1.TypographyModule;
|
|
9
|
-
var typography_directive_1 = require("./typography.directive");
|
|
10
|
-
exports.TypographyDirective = typography_directive_1.TypographyDirective;
|
|
@@ -1,16 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
exports.typographyFontSizeOptions = {
|
|
11
|
-
'xs': 'k-fs-xs',
|
|
12
|
-
'sm': 'k-fs-sm',
|
|
13
|
-
'md': 'k-fs-md',
|
|
14
|
-
'lg': 'k-fs-lg',
|
|
15
|
-
'xl': 'k-fs-xl'
|
|
16
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
exports.typographyFontWeightOptions = {
|
|
11
|
-
'light': 'k-font-weight-light',
|
|
12
|
-
'normal': 'k-font-weight-normal',
|
|
13
|
-
'bold': 'k-font-weight-bold'
|
|
14
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
exports.marginSides = {
|
|
11
|
-
'top': 'k-mt-',
|
|
12
|
-
'right': 'k-mr-',
|
|
13
|
-
'bottom': 'k-mb-',
|
|
14
|
-
'left': 'k-ml-'
|
|
15
|
-
};
|
|
@@ -1,77 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
/**
|
|
7
|
-
* Specifies the applied margin to the element.
|
|
8
|
-
*
|
|
9
|
-
* Passing a [TypographyMarginOption]({% slug api_typography_typographymarginoption %}) will set any of the built - in Kendo classes, which provide default margin in pixels.
|
|
10
|
-
*
|
|
11
|
-
* When using the Default or Material themes, passing a number will apply a margin of 4 times the passed number in pixels.
|
|
12
|
-
* When using the Bootstrap theme the applied margin will be equal to the passed number divided by 4 in rem units.
|
|
13
|
-
* The minimum number value is 0 and the maximum is 24.
|
|
14
|
-
*
|
|
15
|
-
* Passing a [Margin]({% slug api_typography_margin %}) object allows setting the margins for each side.
|
|
16
|
-
*/
|
|
17
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
/**
|
|
19
|
-
* @hidden
|
|
20
|
-
*/
|
|
21
|
-
exports.typographyMarginOptions = {
|
|
22
|
-
'xs': 'k-m-xs',
|
|
23
|
-
'sm': 'k-m-sm',
|
|
24
|
-
'md': 'k-m-md',
|
|
25
|
-
'lg': 'k-m-lg',
|
|
26
|
-
'xl': 'k-m-xl',
|
|
27
|
-
'thin': 'k-m-thin',
|
|
28
|
-
'hair': 'k-m-hair'
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* @hidden
|
|
32
|
-
*/
|
|
33
|
-
exports.typographyMarginTopOptions = {
|
|
34
|
-
'xs': 'k-mt-xs',
|
|
35
|
-
'sm': 'k-mt-sm',
|
|
36
|
-
'md': 'k-mt-md',
|
|
37
|
-
'lg': 'k-mt-lg',
|
|
38
|
-
'xl': 'k-mt-xl',
|
|
39
|
-
'thin': 'k-mt-thin',
|
|
40
|
-
'hair': 'k-mt-hair'
|
|
41
|
-
};
|
|
42
|
-
/**
|
|
43
|
-
* @hidden
|
|
44
|
-
*/
|
|
45
|
-
exports.typographyMarginBottomOptions = {
|
|
46
|
-
'xs': 'k-mb-xs',
|
|
47
|
-
'sm': 'k-mb-sm',
|
|
48
|
-
'md': 'k-mb-md',
|
|
49
|
-
'lg': 'k-mb-lg',
|
|
50
|
-
'xl': 'k-mb-xl',
|
|
51
|
-
'thin': 'k-mb-thin',
|
|
52
|
-
'hair': 'k-mb-hair'
|
|
53
|
-
};
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
exports.typographyMarginLeftOptions = {
|
|
58
|
-
'xs': 'k-ml-xs',
|
|
59
|
-
'sm': 'k-ml-sm',
|
|
60
|
-
'md': 'k-ml-md',
|
|
61
|
-
'lg': 'k-ml-lg',
|
|
62
|
-
'xl': 'k-ml-xl',
|
|
63
|
-
'thin': 'k-ml-thin',
|
|
64
|
-
'hair': 'k-ml-hair'
|
|
65
|
-
};
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
exports.typographyMarginRightOptions = {
|
|
70
|
-
'xs': 'k-mr-xs',
|
|
71
|
-
'sm': 'k-mr-sm',
|
|
72
|
-
'md': 'k-mr-md',
|
|
73
|
-
'lg': 'k-mr-lg',
|
|
74
|
-
'xl': 'k-mr-xl',
|
|
75
|
-
'thin': 'k-mr-thin',
|
|
76
|
-
'hair': 'k-mr-hair'
|
|
77
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
exports.typographyTextAlignOptions = {
|
|
11
|
-
'left': 'k-text-left',
|
|
12
|
-
'right': 'k-text-right',
|
|
13
|
-
'center': 'k-text-center',
|
|
14
|
-
'justify': 'k-text-justify'
|
|
15
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
exports.typographyTextTransformOptions = {
|
|
11
|
-
'lowercase': 'k-text-lowercase',
|
|
12
|
-
'uppercase': 'k-text-uppercase',
|
|
13
|
-
'capitalize': 'k-text-capitalize'
|
|
14
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
/**
|
|
7
|
-
* Specifies the theme color.
|
|
8
|
-
*
|
|
9
|
-
* The possible values are:
|
|
10
|
-
* * `inherit` (Default)—Applies coloring based on the current color.
|
|
11
|
-
* * `primary` —Applies coloring based on primary theme color.
|
|
12
|
-
* * `secondary`—Applies coloring based on secondary theme color.
|
|
13
|
-
* * `tertiary`— Applies coloring based on tertiary theme color.
|
|
14
|
-
* * `info`—Applies coloring based on info theme color.
|
|
15
|
-
* * `success`— Applies coloring based on success theme color.
|
|
16
|
-
* * `warning`— Applies coloring based on warning theme color.
|
|
17
|
-
* * `error`— Applies coloring based on error theme color.
|
|
18
|
-
* * `dark`— Applies coloring based on dark theme color.
|
|
19
|
-
* * `light`— Applies coloring based on light theme color.
|
|
20
|
-
* * `inverse`— Applies coloring based on inverse theme color.
|
|
21
|
-
*
|
|
22
|
-
*/
|
|
23
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
@@ -1,20 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
exports.typographyVariantOptions = {
|
|
11
|
-
'p': 'k-paragraph',
|
|
12
|
-
'h1': 'k-h1',
|
|
13
|
-
'h2': 'k-h2',
|
|
14
|
-
'h3': 'k-h3',
|
|
15
|
-
'h4': 'k-h4',
|
|
16
|
-
'h5': 'k-h5',
|
|
17
|
-
'h6': 'k-h6',
|
|
18
|
-
'code': 'k-code',
|
|
19
|
-
'pre': 'k-pre'
|
|
20
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
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
|
-
"use strict";
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
exports.packageMetadata = {
|
|
11
|
-
name: '@progress/kendo-angular-typography',
|
|
12
|
-
productName: 'Kendo UI for Angular',
|
|
13
|
-
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
14
|
-
publishDate: 1646219244,
|
|
15
|
-
version: '',
|
|
16
|
-
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'
|
|
17
|
-
};
|