@progress/kendo-angular-typography 1.2.0 → 2.0.0-next.202203110930

package/dist/es/typography.directive.js

@@ -1,140 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-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';
-import { isPresent } from './utils';
-import { validatePackage } from '@progress/kendo-licensing';
-import { packageMetadata } from './package-metadata';
-/**
- * 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>
- * ```
- */
-var TypographyDirective = /** @class */ (function () {
-    function TypographyDirective(elementWrapper, renderer, element) {
-        this.elementWrapper = elementWrapper;
-        this.renderer = renderer;
-        this.element = element;
-        this.typographyClasses = [];
-        validatePackage(packageMetadata);
-    }
-    TypographyDirective.prototype.ngOnChanges = function () {
-        this.setTypographyClasses();
-    };
-    TypographyDirective.prototype.variantClass = function () {
-        return typographyVariantOptions[this.variant];
-    };
-    TypographyDirective.prototype.themeColorClass = function () {
-        return isPresent(this.themeColor) ? "k-color-" + this.themeColor : null;
-    };
-    TypographyDirective.prototype.textAlignClass = function () {
-        return typographyTextAlignOptions[this.textAlign];
-    };
-    TypographyDirective.prototype.fontWeightClass = function () {
-        return typographyFontWeightOptions[this.fontWeight];
-    };
-    TypographyDirective.prototype.fontSizeClass = function () {
-        return typographyFontSizeOptions[this.fontSize];
-    };
-    TypographyDirective.prototype.textTransformClass = function () {
-        return typographyTextTransformOptions[this.textTransform];
-    };
-    TypographyDirective.prototype.setMarginClassPerSide = function (marginSide, value) {
-        return "" + marginSides[marginSide] + value;
-    };
-    TypographyDirective.prototype.marginClasses = function () {
-        var _this = this;
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return ["k-m-" + this.margin];
-        }
-        if (typeof (this.margin) === 'object') {
-            var marginClasses_1 = [];
-            Object.keys(this.margin).forEach(function (key) {
-                if (isPresent(_this.margin[key])) {
-                    marginClasses_1.push(_this.setMarginClassPerSide(key, _this.margin[key]));
-                }
-            });
-            return marginClasses_1;
-        }
-    };
-    TypographyDirective.prototype.setTypographyClasses = function () {
-        var _this = this;
-        var element = this.element.nativeElement;
-        this.typographyClasses.forEach(function (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(function (className) {
-                _this.typographyClasses.push(className);
-            });
-        }
-        this.typographyClasses.forEach(function (className) {
-            if (isPresent(className)) {
-                _this.renderer.addClass(element, className);
-            }
-        });
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TypographyDirective.prototype, "variant", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TypographyDirective.prototype, "fontSize", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TypographyDirective.prototype, "fontWeight", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TypographyDirective.prototype, "textAlign", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TypographyDirective.prototype, "textTransform", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TypographyDirective.prototype, "themeColor", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], TypographyDirective.prototype, "margin", void 0);
-    TypographyDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoTypography]',
-            exportAs: 'kendoTypography'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ElementRef])
-    ], TypographyDirective);
-    return TypographyDirective;
-}());
-export { TypographyDirective };

package/dist/es/utils.js

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

package/dist/es2015/index.d.ts

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

package/dist/es2015/index.metadata.json

@@ -1 +0,0 @@
-{"__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

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

package/dist/es2015/typography.module.js

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { NgModule } from '@angular/core';
-import { TypographyDirective } from './typography.directive';
-/**
- * Represents the [NgModule]({{ 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);
- *
- * ```
- */
-let TypographyModule = class TypographyModule {
-};
-TypographyModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [TypographyDirective],
-        exports: [TypographyDirective]
-    })
-], TypographyModule);
-export { TypographyModule };

package/dist/fesm5/index.js

