@progress/kendo-angular-indicators 17.0.0-develop.9 → 17.0.0

package/README.md

@@ -1,33 +1,46 @@
-<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<a href="https://www.telerik.com/kendo-angular-ui/components/indicators" target="_blank">
 <img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
 </a>
 
-## Kendo UI for Angular Indicators Package (Badge and Loader Components)
+## Kendo UI for Angular Indicators Package
 
-> **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-indicators)&mdash;a commercial library.
-> * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-indicators).
-> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-indicators) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-indicators). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-indicators).
-> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
->
-> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-indicators) and speed up your development process!
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * You must [install a license key](https://www.telerik.com/kendo-angular-ui/my-license) when adding the package to your project. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
 
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+The Kendo UI for Angular Indicators are components for decorating other elements by creating a visual indication for the current status, an ongoing process, or a state change. The Indicators are built from the ground up and specifically for Angular, so that you get high-performance indicator controls which integrate tightly with your application and with the rest of the Kendo UI for Angular components.
+
+## What's Included in the Angular Indicators Package
+
+The [Angular Indicators](https://www.telerik.com/kendo-angular-ui/components/indicators) package includes two built-in components:
+
+* [Angular Badge](https://www.telerik.com/kendo-angular-ui/components/indicators/badge)
+* [Angular Loader](https://www.telerik.com/kendo-angular-ui/components/indicators/loader)
+* [Angular Skeleton](https://www.telerik.com/kendo-angular-ui/components/indicators/skeleton)
+
+## Key Features
+
+Among the many features which the Kendo UI for Angular Indicators deliver are:
+
+* Appearance&mdash;The color and style of the Indicators are normally picked up by the current Kendo UI theme, but each aspect of the Indicators can be customized by theme variables or configuration options. Kendo UI for Angular delivers a set of popular themes including Bootstrap and Material, all of which can be easily customized with the [Progress ThemeBuilder](https://www.telerik.com/themebuilder) online utility. [Read more about the appearance of the Badge...](https://www.telerik.com/kendo-angular-ui/components/indicators/badge/appearance)
+* Globalization&mdash;The Kendo UI for Angular Indicators support globalization to ensure that each Indicators component can fit well in any application, no matter what languages and locales need to be supported. Additionally, the Indicators support rendering in a right-to-left (RTL) direction. [Read more about Indicators globalization...](https://www.telerik.com/kendo-angular-ui/components/indicators/globalization)
+
+## Support Options
+
+For any issues you might encounter while working with the Kendo UI for Angular Indicators, you have the following support channels available:
+
+* Industry-leading technical support&mdash;Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-center/contact-us/technical-support).
+* Product forums&mdash;The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* Feedback portal&mdash;The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
 
 ## Resources
 
-* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Getting Started with the Kendo UI for Angular Indicators](https://www.telerik.com/kendo-angular-ui/components/indicators/installation/getting-started)
 * [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
 * [Blogs](http://www.telerik.com/blogs/kendo-ui)
 * [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
 
-## Questions and Feedback
-
-* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
-* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
-* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
-* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
-
 *Copyright © 2024 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/badge/badge.component.d.ts

@@ -133,5 +133,5 @@ export declare class BadgeComponent implements AfterViewInit, OnChanges, OnDestr
     private fillClass;
     private setBadgeClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "kendo-badge", never, { "align": "align"; "size": "size"; "fill": "fill"; "themeColor": "themeColor"; "rounded": "rounded"; "position": "position"; "cutoutBorder": "cutoutBorder"; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "kendo-badge", never, { "align": { "alias": "align"; "required": false; }; "size": { "alias": "size"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "position": { "alias": "position"; "required": false; }; "cutoutBorder": { "alias": "cutoutBorder"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/badge/models/fill.d.ts

@@ -11,4 +11,4 @@
  * * `outline`
  *
  */
-export declare type BadgeFill = 'solid' | 'outline' | 'none';
+export type BadgeFill = 'solid' | 'outline' | 'none';

package/badge/models/position.d.ts

@@ -12,4 +12,4 @@
  * * `outside`—The Badge is entirely positioned outside the edge of the parent container element.
  *
  */
-export declare type BadgePosition = 'edge' | 'outside' | 'inside';
+export type BadgePosition = 'edge' | 'outside' | 'inside';

package/badge/models/rounded.d.ts

@@ -14,4 +14,4 @@
  * * `none`—The none option removes the built-in roundness. Allows for custom `border radius`.
  *
  */
-export declare type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';
+export type BadgeRounded = 'small' | 'medium' | 'large' | 'full' | 'none';

package/badge/models/size.d.ts

@@ -12,4 +12,4 @@
  * * `large`
  *
  */
-export declare type BadgeSize = 'small' | 'medium' | 'large' | 'none';
+export type BadgeSize = 'small' | 'medium' | 'large' | 'none';

package/badge/models/theme-color.d.ts

@@ -20,4 +20,4 @@
  * * `inverse`— Applies coloring based on inverted theme color.
  *
  */
-export declare type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'inherit' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
+export type BadgeThemeColor = 'primary' | 'secondary' | 'tertiary' | 'inherit' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';

package/{esm2020 → esm2022}/badge/badge-container.component.mjs

@@ -7,10 +7,16 @@ import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 export class BadgeContainerComponent {
+    localizationService;
+    hostClass = true;
+    /**
+     * @hidden
+     */
+    direction;
+    dynamicRTLSubscription;
+    rtl = false;
     constructor(localizationService) {
         this.localizationService = localizationService;
-        this.hostClass = true;
-        this.rtl = false;
         this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
             this.rtl = rtl;
             this.direction = this.rtl ? 'rtl' : 'ltr';
@@ -21,16 +27,16 @@ export class BadgeContainerComponent {
             this.dynamicRTLSubscription.unsubscribe();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.badge.component'
+            }
+        ], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-BadgeContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeContainerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-BadgeContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BadgeContainerComponent, isStandalone: true, selector: "kendo-badge-container", host: { properties: { "class.k-badge-container": "this.hostClass", "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.badge.component'
-        }
-    ], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-badge-container',

package/{esm2020 → esm2022}/badge/badge.component.mjs

@@ -24,102 +24,17 @@ const ROUNDED_CLASSES = {
  * Used to display additional information or status that is related to an element.
  */
 export class BadgeComponent {
-    constructor(element, renderer, localizationService) {
-        this.element = element;
-        this.renderer = renderer;
-        this.localizationService = localizationService;
-        this.hostClass = true;
-        /**
-         * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium`
-         * * `large`
-         * * `none`
-         *
-         * @default medium
-         */
-        this.size = 'medium';
-        /**
-         * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
-         *
-         * The possible values are:
-         * * `solid`
-         * * `outline`
-         * * `none`
-         *
-         * @default solid
-         */
-        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
-         * ([see example]({% slug appearance_badge %}#toc-theme-color)).
-         *
-         * The possible values are:
-         * * `primary`
-         * * `secondary`
-         * * `tertiary`
-         * * `inherit`
-         * * `info`
-         * * `success`
-         * * `warning`
-         * * `error`
-         * * `dark`
-         * * `light`
-         * * `inverse`
-         * * `none`
-         *
-         * @default primary
-         */
-        this.themeColor = 'primary';
-        /**
-         * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
-         *
-         * The possible values are:
-         * * `small`
-         * * `medium`
-         * * `large`
-         * * `full`
-         * * `none`
-         *
-         * @default medium
-         */
-        this.rounded = 'medium';
-        /**
-         * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
-         *
-         * The possible values are:
-         * * `edge`
-         * * `inside`
-         * * `outside`
-         *
-         * @default edge
-         */
-        this.position = 'edge';
-        /**
-         * Specifies whether or not to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
-         *
-         * The possible values are:
-         * * `true`
-         * * `false`
-         *
-         * @default false
-         */
-        this.cutoutBorder = false;
-        this.badgeClasses = [];
-        this.badgeAlign = { vertical: 'top', horizontal: 'end' };
-        this.rtl = false;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
-            this.rtl = rtl;
-            this.direction = this.rtl ? 'rtl' : 'ltr';
-        });
-    }
+    element;
+    renderer;
+    localizationService;
+    hostClass = true;
     get cutoutBorderClass() {
         return this.cutoutBorder;
     }
+    /**
+     * @hidden
+     */
+    direction;
     /**
      * Specifies the alignment of the Badge ([see example]({% slug alignandposition_badge %}#toc-alignment)).
      *
@@ -137,6 +52,99 @@ export class BadgeComponent {
     set align(align) {
         this.badgeAlign = Object.assign(this.badgeAlign, align);
     }
+    /**
+     * Specifies the size of the Badge ([see example]({% slug appearance_badge %}#toc-size)).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium`
+     * * `large`
+     * * `none`
+     *
+     * @default medium
+     */
+    size = 'medium';
+    /**
+     * Specifies the appearance fill style of the Badge ([see example]({% slug appearance_badge %}#toc-fill)).
+     *
+     * The possible values are:
+     * * `solid`
+     * * `outline`
+     * * `none`
+     *
+     * @default solid
+     */
+    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
+     * ([see example]({% slug appearance_badge %}#toc-theme-color)).
+     *
+     * The possible values are:
+     * * `primary`
+     * * `secondary`
+     * * `tertiary`
+     * * `inherit`
+     * * `info`
+     * * `success`
+     * * `warning`
+     * * `error`
+     * * `dark`
+     * * `light`
+     * * `inverse`
+     * * `none`
+     *
+     * @default primary
+     */
+    themeColor = 'primary';
+    /**
+     * Specifies the roundness of the Badge ([see example]({% slug appearance_badge %}#toc-rounded)).
+     *
+     * The possible values are:
+     * * `small`
+     * * `medium`
+     * * `large`
+     * * `full`
+     * * `none`
+     *
+     * @default medium
+     */
+    rounded = 'medium';
+    /**
+     * Specifies the position of the Badge relative to the edge of the parent container element ([see example]({% slug alignandposition_badge %}#toc-position)).
+     *
+     * The possible values are:
+     * * `edge`
+     * * `inside`
+     * * `outside`
+     *
+     * @default edge
+     */
+    position = 'edge';
+    /**
+     * Specifies whether or not to render additional `cutout` border around the Badge ([see example]({% slug appearance_badge %}#toc-cutout-border)).
+     *
+     * The possible values are:
+     * * `true`
+     * * `false`
+     *
+     * @default false
+     */
+    cutoutBorder = false;
+    badgeClasses = [];
+    badgeAlign = { vertical: 'top', horizontal: 'end' };
+    dynamicRTLSubscription;
+    rtl = false;
+    constructor(element, renderer, localizationService) {
+        this.element = element;
+        this.renderer = renderer;
+        this.localizationService = localizationService;
+        validatePackage(packageMetadata);
+        this.dynamicRTLSubscription = this.localizationService.changes.subscribe(({ rtl }) => {
+            this.rtl = rtl;
+            this.direction = this.rtl ? 'rtl' : 'ltr';
+        });
+    }
     ngAfterViewInit() {
         if (!this.badgeClasses.length) {
             this.setBadgeClasses();
@@ -199,16 +207,16 @@ export class BadgeComponent {
             }
         });
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BadgeComponent, isStandalone: true, selector: "kendo-badge", inputs: { align: "align", size: "size", fill: "fill", themeColor: "themeColor", rounded: "rounded", position: "position", cutoutBorder: "cutoutBorder" }, host: { properties: { "class.k-badge": "this.hostClass", "class.k-badge-border-cutout": "this.cutoutBorderClass", "attr.dir": "this.direction" } }, providers: [
+            LocalizationService,
+            {
+                provide: L10N_PREFIX,
+                useValue: 'kendo.badge.component'
+            }
+        ], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
 }
-BadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-BadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BadgeComponent, isStandalone: true, selector: "kendo-badge", inputs: { align: "align", size: "size", fill: "fill", themeColor: "themeColor", rounded: "rounded", position: "position", cutoutBorder: "cutoutBorder" }, host: { properties: { "class.k-badge": "this.hostClass", "class.k-badge-border-cutout": "this.cutoutBorderClass", "attr.dir": "this.direction" } }, providers: [
-        LocalizationService,
-        {
-            provide: L10N_PREFIX,
-            useValue: 'kendo.badge.component'
-        }
-    ], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-badge',

package/{esm2020 → esm2022}/badge.module.mjs

@@ -13,11 +13,11 @@ import * as i2 from "./badge/badge-container.component";
  * definition for the Badge and BadgeContainer components.
  */
 export class BadgeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule });
 }
-BadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-BadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent] });
-BadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, imports: [KENDO_BADGECONTAINER] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_BADGECONTAINER],

package/{esm2020 → esm2022}/indicators.module.mjs

@@ -42,11 +42,11 @@ import * as i4 from "./skeleton/skeleton.component";
  * ```
  */
 export class IndicatorsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule });
 }
-IndicatorsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IndicatorsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, imports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent], exports: [i1.BadgeComponent, i2.BadgeContainerComponent, i3.LoaderComponent, i4.SkeletonComponent] });
-IndicatorsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, imports: [KENDO_INDICATORS] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IndicatorsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IndicatorsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_INDICATORS],

package/{esm2020 → esm2022}/loader/loader.component.mjs

@@ -27,16 +27,9 @@ const TYPE_CLASSES = {
  * Displays a Loader that represents an indeterminate wait time.
  */
 export class LoaderComponent {
-    constructor(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);
-    }
+    element;
+    renderer;
+    hostClass = true;
     /**
      * Specifies the Loader animation type.
      *
@@ -94,6 +87,16 @@ export class LoaderComponent {
     get size() {
         return this._size;
     }
+    _type = 'pulsing';
+    _themeColor = 'primary';
+    _size = 'medium';
+    loader;
+    constructor(element, renderer) {
+        this.element = element;
+        this.renderer = renderer;
+        validatePackage(packageMetadata);
+        this.loader = this.element.nativeElement;
+    }
     ngAfterViewInit() {
         this.setLoaderClasses();
     }
@@ -108,14 +111,14 @@ export class LoaderComponent {
         this.renderer.addClass(this.loader, `k-loader-${this.themeColor}`);
         this.renderer.addClass(this.loader, SIZE_CLASSES[this.size]);
     }
-}
-LoaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-LoaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, isStandalone: true, selector: "kendo-loader", inputs: { type: "type", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-loader": "this.hostClass" } }, ngImport: i0, template: `
         <div class="k-loader-canvas">
             <span *ngFor="let segment of segmentCount" class="k-loader-segment"></span>
         </div>
     `, isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-loader',

package/{esm2020 → esm2022}/loader.module.mjs

@@ -12,11 +12,11 @@ import * as i1 from "./loader/loader.component";
  * definition for the Loader component.
  */
 export class LoaderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, imports: [i1.LoaderComponent], exports: [i1.LoaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule });
 }
-LoaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LoaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, imports: [i1.LoaderComponent], exports: [i1.LoaderComponent] });
-LoaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, imports: [KENDO_LOADER] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LoaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_LOADER],

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-indicators',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729174469,
-    version: '17.0.0-develop.9',
+    publishDate: 1731414029,
+    version: '17.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/skeleton/skeleton.component.mjs

@@ -11,12 +11,8 @@ import * as i0 from "@angular/core";
  * Displays a Skeleton that represents loading content.
  */
 export class SkeletonComponent {
-    constructor(renderer, hostElement) {
-        this.renderer = renderer;
-        this.hostElement = hostElement;
-        this._animation = "pulse";
-        this._shape = 'text';
-    }
+    renderer;
+    hostElement;
     /**
      * Specifies the animation settings of the Skeleton.
      *
@@ -78,6 +74,12 @@ export class SkeletonComponent {
     set height(height) {
         this.renderer.setStyle(this.hostElement.nativeElement, "height", typeof height === "string" ? height : height + "px");
     }
+    _animation = "pulse";
+    _shape = 'text';
+    constructor(renderer, hostElement) {
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+    }
     ngAfterViewInit() {
         const hostElement = this.hostElement.nativeElement;
         hostElement.classList.add("k-skeleton", SHAPE_CLASSES[this.shape]);
@@ -85,10 +87,10 @@ export class SkeletonComponent {
             hostElement.classList.add(ANIMATION_CLASSES[this.animation]);
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SkeletonComponent, isStandalone: true, selector: "kendo-skeleton", inputs: { animation: "animation", shape: "shape", width: "width", height: "height" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-SkeletonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SkeletonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SkeletonComponent, isStandalone: true, selector: "kendo-skeleton", inputs: { animation: "animation", shape: "shape", width: "width", height: "height" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "kendo-skeleton",

package/{esm2020 → esm2022}/skeleton.module.mjs

@@ -12,11 +12,11 @@ import * as i1 from "./skeleton/skeleton.component";
  * definition for the Skeleton component.
  */
 export class SkeletonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, imports: [i1.SkeletonComponent], exports: [i1.SkeletonComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule });
 }
-SkeletonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkeletonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, imports: [i1.SkeletonComponent], exports: [i1.SkeletonComponent] });
-SkeletonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, imports: [KENDO_SKELETON] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SkeletonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SkeletonModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_SKELETON],