@progress/kendo-angular-icons 1.0.1 → 2.0.0-dev.202204131725

package/dist/fesm5/index.js

@@ -1,415 +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, __extends } from 'tslib';
-import { HostBinding, Input, Component, ElementRef, Renderer2, isDevMode, NgModule } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
-import { DomSanitizer } from '@angular/platform-browser';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { CommonModule } from '@angular/common';
-
-/**
- * @hidden
- */
-var packageMetadata = {
-    name: '@progress/kendo-angular-icons',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646218985,
-    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'
-};
-
-var sizeClasses = {
-    'default': 'k-icon',
-    'xsmall': 'k-icon-xs',
-    'small': 'k-icon-sm',
-    'medium': 'k-icon-md',
-    'large': 'k-icon-lg',
-    'xlarge': 'k-icon-xl'
-};
-/**
- * @hidden
- */
-var IconBase = /** @class */ (function () {
-    function IconBase(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-        validatePackage(packageMetadata);
-    }
-    Object.defineProperty(IconBase.prototype, "horizontalFlip", {
-        get: function () {
-            return this.flip === 'horizontal' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconBase.prototype, "verticalFlip", {
-        get: function () {
-            return this.flip === 'vertical' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconBase.prototype, "themeColor", {
-        get: function () {
-            return this._themeColor;
-        },
-        /**
-         * Specifies the theme color for the Icon.
-         *
-         * The possible values are:
-         * * `inherit` (Default)—Applies coloring based on the current color.
-         * * `primary` —Applies coloring based on primary theme color.
-         * * `secondary`—Applies coloring based on secondary theme color.
-         * * `tertiary`— Applies coloring based on tertiary theme color.
-         * * `info`—Applies coloring based on info theme color.
-         * * `success`— Applies coloring based on success theme color.
-         * * `warning`— Applies coloring based on warning theme color.
-         * * `error`— Applies coloring based on error theme color.
-         * * `dark`— Applies coloring based on dark theme color.
-         * * `light`— Applies coloring based on light theme color.
-         * * `inverse`— Applies coloring based on inverse theme color.
-         *
-         */
-        set: function (themeColor) {
-            var element = this.element.nativeElement;
-            this._themeColor = themeColor;
-            this.renderer.removeClass(element, "k-color-" + themeColor);
-            if (themeColor) {
-                this.renderer.addClass(element, "k-color-" + themeColor);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconBase.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Specifies the size of the Icon.
-         *
-         * The possible values are:
-         * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-         * * `xsmall` (Font-size: 8px; Width: 8px; Height: 8px;)
-         * * `small` (Font-size: 12px; Width: 12px; Height: 12px;)
-         * * `medium` (Font-size: 32px; Width: 32px; Height: 32px;)
-         * * `large` (Font-size: 48px; Width: 48px; Height: 48px;)
-         * * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
-         *
-         */
-        set: function (size) {
-            var element = this.element.nativeElement;
-            this._size = size;
-            var sizeClass = sizeClasses[this.size];
-            this.renderer.removeClass(element, sizeClass);
-            if (size !== 'default') {
-                this.renderer.addClass(element, sizeClass);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        HostBinding('class.k-flip-h'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], IconBase.prototype, "horizontalFlip", null);
-    __decorate([
-        HostBinding('class.k-flip-v'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], IconBase.prototype, "verticalFlip", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], IconBase.prototype, "flip", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [String])
-    ], IconBase.prototype, "themeColor", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [String])
-    ], IconBase.prototype, "size", null);
-    return IconBase;
-}());
-
-/**
- * Represents the Kendo UI Icon component for Angular.
- */
-var IconComponent = /** @class */ (function (_super) {
-    __extends(IconComponent, _super);
-    function IconComponent(element, renderer) {
-        var _this = _super.call(this, element, renderer) || this;
-        _this.element = element;
-        _this.renderer = renderer;
-        _this.hostClass = true;
-        return _this;
-    }
-    Object.defineProperty(IconComponent.prototype, "name", {
-        get: function () {
-            return this._name;
-        },
-        /**
-         * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
-         * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
-         */
-        set: function (name) {
-            var element = this.element.nativeElement;
-            this.renderer.removeClass(element, "k-i-" + this.name);
-            this._name = name;
-            if (name) {
-                this.renderer.addClass(element, "k-i-" + this.name);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    __decorate([
-        HostBinding('class.k-icon'),
-        __metadata("design:type", Boolean)
-    ], IconComponent.prototype, "hostClass", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [String])
-    ], IconComponent.prototype, "name", null);
-    IconComponent = __decorate([
-        Component({
-            exportAs: 'kendoIcon',
-            selector: 'kendo-icon',
-            template: ""
-        }),
-        __metadata("design:paramtypes", [ElementRef, Renderer2])
-    ], IconComponent);
-    return IconComponent;
-}(IconBase));
-
-/**
- * Represents the Kendo UI SVG Icon component for Angular.
- */
-var SVGIconComponent = /** @class */ (function (_super) {
-    __extends(SVGIconComponent, _super);
-    function SVGIconComponent(domSanitizer, element, renderer) {
-        var _this = _super.call(this, element, renderer) || this;
-        _this.domSanitizer = domSanitizer;
-        _this.element = element;
-        _this.renderer = renderer;
-        _this.hostClass = true;
-        return _this;
-    }
-    Object.defineProperty(SVGIconComponent.prototype, "icon", {
-        get: function () {
-            return this._icon;
-        },
-        /**
-         * Defines the SVG icon, which will be rendered.
-         */
-        set: function (icon) {
-            var element = this.element.nativeElement;
-            if (this._icon && this._icon.name) {
-                this.renderer.removeClass(element, "k-svg-i-" + this._icon.name);
-            }
-            this._icon = icon;
-            this.renderer.addClass(element, "k-svg-i-" + this._icon.name);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SVGIconComponent.prototype, "content", {
-        get: function () {
-            this.safeContent = this.safeContent || this.domSanitizer.bypassSecurityTrustHtml(this.icon.content);
-            return this.safeContent;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SVGIconComponent.prototype, "visible", {
-        get: function () {
-            return this.icon && isDocumentAvailable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SVGIconComponent.prototype.ngOnInit = function () {
-        this.verifyIconProperty();
-    };
-    SVGIconComponent.prototype.verifyIconProperty = function () {
-        if (!isDevMode()) {
-            return;
-        }
-        if (!this._icon) {
-            throw new Error("\n                Invalid configuration.\n                The input [icon] is required for the Kendo UI SVG Icon component for Angular.\n                See https://www.telerik.com/kendo-angular-ui/components/icons/svg-icon\n            ");
-        }
-    };
-    __decorate([
-        HostBinding('class.k-svg-icon'),
-        __metadata("design:type", Boolean)
-    ], SVGIconComponent.prototype, "hostClass", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], SVGIconComponent.prototype, "icon", null);
-    SVGIconComponent = __decorate([
-        Component({
-            exportAs: 'kendoSVGIcon',
-            selector: 'kendo-svg-icon',
-            template: "\n        <svg *ngIf=\"visible\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n             [attr.viewBox]=\"icon.viewBox\" [innerHTML]=\"content\">\n        </svg>"
-        }),
-        __metadata("design:paramtypes", [DomSanitizer, ElementRef, Renderer2])
-    ], SVGIconComponent);
-    return SVGIconComponent;
-}(IconBase));
-
-var exportedModules = [
-    IconComponent
-];
-var declarations = exportedModules.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Icon component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Icon module
- * import { IconModule } from '@progress/kendo-angular-icons';
- *
- * // 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, IconModule], // import Icon module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var IconModule = /** @class */ (function () {
-    function IconModule() {
-    }
-    IconModule = __decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule]
-        })
-    ], IconModule);
-    return IconModule;
-}());
-
-var exportedModules$1 = [
-    SVGIconComponent
-];
-var declarations$1 = exportedModules$1.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the SVG Icon component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the SVG Icon module
- * import { SVGIconModule } from '@progress/kendo-angular-icons';
- *
- * // 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, SVGIconModule], // import SVG Icon module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var SVGIconModule = /** @class */ (function () {
-    function SVGIconModule() {
-    }
-    SVGIconModule = __decorate([
-        NgModule({
-            declarations: [declarations$1],
-            exports: [exportedModules$1],
-            imports: [CommonModule]
-        })
-    ], SVGIconModule);
-    return SVGIconModule;
-}());
-
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Icons components.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Icons module
- * import { IconsModule } from '@progress/kendo-angular-icons';
- *
- * // 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, IconsModule], // import Icons module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var IconsModule = /** @class */ (function () {
-    function IconsModule() {
-    }
-    IconsModule = __decorate([
-        NgModule({
-            exports: [
-                IconModule,
-                SVGIconModule
-            ]
-        })
-    ], IconsModule);
-    return IconsModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { IconBase, IconComponent, SVGIconComponent, IconModule, SVGIconModule, IconsModule };

package/dist/npm/common/icon-base.js

@@ -1,128 +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 tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var package_metadata_1 = require("../package-metadata");
-var sizeClasses = {
-    'default': 'k-icon',
-    'xsmall': 'k-icon-xs',
-    'small': 'k-icon-sm',
-    'medium': 'k-icon-md',
-    'large': 'k-icon-lg',
-    'xlarge': 'k-icon-xl'
-};
-/**
- * @hidden
- */
-var IconBase = /** @class */ (function () {
-    function IconBase(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
-    }
-    Object.defineProperty(IconBase.prototype, "horizontalFlip", {
-        get: function () {
-            return this.flip === 'horizontal' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconBase.prototype, "verticalFlip", {
-        get: function () {
-            return this.flip === 'vertical' || this.flip === 'both';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconBase.prototype, "themeColor", {
-        get: function () {
-            return this._themeColor;
-        },
-        /**
-         * Specifies the theme color for the Icon.
-         *
-         * The possible values are:
-         * * `inherit` (Default)—Applies coloring based on the current color.
-         * * `primary` —Applies coloring based on primary theme color.
-         * * `secondary`—Applies coloring based on secondary theme color.
-         * * `tertiary`— Applies coloring based on tertiary theme color.
-         * * `info`—Applies coloring based on info theme color.
-         * * `success`— Applies coloring based on success theme color.
-         * * `warning`— Applies coloring based on warning theme color.
-         * * `error`— Applies coloring based on error theme color.
-         * * `dark`— Applies coloring based on dark theme color.
-         * * `light`— Applies coloring based on light theme color.
-         * * `inverse`— Applies coloring based on inverse theme color.
-         *
-         */
-        set: function (themeColor) {
-            var element = this.element.nativeElement;
-            this._themeColor = themeColor;
-            this.renderer.removeClass(element, "k-color-" + themeColor);
-            if (themeColor) {
-                this.renderer.addClass(element, "k-color-" + themeColor);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(IconBase.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Specifies the size of the Icon.
-         *
-         * The possible values are:
-         * * `default` (Default) (Font-size: 16px; Width: 16px; Height: 16px)
-         * * `xsmall` (Font-size: 8px; Width: 8px; Height: 8px;)
-         * * `small` (Font-size: 12px; Width: 12px; Height: 12px;)
-         * * `medium` (Font-size: 32px; Width: 32px; Height: 32px;)
-         * * `large` (Font-size: 48px; Width: 48px; Height: 48px;)
-         * * `xlarge` (Font-size: 64px; Width: 64px; Height: 64px;)
-         *
-         */
-        set: function (size) {
-            var element = this.element.nativeElement;
-            this._size = size;
-            var sizeClass = sizeClasses[this.size];
-            this.renderer.removeClass(element, sizeClass);
-            if (size !== 'default') {
-                this.renderer.addClass(element, sizeClass);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-flip-h'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], IconBase.prototype, "horizontalFlip", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-flip-v'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], IconBase.prototype, "verticalFlip", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], IconBase.prototype, "flip", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], IconBase.prototype, "themeColor", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], IconBase.prototype, "size", null);
-    return IconBase;
-}());
-exports.IconBase = IconBase;

package/dist/npm/common/models/flip.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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/models/size.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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/common/models/theme-color.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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/icon/icon.component.js

@@ -1,60 +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 tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var icon_base_1 = require("../common/icon-base");
-/**
- * Represents the Kendo UI Icon component for Angular.
- */
-var IconComponent = /** @class */ (function (_super) {
-    tslib_1.__extends(IconComponent, _super);
-    function IconComponent(element, renderer) {
-        var _this = _super.call(this, element, renderer) || this;
-        _this.element = element;
-        _this.renderer = renderer;
-        _this.hostClass = true;
-        return _this;
-    }
-    Object.defineProperty(IconComponent.prototype, "name", {
-        get: function () {
-            return this._name;
-        },
-        /**
-         * Defines the name for an existing icon in a Kendo UI theme, which will be rendered.
-         * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
-         */
-        set: function (name) {
-            var element = this.element.nativeElement;
-            this.renderer.removeClass(element, "k-i-" + this.name);
-            this._name = name;
-            if (name) {
-                this.renderer.addClass(element, "k-i-" + this.name);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-icon'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], IconComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], IconComponent.prototype, "name", null);
-    IconComponent = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoIcon',
-            selector: 'kendo-icon',
-            template: ""
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef, core_1.Renderer2])
-    ], IconComponent);
-    return IconComponent;
-}(icon_base_1.IconBase));
-exports.IconComponent = IconComponent;

package/dist/npm/icon.module.js

@@ -1,58 +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 tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var icon_component_1 = require("./icon/icon.component");
-var exportedModules = [
-    icon_component_1.IconComponent
-];
-var declarations = exportedModules.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Icon component.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Icon module
- * import { IconModule } from '@progress/kendo-angular-icons';
- *
- * // 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, IconModule], // import Icon module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var IconModule = /** @class */ (function () {
-    function IconModule() {
-    }
-    IconModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [common_1.CommonModule]
-        })
-    ], IconModule);
-    return IconModule;
-}());
-exports.IconModule = IconModule;