@@ -1,285 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata } from 'tslib';
-import { Input, Directive, ElementRef, Renderer2, NgModule } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-
-/**
- * @hidden
- */
-var typographyFontSizeOptions = {
-    'xs': 'k-fs-xs',
-    'sm': 'k-fs-sm',
-    'md': 'k-fs-md',
-    'lg': 'k-fs-lg',
-    'xl': 'k-fs-xl'
-};
-
-/**
- * @hidden
- */
-var 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
- */
-var 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
- */
-var marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};
-
-/**
- * @hidden
- */
-var typographyTextAlignOptions = {
-    'left': 'k-text-left',
-    'right': 'k-text-right',
-    'center': 'k-text-center',
-    'justify': 'k-text-justify'
-};
-
-/**
- * @hidden
- */
-var typographyTextTransformOptions = {
-    'lowercase': 'k-text-lowercase',
-    'uppercase': 'k-text-uppercase',
-    'capitalize': 'k-text-capitalize'
-};
-
-/**
- * @hidden
- */
-var 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
- */
-var isPresent = function (value) { return value !== null && value !== undefined; };
-
-/**
- * @hidden
- */
-var packageMetadata = {
-    name: '@progress/kendo-angular-typography',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642584652,
-    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'
-};
-
-/**
- * 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>
- * ```
- */
-var TypographyDirective = /** @class */ (function () {
-    function TypographyDirective(elementWrapper, renderer, element) {
-        this.elementWrapper = elementWrapper;
-        this.renderer = renderer;
-        this.element = element;
-        this.typographyClasses = [];
-        validatePackage(packageMetadata);
-    }
-    TypographyDirective.prototype.ngOnChanges = function () {
-        this.setTypographyClasses();
-    };
-    TypographyDirective.prototype.variantClass = function () {
-        return typographyVariantOptions[this.variant];
-    };
-    TypographyDirective.prototype.themeColorClass = function () {
-        return isPresent(this.themeColor) ? "k-color-" + this.themeColor : null;
-    };
-    TypographyDirective.prototype.textAlignClass = function () {
-        return typographyTextAlignOptions[this.textAlign];
-    };
-    TypographyDirective.prototype.fontWeightClass = function () {
-        return typographyFontWeightOptions[this.fontWeight];
-    };
-    TypographyDirective.prototype.fontSizeClass = function () {
-        return typographyFontSizeOptions[this.fontSize];
-    };
-    TypographyDirective.prototype.textTransformClass = function () {
-        return typographyTextTransformOptions[this.textTransform];
-    };
-    TypographyDirective.prototype.setMarginClassPerSide = function (marginSide, value) {
-        return "" + marginSides[marginSide] + value;
-    };
-    TypographyDirective.prototype.marginClasses = function () {
-        var _this = this;
-        if (typeof (this.margin) === 'string') {
-            return [typographyMarginOptions[this.margin]];
-        }
-        if (typeof (this.margin) === 'number') {
-            return ["k-m-" + this.margin];
-        }
-        if (typeof (this.margin) === 'object') {
-            var marginClasses_1 = [];
-            Object.keys(this.margin).forEach(function (key) {
-                if (isPresent(_this.margin[key])) {
-                    marginClasses_1.push(_this.setMarginClassPerSide(key, _this.margin[key]));
-                }
-            });
-            return marginClasses_1;
-        }
-    };
-    TypographyDirective.prototype.setTypographyClasses = function () {
-        var _this = this;
-        var element = this.element.nativeElement;
-        this.typographyClasses.forEach(function (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(function (className) {
-                _this.typographyClasses.push(className);
-            });
-        }
-        this.typographyClasses.forEach(function (className) {
-            if (isPresent(className)) {
-                _this.renderer.addClass(element, className);
-            }
-        });
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], TypographyDirective.prototype, "variant", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], TypographyDirective.prototype, "fontSize", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], TypographyDirective.prototype, "fontWeight", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], TypographyDirective.prototype, "textAlign", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], TypographyDirective.prototype, "textTransform", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], TypographyDirective.prototype, "themeColor", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], TypographyDirective.prototype, "margin", void 0);
-    TypographyDirective = __decorate([
-        Directive({
-            selector: '[kendoTypography]',
-            exportAs: 'kendoTypography'
-        }),
-        __metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            ElementRef])
-    ], TypographyDirective);
-    return TypographyDirective;
-}());
-
-/**
- * Represents the [NgModule]({{ 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);
- *
- * ```
- */
-var TypographyModule = /** @class */ (function () {
-    function TypographyModule() {
-    }
-    TypographyModule = __decorate([
-        NgModule({
-            declarations: [TypographyDirective],
-            exports: [TypographyDirective]
-        })
-    ], TypographyModule);
-    return TypographyModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TypographyModule, TypographyDirective };

package/dist/npm/index.js

@@ -1,11 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-/**
- * Generated bundle index. Do not edit.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./main"), exports);

package/dist/npm/main.js

@@ -1,10 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var typography_module_1 = require("./typography.module");
-exports.TypographyModule = typography_module_1.TypographyModule;
-var typography_directive_1 = require("./typography.directive");
-exports.TypographyDirective = typography_directive_1.TypographyDirective;

package/dist/npm/models/font-size.js

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- */
-exports.typographyFontSizeOptions = {
-    'xs': 'k-fs-xs',
-    'sm': 'k-fs-sm',
-    'md': 'k-fs-md',
-    'lg': 'k-fs-lg',
-    'xl': 'k-fs-xl'
-};

package/dist/npm/models/font-weight.js

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- */
-exports.typographyFontWeightOptions = {
-    'light': 'k-font-weight-light',
-    'normal': 'k-font-weight-normal',
-    'bold': 'k-font-weight-bold'
-};

package/dist/npm/models/margin-sides.js

@@ -1,15 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- */
-exports.marginSides = {
-    'top': 'k-mt-',
-    'right': 'k-mr-',
-    'bottom': 'k-mb-',
-    'left': 'k-ml-'
-};

package/dist/npm/models/margin.js

@@ -1,77 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-/**
- * 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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- */
-exports.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
- */
-exports.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
- */
-exports.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
- */
-exports.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
- */
-exports.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'
-};