@progress/kendo-angular-indicators 1.1.3 → 2.0.0-next.202203230839

package/dist/fesm5/index.js

@@ -1,713 +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 { HostBinding, Input, Component, ElementRef, Renderer2, NgModule, isDevMode, ChangeDetectionStrategy } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { validatePackage } from '@progress/kendo-licensing';
-import { CommonModule } from '@angular/common';
-
-/**
- * @hidden
- */
-var packageMetadata = {
-    name: '@progress/kendo-angular-indicators',
-    productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1646219044,
-    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 SIZE_CLASSES = {
-    'small': 'k-badge-sm',
-    'medium': 'k-badge-md',
-    'large': 'k-badge-lg'
-};
-/**
- * Represents the [Kendo UI Badge component for Angular]({% slug overview_badge %}).
- * Used to display additional information or status that is related to an element.
- */
-var BadgeComponent = /** @class */ (function () {
-    function BadgeComponent(element, renderer, localizationService) {
-        var _this = this;
-        this.element = element;
-        this.renderer = renderer;
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * Specifies the size of the Badge.
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium` (Default)
-         * * `large`
-         *
-         */
-        this.size = 'medium';
-        /**
-         * Specifies the appearance fill style of the Badge.
-         *
-         * The possible values are:
-         * * `solid` (Default)
-         * * `outline`
-         *
-         */
-        this.fill = 'solid';
-        /**
-         * Specifies the theme color of the Badge.
-         * The theme color will be applied as background and border color, while also amending the text color accordingly.
-         *
-         * The possible values are:
-         * * `primary` (Default)—Applies coloring based on primary theme color.
-         * * `secondary`—Applies coloring based on secondary theme color.
-         * * `tertiary`— Applies coloring based on tertiary theme color.
-         * * `inherit`— Applies inherited coloring value.
-         * * `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 inverted theme color.
-         *
-         */
-        this.themeColor = 'primary';
-        /**
-         * Specifies the shape of the Badge.
-         *
-         * The possible values are:
-         * * `circle` (Default)—Applies circular shape on the Badge.
-         * * `rectangle`—Applies rectangular shape on the Badge.
-         * * `rounded`—Applies rounded shape on the Badge.
-         * * `dot`—Applies dot shape on the Badge.
-         * * `pill`—Applies border radius equal to half of the height of the Badge.
-         *
-         */
-        this.shape = 'circle';
-        /**
-         * Specifies the position of the Badge relative to the edge of the parent container element.
-         *
-         * The possible values are:
-         * * `edge` (Default)—The center of the Badge is positioned on the edge of the parent container element.
-         * * `inside`—The Badge is entirely positioned inside the edge of the parent container element.
-         * * `outside`—The Badge is entirely positioned outside the edge of the parent container element.
-         *
-         */
-        this.position = 'edge';
-        /**
-         * Specifies whether or not to render additional `cutout` border around the Badge.
-         *
-         * The possible values are:
-         * * `true`
-         * * `false` (Default)
-         *
-         */
-        this.cutoutBorder = false;
-        this.badgeClasses = [];
-        this.badgeAlign = { vertical: 'top', horizontal: 'end' };
-        this.rtl = false;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    Object.defineProperty(BadgeComponent.prototype, "cutoutBorderClass", {
-        get: function () {
-            return this.cutoutBorder;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BadgeComponent.prototype, "align", {
-        /**
-         * Specifies the alignment of the Badge.
-         *
-         * The possible values are:
-         * * `{ vertical: 'top', horizontal: 'end' }` (Default)
-         * * `{ vertical: 'top', horizontal: 'start' }`
-         * * `{ vertical: 'bottom', horizontal: 'start' }`
-         * * `{ vertical: 'bottom', horizontal: 'end' }`
-         *
-         */
-        get: function () {
-            return this.badgeAlign;
-        },
-        set: function (align) {
-            this.badgeAlign = Object.assign(this.badgeAlign, align);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    BadgeComponent.prototype.ngAfterViewInit = function () {
-        if (!this.badgeClasses.length) {
-            this.setBadgeClasses();
-        }
-    };
-    BadgeComponent.prototype.ngOnChanges = function () {
-        this.setBadgeClasses();
-    };
-    BadgeComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    BadgeComponent.prototype.alignClass = function () {
-        return "k-" + this.badgeAlign.vertical + "-" + this.badgeAlign.horizontal;
-    };
-    BadgeComponent.prototype.positionClass = function () {
-        return "k-badge-" + this.position;
-    };
-    BadgeComponent.prototype.sizeClass = function () {
-        return SIZE_CLASSES[this.size];
-    };
-    BadgeComponent.prototype.shapeClass = function () {
-        return "k-badge-" + this.shape;
-    };
-    BadgeComponent.prototype.themeColorClass = function () {
-        return "k-badge-" + this.themeColor;
-    };
-    BadgeComponent.prototype.fillClass = function () {
-        return "k-badge-" + this.fill;
-    };
-    BadgeComponent.prototype.setBadgeClasses = function () {
-        var _this = this;
-        var element = this.element.nativeElement;
-        this.badgeClasses.forEach(function (className) {
-            _this.renderer.removeClass(element, className);
-        });
-        this.badgeClasses = [
-            this.themeColorClass(),
-            this.fillClass(),
-            this.sizeClass(),
-            this.shapeClass(),
-            this.alignClass(),
-            this.positionClass()
-        ];
-        this.badgeClasses.forEach(function (className) {
-            _this.renderer.addClass(element, className);
-        });
-    };
-    __decorate([
-        HostBinding('class.k-badge'),
-        __metadata("design:type", Boolean)
-    ], BadgeComponent.prototype, "hostClass", void 0);
-    __decorate([
-        HostBinding('class.k-badge-border-cutout'),
-        __metadata("design:type", Boolean),
-        __metadata("design:paramtypes", [])
-    ], BadgeComponent.prototype, "cutoutBorderClass", null);
-    __decorate([
-        HostBinding('attr.dir'),
-        __metadata("design:type", String)
-    ], BadgeComponent.prototype, "direction", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], BadgeComponent.prototype, "align", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], BadgeComponent.prototype, "size", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], BadgeComponent.prototype, "fill", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], BadgeComponent.prototype, "themeColor", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], BadgeComponent.prototype, "shape", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], BadgeComponent.prototype, "position", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Boolean)
-    ], BadgeComponent.prototype, "cutoutBorder", void 0);
-    BadgeComponent = __decorate([
-        Component({
-            selector: 'kendo-badge',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.badge.component'
-                }
-            ],
-            template: "<ng-content></ng-content>"
-        }),
-        __metadata("design:paramtypes", [ElementRef,
-            Renderer2,
-            LocalizationService])
-    ], BadgeComponent);
-    return BadgeComponent;
-}());
-
-var BadgeContainerComponent = /** @class */ (function () {
-    function BadgeContainerComponent(localizationService) {
-        var _this = this;
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        this.rtl = false;
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    BadgeContainerComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    __decorate([
-        HostBinding('class.k-badge-container'),
-        __metadata("design:type", Boolean)
-    ], BadgeContainerComponent.prototype, "hostClass", void 0);
-    __decorate([
-        HostBinding('attr.dir'),
-        __metadata("design:type", String)
-    ], BadgeContainerComponent.prototype, "direction", void 0);
-    BadgeContainerComponent = __decorate([
-        Component({
-            selector: 'kendo-badge-container',
-            providers: [
-                LocalizationService,
-                {
-                    provide: L10N_PREFIX,
-                    useValue: 'kendo.badge.component'
-                }
-            ],
-            template: "<ng-content></ng-content>"
-        }),
-        __metadata("design:paramtypes", [LocalizationService])
-    ], BadgeContainerComponent);
-    return BadgeContainerComponent;
-}());
-
-var SIZE_CLASSES$1 = {
-    'small': 'k-loader-sm',
-    'medium': 'k-loader-md',
-    'large': 'k-loader-lg'
-};
-var SEGMENT_COUNT = {
-    'pulsing': 2,
-    'infinite-spinner': 3,
-    'converging-spinner': 4
-};
-var TYPE_CLASSES = {
-    'pulsing': 'k-loader-pulsing-2',
-    'infinite-spinner': 'k-loader-spinner-3',
-    'converging-spinner': 'k-loader-spinner-4'
-};
-/**
- * Represents the [Kendo UI Loader component for Angular]({% slug overview_loader %}).
- * Displays a Loader that represents an indeterminate wait time.
- */
-var LoaderComponent = /** @class */ (function () {
-    function LoaderComponent(element, renderer) {
-        this.element = element;
-        this.renderer = renderer;
-        this.hostClass = true;
-        this._type = 'pulsing';
-        this._themeColor = 'primary';
-        this._size = 'medium';
-        this.loader = this.element.nativeElement;
-        validatePackage(packageMetadata);
-    }
-    Object.defineProperty(LoaderComponent.prototype, "type", {
-        get: function () {
-            return this._type;
-        },
-        /**
-         * Specifies the Loader animation type.
-         *
-         * The possible values are:
-         * - `pulsing` (default)
-         * - `infinite-spinner`
-         * - `converging-spinner`
-         */
-        set: function (type) {
-            this.renderer.removeClass(this.loader, TYPE_CLASSES[this.type]);
-            this.renderer.addClass(this.loader, TYPE_CLASSES[type]);
-            this._type = type;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(LoaderComponent.prototype, "themeColor", {
-        get: function () {
-            return this._themeColor;
-        },
-        /**
-         * Specifies the theme color of the Loader.
-         *
-         * The possible values are:
-         * * `primary` (Default)&mdash;Applies coloring based on primary theme color.
-         * * `secondary`&mdash;Applies coloring based on secondary theme color.
-         * * `tertiary`&mdash; Applies coloring based on tertiary theme color.
-         * * `info`&mdash;Applies coloring based on info theme color.
-         * * `success`&mdash; Applies coloring based on success theme color.
-         * * `warning`&mdash; Applies coloring based on warning theme color.
-         * * `error`&mdash; Applies coloring based on error theme color.
-         * * `dark`&mdash; Applies coloring based on dark theme color.
-         * * `light`&mdash; Applies coloring based on light theme color.
-         * * `inverse`&mdash; Applies coloring based on inverted theme color.
-         *
-         */
-        set: function (themeColor) {
-            this.renderer.removeClass(this.loader, "k-loader-" + this.themeColor);
-            this.renderer.addClass(this.loader, "k-loader-" + themeColor);
-            this._themeColor = themeColor;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(LoaderComponent.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        /**
-         * Specifies the size of the Loader.
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium` (Default)
-         * * `large`
-         *
-         */
-        set: function (size) {
-            this.renderer.removeClass(this.loader, SIZE_CLASSES$1[this.size]);
-            this.renderer.addClass(this.loader, SIZE_CLASSES$1[size]);
-            this._size = size;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    LoaderComponent.prototype.ngAfterViewInit = function () {
-        this.setLoaderClasses();
-    };
-    Object.defineProperty(LoaderComponent.prototype, "segmentCount", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return new Array(SEGMENT_COUNT[this.type]);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    LoaderComponent.prototype.setLoaderClasses = function () {
-        this.renderer.addClass(this.loader, TYPE_CLASSES[this.type]);
-        this.renderer.addClass(this.loader, "k-loader-" + this.themeColor);
-        this.renderer.addClass(this.loader, SIZE_CLASSES$1[this.size]);
-    };
-    __decorate([
-        HostBinding('class.k-loader'),
-        __metadata("design:type", Boolean)
-    ], LoaderComponent.prototype, "hostClass", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [String])
-    ], LoaderComponent.prototype, "type", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [String])
-    ], LoaderComponent.prototype, "themeColor", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [String])
-    ], LoaderComponent.prototype, "size", null);
-    LoaderComponent = __decorate([
-        Component({
-            selector: 'kendo-loader',
-            template: "\n        <div class=\"k-loader-canvas\">\n            <span *ngFor=\"let segment of segmentCount\" class=\"k-loader-segment\"></span>\n        </div>\n    "
-        }),
-        __metadata("design:paramtypes", [ElementRef,
-            Renderer2])
-    ], LoaderComponent);
-    return LoaderComponent;
-}());
-
-var exportedModules = [
-    LoaderComponent
-];
-var declarations = exportedModules.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Loader component.
- */
-var LoaderModule = /** @class */ (function () {
-    function LoaderModule() {
-    }
-    LoaderModule = __decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedModules],
-            imports: [CommonModule]
-        })
-    ], LoaderModule);
-    return LoaderModule;
-}());
-
-/**
- * @hidden
- */
-var validAnimations = [false, 'pulse', 'wave'];
-/**
- * @hidden
- */
-var validShapes = ['circle', 'rectangle', 'text'];
-
-/**
- * @hidden
- */
-var ANIMATION_CLASSES = {
-    pulse: 'k-skeleton-pulse',
-    wave: 'k-skeleton-wave'
-};
-/**
- * @hidden
- */
-var SHAPE_CLASSES = {
-    rectangle: 'k-skeleton-rect',
-    circle: 'k-skeleton-circle',
-    text: 'k-skeleton-text'
-};
-/**
- * @hidden
- */
-var skeletonShapeError = function (input) { return "\"" + input + "\" is not a valid kendo-skeleton shape. Valid shapes are: " + validShapes.map(function (s) { return "\"" + s + "\""; }).join(" | ") + "."; };
-/**
- * @hidden
- */
-var skeletonAnimationError = function (input) { return "\"" + input + "\" is not a valid kendo-skeleton animation. Valid values are: 'pulse' | 'wave' | false."; };
-
-/**
- * Represents the [Kendo UI Skeleton component for Angular]({% slug overview_skeleton %}).
- * Displays a Skeleton that represents loading content.
- */
-var SkeletonComponent = /** @class */ (function () {
-    function SkeletonComponent(renderer, hostElement) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this._animation = "pulse";
-        this._shape = 'text';
-    }
-    Object.defineProperty(SkeletonComponent.prototype, "animation", {
-        get: function () {
-            return this._animation;
-        },
-        /**
-         * Specifies the animation settings of the Skeleton.
-         *
-         * The possible values are:
-         * * `pulse` &mdash; (Default) Shows a pulse animation effect.
-         * * `wave` &mdash; Shows a wave animation effect.
-         * * `false` &mdash; Disables the animation. Note that it's a boolean, not a string.
-         */
-        set: function (animation) {
-            if (isDevMode() && validAnimations.indexOf(animation) === -1) {
-                throw new Error(skeletonAnimationError(animation));
-            }
-            if (this.animation) {
-                this.renderer.removeClass(this.hostElement.nativeElement, ANIMATION_CLASSES[this.animation]);
-            }
-            if (animation) {
-                this.renderer.addClass(this.hostElement.nativeElement, ANIMATION_CLASSES[animation]);
-            }
-            this._animation = animation;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkeletonComponent.prototype, "shape", {
-        get: function () {
-            return this._shape;
-        },
-        /**
-         * Specifies the shape of the Skeleton.
-         *
-         * The possible values are:
-         * * `text` &mdash; (Default) Renders a line Skeleton.
-         * * `circle` &mdash; Renders a circular Skeleton.
-         * * `rectangle` &mdash; Renders a rectangular Skeleton.
-         */
-        set: function (shape) {
-            if (isDevMode() && validShapes.indexOf(shape) === -1) {
-                throw new Error(skeletonShapeError(shape));
-            }
-            this.renderer.removeClass(this.hostElement.nativeElement, SHAPE_CLASSES[this.shape]);
-            this.renderer.addClass(this.hostElement.nativeElement, SHAPE_CLASSES[shape]);
-            this._shape = shape;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkeletonComponent.prototype, "width", {
-        /**
-         * Specifies the width of the Skeleton component.
-         * * Required for all Skeleton shapes.
-         * * Can be set to a string, e.g. '100px', '3em', '50%'.
-         * * Can be set to an integer number (will be read as width in pixels).
-         */
-        set: function (width) {
-            this.renderer.setStyle(this.hostElement.nativeElement, "width", typeof width === "string" ? width : width + "px");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(SkeletonComponent.prototype, "height", {
-        /**
-         * Specifies the height of the Skeleton component.
-         * * Required for 'circle' and 'rectangle' shapes.
-         * * Not required for 'text', as it is derived from the current CSS font-size.
-         * * Can be set to a string, e.g. '100px', '3em', '50%'.
-         * * Can be set to an integer number (will be read as height in pixels).
-         */
-        set: function (height) {
-            this.renderer.setStyle(this.hostElement.nativeElement, "height", typeof height === "string" ? height : height + "px");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    SkeletonComponent.prototype.ngAfterViewInit = function () {
-        var hostElement = this.hostElement.nativeElement;
-        hostElement.classList.add("k-skeleton", SHAPE_CLASSES[this.shape]);
-        if (this.animation) {
-            hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
-        }
-    };
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], SkeletonComponent.prototype, "animation", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", String),
-        __metadata("design:paramtypes", [String])
-    ], SkeletonComponent.prototype, "shape", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], SkeletonComponent.prototype, "width", null);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], SkeletonComponent.prototype, "height", null);
-    SkeletonComponent = __decorate([
-        Component({
-            selector: "kendo-skeleton",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            template: ""
-        }),
-        __metadata("design:paramtypes", [Renderer2, ElementRef])
-    ], SkeletonComponent);
-    return SkeletonComponent;
-}());
-
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Skeleton component.
- */
-var SkeletonModule = /** @class */ (function () {
-    function SkeletonModule() {
-    }
-    SkeletonModule = __decorate([
-        NgModule({
-            declarations: [SkeletonComponent],
-            exports: [SkeletonComponent],
-            imports: [CommonModule]
-        })
-    ], SkeletonModule);
-    return SkeletonModule;
-}());
-
-var exportedModules$1 = [
-    BadgeComponent,
-    BadgeContainerComponent
-];
-var declarations$1 = exportedModules$1.slice();
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Badge component.
- */
-var BadgeModule = /** @class */ (function () {
-    function BadgeModule() {
-    }
-    BadgeModule = __decorate([
-        NgModule({
-            declarations: [declarations$1],
-            exports: [exportedModules$1],
-            imports: [CommonModule]
-        })
-    ], BadgeModule);
-    return BadgeModule;
-}());
-
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Indicators components.
- *
- * @example
- *
- * ```ts-no-run
- * // Import the Indicators module
- * import { IndicatorsModule } from '@progress/kendo-angular-indicators';
- *
- * // 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, IndicatorsModule], // import Indicators module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var IndicatorsModule = /** @class */ (function () {
-    function IndicatorsModule() {
-    }
-    IndicatorsModule = __decorate([
-        NgModule({
-            exports: [
-                BadgeModule,
-                LoaderModule,
-                SkeletonModule
-            ]
-        })
-    ], IndicatorsModule);
-    return IndicatorsModule;
-}());
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { BadgeModule, BadgeComponent, BadgeContainerComponent, LoaderComponent, LoaderModule, SkeletonModule, SkeletonComponent, IndicatorsModule };